/*
Theme Name: Above Standard Plumbing
Theme URI: http://www.abovestandardplumbing.com.au
Description: Above Standard Plumbing Theme by <a href="http://www.existonline.com.au/">Exist Online</a>.
Version: 1.0
Author: Exist Online
Author URI: http://www.existonline.com.au
Date Created: 11.Jun.2014
Date Last Edited: 24.Jun.2014
Responsive Widths: 980, 650, 480, 320, 240
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;	font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }

/************************* start - GENERAL */
html, body { font-family: Arial, Helvetica, sans-serif; color: #666; height: 100%; }
body { background: #FFF; font-size: 62.5%; }
a { color: #266085; cursor: pointer; text-decoration: underline; }
a:hover { text-decoration: none; }
a:active { opacity: .8; }
strong { font-weight: bold; }
em { font-style: italic; }
form, input, textarea, select { font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5 { color: #081820; font-family: "Aldrich", Arial, Helvetica, sans-serif; line-height: 1.1; padding: 20px 0; text-transform: uppercase; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 { text-transform: none; }
h1 { font-size: 35px; }
h2 { font-size: 30px; }
h3 { font-size: 25px; }
h4 { font-size: 21px; }
h5 { font-size: 19px; }
h1 span, h2 span, h3 span, h4 span, h5 span { font-family: Arial, Helvetica, sans-serif; }
p { padding: 0 0 20px; }
.note { color: #AAA; font-size: 13px; }
.alignnone { float: none; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; margin: 0 0 20px 20px; }

.btn,
#respond form p input#submit,
input#searchsubmit { background: #276285; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; 
	color: #FFF; cursor: pointer; font-size: 16px; padding: 10px 20px; text-align: center; text-decoration: none; text-shadow: 1px 1px 1px #091821; text-transform: uppercase; }
.btn.plumbing { font-size: 13px; }
.btn:hover,
#respond form p input#submit:hover,
input#searchsubmit:hover { background: #091821; color: #66E5F2; }

.reset { border: medium none; clear: both; display: block; font-size: 1px; height: 0px; line-height: 1px; margin: 0; padding: 0; text-indent: -99999px; }
/*************************** end - GENERAL */

#wrapper { min-height: 100%; position: relative; }

/************************* start - HEADER */
#header { position: relative; }
#contact { font-size: 16px; max-width: 980px; margin: 0 auto; }
#contact .phone-email { color: #07181F; margin: 15px 20px; text-align: center; }
body.home #contact .phone-email { float: left; text-align: left; }
#contact .emergency { background: #276285; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #FFF; float: right; margin: 10px 20px 5px; padding: 7px 10px; }
#contact .emergency a { color: #FFF; }
@media screen and (max-width: 650px){
	#header { text-align: center; }
	body.home #contact .phone-email, #contact .emergency { display: inline-block; float: none; text-align: center; }
}

/* LOGO */
#logo { clear: both; max-height: 150px; max-width: 804px; margin: 0 auto; padding: 10px 10px 5px; }
#logo h1 { padding: 0; }
#logo a { display: block; max-height: 150px; }
#logo a img { color: #000; max-width: 100%; }

/* NAV BAR */
#nav { background: #091821; clear: both; font-size: 18px; min-height: 50px; text-shadow: 1px 1px 1px #091821; text-transform: uppercase; width: 100%; }
#nav ul.nav-menu, #nav div.nav-menu > ul { display: block !important; text-align: center; max-width: 980px; margin: 0 auto; }
#nav ul.sub-menu li { border-right: none; }
#nav ul { margin: 0; text-indent: 0; }
#nav li a, #nav li { float: left; text-decoration: none; }
#nav li a { color: #66E5F2; padding: 16px 22px; white-space: nowrap; }
#nav li a:hover { background: #276285 url(img/drop.png) no-repeat center center; color: #FFF; text-decoration: none; }
#nav li { border-left: 2px solid #FFF; }
#nav li#menu-item-25 { border: none; }
/*#nav li li { border-left: 1px solid #CCC; border-right: 1px solid #821E2D; margin: 0; }
#nav li ul { background: #FFF; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC;
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
	display: none; margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; }
#nav li ul ul { top: 0; left: 100%; }
#nav ul li:hover > ul { border-left: 0; display: block; }
#nav li ul li a { background: #FFF; border-top: 1px solid #CCC; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px;
	height: auto; line-height: 1.3; padding: 6px 28px; width: 180px; text-transform: none; white-space: normal; }
#nav li ul li a:hover { background: #276285; color: #FFF; text-shadow: none; }*/
#nav .current-menu-item > a, #nav .current-menu-ancestor > a, #nav .current_page_item > a, #nav .current_page_ancestor > a { color: #FFF; }
.menu-toggle { display: none; }
@media screen and (max-width: 980px){
	#nav li a, #nav li { border: none; float: none; display: inline-block; }
}
/*************************** end - HEADER */

/* BANNER */
#banner { clear: both; position: relative; max-height: 300px; max-width: 980px; margin: 0 auto; padding: 20px 0; }
.rslides { max-height: 300px; position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
/*body.home .rslides { max-height: 300px; }*/
.rslides div { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides div:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
ul.rslides_tabs { max-width: 180px; position: absolute; left: 40%; bottom: 30px; z-index: 10; }
ul.rslides_tabs li { display: inline-block; padding: 0 5px; }
ul.rslides_tabs li a { background: #276285; border: 2px solid #FFF; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; 
	display: block; height: 20px; text-indent: -99999px; width: 20px; }
ul.rslides_tabs li.rslides_here a { background: #66E5F2; }
ul.rslides_tabs li a:hover { background: #091821; }
@media screen and (max-width: 480px){
	ul.rslides_tabs { left: 33%; }
}

/************************* start - MAIN */
#main { line-height: 1.5; padding: 0 0 250px; position: relative; max-width: 980px; margin: 0 auto; }
body.home #main { max-width: none; margin: 0; }
@media screen and (max-width: 480px){
	#main { padding: 0 0 310px; }
}

/* CONTENT */
#content { float: left; font-size: 16px; margin: 0; padding: 0 20px; max-width: 620px; width: 620px; text-shadow: 0 1px 1px #FFF; }
body.home #content { max-width: 940px; width: auto; margin: 0 auto; float: none; }
@media screen and (max-width: 980px){
	#content { max-width: 940px; width: 93%; }
}
@media screen and (max-width: 650px){
	#content { width: 90%; }
}
@media screen and (max-width: 480px){
	#content { width: 87%; }
}

/* POST */
.post { margin: 0 0 20px; }

.post ul, .post ol, .widget ul { padding: 0 0 20px 40px; }
.post ul li, .widget ul li { background: url(img/bullet-point.png) no-repeat left top; padding: 0 0 0 28px; }
.post ul li, .post ol li, .widget ul li { margin: 15px 0; }
.post ol li { list-style: decimal outside; margin: 15px 0 0 22px; padding: 0 0 0 5px; }
.post ul li ul, .post ol li ol, .widget ul li ul { padding-bottom: 0; }

/* FORMS */
input, textarea, select { background: #FFF; -webkit-box-shadow: inset 0 9px 12px #DFDFD0; -moz-box-shadow: inset 0 9px 12px #DFDFD0; box-shadow: inset 0 9px 12px #DFDFD0; 
	border: none; border: 1px solid #AAA; color: #666; font-size: 16px; margin: 0; padding: 10px; max-width: 240px; }
select { width: 300px; }
input:hover, textarea:hover, select:hover { border-color: #777; }
input:focus, textarea:focus, select:focus { border-color: #111; }
form#searchform label.screen-reader-text { color: #777; padding: 0 10px 0 0; }
form#searchform { padding: 30px 0; }

/* CONTACT FORM */
form.wpcf7-form { margin: 0 auto; padding: 40px 0; max-width: 490px; }
form.wpcf7-form p { clear: both; margin: 0; padding: 0 0 10px; position: relative; }
form.wpcf7-form p label { color: #333; display: inline-block; font-weight: bold; padding: 10px 10px 0 0; text-align: right; vertical-align: top; width: 180px; }
form.wpcf7-form p em { color: #666; font-size: 12px; font-style: normal; }
form.wpcf7-form p span.wpcf7-form-control-wrap { padding: 10px 0; }
form.wpcf7-form p span.wpcf7-form-control-wrap input.watermark { color: #333; }
/*form.wpcf7-form p span.wpcf7-form-control-wrap input,
form.wpcf7-form p span.wpcf7-form-control-wrap textarea { width: 220px; }
form.wpcf7-form p span.wpcf7-form-control-wrap select { width: 316px; }*/
form.wpcf7-form p span.wpcf7-form-control-wrap textarea { min-height: 200px; }
form.wpcf7-form p span.wpcf7-form-control-wrap.captcha input { letter-spacing: 4px; text-align: center; width: 60px; }
form.wpcf7-form p input.wpcf7-submit.button { margin: 10px 0 0; }
form.wpcf7-form p img.wpcf7-captcha-captcha { background: none; border: none; display: inline-block; padding: 0 10px 0 0; position: relative; left: 3px; top: 6px; }
form.wpcf7-form p span.note { display: inline-block; font-size: 13px; line-height: 1.2; max-width: 240px; }
form.wpcf7-form p span.note strong { color: #AAA; }
form.wpcf7-form p img.ajax-loader { background: none; }
form.wpcf7-form p span span.wpcf7-not-valid-tip { color: #C00; padding: 5px 0 10px 200px; }
form.wpcf7-form p span.captcha span.wpcf7-not-valid-tip { padding-left: 286px; }
form.wpcf7-form .wpcf7-response-output { font-size: 14px; line-height: 1.5; margin: 10px 0 0; padding: 10px; text-shadow: none; }
form.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors { background: #FFB; color: #848300; }
form.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok { background: #D1FFBC; color: #2F7310; }
@media screen and (max-width: 650px){
	form.wpcf7-form p label { display: block; text-align: left; }
	form.wpcf7-form p label.empty { display: none; }
	form.wpcf7-form p span span.wpcf7-not-valid-tip { padding-left: 0; }
	form.wpcf7-form p span.captcha span.wpcf7-not-valid-tip { padding-left: 96px; }
}

/* COMMENTS */
#comments { margin: 20px auto; max-width: 620px; }
.comments-heading { clear: both; text-align: center; }
.comments-heading h3, #respond h3 { position: relative; text-transform: none; }
#comments ol.commentlist li.comment { margin: 10px 0 0; padding: 20px 0 0; }
/*#comments ol.commentlist li.comment.bypostauthor { background: #EEE; border-color: #AAA; }*/
#comments ol.commentlist li.comment .vcard { padding: 0 0 20px; }
/*#comments ol.commentlist li.comment .vcard img { background: #FFF; border: 1px solid #777; float: left; position: relative; }*/
body.page-id-11 #comments ol.commentlist li.comment .vcard img { display: none; }
#comments ol.commentlist li.comment .vcard cite { float: left; }
#comments ol.commentlist li.comment .vcard span { display: none; /*color: #AAA; display: inline-block; font-size: 10px; padding: 0 0 0 5px; text-transform: uppercase;*/ }
/*body.page-id-11 #comments ol.commentlist li.comment .vcard cite,
body.page-id-11 #comments ol.commentlist li.comment .vcard span { padding: 0; }*/
#comments ol.commentlist li.comment .vcard a.date { color: #AAA; float: right; font-size: 13px; }
/*#comments ol.commentlist li.comment.bypostauthor .vcard a.date { color: #999; }*/
#comments ol.commentlist li.comment .comment-awaiting-moderation { color: #C00; display: block; font-weight: bold; padding: 0 0 20px 0; text-align: center; text-transform: uppercase; }
#comments ol.commentlist li.comment .comment-content { padding: 0 0 0 68px; }
body.page-id-11 #comments ol.commentlist li.comment .comment-content { padding: 0; }
#comments ol.commentlist li.comment .reply { clear: both; font-size: 10px; text-align: right; text-transform: uppercase; }
#comments ol.commentlist li.comment .reply a { font-size: 10px; height: auto; }
body.page-id-11 #comments ol.commentlist li.comment .reply { display: none; }
@media screen and (max-width: 980px){
	#comments { max-width: 940px; }
}

/* LEAVE A COMMENT */
#respond { max-height: 800px; max-width: 410px; margin: 40px auto 0; }
li.comment #respond { margin: 40px auto; }
#respond h3 small { font-family: Helvetica, Arial, sans-serif; position: absolute; right: 0; top: 0; }
#respond h3 small a { font-size: 13px; }
#respond form p { display: inline-block; padding: 0 0 10px; }
#respond form p label { color: #333; float: left; font-weight: bold; padding: 8px 0 0; width: 90px; }
#respond form p input, #respond form p textarea {}
#respond form p.cptch_block { padding: 0 0 10px 90px; }
#respond form p.cptch_block br { display: none; }
#respond form p.comment-notes, #respond form p.form-allowed-tags { color: #AAA; }
#respond form p.comment-notes { font-size: 13px; padding: 0 0 20px; }
#respond form p.form-allowed-tags, #respond form p.form-submit { font-size: 11px; padding: 0 0 20px 90px; max-width: 260px; }
#respond form p.comment-form-author span.required, #respond form p.comment-form-email span.required { color: #AAA; }
#respond form p input#submit, #respond form p input#submit:hover { margin: 0; }
@media screen and (max-width: 480px){
	#respond form p.cptch_block { padding: 10px 0; }
	#respond form p.form-allowed-tags, #respond form p.form-submit { padding: 0 0 20px; }
}

/* GOOGLE MAP */
iframe.googlemap { width: 100% !important; }

/* PAGE NAVIGATION */
.navigation { display: inline-block; padding: 20px 0; width: 100%; }

/* SHARE */
#share { clear: both; margin: 0 auto 40px; max-width: 400px; text-align: center; }

/* SERVICES */
#services { background: #E9EFF3; padding: 10px 20px 20px; }
#services .wrap { margin: 0 auto; position: relative; max-width: 980px; text-align: center; }
#services h2 { float: left; margin: 0 0 0 20px; }
#services a.btn.plumbing, .widget.services a.btn.plumbing { float: right; background: none; background: url(img/btn.png) center top; margin: 15px 0 0; padding: 10px 0; width: 280px; }
#services a.btn.plumbing:hover, .widget.services a.btn.plumbing:hover { background-position: center bottom; }
#services a.box { display: inline-block; height: 250px; width: 230px; margin: 6px; text-decoration: none; position: relative; }
#services a.box h4 { background: rgba(39,98,133,.8); color: #FFF; padding: 20px 10px; text-shadow: 1px 1px 1px #091821; text-transform: none; 
	position: absolute; left: 0; right: 0; top: 0; z-index: 5; }
#services a.box:hover h4 { background: rgba(9,24,33,.8); color: #66E5F2; }
#services a.box:hover img { opacity: .8; }
@media screen and (max-width: 800px){
	#services .wrap { padding: 0 0 60px; }
	#services a.btn.plumbing { float: none; position: absolute; right: 0; bottom: 0; }
}
@media screen and (max-width: 650px){
	#services h2 { display: inline-block; margin: 0; text-align: center; width: 100%; }
}

/* SIDEBAR */
#sidebar { float: left; margin: 0; padding: 0 0 20px 20px; max-width: 280px; text-align: center; }
body.home #sidebar { float: none; margin: 0 auto; padding: 10px 20px 20px; max-width: 940px; }
@media screen and (max-width: 980px){
	#sidebar { clear: both; float: none; margin: 0 auto; padding: 10px 20px 20px; max-width: 940px; }
}

.widget { display: inline-block; font-size: 13px; margin: 0 auto 20px; padding: 20px 0 20px 20px; min-height: 0; max-width: 280px; text-align: left; position: relative; vertical-align: top; }
body.home .widget { margin: 20px 14px; padding: 0; min-height: 300px; max-width: 440px; }
.widget.testimonials div { display: block; height: 135px; overflow: hidden; }
.widget.testimonials div span { display: inline; }
.widget.testimonials div p { display: inline; padding: 0; }
.widget.testimonials p.author { color: #333; font-style: italic; padding: 10px 0 0; text-align: right; }
.widget.testimonials .btn { font-size: 13px; position: absolute; left: 0; right: 0; bottom: 0; }
.widget.social h3 { text-transform: none; }
body.home .widget.social h3 { text-transform: uppercase; }
body.home .widget.social iframe.big { display: block; visibility: visible; }
.widget.social iframe.big { display: none; visibility: hidden; }
body.home .widget.social iframe.small { display: none; visibility: hidden; }
.widget.social iframe.small { display: block; visibility: visible; }
.widget.social a.yt { color: #FF021E; position: relative; right: auto; top: auto; display: block; margin: 20px auto 0; width: 215px; text-decoration: none; text-shadow: 0 1px 1px #FFF; }
body.home .widget.social a.yt { position: absolute; right: 0; top: 40px; margin: 0; width: auto; }
.widget.social a.yt img { -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; 
	-webkit-box-shadow: 0 1px 1px 1px #FFF; -moz-box-shadow: 0 1px 1px 1px #FFF; box-shadow: 0 1px 1px 1px #FFF; float: left; margin: 0 5px 0 0; }
.widget.social a.yt span { float: left; line-height: 1.2; margin: 25px 0 0 5px; width: 140px; }
body.home .widget.social a.yt span { margin: 15px 0 0; width: 75px; }
.widget.social a.yt:hover img { opacity: .8; }
.widget.social a.yt:hover span { text-decoration: underline; }
.widget.emergency { background: #276285; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 20px; text-align: center; }
.widget.emergency h3 { color: #FFF; padding: 0 0 20px; }
.widget.emergency h4 { color: #FFF; padding: 0; }
.widget.emergency a { color: #FFF; }
.widget.services { padding: 0 0 20px; }
.widget.services h3 { padding-left: 20px; }
.widget.services div { background: url(img/bg-pic-plumbing-services.jpg) no-repeat center top; color: #266085; font-size: 16px; position: relative; text-shadow: 0 1px 1px #FFF; }
.widget.services div ul { min-height: 195px; padding: 5px 10px 0 10px; position: relative; z-index: 10; }
.widget.services a.btn.plumbing { margin: 0; }
@media screen and (max-width: 650px){
	body.home .widget.social h3 { text-align: center; }
	body.home .widget.social iframe.big { display: none; visibility: hidden; }
	body.home .widget.social iframe.small { display: block; visibility: visible; margin: 0 auto; }
	body.home .widget.social a.yt { position: relative; right: auto; top: auto; display: block; margin: 20px auto 0; width: 215px; }
	body.home .widget.social a.yt span { margin: 25px 0 0 5px; width: 140px; }
}
@media screen and (max-width: 980px){
	.widget { display: block; }
	body.home .widget { margin: 0 auto 20px; padding: 20px 0; }
}

/* SITEMAP */
/*.ddsg-wrapper ul li { color: #666; }
.ddsg-wrapper ul li a, .ddsg-wrapper li strong { font-size: 15px; font-weight: bold; text-transform: none; }
.ddsg-wrapper ul li ul li a { display: block; }*/
.ddsg-wrapper p { display: none; }

#drop { background: url(img/bg-drop.jpg); height: 680px; width: 512px; position: absolute; right: 0; bottom: 170px; z-index: -10; }
@media screen and (max-width: 980px){
	#drop { bottom: 280px; }
}
/*************************** end - MAIN */

/************************* start - FOOTER */
#footer { background: #091821; color: #276285; display: block; font-size: 13px; min-height: 120px; width: 100%; line-height: 1.5; padding: 20px 0 0; position: absolute; bottom: 0; }
#footer .wrap { margin: 0 auto; padding: 0 20px; max-width: 980px; }
#footer .alignleft { max-width: 680px; }
#footer .alignright { max-width: 140px; }
#footer .alignright img { margin: 10px 0 0; }
#footer p { padding: 0 0 15px; }
#footer a { color: #276285; text-decoration: none; }
#footer p.nav a { margin: 0 3px; text-decoration: underline; white-space: nowrap; }
#footer a:hover { color: #FFF; text-decoration: underline; }
#footer p.nav a:hover { text-decoration: none; }
/*************************** end - FOOTER */