/*
Theme Name: Gilmour and Jooste Electrical Responsive
Theme URI: http://www.digitalunion.com.au/
Description: Gilmour and Jooste Electrical Template.
Author: Brendan J. W. Lewis | Digital Union
Version: 1.0
*/

/* RESET */
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, strong, sub, sup, tt, var,
b, u, i, center,
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-size:100%; vertical-align:baseline; background:transparent; text-align:left; }
body 											{	line-height:1; }
blockquote, q 									{	quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after 								{	content:''; content:none; }
:focus 											{	outline:0; }
a:focus 										{	outline:1px dotted #999; }
ins 											{	text-decoration:none; }
del 											{	text-decoration:line-through; }
table 											{	border-collapse:collapse; border-spacing:0; }

html 											{	font-size:100.01%; background: #333; }
body 											{	font-size:0.625em; }

textarea 										{	overflow:auto; }
button											{	cursor:pointer; }
input[type="checkbox"],
input[type="radio"],
input.radio,
input.checkbox									{	position:relative; vertical-align:text-top; width:13px; height:13px; padding:0; margin:0; overflow:hidden; top:2px; }
a												{	text-decoration:none; }
a:hover											{	text-decoration:underline; }
a img											{	border:0; vertical-align:text-bottom; }
*{box-sizing: border-box;}
/* MAIN STYLES */
body { margin:0; text-align:left; background-color: #dedede; font-family: arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; }
a { color: #1f5696; }
a:hover { color: #48a5ff; }
a:active, a { outline: none; }
.clear { clear: both; }
img { border: 0; max-width: 100%; }
.wrapper {
  max-width: 960px;
  margin: auto;
}
/* HEADER */
#header { width: 100%; margin:0 auto; padding-top: 30px; background: #DEDEDE url('assets/images/header-bg.gif') no-repeat center bottom; z-index: 9999; position: relative;}
#header .wrapper { position: relative; }
#main-wrapper { margin:0 auto; width: 100%; display: block; background: #fff;}
img#logo { width: 518px; height: 146px; float: left; }
#header-right-menu { width: 422px; height: 141px; float: right; margin-top:5px; display: block; }
#header-menu { background-image: url('assets/images/header-right-repeat.jpg'); background-repeat: repeat-x; width: 417px; height: 141px;}
#header-menu a {height: 46px; float: left;}
#mobile-menu { display: none; }

img.alignleft {
  float: left;
  margin-right: 10px;
  width: 50%;
  height: auto;
}
img.alignright {
  float: right;
  margin-left: 10px;
  width: 50%;
  max-width: 320px;
  height: auto;
}

ul#cycle {
  padding: 0;
  margin: 0;
  visibility: hidden;
}

.bx-wrapper {
  margin-bottom: 0;
}
.bx-wrapper .bx-controls-direction a {
  z-index: 999 !important;
}
.bx-wrapper .bx-viewport {
  border: none;
  box-shadow: none;
  left: 0;
}

.bx-wrapper .bx-controls-direction a {
  width: 36px;
  height: 36px;
}
.bx-wrapper .bx-next, .bx-wrapper .bx-next:hover {
  background: url('assets/images/owl-nav.png') no-repeat right center !important;
}
.bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover {
  background: url('assets/images/owl-nav.png') no-repeat left center !important
}

.slide {
  background: #1f5696;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d90c2+0,136b9a+71,083f75+100 */
background: #1d90c2; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #1d90c2 0%, #136b9a 71%, #083f75 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #1d90c2 0%,#136b9a 71%,#083f75 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #1d90c2 0%,#136b9a 71%,#083f75 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d90c2', endColorstr='#083f75',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
margin: 0;
padding: 0;
list-style: none;
}

.slide .text {
  width: 60%;
  float: left;
  display: block;
}
.slide .image {
  width: 25%;
  float: right;
  display: block;
}

.slide .image img {
  width: 100%;
}

.slide .text span {
  color: #fff;
  font-size: 36px;
  display: block;
  padding: 15% 0 5% 0;
  line-height: 40px;
}

.slide .text a {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 15px;
  border: #fff solid 1px;
  margin-bottom: 10%;
}

.slide .text a:hover {
  color: #ecb63a;
  border: solid 1px #ecb63a;
  text-decoration: none;
}


.team-wrapper h2 {
  font-size: 14px !important;
  margin: 10px !important;  
}

.team-wrapper img {
  width: 150px;
  height: 225px;
  display: block;
}

@media screen and (max-width: 960px) {
  #header {
    padding-top: 0;
  }
  .slide {
    padding: 0 50px;
  }
  .wrapper {
    padding: 15px;
  }
  
  #top_menu li a {
    font-size: 11px;
  }
  #header .wrapper {
    padding: 0;
  }
  img#logo { width: auto; height: auto; }
  
  #mobile-menu {
    background: #1f5696;
    display: block;
    padding: 0;
    text-align: center;
  }
  #mobile-menu a {
    display: inline-block;
    padding-top: 9px;
    width: 30px;
  }
  
  #mobile-menu a span {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    background: #fff;
    height: 5px;
    margin-bottom: 4px;
  }
  
  #header-right-menu {
    float: none;
    display: none;
    height: auto;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 222;
  }
  
  #header-right-menu.open {
    display: block;
  }
  
  #header-menu {
    background: none;
    height: auto;
    width: 100%;
  }
  
  #header-menu > a {
    display: block;
    float: none;
    text-align: right;
  }
  
  #header-menu > a.quotes {
    background: url(assets/images/header-bg.gif) no-repeat right -54px; 
  }
  
  #header-menu > a.equipment {
    background: url(assets/images/header-bg.gif) no-repeat right -100px; 
  } 
  
  #header-menu #top_menu {
    height: auto;
    margin: 0;
  }
  
  #header-menu #top_menu li.page_item {
    display: block;
    float: none;
    margin: 0;
  }
  
  #header-menu #top_menu div {
    display: block;
    padding: 0;
  }
  
  #header-menu #top_menu div a {
    background: url(assets/images/header-bg.gif) no-repeat right -5px; 
    display: block;
    float: none;
    height: 49px;
    text-align: right;
  }
  
  #header-menu #top_menu span.link {
    display: inline;
    padding: 0 16px;
  }
  
  #header-menu #top_menu span.link:hover {
    background: none;
  }
}

