/*
	Theme Name: Femplus
	Description: Femplus website template
	Author: grzegorz.okonski@gmail.com
*/
@CHARSET "UTF-8";

/* ---------------------------
	reset
--------------------------- */
abbr, address, article, aside, audio, b, blockquote, body, canvas, 
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, 
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, 
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background-color: transparent; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
address, cite, q, dfn { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height:1.2; }
a, ins, del { text-decoration:none }
q, blockquote { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; width:100%; }
th, td {  vertical-align: top; }
th { text-align: left; }
button, input, select, textarea { font: inherit; }
pre, code, var, samp, kbd { font-family: monospace, sans-serif; }

/* -------------------------- 
	default
-------------------------- */
html { overflow-y:scroll; }
body { font:normal 13px/1.3 arial, verdana, sans-serif; color:#666; background:#5a5a5a; }
:focus { outline:none; }
p { padding-bottom:8px; }
a { color:#666; text-decoration:none; }
input, button { vertical-align:middle; }
img { display:block; }
hr { display:none; }
nav li { display:inline; list-style:none; }
button { cursor:pointer;}
h1, 
h2 { color:#009ec1; margin-bottom:10px; }
h1 { font-size:22px; }
h2 { font-size:18px; }
h3 { font-size:16px; padding:10px 0 5px; font-weight:bold; color:#444; }
h4 { font-size:14px; font-weight:bold; }
article small { font-size:12px; color:#009ec1; }

/* -------------------------- 
	layout 
-------------------------- */
#header { padding:10px 0 20px; font-size:14px; color:#999; }
#header .logo { width:350px; height:88px; display:block; background: url(http://new.vasectomyplus.ie/wp-content/uploads/2014/12/VasectomyLogo1.png) no-repeat top left; margin:25px 450px 0 0; }
#header .logo h1 { display:none; }
#header .inner { float:right; width:450px; }
#header li { display:block; float:right; margin-left:5px; }
#header li a { width:37px; height:33px; background:url(images/social-sprites.png) no-repeat; display:block; text-indent:-9999px; }
#header .facebook a { background-position:0 0; }
#header .twitter a { background-position:-37px 0; }
#header .vcard { width:210px; font-size:16px; border-right:1px solid #aaa; }
#header .vcard .tel { padding:2px 0 2px 27px; background:url(images/icon-tel.png) left center no-repeat; }
#header .vcard .email { padding:2px 0 2px 27px; background:url(images/icon-email.png) left center no-repeat; }
#header .vcard a { color:#999; }
#header .vcard strong { font-weight:normal; color:#009ec1; }
#header .search { width:220px; padding:20px 0 0 0; }
#header .search form { position:relative; }
#header .search label { display:block; }
#header .search input { background:#BEC0C2; border:0; color:#fff; padding:0 35px 0 5px; display:block; line-height:17px; height:35px; width:180px; }
#header .search button { position:absolute; background:url(images/button-search.png); width:25px; height:25px; display:block; border:0; text-indent:-9999px; right:5px; bottom:5px; }

#nav { background:#009ec1; font-size:16px; }
#nav li { display:block; float:left; position:relative; z-index:600; }
#nav li a { display:block; float:left; padding:10px 15px; color:#fff; text-decoration:none; }
#nav li ul { display:none; position:absolute; left:0; top:40px; font-size:13px; }
#nav .hover a { background:#717174; }
#nav .hover ul { display:block; }
#nav li li a { border-bottom:1px solid #ccc; background:#717174; color:#fff; display:block; float:left; text-align:left; width:175px; padding:5px 15px; }
#nav li li a:hover { background:#555; color:#fff }

#main { padding:10px 0 20px 0; }
#main .col1 { border-top:8px solid #babcbe; }

#content { padding:20px 0 0 15px; }
#content ul { margin:5px 0 5px 25px; }
#content li { margin-bottom:4px; }
#content h4 { padding-bottom:10px; }

aside { background:#eee; padding:17px; }
aside h5 { color:#009ec1; font-size:18px; margin-bottom:10px; padding:10px 4px 0 4px; border-top:8px solid #babcbe; }
aside article { padding:4px 0; border-bottom:1px solid #444; }
aside article p { padding-bottom:2px; }
aside ul { margin:5px 0; }
aside ul ul { margin-left:10px; }
aside li { display:block; list-style:none; }
aside li a { display:block; border-bottom:1px solid #888; padding:4px; }
aside li a:hover { background:#fff; text-decoration:none; }
aside .active a,
aside .active .active a { color:#009ec1; }
aside .active li a { color:#666; }

#footer { background:#babcbe; }
#footer h4 { font-weight:normal; margin-bottom:6px; }
#footer h5 { font-size:16px; margin-bottom:10px; }
#footer a:hover { color:#777; }
#footer .adr { margin-bottom:10px; }
#footer .columns { padding:20px; }
#footer .columns ul { margin:5px 0; }
#footer .columns li { margin-bottom:3px; list-style:none; }
#footer .col1 { width:290px; }
#footer .col2 { width:620px; border-left:1px solid #ddd; }
#footer .col2 div { float:left; margin-left:30px; }
#footer .col2 .services { width:390px; }
#footer .col2 .services li { float:left; width:180px; }
	.copyrights { background:#000; padding:20px; }
	.copyrights li { display:inline; margin:0 10px; }
	.copyrights ul { float:left; }
	.copyrights div { float:right; }

/* -------------------------- 
	specific
-------------------------- */
#intro { height:320px; overflow:hidden; margin-bottom:10px; }
#intro section { display:none; position:relative; }
#intro div { position:absolute; left:30px; top:0; display:none; width:380px; }
#intro h2 { font-size:22px; margin:0 0 10px 10px; color:#777; }
#intro ul { margin-left:30px; font-size:16px; }
#intro ul li { margin-bottom:3px; }
#intro .slide-1 div { left:610px; top:40px; width:350px; }
#intro .slide-3 div { top:10px; }
#intro .slide-4 div { top:20px; left:60px; }

.prev, 
.next { max-width:49%; font-weight:bold; }
.prev a,
.next a { color:#222; }
.prev a:hover,
.next a:hover { color:#009ec1; }
.alignleft,
.prev { float:left; text-align:left; }
.alignright,
.next { float:right; text-align:right; }
.alignleft {  margin:0 15px 10px 0; }
.alignright { margin:0 0 10px 15px; }

.home #content { padding:30px 20px; font-size:24px; position:relative; }
.home .read-more { display:block; position:absolute; bottom:0; right:0; width:99px; height:21px; background:url(http://new.vasectomyplus.ie/wp-content/uploads/2014/12/more.png); font-size:10px; text-indent:-9999px; }
.home #main .columns { margin-bottom:10px; }
.home .has4 section { float:left; width:236px; margin-right:5px; background:#eee; height:350px; position:relative; }
.home .has4 h2 { margin-bottom:5px; }
.home .has4 img { border-bottom:8px solid #009ec1; }
.home .has4 a:hover img { border-bottom-color:#717174; }
.home .has4 div { padding:10px;font-size:14px; line-height:1.1; }
.home .has4 .more { position:absolute; right:10px; bottom:10px; text-indent:-9999px; display:block; height:21px; width:60px; background:url(http://new.vasectomyplus.ie/wp-content/uploads/2014/12/more.png); }

.box { background:#666; margin-top:15px; }
.box a { float:left; margin-right:10px; }
.box div { padding:10px; line-height:1.2; font-size:12px; }
.box h4 { font-size:18px; line-height:1; margin-bottom:5px; }

#content .vcard,
.post { border-bottom:2px solid #ccc; margin-bottom:10px; padding-bottom:10px; }
.post a { text-decoration:underline; }
.post h2 { margin-bottom:5px; }

.vcard h2 { margin-bottom:3px; }
.vcard a { color:#009ec1; text-decoration:underline; }

#map {width:265px;height:197px;}

/* -------------------------- 
	common
-------------------------- */
.box:after,
.vcard:after,
.columns:after,
.copyrights:after,
#nav:after,
#header:after,
#header ul:after,
#footer:after,
#footer ul:after,
#main:after { content:" "; display:block; height:0; overflow:hidden; clear:both; }

.box,
#nav a,
#footer,
#footer a { color:#fff; }

/* -------------------------- 
	grid
-------------------------- */
#container { width:960px; margin:0 auto; padding:0 30px; background:#fff; }
.col1 { float:left; width:620px; }
.col2 { float:right; width:299px; }
.last { margin:0 !important; }

/* -------------------------- 
	widgets
-------------------------- */
.wpcf7 { padding:20px; background:#f3f4f4; }
.wpcf7 input { width:350px; border:1px solid #aaa; padding:3px; }
.wpcf7 textarea { width:550px; border:1px solid #aaa; padding:3px; height:100px; }
.wpcf7 .wpcf7-submit { width:auto; border:0; padding:3px 15px; background:#009ec1; color:#fff; border-radius:10px; cursor:pointer; }
.wpcf7 .wpcf7-submit:hover { background:#717174; }
.wpcf7-response-output { margin:10px 0; padding:10px !important; width:530px !important; text-align:center; border:3px solid #fff; } 
.wpcf7-mail-sent-ok { border: 1px solid #398f14; background:#ccebbc; } 
.wpcf7-spam-blocked { border: 1px solid #ffa500; } 
.wpcf7-display-none { display: none; } 
.wpcf7-validation-errors { background:#b00; color:#fff; } 
.wpcf7-form-control-wrap { position: relative; } 
.wpcf7-not-valid-tip { -webkit-border-radius:0 15px 15px 15px; -moz-border-radius:0 15px 15px 15px; -webkit-border-radius:0 15px 15px 15px; border-radius:0 15px 15px 15px; position:absolute; top:8px; z-index:100; display:block; color:#fff; background:#d00; padding:5px 20px; border:none; right:-20px; width:auto; } 
.wpcf7-not-valid-tip-no-ajax { color: #f00; display: block; } 
.wpcf7-list-item { margin-left: 0.5em; } 
.ajax-loader { border: none; vertical-align: middle;  display:inline; margin:0 0 0 10px; }