/*
Theme Name:Bondys Contractors
Author:Tracey Shaw @ GOOP
Author URI:http://www.goop.com.au/
Description:Custom WordPress theme for Bondys Contractors.
Version:1.0
*/

@import url("css/base.css");
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css");

html, body {height:100%;margin:0;padding:0;line-height:1.3;font-size:100%;color:#151515;font-weight:400;background:#ffffff;}
*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
a, img {-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}

/*=================================================================================
	FONTS
=================================================================================*/
body, input, select, textarea, label, button {font-family:'Lato', sans-serif;}
#responsive ul li.menu-item-has-children:before, article a.pdf:before, blockquote.testimonial:before {font-family:'FontAwesome';}
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {font-family:'Lato', sans-serif!important;}

h2, h3, h4, h5, h6 {font-weight:normal;}
#bondys {padding:0;position:relative;}

@media only screen and (min-width:1000px) {
	.container {width:100%;padding:0;}
}

/*=================================================================================
	RESPONSIVE
=================================================================================*/
#responsive span {padding:10px;position:absolute;left:5px;color:#000000;cursor:pointer;z-index:99999;}
#responsive span i {font-size:1.8em;}
#responsive ul {background:#111111 url(img/backgrounds/noise.png);padding:0;margin-bottom:0;display:none;list-style:none;}
#responsive ul li {border-bottom:1px solid #000606;margin:0;line-height:35px;min-height:35px;padding:0;text-transform:uppercase;font-size:1em;}
#responsive ul li a {color:#ffffff;text-decoration:none;display:block;padding:0 10px;}
#responsive ul li:last-child {border:none;}
#responsive ul li:hover {background:#000000 url(img/backgrounds/noise.png);color:#ffffff;}
#responsive ul li:hover a {color:#ffffff;}
#responsive ul li ul {position:absolute;top:-99999px;left:0;opacity:0;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;z-index:1;}
#responsive ul li ul li {font-size:0.9em;line-height:1.1;height:auto;min-height:0;}
#responsive ul li ul li {font-size:0.9em;}
#responsive ul li ul li a {padding:8px 10px;}
#responsive ul li ul li a:before {content:"- ";}
#responsive ul li:hover > ul {opacity:1;position:relative;top:auto;left:auto;display:block;height:auto;width:auto;white-space:normal;margin:0;text-align:left;overflow:visible;border-top:1px solid #000606;}
#responsive ul li.menu-item-has-children {position:relative;}
#responsive ul li.menu-item-has-children:before {position:absolute;top:0;right:10px;content:"\f107";color:#ffffff;}

@media only screen and (min-width:800px) {
	#responsive {display:none;}
}

/*=================================================================================
	HEADER
=================================================================================*/
header {padding:80px 0 0;position:relative;margin:0;z-index:100;overflow:visible;} 
header .red {background:#e20613 url(img/backgrounds/noise.png);
background: #e0232d;
background: -moz-linear-gradient(top,  #e0232d 0%, #e20613 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0232d), color-stop(100%,#e20613));
background: -webkit-linear-gradient(top,  #e0232d 0%,#e20613 100%);
background: -o-linear-gradient(top,  #e0232d 0%,#e20613 100%);
background: -ms-linear-gradient(top,  #e0232d 0%,#e20613 100%);
background: linear-gradient(to bottom,  #e0232d 0%,#e20613 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0232d', endColorstr='#e20613',GradientType=0 );



}
header .red #details {list-style:none;text-align:center;padding:10px 0;}
header .red #details li {color:#ffffff;font-size:1.1em;padding:2px 0;font-weight:700;}
header .red #details li span {display:block;}
header .logo {width:100%;max-width:220px;margin:-60px auto 0;display:block;z-index:10000;position:relative;}
header .logo img {width:100%;display:block;margin:0;}

@media only screen and (min-width:600px) {
	header {padding-top:50px;max-height:150px;overflow:visible;}
	header .red {max-height:100px;overflow:visible;}
	header .red .container .eight.columns {width:50%;}
	header .red #details {text-align:right;}
	header .red #details {width:100%;}
	header .logo {position:relative;}
	header .logo img {position:absolute;}
	header .logo {margin:-40px 0 0;}
/*	header .red #details li {float:left;display:block;}
	header .red #details li:nth-child(2) {float:right;text-align:right;}
	header .red #details li:nth-child(2) span {display:block;}
	header .logo {margin:0 auto -80px;}*/
}

@media only screen and (min-width:800px) {
	header {padding-top:50px;max-height:150px;overflow:visible;}
	header .red #details {width:100%;}
	header .logo {position:relative;}
	header .logo img {position:absolute;}
	/*header .red #details {text-align:left;padding:40px 0 40px;}
	header .red #details li {font-size:1.3em;}
	header .logo {max-width:320px;margin:0 auto -110px;}*/
}

/*=================================================================================
	NAVIGATION
=================================================================================*/
nav {position:relative;z-index:1;padding:0;background:#22449d url(img/backgrounds/noise.png);display:none;border-top:2px solid #ffffff;background: #2d4c9b;
background: -moz-linear-gradient(top,  #2d4c9b 0%, #22449d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d4c9b), color-stop(100%,#22449d));
background: -webkit-linear-gradient(top,  #2d4c9b 0%,#22449d 100%);
background: -o-linear-gradient(top,  #2d4c9b 0%,#22449d 100%);
background: -ms-linear-gradient(top,  #2d4c9b 0%,#22449d 100%);
background: linear-gradient(to bottom,  #2d4c9b 0%,#22449d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4c9b', endColorstr='#22449d',GradientType=0 );
} 
nav .container {width:100%;padding:0;}
nav ul {text-align:center;margin:0;padding:0;position:relative;z-index:999;height:40px;} 
nav ul li {display:inline-block;font-size:0.7em;margin:0 -2px;padding:0 4px;height:40px;line-height:40px;text-transform:uppercase;position:relative;}
nav ul li:hover, nav ul li.current-menu-item, nav ul li.current-page-ancestor {background:#163176 url(img/backgrounds/noise.png);} 
nav ul li > a {text-decoration:none;display:block;color:#ffffff;} 
nav ul li ul {position:absolute;top:-99999px;left:0;opacity:0;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;z-index:1;} 
nav ul li:hover > ul {opacity:1;position:absolute;top:100%;left:0;display:block;height:auto;width:auto;white-space:nowrap;margin-top:0;text-align:left;padding:0;} 
nav ul li ul li {display:block;margin:0;font-size:0.8em;background:#1e408d;padding:0 10px;line-height:22px;height:23px;border-bottom:1px solid #fffff;}
nav ul li ul li:last-child {border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
nav ul li ul li a {color:#ffffff;} 

@media only screen and (min-width:800px) {
	nav {display:block;}
}
@media only screen and (min-width:900px) {
	nav ul li {font-size:0.8em;}
	nav ul li ul li {font-size:0.9em;}
}
@media only screen and (min-width:960px) {
	nav ul li {font-size:0.85em;padding:0 5px;}
	nav ul li ul li {font-size:0.95em;}	
}
@media only screen and (min-width:1024px) {
	nav ul li {padding:0 6px;}
}

section#quote {background:#4387bc url(img/backgrounds/quote.png) center right no-repeat;background-size:cover;padding:30px;margin-bottom:20px;border-radius:5px;}
section#quote a {display:block;border:none;color:#151515;}
section#quote a span {display:inline-block;background:rgba(255,255,255,0.3);text-transform:uppercase;font-size:1.2em;padding:10px 15px;border-radius:5px;max-width:70%;}
section#quote a:hover span {color:#151515;background:rgba(255,255,255,0.7);}
@media only screen and (min-width:600px) {
	section#quote {padding:30px;}
	section#quote a span {font-size:1.5em;max-width:60%;}
}
@media only screen and (min-width:700px) {
	section#quote a span {}
}

ul#socialmedia {list-style:none;position:absolute;top:-75px;right:10px;margin:0;}
ul#socialmedia li {font-size:1.8em;}
ul#socialmedia li a .fa-facebook-square {color:#3b5998;}
ul#socialmedia li a .fa-facebook-square:hover {color:#314b82;}

@media only screen and (min-width:600px) {
	ul#socialmedia {top:-45px;}
}

/*=================================================================================
	ARTICLE
=================================================================================*/
article.columns {padding:20px 0!important;position:relative;}
article h1 {font-size:1.4em;margin:0 0 10px;color:#141414;font-weight:700;}
article h2 {font-size:1.2em;margin:0 0 5px;color:#141414;font-weight:700;}
article h3 {font-size:1.1em;margin:0 0 3px;color:#141414;font-weight:700;}
article h4, article h5, article h6 {font-size:1.0em;margin:0 0 10px;color:#141414;font-weight:700;}
article p {font-size:1em;margin:0 0 1em;}
article ul, article ol {margin:0 10px 15px 30px;}
article p + ul, article p + ol {margin:-5px 10px 15px 30px;}
article ul li, article ol li {margin-bottom:3px;font-size:1em;}
article ul.columns-2 {float:left;}
article ol li ul {margin-top:10px;list-style:disc;}
article ul li ul {margin:3px 20px;}
article ul li small, article ol li small {font-size:0.9em;}
article table {margin:0 0 20px 0;border-collapse:collapse;}
article table, article table th, article table td {border:1px solid #444444;}
article table tr th {padding:3px 10px 3px;font-size:1em;text-align:left;}
article table tr td {padding:3px 10px 3px;font-size:1em;text-align:left;}
article hr {border-color:#444444;height:1px;}
article .domain:before {content:"\40";margin-right:0px;}
article a.pdf:before {content:"\f0f6";margin-right:5px;}
article small.date {font-size:0.7em;display:block;margin:0 0 8px;text-transform:uppercase;opacity:0.5;}

#contact article ol {list-style:none;margin:0 0 20px 0;}
#contact article ol li {margin:0 0 10px;}

@media only screen and (min-width:768px) {
	article.columns {padding-right:20px!important;}
}

@media only screen and (min-width:768px) and (max-width:909px) {
	#contact article .eight.columns {width:100%;}
}

/*=================================================================================
	BLOCKQUOTES
=================================================================================*/
blockquote.testimonial {padding:0;margin:0 20px 20px;min-height:0px;position:relative;}
blockquote.testimonial:before {font-family:"FontAwesome";content:"\f10d";opacity:0.4;position:absolute;top:0;left:-18px;clear:both;overflow:inherit;visibility:visible;}
blockquote.testimonial cite {display:block;margin:-5px 0 0 10px;font-style:normal;font-size:0.875rem;position:relative;}
blockquote.testimonial cite:before {content:"- ";position:absolute;top:0;left:-8px;clear:both;}
blockquote.testimonial cite span {display:block;}

/*=================================================================================
	LINKS
=================================================================================*/
article a, aside a {color:#353535;text-decoration:none;border-bottom:1px dotted #bbbbbb;}
article a:hover, aside a:hover {color:#22449d;border-bottom:1px solid #22449d;} 

/*=================================================================================
	POSTS & CHILDREN
=================================================================================*/
article .page, article .post {clear:both;padding:20px 0 0;margin:20px 0 0;border-top:1px solid #cccccc;}
article .page h2.title, article .post h2.title {background:none;padding:0;margin:0 0 10px;}
article .page h2.title a, article .post h2.title a {text-decoration:none;padding:0;margin:0;border-color:transparent;color:inherit;}
article .page h2.title a:hover, article .page h2.title a:focus, article .post h2.title a:hover, article .post h2.title a:focus {background:none;color:inherit;}
article .page p, article .post p {display:inline;}
@media only screen and (min-width:600px) {article .page .description.twelve.columns, article .post .description.twelve.columns {width:75%;} }
article .page .thumbnail, article .post .thumbnail {margin-bottom:20px;}
@media only screen and (min-width:600px) {article .page .thumbnail.four.columns, article .post .thumbnail.four.columns {padding-right:20px;width:25%;} }
article .page .thumbnail img, article .post .thumbnail img {display:block;margin:0;width:100%;height:auto;}
article .page .thumbnail a, article .page .thumbnail a:hover, article .page .thumbnail a:focus, article .post .thumbnail a, article .post .thumbnail a:hover, article .post .thumbnail a:focus {border:none;padding:0;margin:0;}
.post:not(.event):first-of-type {padding-top:0;margin-top:0;border-top:none;}

/*==============================================
	IMAGES
==============================================*/
.alignnone {margin:0 0 1em 0;}
.aligncenter, div.aligncenter {display:block;margin:0 auto 1em;}
.alignright {float:right;margin:0 0 1em 1em;}
.alignleft {float:left;margin:0 1em 1em 0;}
.aligncenter {display:block;margin:0 auto;}
img, img[class*="align"], img[class*="wp-image-"] {max-width:100%;height:auto;}
img.alignright {margin-left:0 0 1em 1em;}
img.alignleft {margin:0 1em 1em 0;}
img.aligncenter {display:block;margin:0 auto 1em;}
img[class*="align"], img[class*="wp-image-"] {border:none;}
img.wp-post-image {display:block;margin:0 auto;margin-bottom:1.875rem;}
@media only screen and (max-width:600px) {.alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter {float:none;display:block;margin-left:auto;margin-right:auto;text-align:center;width:100%;max-width:100%;} }
@media only screen and (max-width:600px) {.alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter {width:100% !important;max-width:100%;margin-left:0;margin-right:0;float:none;} }

/*=================================================================================
	WP-CAPTION
=================================================================================*/
.wp-caption {margin-bottom:1em;max-width:100%;text-align:left;position:relative;}
@media only screen and (max-width:600px) {.wp-caption {width:100% !important;max-width:100%;margin-left:0;margin-right:0;float:none;} }
.wp-caption img {display:block;margin:0 auto;}
@media only screen and (max-width:600px) {.wp-caption img {width:100% !important;max-width:100%;margin-left:0;margin-right:0;float:none;} }
.wp-caption-text {font-size:0.75rem;padding:8px 5px;opacity:0.8;}

/*=================================================================================
	GALLERIES
=================================================================================*/
article .gallery {margin:0 0 40px !important;}
article .gallery a, article .gallery a:hover, article .gallery a:focus {padding:0;margin:0;background:none;}
article .gallery:last-of-type {margin:0 !important;}
article .gallery .gallery-item {margin:0 1% 0.5% 0 !important;float:none !important;display:inline-block !important;width:15.8% !important;position:relative !important;}
article .gallery .gallery-item:nth-of-type(6n+6) {margin-right:0 !important;}
article .gallery .gallery-item img {display:block;border:none !important;width:100%;height:auto;}
article .gallery .gallery-item .gallery-caption {position:absolute !important;bottom:0;text-align:center;background:rgba(0, 0, 0, 0.5);padding:5px;color:#ffffff;width:100%;font-style:normal;opacity:0;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-ms-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none;}
article .gallery .gallery-item:hover .gallery-caption {opacity:1;}
article .gallery br {display:none;}
#slb_viewer_wrap .slb_theme_slb_baseline .slb_slideshow, #slb_viewer_wrap .slb_theme_slb_baseline .slb_group_status {display:none;}

/*=================================================================================
	PAGINATION
=================================================================================*/
article .pagination {margin-top:20px;margin-bottom:20px;padding:0;display:block;}
article .pagination span, article .pagination a {display:inline-block;background:#151515;color:#ffffff;height:20px;width:20px;line-height:20px;text-align:center;font-size:0.75rem;border:none;text-decoration:none;display:inline-block;}
article .pagination span.current, article .pagination span:hover, article .pagination span:focus, article .pagination a.current, article .pagination a:hover, article .pagination a:focus {background:#22449d;border:none;color:#ffffff;text-decoration:none;}
article .pagination.single div {display:inline-block;width:50%;}
article .pagination.single div.newer {text-align:right;}

/*=================================================================================
	FORMS
=================================================================================*/
form li {list-style:none;}
form label {display:block;margin-top:1em;}
form input[type=radio] + label {margin-top:0;}
form .input-group {margin-top:1em;}
form input[type=checkbox] + label, form input[type=radio] + label, form label.checkbox {display:inline-block;}
form .ninja-forms-required-items {display:block;margin:0 0 5px 0;font-size:0.75rem;color:#666666;font-style:italic;}
form input[type=text], form input[type=email], form input[type=password], form textarea, form select {border:1px solid #bbbbbb;padding:0.625rem;display:block;margin-left:0 !important;width:100%;color:#999999;border-radius:5px;}
form input[type=text]:hover, form input[type=text]:focus, form input[type=email]:hover, form input[type=email]:focus, form input[type=password]:hover, form input[type=password]:focus, form textarea:hover, form textarea:focus, form select:hover, form select:focus {color:#3c3c3b;}
.ninja-forms-cont {padding-bottom:20px;}
.ninja-forms-response-msg {margin:0;font-weight:700;}
.ninja-forms-response-msg.ninja-forms-error-msg {color:#cc0000;}
.ninja-forms-response-msg.ninja-forms-error-msg p {display:inline;padding-right:5px;}
.ninja-forms-response-msg.ninja-forms-success-msg {color:#6c99d0;margin:0 0 20px;}
.ninja-forms-field-error {color:#cc0000;font-size:0.75rem;}
.ninja-forms-field-error p {display:inline;}
.ninja-forms-error input[type=text], .ninja-forms-error textarea, .ninja-forms-error select {border-color:#cc0000;}
.ninja-forms-error .ninja-forms-field-description {font-size:0.75rem;}
.ninja-forms-error .ninja-forms-field-description p {margin:0 0 5px;color:#cccccc;}
.field-wrap {margin-bottom:5px!important;}
input[type=submit] {color: #ffffff; background: #3c3c3b; font-size: 1rem; padding: 10px 15px; margin: 0; cursor: pointer; border: none; transition: opacity 0.3s ease-in-out;border-radius:5px;}
input[type=submit]:hover, input[type=submit]:focus { color: #ffffff; background: #222222; }
@media only screen and (min-width:910px) {
	.ninja-forms-cont {padding-left:20px;}
}


/*=================================================================================
	IFRAMES
=================================================================================*/
article iframe {margin:0 0 20px;display:block;width:100%!important;}

/*=================================================================================
	VIDEOS
=================================================================================*/
.video-container {position:relative;padding-bottom:56.25%;padding-top:25px;height:0;margin-bottom:20px;}
.video-container iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/*=================================================================================
	SITEMAP
=================================================================================*/
article ul.sitemap {margin-left:25px;}
article ul.sitemap li ul {margin:5px 0 10px 15px;list-style-type:inherit;}
article ul.sitemap li.current_page_item {display:none;}

/*=================================================================================
	SIDEBAR
=================================================================================*/
aside {margin:20px 0 0;padding:0;}
aside .sidebar {list-style:none;text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #cccccc;}
aside .sidebar li {display:inline-block;margin:0 2px;padding:3px;}
aside .sidebar li:first-child {display:block;margin:0;padding:0;}
aside .sidebar li h3 {color:#ffffff;background:#e20613 url(img/backgrounds/noise.png);font-size:1.2em;font-weight:700;text-transform:uppercase;padding:5px 10px;border-radius:5px;}
aside .sidebar li a {border:none;}
aside .sidebar.services {color:#ffffff;text-align:left;}
aside .sidebar.services li {padding:0;margin:0;margin-bottom:20px;position:relative;display:block;}
aside .sidebar.services li a {background:#999999 url(img/backgrounds/noise.png);color:#ffffff;display:block;font-size:1.1em;font-weight:700;display:block;padding:10px;min-height:150px;border-radius:5px;

background: #999999;
background: -moz-linear-gradient(top,  #999999 0%, #666666 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#666666));
background: -webkit-linear-gradient(top,  #999999 0%,#666666 100%);
background: -o-linear-gradient(top,  #999999 0%,#666666 100%);
background: -ms-linear-gradient(top,  #999999 0%,#666666 100%);
background: linear-gradient(to bottom,  #999999 0%,#666666 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 );



}
aside .sidebar.services li a span {background:#ffffff;display:block;color:#555555;padding:2px 10px;margin:0 0 10px;font-size:1.2em;border-radius:5px;}
aside .sidebar.services li a span i {float:right;display:block;margin-top:3px;}
aside .sidebar.services li a p {margin-right:100px;font-size:0.7em;font-weight:400;}
aside .sidebar.services li a img {display:block;position:absolute;bottom:10px;right:10px;}
aside .sidebar.services li a:hover {background:#777777 url(img/backgrounds/noise.png);

background: #666666;
background: -moz-linear-gradient(top,  #666666 0%, #666666 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#666666));
background: -webkit-linear-gradient(top,  #666666 0%,#666666 100%);
background: -o-linear-gradient(top,  #666666 0%,#666666 100%);
background: -ms-linear-gradient(top,  #666666 0%,#666666 100%);
background: linear-gradient(to bottom,  #666666 0%,#666666 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#666666',GradientType=0 );

}

@media only screen and (min-width:768px) {
	aside {margin:0;padding:20px 0;}
	aside .sidebar {text-align:center;margin:0;padding:0;border:0;}
}

/*=================================================================================
	FOOTER
=================================================================================*/
footer {text-align:left;padding:10px;}

/*=================================================================================
	GOOP
=================================================================================*/
footer ul.goop {display:block;text-align:center;list-style:none;margin:0;}
footer ul.goop li {display:inline-block;font-size:0.7em;line-height:12px;margin:0 5px;padding:0;text-transform:uppercase;vertical-align:middle;}
footer ul.goop li a {color:#666666;text-decoration:none;padding:0;margin:0;display:block;font-weight:400}
footer ul.goop li a span {font-size:1em;}
footer ul.goop li a:hover {opacity:0.7;}

@media only screen  and (max-width:479px) {.alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter {display:block;margin:0 0 1em;float:none;max-width:100%;width:100%;}}

/*=================================================================================
	OLDER BROWSERS
=================================================================================*/
#browser {text-align:center;padding:0;background:#ffffcc;margin:0;font-size:70%;width:100%;border-bottom:1px solid #cccccc;font-family:Arial, Helvetica, sans-serif;z-index:10000;position:relative;}
#browser span {display:block;width:960px;margin:0 auto;padding:3px;color:#666666;}
#browser span a {color:#C60;}
#browser span a:hover {background:none;color:#C60;text-decoration:underline;}