/* SLIDER */
.arconix-slide-image-wrap img { width: auto !important; height: auto !important; max-width: 100%; min-width: 100%; display: block; }
.owl-pagination { display: none; }
body .owl-theme .owl-controls { margin: 0; }
body .owl-theme .owl-controls .owl-buttons div.owl-prev { position: absolute; opacity: 0.8; margin:0; left: 20px; top: 50%; margin-top: -18px; background: url(assets/images/owl-nav.png) no-repeat left top; width: 36px; height: 37px; }
body .owl-theme .owl-controls .owl-buttons div.owl-prev::before { content: none; }
body .owl-theme .owl-controls .owl-buttons div.owl-next { position: absolute; opacity: 0.8; margin:0; right: 20px; top: 50%; margin-top: -18px; background: url(assets/images/owl-nav.png) no-repeat right top; width: 36px; height: 37px; }
body .owl-theme .owl-controls .owl-buttons div.owl-next::before { content: none; }


/* TOP MENU */
ul#top_menu {font-size:10px; font-weight:bold; list-style:none outside none; margin: 0 1px 0; padding:0; position:relative; height: 49px; }
ul#top_menu li.page_item { display:inline; margin-left:10px; float: left; }
#top_menu div { display:inline; height:49px; margin:0; padding:16px 0; }
#top_menu li.first_item div { background-image: none; }
#top_menu a { color:#FFFFFF; line-height:49px; text-decoration:none; }
#top_menu span.link { display:block; padding:0 4px; }
#top_menu li a { font-weight: bold; font-size: 11px; }
#top_menu span.link:hover { color: #eec350; background-image:url("assets/images/hover-arrow.gif"); background-position: center; background-repeat:no-repeat; }
#top_menu span#active { color: #eec350; background-image:url("assets/images/hover-arrow.gif"); background-position: center; background-repeat:no-repeat; }

/* MAIN CONTENT */
#top_menu li a, 
#main-content h1, 
#main-content h2, 
#main-content h3 {
  font-family:"acumin-pro", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
#main-content { background-color: #ffffff; color: #646464; padding-top: 30px;}
	#main-content h1 { margin: 0 0 15px 0; font-size: 28px; line-height: 30px; color: #1f5696; margin-bottom:5px; }
	#main-content h2 { margin: 0; font-size: 18px; color: #1f5696; margin-bottom:2px; }
	#main-content h3 { margin: 0; font-size: 16px; color: #1f5696; margin-bottom:0px; }
	#main-content p { color: #646464; margin-bottom:10px; font-size: 13px;}
	#main-content ul, #main-content ol { margin:10px 0; padding-left:15px; font-size: 13px;}
	
