/*
Theme Name: Allan Hoult Housing
Author: Jaljale Team
Author URI: http://jaljale.com/
Description: Theme designed for Allan Hoult Housing.
Version: 1.0
Tags: allanhoult, blue, orange 
Text Domain: allanhoult
*/

/* ================== Normalize ================ */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* Global */
@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{font-family:'Roboto'; font-size:1em; line-height:1.8em; color:#444; background:#fff;}
.container{max-width:980px;}
a{color:#003470;}
a:hover{color:#ed7300;}
section{display:block; margin:40px 0;}
section:focus{outline:none;}
h1, h2{font-size:36px; font-weight:bold;}
h3{font-size:24px; font-weight:bold;}
.title-blue{color:#003571; margin:0 0 40px 0;}
.title-orange{color:#ed7300; margin:0 0 40px 0;}
.title-underline{border-bottom:1px solid #cccccc; padding-bottom:5px; display:inline-block;}
.hr{background:url(images/heading-bg.png) no-repeat bottom center; padding-bottom:25px;}
.btn{border-radius:0;}
.btn:hover{color:#fff;}
.btn-blue, .btn-blue:hover{background:#5e97d2; border:1px solid #5e97d2; font-size:0.9em;}
.btn-grey, .btn-grey:hover, button:focus{background:#999999; border:1px solid #999999; font-size:0.9em;}
.btn-orange, .btn-orange:hover{background:#ed7300; border:1px solid #ed7300; font-size:0.9em; height:45px; line-height:45px;  border-radius:0;}
.mobile-menu{display:none; position:absolute; right:15px; top:30px; font-size:24px; z-index:999999; padding:0 12px; border:1px solid rgba(255,255,255,0.2); line-height:45px;}


/* header */
.blog #header{background:none;}
#header{position:fixed; z-index:999; width:100%; top:0;background:rgba(0,52,113,0.98);}
a.logo{display:inline-block; padding:20px 0 0 0;}
header a.logo img.responsive-img {
  max-height: 135px;
}

nav{background:none; box-shadow:none; height:auto; line-height:auto;}
nav ul{margin-top:0;}
nav ul li{ margin-right:10px;}
nav ul li a{padding:56px 15px 30px 15px;}
nav ul li a:hover, nav ul li.current-menu-item{background:rgba(255, 255, 255, 0.1); transition:all linear 0.4s;}

nav ul a{font-weight:bold;}
nav ul a:hover{color:#fff;}

nav ul li a.nav-active{background:rgba(255, 255, 255, 0.1); transition:all linear 0.4s;;}

.blog .isUp{background:none;}
.blog .isDown{background:rgba(0,52,113,0.98) !important;}
header.isDown ul li a{padding:16px 15px 10px 15px !important; line-height:72px;}
header.isDown a.logo{padding:0;}
header.isDown a.logo img{margin-top:15px;}
header.isDown nav{line-height:45px;}
header.isDown a.logo img.responsive-img{height:65px;}


/* banner */
.section-banner{margin-top:0 !important;}
.section-banner .btn{background:#ed7300; border:1px solid #ed7300; font-size:0.9em; height:45px; line-height:45px; padding:0 3rem; border-radius:0;}



.caption{top:40%; position:absolute; color:#fff; width:75%; margin-left:12%;}
.caption-bg{text-align:center;}
.caption-bg h1{margin-top:0; margin-bottom:5px;}

#banner .owl-nav{position:absolute; top:35%; width:100%;}
#banner .owl-carousel .owl-controls .owl-nav .owl-prev, #banner .owl-carousel .owl-controls .owl-nav .owl-next{background-image:url(images/slider-arrows.png); background-repeat:no-repeat; height:60px; width:60px; display:inline-block; text-indent:-99999em; background-color:none;}
#banner .owl-carousel .owl-controls .owl-nav .owl-prev{ float:left; background-position:left top; margin-left:20px;}
#banner .owl-carousel .owl-controls .owl-nav .owl-prev:hover{background-position:-1px -60px;}
#banner .owl-carousel .owl-controls .owl-nav .owl-next{ float:right; background-position:left -130px;}
#banner .owl-carousel .owl-controls .owl-nav .owl-next:hover{ background-position:1px -190px;}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover, .owl-theme .owl-controls .owl-nav [class*=owl-]{background-color:transparent;}
.owl-theme .owl-dots .owl-dot span{height:20px; width:20px;}

#banner .owl-theme .owl-controls .owl-dots{position:relative; margin-top:-50px;}
.item-single img{width:100% !important;}




/* story */
.section-story{padding:25px 0 0 0 ; text-align:justify;}
.section-story p{padding:0 15px 0 0;}
.story-logo img{margin-right:100px;}

/* blog */
.section-blog{background:#25718f url(images/blog-bg.png) no-repeat center center; background-size:cover; color:#fff; padding:80px 0 40px 0; margin:40px 0;}
.section-blog img{background:#fff; padding:5px;}
.section-blog  .btn-blue{margin-right:25px;}
.section-blog h2{margin-top:0; font-weight:normal;}
.section-blog .blog-content{margin-left:35px;}

/* projects */
.section-projects{}
.section-projects .btn{box-shadow:none;}
.section-projects .owl-controls{display:none;}
.section-projects  .modal-content .owl-controls{display:block; position:absolute; top:50%; width:100%;}
.section-projects  .modal-content .owl-controls .owl-nav{position:relative;}
.section-projects  .modal-content .owl-controls .owl-nav .owl-prev{position:absolute; left:0; background: rgba(0, 0, 0, 0.6) url(images/arrow-prev-white.png) no-repeat 10px center; text-indent:-99999em;}
.section-projects  .modal-content .owl-controls .owl-nav .owl-next{position:absolute; right:0; background: rgba(0, 0, 0, 0.6) url(images/arrow-next-white.png) no-repeat 13px center; text-indent:-99999em;}

.section-projects  .modal-content .owl-controls .owl-nav .owl-prev:hover{background: rgba(0, 0, 0, 0.8) url(images/arrow-prev-white.png) no-repeat 10px center; }
.section-projects  .modal-content .owl-controls .owl-nav .owl-next:hover{background: rgba(0, 0, 0, 0.8) url(images/arrow-next-white.png) no-repeat 13px center; }


.section-projects  .modal-content .owl-controls .owl-dots{display:none !important;}
.owl-theme .owl-controls .owl-nav [class*=owl-]{width:50px; height:50px;}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background-color:rgba(237,. 115, 0, 0.9);}
.section-projects .item .col{padding:0;}
.projects .item .col{position:relative;}


a#btn-close-modal{position:absolute; right:10%; top:40px; background:url(images/btn-overlay-close.png) no-repeat center center; height:48px; width:48px; text-align:center; display:none;}
a#btn-close-modal:hover{color:#cc0000; cursor:pointer; background-image:url(images/btn-overlay-close-hover.png);}
a#btn-close-pop{right:25px; top:15px;}

.modal-content{color:#fff; padding:2% 0; }
.project-content{}
.modal-title{ margin-bottom:5px;}

.project-content .owl-carousel .owl-item img{width:100%; height:auto;}

.project-thumb{overflow:hidden; height:319px; margin-bottom:5px;}
.show-thumb{}
.show-hover{display:none; padding:25px 50px; text-align:center; color:#fff; line-height:20px; font-size:12px;}
.the-thumb-title{ font-weight:bold; font-size:16px; border-bottom:1px solid #7c7c7c; padding-bottom:15px; margin-top:50px;}
.the-thumb-desc{ color:#7c7c7c;}

.project-thumb:hover .show-thumb{display:none; transition:all linear 0.4s;}
.project-thumb:hover{background:#000;}
.project-thumb:hover .show-hover{display:block;}


/* testimonial */
.section-testimonial{background:#25718f url(images/testimonials-bg.png) no-repeat center center; background-size:cover; color:#fff; padding:80px 0 40px 0;}
.section-testimonial h2{font-size:30px;}
.section-testimonial .name{font-size:1.2em;}

.testimonial-detail-wrapper{color:#444; width:65%;}
.popup-content{text-align:left; position:relative;padding:25px; color:#f9f9f9;}
.testimonial-content{text-align:left; }
a.modal-close{position:absolute; right:0; top:10px;}
.owl-theme .owl-dots .owl-dot span{height:18px; width:18px;}

.modal{background:rgba(0, 0, 0, 0.9); box-shadow:none; border-radius:0;}


/* contact */
.border-right{border-right:1px solid #ccc;}
.txt-phone{font-size:1.3em; font-weight:bold; color:#111;}
.txt-email{font-weight:bold; color:#111;}
.section-contact .btn-grey{display:block; width:100%; height:50px; line-height:50px; box-shadow:none;}
.contact-from{padding-left:50px;}
.input-field label{left:0; top:-1rem; text-transform:uppercase; color:#666666; font-weight:bold;}
input[type='text']:focus:not([readonly]), input[type='email']:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #5e97d2; box-shadow:0 1px 0 0 #5e97d2;}
input[type='text']:focus:not([readonly])+label, input[type='email']:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label{color:#5e97d2; font-size:1em;}
.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"]{font-size:1.2em; display:block; height:50px; line-height:50px; width:100%; text-align:center;}
input[type='submit']:focus{outline:none;}
div.wpcf7-response-output{margin:0 0 35px 0;}
.wpcf7 .btn{ height:50px; line-height:50px;}



/* archive */
.section-archive{ padding-top:140px;}
.archive-thumbnail{margin-bottom:25px;}
.archive-thumbnail img{max-width:100%;}
.archive-content img{}
.archive-article{border-bottom:5px solid #003470; margin-bottom:40px; padding-bottom:40px; clear:both; display:block;}
.section-archive .btn-orange{box-shadow:none;}
.archive-article .the-date{color:#003470; font-size:1.1em; padding-top:10px;}

.free-advice-side{margin-top:80px;}



/* single */
.section-single{ padding-top:140px;}
.single-article{border-bottom:5px solid #003470; padding-bottom:25px;}
.single-article .the-date{color:#003470; font-size:1.1em; padding-top:10px;}


/* page */
.section-page{padding-top:140px;}


/* pagination */
h2.screen-reader-text{display:none;}
.pagination-wrapper, .pagination-wrapper a{color:#333; text-transform:uppercase; font-weight:bold;}
.pagination-wrapper span.prev{float:left;}
.pagination-wrapper span.prev a{background:url(images/arrow-prev.png) no-repeat left 5px; padding-left:20px; display:inline-block;}
.pagination-wrapper span.next{ float:right;}
.pagination-wrapper span.next a{background:url(images/arrow-next.png) no-repeat right 5px; padding-right:20px; display:inline-block;}
.single-pagination {padding-top:25px;}

/* footer */
footer{background:#000000; padding:40px 0 10px 0; color:#fff; font-size:1em;}
.copyright{}
.krafted, .krafted a{color:#999; text-decoration:none;}
.krafted a:hover{color:#999; text-decoration:underline;}

footer.entry-footer{background:none;}


/* 404 */
div.wpcf7-validation-errors{border:2px solid #ed7300; color:#ed7300;}
div.wpcf7-mail-sent-ng{border:2px solid #cc0000; color:#cc0000;}

.error404 .free-advice-side{margin-top:30px;}


@media (max-width: 767px){
	#header{padding:0;}
	#header a.logo{width:75%; padding:0;}
	#nav{display:none; float:none !important; position:absolute; top:98px; width:100%; margin:0;background:rgba(0,52,113,0.98);}
	#nav li{display:block; text-align:left; float:none; margin-right:0;}
	#nav li a{display:block; padding:1px 15px; line-height:40px;}
	header.isDown ul li a{padding:1px 15px !important; line-height:40px !important;}
	.section-banner {
		overflow: hidden;
		min-height: 400px;
	}

	.section-banner img {
		min-height: 400px;
		width: auto;
	}
	.section-blog .btn{margin-bottom:10px; display:block; margin-right:0;}
	.contact-from{padding-left:0;}	
	.section-archive, .section-page, .section-single{padding-top:60px;}
	.mobile-menu{display:block;}	
	.slider .slides li .caption{top:25%;}
	.testimonial-detail-wrapper{width:95%;}
	a#btn-close-modal{top:0; right:0;}
	.section-projects .modal-content .owl-controls{top:25%;}
	.section-blog .blog-content{margin-left:0;}
	#header img.responsive-img{width:auto; max-width:none;}
	#banner .owl-nav, #banner .owl-dots{display:none !important;}
	#banner .caption-bg h1{font-size:16px;}
	#banner .caption-bg p{ line-height:18px;}
}

@media (max-width: 767px) and (orientation:landscape){
	#banner .owl-nav, #banner .owl-dots{display:block !important;}
	#banner .caption-bg h1{font-size:28px;}
	#banner .caption-bg p{ line-height:18px;}
	}

@media (max-width: 1024px){
	header a.logo img.responsive-img{height: 85px;
    margin-top: 15px;}
	#header a.logo{width:25%; padding:0;}
	.show-hover{padding:0;}
	.project-thumb{height:243px;}
	nav ul li a,	header.isUp nav ul li a, header.isDown ul li a{padding:16px 10px 10px 10px !important}

	}

.owl-prev,
.owl-next {
border: 1px solid #ccc;
padding: 0.5em 1em;
text-transform: uppercase;
cursor: pointer;
}

.owl-prev { float: left; }

.owl-next {
float: right;
}