/*
Theme Name: The Door Specialist
Version: 1.0
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
*/
@font-face {
    font-family: 'mohave';
    src: url('library/fonts/mohave.eot');
    src: url('library/fonts/mohave.eot?#iefix') format('embedded-opentype'),
         url('library;fonts/mohave.woff') format('woff'),
         url('library/fonts/mohave.ttf') format('truetype'),
         url('library/fonts/mohave.svg#mohave') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('library/fonts/fontawesome.eot');
    src: url('library/fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
         url('library;fonts/fontawesome.woff') format('woff'),
         url('library/fonts/fontawesome.ttf') format('truetype'),
         url('library/fonts/fontawesome.svg#fontawesome') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	padding-top:20px;
	font-family:mohave;
	color:#5f5f5f;
}

a{
	color:#81bd00;
	transition:all 0.4s ease 0s; 
}
a:hover{
	color:#5f5f5f;
	transition:all 1s ease 0s; 
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family:"mohave";
}

.site-description{
	position:relative;
	display:block;
	width:100%;
	min-height:70px;
}
.site-title{
	width:100%;
	text-align:center;

}

.header-text{
	font-size:28px;	
	color:#81bd00;
	background:#fff;
	position:absolute;
	left:38%;
	z-index:2;

}
.line-throw{
	width:100%;
	border-bottom:1px solid #555;
	position:absolute;;
	top:35%;
	z-index:1;
}

.navbar{
	width:85%;
	float:right;
	font-size:18px;
	
}
.navbar-collapse{
	padding-left:0px;
}
.navbar-nav > li > a{
	color:#5f5f5f;
	padding-left:0px;
	padding-right:50px;
}
.navbar-nav > li > a:hover{
	color:#81bd00;
	background:none;
}

.navbar-nav > .active > a, .navbar-nav > .active > a:hover,  .navbar-nav > .active > a:focus{
	color:#81bd00;
	background:none;
}

.nav > li > a:hover, .nav > li > a:focus{
	background:none;
}

.contact-info{
	float:right;
	width:100%;
	font-size:18px;
}
.contact-info .phone a{
	background:url('images/phone.png') no-repeat left center;
	padding-left:35px;
	height:30px;
	line-height:30px;
	display:block;
	color:#5f5f5f;
}
.contact-info .phone{
	float:right;
}

.contact-info .phone a:hover{
	background:url('images/h-phone.png') no-repeat left center;
	color:#81bd00;
	text-decoration:none;
}
.contact-info .social{
	float:right;
}
.contact-info .social a{
	width:40px;
	height:30px;
	display:block;
	background:#bcbdc0;
	margin-left:10px;
	float:left;
	text-align:center;
	line-height:30px;
	color:#fff;
	font-size:22px;
}

.contact-info .social a:hover{
	color:#fff;
}

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-facebook:before {
  content: "\f09a";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.contact-info .social a:hover{
	background:#81bd00;
}

.post_content, .post_content .lead{
	font-family:"Arial Narrow";
	font-size:18px;
	font-weight:normal;
	border-bottom:0px;
}

.post_content .row:first-child{
	margin-top:50px;
}


.post_content img{
	margin-bottom:15px;
}

.flexslider .slides{
	border-top:1px solid #81bd00;
	border-bottom:1px solid #81bd00;
}

.flexslider .slides img{
	width:100%;
}

.content-bottom{
	background:#f0f0f0;
	padding-bottom:45px;	
	margin-top:30px;
	margin-bottom:20px;

}

.content-bottom h2{
	margin-top:60px;
	font-size:28px;
}

.content-bottom p{
	font-family:"Arial Narrow", Helvetica, sans-serif; 
}

.offers{
	padding-top:60px;
	padding-bottom:5px;
}

.offers .offer-banner{	
	background:#82bf02;
	font-size:28px;
	color:#fff;
	padding:8px 0px;
	width:80%;
	margin:0 auto;
	margin-bottom:50px;
}

.offers p{
	font-family:Arial, Helvetica, sans-serif;
}

.offers .testimonial{
	margin-top:75px;
	margin-bottom:30px;
}

#post-105 h1,#post-105 h2,#post-105 h3{
	margin-top:0px;
	margin-bottom:0px;
	
}
#post-105 h1{
	font-size:48px;
	font-weight:normal;
}

#post-105 h2{
	font-size:41px;
	font-weight:normal;
	margin-bottom:25px;
}
#post-105 h3{
	font-size:22px;
	font-weight:normal;
}

#form span.title{
	min-width:120px;
	display:block;
	float:left;
	font-size:18px;
	font-family:"Arial Narrow";
}

#form h3{

}

.post_content h3 a{
	color:#5f5f5f;
	font-size:24px;
}


#form h3 span{
	font-size:16px;
}
#form p{
	float:left;
	width:100%;
}

#form .wpcf7-form-control-wrap{
	float:left;
	width:78%;
}
#form .wpcf7-form-control-wrap.details{
	width:100%;
}


#form .wpcf7-form-control-wrap input[type="text"],#form .wpcf7-form-control-wrap input[type="email"]{
	width:100%;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#form .wpcf7-form-control-wrap.State {
	width:20%;
}

#form .wpcf7-form-control-wrap.Suburb {
	width:31%;
	margin-right:5%;
}

#form .wpcf7-form-control-wrap.your-message{
	width:100%;

}

#form .wpcf7-form-control-wrap.your-message textarea{
	height:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#form .wpcf7-list-item-label{
	margin-left:15px;
	margin-right:25px;
	font-family:"Arial Narrow";
	font-size:18px;
}

