/*
Theme Name: Koetter
Author: Idealogy
Author URI: https://idealogy.biz/
Description: Theme for Koetter Construction website
Version: 1.0.0

*/
@import url('https://fonts.googleapis.com/css?family=Hind');
h1,h2,h3,h4{font-weight:normal;}
#idealogy{opacity: 0.8; text-align:center; padding:0 0 20px;}
#idealogy:hover{opacity:1;}
#idealogy span, #idealogy a{display:inline-block; vertical-align:middle; font-size:14px; margin:0 1px; }
body.page-template-template-landing  #header, body.page-template-template-landing  #footer{display:none!important;}
.thumbs .elementor-column{transition-duration: .3s; transition-property: transform;}
.thumbs .elementor-column:hover{transform: scale(1.1);}
.nf-form-layout form input, .nf-form-layout form textarea, .nf-form-layout form select{font-size:15px; padding:5px;}
.nf-form-layout form input[type=button]{font-size:20px; background:#000; color:#fff; border:none; padding:8px 10px;}
.n2-section-smartslider{overflow-x:hidden !important;}
.results_entry{position:relative !important;}
.results_entry .results_row_right_column{position:absolute !important; right:5px !important; top:5px !important; text-align:right !important;}
.results_entry span.location_name{font-weight:bold;}
.box-title > div{-webkit-box-shadow: 0px 6px 10px -5px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 6px 10px -5px rgba(0,0,0,0.25);
box-shadow: 0px 6px 10px -5px rgba(0,0,0,0.25);}
.callout{width:100%; top:0; text-align:center; background:#d4d4d4; padding:5px 0; font-size:1.1em;}
.callout a{color:#000; text-decoration:none;}
body{margin:0; padding:0; overflow-x:hidden; font-family: "Hind", Sans-serif;}
body.search #container{padding: 50px 0;}
body.search #container > section{width:1024px; margin:auto;}
body.search #content a{color:#9aca42;}
#header{display:flex; display: -webkit-box;  display: -webkit-flex; display: -ms-flexbox; position:relative; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.06);
-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.06);
box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.06);}
#branding{padding:20px 20px; flex-grow:2;}
.custom-logo{width:155px; height:auto;}
#search form{display:inline-block; margin: 4px 15px 4px 4px;}
#search form input[type='text'] {
	background-color: transparent;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA%2FPjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS10aW55LmR0ZCc%2BPHN2ZyBiYXNlUHJvZmlsZT0idGlueSIgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJHdWlkZXNfX3gyNl9fRm9ybXMiLz48ZyBpZD0iSWNvbnMiPjxwYXRoIGQ9Ik0yNCwyMy41NDNsLTQuMzU2LTQuMzU2YzAuODc1LTEuMTY4LDEuMzk5LTIuNjE0LDEuMzk5LTQuMTg2YzAtMy44NjYtMy4xMzQtNy03LTdzLTcsMy4xMzQtNyw3czMuMTM0LDcsNyw3ICAgYzEuNTcyLDAsMy4wMTgtMC41MjUsNC4xODYtMS4zOTlsNC4zNTYsNC4zNTZMMjQsMjMuNTQzeiBNOS4wNDMsMTVjMC0yLjc1NywyLjI0My01LDUtNWMyLjc1NywwLDUsMi4yNDMsNSw1YzAsMi43NTctMi4yNDMsNS01LDUgICBDMTEuMjg2LDIwLDkuMDQzLDE3Ljc1Nyw5LjA0MywxNXoiLz48L2c%2BPC9zdmc%2B);
	fill:#9aca42;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: auto;
	padding: 0 0 0 34px;
	position: absolute;
	right:10px;
	top:0;
	bottom:0;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
	  -webkit-appearance: textfield;
	z-index:10;
}
#search form input[type='text']:focus {
	background-color: #fff;
	border-bottom: 1px solid #6d6d6d;
	cursor: text;
	outline: 0;
	width: 1135px;
}

#search form input[type='submit'] {
  display: none;
}

#search > div{display:inline-block; margin:10px 0 0 15px; font-size:0.7em;}
#search img{width:100px; height:auto; }

#search > div p{display:inline-block !important; margin:0 5px;}
#search > div p:last-of-type{margin-right:0;}
#search > div a{color:#7a7a7a; text-decoration:none;}
#search > div a:hover{color:#9aca42; text-decoration:underline;}
    

