/* 
Theme Name: Stuart Tarbotton Contractors
Description: 
Version: 1
Author: Meta Solutions
Author URI: http://metasolutions.co.nz/
*/

/*============Sticky Footer============*/

html,
body {
    height: 100%;
}
      
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -100px;
}
     
#push,
footer {
    height: 100px;
}

footer{
  margin: 0 auto;
  position: relative;
  width: 960px;
}

/*==========Fonts & Headings===========*/

h1{
	font-family: 'open_sansbold', 'Helvetica Neue', 'Arial', sans-serif;
}

h2{
	font-family: 'open_sansbold', 'Helvetica Neue', 'Arial', sans-serif;
}

h3{
	font-family: 'open_sansregular', 'Helvetica Neue', 'Arial', sans-serif;
}

h4{
	font-family: 'open_sansregular', 'Helvetica Neue', 'Arial', sans-serif;
}

h5{
	font-family: 'open_sansregular', 'Helvetica Neue', 'Arial', sans-serif;
}

h6{
	font-family: 'open_sansregular', 'Helvetica Neue', 'Arial', sans-serif;
}

a,
ul, li, 
p{
	color: #000;
	font-family: 'open_sansregular', 'Helvetica Neue', 'Arial', sans-serif;}

strong{font-weight:bold; font-family:'open_sansbold';}

em{font-family: 'open_sansitalic', 'Helvetica Neue', 'Arial', sans-serif;}

a:link {color:#000; text-decoration: none;}
a:visited {color:#000;}
a:hover {color:#0099ff;}
a:active {color:#0099ff;}

/*============Header============*/

div#wrap header section.secondary {
	background: #0099ff;
	width: 100%;
}

div#wrap header section.secondary div.inner {
	color: #fff;
	padding: 16px 0 10px;
	margin: 0 auto;
	width: 960px;
}

div#wrap header section.secondary a {
	color: #fff;
}


div#wrap header section img {
	margin-right: 10px;
}

div#wrap header section.secondary p {
	color: #fff;
	display: inline-block;
}

.primary > p:nth-child(2) {
  color: #000000;
  display: inline-block;
  font-style: italic;
  font-size: 16px;
}


section.secondary div.inner div.menu-main-menu-2-container {
  display: inline-block;
  float: right;
}

header section.secondary div.inner div.menu-utility-menu-container {
	display: inline-block;
	float: right;
}

div#wrap header section ul {
	display: inline-block;
	float: right;
}

div#wrap header section ul li {
	border-right: 1px solid #fff;
	display: inline-block;
	list-style-type: none;
	padding: 0 10px; 
}

div#wrap header section ul li:last-child {
	border-right: 0px solid #fff;
}

.header-facebook i{font-size:20px; position:relative; top:2px;}

div#wrap header section.primary {
    margin: 0 auto;
    padding: 20px 0;
    width: 960px;
}