/*body.page-id-71 #main-content { background-image: url('assets/images/main-content-bg.jpg'); background-repeat: no-repeat; background-position: right center; }
body.page-id-63 #main-content { background-image: url('assets/images/main-content-bg.jpg'); background-repeat: no-repeat; background-position: right center; }
body.page-id-69 #main-content { background-image: url('assets/images/main-content-bg.jpg'); background-repeat: no-repeat; background-position: right center; }
body.page-id-125 #main-content { background-image: url('assets/images/main-content-bg.jpg'); background-repeat: no-repeat; background-position: right center; }
body.page-id-156 #main-content { background-image: url('assets/images/main-content-bg.jpg'); background-repeat: no-repeat; background-position: right center; }
*/


/* LEFT SIDE */
#left-side { width: 70%; padding: 34px 27px 34px 0; float: left; background-color: #ffffff; /*background-image: url('assets/images/main-content-bg.jpg'); background-repeat: no-repeat; background-position: center;*/ }
	.team-wrapper { width:150px; display:inline; float:left; border:1px solid #CCCCCC; margin:0 15px; margin-bottom:20px; }
	.team-wrapper h2 { text-align:center; }
	
@media screen and (max-width: 900px) {
  
  .team-wrapper {
    border: none;
    margin: 0 0 20px;
    text-align: center;
    width: 33%;
    width: 33.33%;
  }
  
  .team-wrapper img {
    padding: 0 2px;
  }
}
	
@media screen and (max-width: 500px) {
  #main-content {
    padding-top: 0;
  }
  .team-wrapper {
    width: 50%;
  }
}
	
body.page-id-71 #left-side { background:none; }
body.page-id-63 #left-side { background:none; }
body.page-id-69 #left-side { background:none; }
body.page-id-125 #left-side { background:none; }
body.page-id-156 #left-side { background:none; }

#main-content .gform_wrapper {
  max-width: none;
}

#main-content .gform_wrapper ul.gform_fields {
  padding-left: 0;
}
	
@media screen and (max-width: 500px) {

  #main-content .gform_wrapper .top_label input.medium, 
  #main-content .gform_wrapper .top_label select.medium,
  #main-content .gform_wrapper .ginput_complex .ginput_full input[type=email], 
  #main-content .gform_wrapper .ginput_complex .ginput_full input[type=number], 
  #main-content .gform_wrapper .ginput_complex .ginput_full input[type=password], 
  #main-content .gform_wrapper .ginput_complex .ginput_full input[type=tel], 
  #main-content .gform_wrapper .ginput_complex .ginput_full input[type=text], 
  #main-content .gform_wrapper .ginput_complex .ginput_full input[type=url],
  #main-content .gform_wrapper .ginput_complex .ginput_left, 
  #main-content .gform_wrapper .ginput_complex .ginput_right,
  #main-content .gform_wrapper .ginput_complex .ginput_left input[type=text], 
  #main-content .gform_wrapper .ginput_complex .ginput_right input[type=text], 
  #main-content .gform_wrapper textarea.medium,
  #main-content .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, 
  #main-content .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span,
  #main-content .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span input[type=text], 
  #main-content .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span input[type=text],
  #main-content .gform_wrapper .hidden_label input.large, 
  #main-content .gform_wrapper .hidden_label select.large, 
  #main-content .gform_wrapper .top_label input.large, 
  #main-content .gform_wrapper .top_label select.large {
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
  }
}

/* RIGHT SIDE */
#right-side { width: 30%; float: right; padding: 34px 0 34px 27px; }

/* FOOTER */
#footer { margin:0 auto; width: 100%; display: block; background:#f5f5f5; padding: 15px 0; }
#footer .col {
  width: 33.33%;
  float: left;
  padding: 30px 10px;
}

#footer h3 {
  color: #1f5696;
  font-size: 12pt;
  font-weight: normal;
  margin-bottom: 10px;
}

#footer #testimonials .arconix-content {
  color: #999;
  font-size: 8pt;
  line-height: 150%;
}