nav{margin:auto 20px auto auto; font-family: "Hind", Sans-serif; letter-spacing:0.02em; position:relative; padding:0 20px 0 0;}
body.elementor-editor-active nav{z-index:0 !important;}
nav .mega-sub-menu{box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.19) !important;}
nav p>a, nav div>a {color:#666; text-decoration:none;}
nav p>a:hover, nav div>a:hover {text-decoration:underline;}
nav .widget_media_image{padding-bottom:0 !important;}
nav .textwidget p{margin:5px 0 !important;}
nav .textwidget > div{width:48%; display:inline-block; vertical-align:top; margin:5px 0 0 0;}

.gallery > .mega-sub-menu{width:75% !important; right:0 !important; left:auto !important;}

#mega-menu-item-26 .widget_text {padding:0 15px 0 15px !important;}
h4.mega-block-title{border-bottom: 1px solid #d2d2d2 !important; padding:0 !important;}
.headImg > div{overflow:hidden; height:350px; background-position:center !important;}
.headImg .elementor-row{height:100% !important;}
body.elementor-editor-active .headImg > div{overflow:visible;}
.headImg img{width:100%;}
.headImg{margin:0 0 50px;}

.slick-slide figcaption{margin:5px 0;}
.slick-prev{left:-20px !important;}
.slick-next{right:-20px !important;}
.slick-next:before, .slick-prev:before {color:#000 !important;}


@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  nav{padding:40px 20px 0 0;}
	.thumbs .elementor-image{position:relative !important;}
	.thumbs a{width:100% !important;}
}

#content .elementor-text-editor p>a {color:#000; text-decoration:underline;}

.copy h3{color:#000; margin-top:0;}
.copy p{margin:auto auto 50px;}

.award h3{color:#000; margin:0 auto;}
.award h4{color:#b7b7b7; margin:0 auto; font-weight:400 !important;}

.location_secondary span:after{content:"\A"; white-space: pre;}
.location_distance{display:none;}

.warranty li{margin:0 0 10px;}

.gallery img{border:none !important;}
.gal-list h3{margin-top:0 !important;}

#footer{background:#2e302e; padding: 50px 0; position:relative; width:100%; font-family: "Hind", Sans-serif; color:#fff; font-size:0.8em;}
body.elementor-page #footer, body.single #footer{margin:50px 0 0;}
#footer > div.contain{width:1024px; margin:auto; display:flex; display: -webkit-box;  display: -webkit-flex; display: -ms-flexbox;}
#footer .social{width:1024px; margin:auto auto 30px; text-align:center;}
#footer .widget_text{align-items: flex-end;}
#footer .widget_text:nth-of-type(2){margin:0 5%;}
#footer a{color:#b7b7b7;}
#footer > div.contain:after{content:""; display:block; clear:both;}


@media screen and (max-width:1433px){
	.custom-logo{width:110px; height:auto;}
	#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{padding:2px 15px 0px 15px !important;}
	#search form input[type='text']:focus {width:950px;}
	.gallery > .mega-sub-menu{width:100% !important;}

}

@media screen and (max-width:1178px){
		.custom-logo{width:100px; height:auto;}
	#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{padding:2px 10px 0px 10px !important;}
		#search form input[type='text']:focus {width:810px;}

}

@media screen and (max-width:1098px){
	#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{padding:0 8px !important; font-size:1em !important;}
	#search form input[type='text']:focus {width:790px;}
}


@media screen and (max-width:1060px){
	#footer .social{width:100%;}
	#footer > div.contain{width:100%; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;}
	#footer .widget_text{width:30%; padding:0 1.5%; margin:0 !important;}
}




@media screen and (max-width:1024px){
	nav{width:100%; padding:0;}
	#header{display:block;}
	#branding, #search{display:inline-block; vertical-align:middle;} #branding{padding:10px;}
	.custom-logo{width:100px; height:auto;}
	body.search #container > section{width:90%;}
	.n2-ss-layers-container{width:100% !important; height:100% !important; margin:auto !important;}
	#search form input[type='text']{top:50px; margin:0;}
		#search form input[type='text']:focus {width:70%;}

.slick-prev{left:-10px !important;}
.slick-next{right:-10px !important;}
}

@media screen and (max-width:768px){
	nav .textwidget > div{width:100%; display:block; margin:0;}
}


@media screen and (max-width:700px){
	#footer > div{display:block;}
	#footer .widget_text{width:80%; padding:0; margin:auto !important;}
	#footer .widget_text:nth-of-type(2){margin:50px auto !important;}
}


@media screen and (max-width:580px){
		#search{text-align:center;}
	.custom-logo{width:50%; height:auto; margin:auto;}
	#search form input[type='text']{height:55px; top:10px;} #search form input[type='text']:focus {width:86%; left:2%;}

}

@media screen and (max-width:435px){
	.thumb .elementor-column-wrap{margin:auto !important; width:97%; overflow:hidden;}
	.thumb img{height:100%; width:auto !important; max-width:none !important;}
}

.gallery-icon img{
    width: 100% !important;
	-webkit-transition: all 0.25s linear;
          transition: all 0.25s linear; transform-origin: bottom center;
}

.gallery-icon{overflow:hidden;}

.gallery-icon:hover img { -webkit-transform: scale3d(1.2, 1.2, 1);
          transform: scale3d(1.2, 1.2, 1);
margin-top:-20px;}

dl.gallery-item{
	margin: 0 !important;
	width: 96% !important;
}
@media (min-width: 1024px) {
    #gallery-1 {
      column-count: 4 !important;
      column-gap: 0px !important;
    }
}
@media (min-width:361px) and (max-width:1024px) {
    #gallery-1 {
      column-count: 3 !important;
      column-gap: 0px !important;      
    }  
}
@media (max-width:500px) {
    #gallery-1 {
      column-count: 2 !important;
      column-gap: 0px !important;      
    }  
}

.sub-head{width:auto !important; margin:-50px auto 0 !important; padding:10px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); background:#fff;
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);}