.btn {
  background: #ffcc00;
  background-image: -webkit-linear-gradient(top, #ffcc00, #ff9900);
  background-image: -moz-linear-gradient(top, #ffcc00, #ff9900);
  background-image: -ms-linear-gradient(top, #ffcc00, #ff9900);
  background-image: -o-linear-gradient(top, #ffcc00, #ff9900);
  background-image: linear-gradient(to bottom, #ffcc00, #ff9900);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  color: #fff;
  text-shadow: 1px 1px 3px #666666;
  float:right;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #ff9900;
  background-image: -webkit-linear-gradient(top, #ff9900, #ffcc00);
  background-image: -moz-linear-gradient(top, #ff9900, #ffcc00);
  background-image: -ms-linear-gradient(top, #ff9900, #ffcc00);
  background-image: -o-linear-gradient(top, #ff9900, #ffcc00);
  background-image: linear-gradient(to bottom, #ff9900, #ffcc00);
  color: #fff;
  text-decoration: none;
}

a.btn:link {color:#fff;}
a.btn:visited {color:#fff;}
a.btn:hover {color:#fff;}
a.btn:active {color:#fff;}


div#wrap header section.primary ul li {
  border-right: 1px solid #EAEFF0;
}

/*============Body============*/

body {
  background: #eaeff0;
}

div#wrap div#content {
	margin: 0 auto 40px;
	width: 960px;	
}




/*============Home============*/

/*============Slider============*/
.royalSlider, .slider.page {
  background:none!important;
  margin-top: 20px;
}

.royalSlider img, .slider.page img{
  border-top: solid 6px #ffcc00;  
}


.slider.page img{width:100%; height:auto;}

.rsSBlock h3.slide-caption {
  margin: 0;
}

div.rsSlide div.rsContent div.rsSBlock {
  background: #6699cc;
  margin-right: 30px;
  padding: 20px;
}

.royalSlider div.rsNav div.rsNavItem span {
  background: #006699;
}

.royalSlider div.rsNav div.rsNavSelected span {
  background: #ff9900;
}

section.slider {
  margin-bottom: 40px;
}

/*============Introduction block============*/

.box {
  background: #fff;
  border: 1px solid #e3e9ea;
  padding: 20px;
}

section.introduction {
  margin-bottom: 20px;
}

/*.home h3{color: #006699!important;}*/

section.box h3 {
  color: #006699;
  /*color: #FFCC00;*/
  margin: 10px 0;
}

section.introduction h3 span {
  color: #ffcc00;
}


/*============Featured blocks============*/

/*div.row div.col-md-6 section.box img {
  margin-bottom: 20px;
  width: 100%
}*/

div.row div.col-md-6 section.box a:link { color:#0099ff; }
div.row div.col-md-6 section.box a:visited { color:#0099ff; }
div.row div.col-md-6 section.box a:hover { color:#0099ff; text-decoration: underline; }
div.row div.col-md-6 section.box a:active { color:#0099ff; }


div.row .half-page {
  display: inline-block;
  position: relative;
  width: 49%;
}

div.col-md-6 section.box .wp-caption img {
  max-width: 400px;
}
 
.wp-caption .wp-caption-text {
    background: none repeat scroll 0 0 #0099FF;
    color: #FFFFFF;
    display: inline-block;
    height: 40px;
    margin-bottom: 20px;
    padding: 10px 20px;
    position: relative;
    width: 400px;
}

.container .row {
  margin-bottom: 20px;
}


/*============Sub page============*/


/*div.sub-page section.slider img {
  border-top: 6px solid #FFCC00;
}

div.sub-page section.slider img {
  max-width: 930px;
}*/

.sub-page h4 {
  color: #006699;
}

.sub-page section.introduction ul {
  padding-left: 0;
}

.sub-page section.introduction ul li {
  background-color: ;
  list-style: none outside none;
  margin-left: 15px;

}

.sub-page section.introduction ul li:before {
  content: "• ";
  color: #0099ff; 
  font-weight: bold;
  margin-right: 5px;
  margin-left: -15px;
}


.contact-left{width:450px; float:left;}
.contact-right{width:450px; float:right;}
#gform_submit_button_2{background-color:#FFCC00; border:none; padding:10px 30px 10px 30px;}

/*============Footer============*/

footer {
  margin-bottom: 50px;
}

footer ul.menu li.menu-item {
  color: #006699;
  display: inline-block;
  list-style-type: none;
  position: relative;
}

footer ul.menu li.menu-item a:link { color:#006699; }
footer ul.menu li.menu-item a:visited { color:#006699; }
footer ul.menu li.menu-item a:hover { color:#006699; text-decoration: underline;}
footer ul.menu li.menu-item a:active { color:#006699; }

footer a.btn {
  vertical-align: top;
  display: inline-block;
  margin-bottom: 20px; 
}

footer ul li {
    border-right: 1px solid #006699;
    display: inline-block;
    list-style-type: none;
    padding: 0 10px;
}

footer ul li:last-child {
  border-right: 0px solid #fff;
}

footer section.menu {
    float: left;
   /* width: 70%;*/
}

section.menu div.menu-main-menu-1-container {
  margin-bottom: 16px;
}

footer section.right-col {
    display: inline-block;
    float: right;
    padding-right: 40px;
    position: relative;
    width: 24%;
}

footer section.right-col p {
  float: right;
  text-align: right;
}

html.wf-lato-n4-active body.customize-support footer section.menu div.menu-main-menu-1-container ul#menu-main-menu-3.menu {
  margin-right: 10px;
}