#form .wpcf7-form-control.wpcf7-submit{
	background:none;
	border:0px;
	font-size:22px;
	background:#82bf02;
	color:#fff;
	padding:3px 8px;
}

#form .wpcf7-response-output{
	clear:both;
}

#form .page-header{
	margin-top:0px;
	border-bottom: 0px;
}

#form .page-header h1{
	margin-top:0px;
}


#main article header{
	display:none;
	border-bottom:0px;
	font:mohave;
}
#main article header .page-header{
	border-bottom:0px;
	margin-top:0px;
}
#main article{
	border-bottom:0px;
}

#main article h2{
	margin-top:0px;
}

#main article .content-list{
	float:left;
	display:block;

	margin-left:0px;
	padding-left:0px;
	list-style-position:inside;

}

#main article footer{
	display:none;
}

#inner-footer{
	background:#d2d2d2;
	padding-top:60px;
	padding-bottom:40px;
	border-bottom:1px solid #81db00;
	border-top:1px solid #81db00;
}

#inner-footer .footer-links{
	font-size:18px;
	float:left;
	width:100%;
}

#inner-footer .footer-links .menu{

	margin-left:0px;
	padding:0px;
}

#inner-footer .footer-links li{
	margin-right:50px;
	margin-left:0px;
}

#inner-footer .footer-links .menu a{
	color:#5f5f5f;
}

#inner-footer .footer-links .menu a:hover, #inner-footer .footer-links .menu .active a{
	color:#81bd00;
	text-decoration:none;
}

#image-gallery .image{
	background:#f0f0f0;
	padding:20px 10px;
 	overflow:hidden;
	position:relative;
	min-height:430px;
	margin-bottom:20px;
}
#image-gallery .image h3{
	position:absolute;
	bottom:20px;
}

#image-gallery .image span{
	position: absolute;
	bottom:80px;
	right:15px;
}


#image-gallery .image .image-after,#image-gallery .image .image-before{	

}

#image-gallery .image img{
	min-width:240px; 
	max-height:300px;
}

#image-gallery .image .image-after span,#image-gallery .image .image-before span{
	display: block;
	text-align:right;
	text-transform:uppercase;
	font-size:16px;	
	color:#81bd00;
}



#image-gallery .image .image-after{
	opacity:1;
	display:block;
	z-index:2;

}

#image-gallery .image .image-before{
	opacity:0;
	display:none;
	z-index:1;

}

#image-gallery .image:hover .image-after{
	opacity:0;
	display:none;
	z-index:1;

}

#image-gallery .image:hover .image-before{
	opacity:1;
	display:block;
	z-index:2;

}



#image-gallery .image .title{
	font-family:mohave;
	font-size:18px;
	margin-top:10px;
	margin-bottom:0px;
}

.footer-links .menu li{
	float:none;
	display:inline-block;
}


#footer-bottom{
	padding-bottom:20px;
	margin-top:20px;
}
#footer-bottom .links {
	margin-top:70px;
}

#footer-bottom .links a{
	color:#5f5f5f;
	padding:0 10px;
}

#footer-bottom .links a:hover{
	color:#81db00;
	text-decoration:none;
}

#footer-bottom .membership{
	margin-top:25px;
}

.slide .slide-title{
 display:none;
}

@media (max-width: 768px) {
.header-text{
	left:30%;
}

.site-description{
	min-height:50px;
}
.contact-info{
	width:18%;
}
.navbar{
	width:82%;
	padding-left:15px;
}
.navbar-nav > li > a{
	padding-right:30px;
}
.navbar-header {
    background: none repeat scroll 0 0 #bcbdc0;
}
.navbar-header .navbar-toggle{
 	background:#fff;
	border:1px solid #81bd00;	
 }
 .navbar-header .navbar-toggle .icon-bar{
 	background:#81bd00;
 }

#form .wpcf7-form-control-wrap.details{
	width:100%;
}

#form .wpcf7-form-control-wrap.State {
	width:80%;
}


#form .wpcf7-form-control-wrap.Suburb {
	margin-bottom:10px;
	width:80%;
}




}
@media only screen and (max-width: 1024px) {

.header-text{
	left:33%;
	top:-8px;
}
.contact-info{
	width:27%;
}
.navbar{
	width:73%;
}

}


@media only screen and (max-width: 990px) {
}
@media only screen and (max-width: 749px) {
}

@media only screen and (max-width: 480px) {
 
 .header-text{
 	left:0;
	width:100%;
	text-align:center;
 } 
 
 .contact-info{
 	width:100%;
	padding-left:0px;
 }
 
 .contact-info .social{
 
 }
 
 .navbar{
 	width:100%;
	margin-top:15px;
 }
 .navbar-header{
 	background:none repeat scroll 0 0 #bcbdc0;	
 }
 
 .navbar-collapse{
	padding-left:15px;
}
 
 .navbar-header .navbar-toggle{
 	background:#fff;
	border:1px solid #81bd00;	
 }
 .navbar-header .navbar-toggle .icon-bar{
 	background:#81bd00;
 }
 
 .contact-info{
 	width:46%;
	margin-top:10px;
	padding-left:0%;
 }
 
 .contact-info .social{
	padding-left:12%;
	margin-top:8px;
 }
 
 #form .wpcf7-form-control-wrap.State {
	width:80%;
 }
	
	
 #form .wpcf7-form-control-wrap.Suburb {
	margin-bottom:10px;
	margin-right:0px;
	width:80%;
 }

 
}

@media only screen and (min-width: 100px) and (max-width: 300px) {
.contact-info{
 	width:100%;
 }
.contact-info .social{
	float:right;
}
}

@media only screen and (min-width: 1200px) {
.contact-info{
	float:right;
	width:15%;
	font-size:18px;
}

}