@media (max-width: 776px) {.sub-head h2{ font-size: 30px !important;}}

.single-post #container{width:1024px; margin:auto; padding:0 0 50px;}
.entry-title a{font-size: 2em; color:#000; text-decoration:none; font-weight:400;}
.wp-show-posts-entry-title a{color:#000; text-decoration:none; font-weight:400;}
.wp-show-posts-entry-title a:hover{text-decoration:underline;}
body.single .entry-content{margin:0 auto 50px; color:#7a7a7a; font-family: "Open Sans", Sans-serif; font-weight: 400; line-height: 1.7em;}
.entry-content iframe{height:100vh;}
h1.entry-title:after{content:"";display:block; width:100px; border-bottom:2px solid #b7b7b7;}
.entry-meta{text-transform:uppercase; font-size:14px; letter-spacing:0.0625rem;}
.alignright{float:right; margin:20px 0 20px 20px;}
.alignleft{float:left;  margin:20px 20px 20px 0;}
.wpsp-read-more a{padding: 5px 18px !important;}
.single-post article.post{box-sizing:border-box;}
.single-post #sidebar{width:30%; float:right; box-sizing:border-box;}
.single-post #content:after{content:""; display:block; clear:both;}
@media (max-width: 1024px) {
	.single-post #container{width:100%;}
	article > header, .single-post .entry-content{padding:20px;}
	
}

@media (max-width: 776px) {
.single-post article.post, .single-post #sidebar{width:100%; float:none; margin:auto;}
}

@media (max-width: 500px) {
	.alignright, .alignleft{float:none; margin:auto;}
	.results_entry span.location_name{display:block; width:200px; line-height:1.2em;}

}

.entry-content iframe{width:100% !important;}

@media (max-height: 850px) {
	.full-sect{height:auto !important;}
}
.single-post article.post:after, .footer:before, .footer:after{
	content:' ';
	clear:both;
	display:block;
}

article.wp-show-posts-single{padding-bottom:2em;}

.nav-previous{float:left; width:48%;}
.nav-next{float:right; width:48%; text-align:right;}

section.restricted, .imgHeader, .error404 #content {max-width: 1024px; margin:auto}
section.restricted, .error404 #content{padding:50px 0;}
section.restricted h1, .error404 h1{font-family: "Hind", Sans-serif;font-weight: 400; font-size:2em}
.imgHeader{min-height:350px; background-position:center; background-size:cover; background-repeat:no-repeat;}
.regForm, section.restricted h1{text-align:center;}
section.restricted h1:after{margin:auto;}

#nonUser{text-align:center;}

.um input[type="submit"].um-button, .um input[type="submit"].um-button:focus{background-color:#c0ae86!important;}

/*
.page-template-restricted #loginform label{color: #555555; font-size: 15px !important; line-height: 22px ; font-weight: bold; font-weight: 600;}
.page-template-restricted .login-username input, .page-template-restricted .login-password input{color: #666666;border: 1px solid #ddd;padding: 0 12px; border-radius: 2px;outline: none;width: 100%; display: block; cursor: text;font-size: 15px;height: 40px;}
.page-template-restricted .login-remember, .page-template-restricted .login-submit{text-align:center;} .page-template-restricted .login-remember label{font-weight:normal!important;}
.page-template-restricted input[type="submit"], .page-template-restricted a.register{height: auto;font-size: 15px;cursor: pointer;box-shadow: none;text-shadow: none;outline: none;margin: auto;opacity: 1;-webkit-appearance: none; border: none; display: inline-block;line-height: 1em; padding: 16px 20px; text-align: center; font-weight: normal; overflow: hidden; position: relative; transition: 0.25s; box-sizing: border-box; border-radius: 4px;}*/
.page-template-restricted a.register{background:#eee; margin:auto; color:#000; text-decoration:none;}