#footer #testimonials .arconix-title {
  color: #1f5696;
  font-size: 8pt;
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: bold;
}

#footer #testimonials .owl-buttons {
  display: none;
}

#footer .footer-links ul { list-style: none; padding: 0; }
#footer .footer-links ul li { float: left; width: 50%; padding-right: 10px; box-sizing: border-box; padding-bottom: 10px; line-height: 120%; }

#footer #social {
  padding-left: 90px;
}

#footer .fb-like {
  clear: both;
  display: block;
  margin-top: 15px;
}

#footer .fb-like span {
  display: block;
  float: right;
}

#footer .si-item {
  display: inline-block;
  padding-right: 10px;
}

#footer .si-item a {
  display: block;
  font-size: 0;
  height: 39px;
  width: 39px;
}

#footer .si-item.facebook a {
  background: url(assets/images/icon-facebook.png) no-repeat left top; 
}

#footer .si-item.twitter a {
  background: url(assets/images/icon-twitter.png) no-repeat left top; 
}

#footer .si-item.youtube a {
  background: url(assets/images/icon-youtube.png) no-repeat left top; 
}

#footer .si-item.linkedin a {
  background: url(assets/images/icon-linkedin.png) no-repeat left top; 
}

@media screen and (max-width: 960px) {
  
  #footer #social {
    padding-left: 10px;
  }
  
  #footer #social,
  #footer #social h3,
  #footer #social .social-icons {
    text-align: right;
  }
  
  #footer .si-item {
    padding-left: 10px;
    padding-right: 0;
  }
  
  #footer .col {
    width: 50%;
  }
  
  #footer .col.footer-links {
    padding-bottom: 0;
    width: 100%;
  }
  
  #footer .footer-links ul li {
    display: inline-block;
    float: left;
    padding-right: 30px;
    width: auto;
  }
}

@media screen and (max-width: 650px) {
  #footer .footer-links ul li {
    padding-right: 5px;
    width: 25%;
  }
}

@media screen and (max-width: 400px) {
  
  #footer .col {
    width: 100%;
  }
  
  #footer .footer-links ul li {
    padding-right: 5px;
    width: 50%;
  }
  
  #footer #social,
  #footer #social h3,
  #footer #social .social-icons {
    text-align: left;
  }
  
  #footer .si-item {
    padding-left: 0;
    padding-right: 10px;
  }
  
  #footer #testimonials {
    padding-bottom: 0;
  }
}

#base {
  background: #333;
  color: #fff;
}

#base .wrapper { 
  box-sizing: border-box;
  overflow: auto;
  padding: 10px 10px 20px;
}

#base .wrapper div { float: left; display: inline-block; margin-right: 10px; }
#base .wrapper .ec, #base .wrapper .du { padding-top: 8px; }
#base .wrapper .du { float: right; margin-right: 0; }
#base .wrapper .du a { color: #fff; }
#base .wrapper .logo1, #base .wrapper .logo2 { height: 34px; }
#base .wrapper .logo1 img, #base .wrapper .logo2 img { max-height: 100%; }
/*Homepage changes CSS*/

hr {color: #dedede; background-color: #dedede; height: 1px; border: 0; margin: 0 0 10px 0;}
.post {margin: 0 0 15px 0; clear: both; overflow: hidden;}
.post .attachment-thumbnail {float: left; border: 5px solid #dedede; margin: 4px 20px 0 0;}
.post h2 {float: left; display: inline; width: 379px; padding-bottom: 7px!important;}
.post h2 a{color: #666;}
.post h2 a:hover{color: #292929;}
.post p {line-height: 16px; padding-bottom: 11px!important;}
a.book {display: block; float: left; height: 28px; width: 160px; background: transparent url(assets/images/btn-click-to-book.gif) no-repeat scroll 0 0; text-indent: -9999px; text-transform: capitalize; outline: 0;}
a.book:hover {background: transparent url(assets/images/btn-click-to-book.gif) no-repeat scroll 0 -28px;}

@media (max-width: 758px) {
#right-side, #left-side {
  padding: 20px 10px;
  width: 100%;
} 

  .slide {
    padding: 0;
  }
  .slide .text {
    width: 75%;
    float: none;
    margin : auto;
    display: block;
    padding: 30px;
  }
  .slide .image {
    display: none;
  }
  .slide .text span {
    font-size: 18px;
    line-height: 24px;
    padding-top: 0;
  }
  

 
}