/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
.sc-hidden{
	display: none !important;
}

/* Remove hover on zebra tables */
table tbody>tr:nth-child(odd)>td.sc-nohover-light, table tbody>tr:nth-child(odd)>td.sc-nohover-light:hover,
 table tbody>tr:nth-child(odd)>th.sc-nohover-light, table tbody>tr:nth-child(odd)>th.sc-nohover-light:hover{
	
    background-color: hsla(0,0%,50.2%,.0555555) !important;
}

table td.sc-nohover-light, table td.sc-nohover-light:hover, table th.sc-nohover-light, table th.sc-nohover-light:hover {
    background-color: inherit !important;
}

table tbody>tr:nth-child(odd)>td.sc-nohover, table tbody>tr:nth-child(odd)>td.sc-nohover:hover,
 table tbody>tr:nth-child(odd)>th.sc-nohover, table tbody>tr:nth-child(odd)>th.sc-nohover:hover {
    background-color: hsla(0,0%,50.2%,.0705882353) !important;
}
table td.sc-nohover, table td.sc-nohover:hover, table th.sc-nohover, table th.sc-nohover:hover {
    background-color: inherit !important;
}

/* map info popup container */
.web-dealer-item-box .fc-item-content{
	border-left: dotted 1px;
	padding-left: 10px !important;
}
.web-dealer-item-box address{
	line-height: 1rem !important;
	margin-bottom: 8px !important;
}

.doorshadow{
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
	transition: all 0.3s ease 0s;
}
.shadow .n2-ss-button-container{
	-webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, .16);
	-moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, .16);
	box-shadow: 0px 8px 15px rgba(0, 0, 0, .16);
	transition: all 0.3s ease 0s;
}

a.underline_link{
    color:#6c6c6c;
    text-decoration: underline !important;
    font-weight: bold !important;
}

a.underline_link:hover{
    color:#7B95A3 !important;
}

/*
.home_showcase_slider .n2-ss-control-bullet{
	position: relative !important;
	left: -20vw !important;
	bottom: 4vhw !important;
	border-bottom: solid red 2px;
}
*/
.sc_slider_row .n2-ss-layer-row-inner {
	justify-content: center;
}

.elementor-headline-dynamic-wrapper  svg{
	margin-top: 10px;
}
/* =========== DOOR DESIGNER IFRAME (EDIT PAGE IN CLASSIC, NOT ELEMENTOR) ======== */
body.page-id-88 {
	height: 100vh;
}

body.page-id-88 main.post-88 {
	height: 100%;
}

body.page-id-88 main.post-88 div.page-content {
	height: 100%;
}

.iframe-container{
	height: calc(100% - 74px);
	margin-top:60px;
}

.iframe-container iframe{
	height:100%;
	width:100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: baseline;
}

/* ==================  GRAVITY FORMS STYLES  =========================== */
.subTitle h3{
	color: #343434 !important;
    font-size: 32px !important;
    font-weight: 400 !important;
}

.gform_wrapper input[type="button"],
.gform_wrapper input[type="submit"],
[type="button"].gform_button_select_files{
    align-items: center;
	box-shadow: none !important;
    background-color: #cfd3d9 !important;
    background-position: 0 0;
    border: 2px solid #cfd3d9;
    border-radius: 11px !important;
    box-sizing: border-box;
    color: #44687D !important;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 33.4929px;
    padding: 2px 15px;
	margin: 15px 15px 15px 0px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-underline-offset: 1px;
    transition: border .2s ease-in-out,box-shadow .2s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    word-break: break-word;
}

.gform_wrapper input[type="button"]:hover, .gform_wrapper input[type="button"]:focus,
.gform_wrapper input[type="submit"]:hover, .gform_wrapper input[type="submit"]:focus,
[type="button"].gform_button_select_files:hover, [type="button"].gform_button_select_files:focus{
	background-color: #cfd3d9 !important;
    border-color: #7B95A3 !important;
	outline: 0;
}
.gform_wrapper input[type="button"]:active,
.gform_wrapper input[type="submit"]:active,
[type="button"].gform_button_select_files:active{
    background-color: #44687D !important;
	border-color: #7B95A3 !important;
    box-shadow: rgb(0 0 0 / 12%) 0 1px 3px 0 inset;
    color: #FFFFFF !important;
}

/* ==================  ANIMATIONS CSS =========================== */
.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-1-5 13:49:54
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}


/* ==================  MEGA MENU CSS =========================== */
/* links that are not anchors  */
.mnuResources{
	color: var( --e-global-color-text );
}
/* residential items */
.mnuArtisan .mnuIcon{ content: url("/source/8385f379d23cf3b8b48baa78a6a29cf6/mnuArtisan.jpg"); }
.mnuThermoCraft .mnuIcon{ content: url("/source/90d7627e052075eaa6d14a7633629ee1/mnuThermoCraft.jpg"); }
.mnuRanchCraft .mnuIcon{ content: url("/source/b096eb0381e3a1506455502f2b194cab/mnuRanchCraft.jpg"); }
.mnuFlush .mnuIcon{ content: url("/source/00f736511ffeeab87e436a734c25abe7/mnuFlush.jpg"); }
.mnuContemporary .mnuIcon{ content: url("/source/acbaf27c3b7b08e67dbcbdbe38e21199/mnuContemporary.jpg"); }
.mnuCarriageCraft .mnuIcon{ content: url("/source/77790f678467a59f017bfdeef94aaee5/mnuCarriageCraft.jpg"); }
.mnuMidCentury .mnuIcon{ content: url("/source/47e4dc71296feaadd1baa322a2510849/mnuMidCentury.jpg"); }
.mnuVintage .mnuIcon{ content: url("/source/44d04d4958a5001c6dcc4e157bc8a03a/mnuVintage.jpg"); }
.mnuEsteem .mnuIcon{ content: url("/source/80962b03be05241db8c9dbc29aebcea0/mnuEsteem.jpg"); }

/* commercial items */
.mnuThermodoor .mnuIcon{ content: url("/source/a3cdaa9f6c1f4902c15b9eee1c3c379e/mnuThermodoor.jpg"); }
.mnuSCIndustrial .mnuIcon{ content: url("/source/141afeb1586d151bcd7f835123b0ce82/mnuSCIndustrial.jpg"); }
.mnuComFlush .mnuIcon{ content: url("/source/98761097c0f2302f46143048f830085b/mnuComFlush.jpg"); }
.mnuComContemporary .mnuIcon{ content: url("/source/f32776916b57c33b296604f1c9f33aaf/mnuComContemporary.jpg"); }
.mnuSA6500 .mnuIcon{ content: url("/source/6be0dc54036bdc33d986679a5878edf8/mnuSA6500.jpg"); }
.mnuSA7500 .mnuIcon{ content: url("/source/18fef45db5dca9568c39a77a64a5afc3/mnuSA7500.jpg"); }


header{
	background: #ffffff;
	padding: 10px 0px;
	-webkit-box-shadow: 0 3px 7px #CBCBCB;
	-moz-box-shadow: 0 3px 7px #CBCBCB;
	box-shadow: 0 3px 7px #CBCBCB;
	z-index: 3;
}

.header-row{
	width: 100%;
	display: flex;
}

.site-branding{
	padding-left: 10px;
}

.site-navigation{
	flex-grow: 1;
}

/* ==================  RESPONSIVE MEDIA QUERIES =========================== */

@media screen and (max-width: 767px){
	/* Show mobile menu for devices under 575px */

	.Header_Nav, .sc_search {
		display: none !important;
	}
	
	.toggle-nav{
		display: inline-flex !important;
	}
}

/* Medium devices - TABLETS  */
@media screen and (min-width: 768px){

	.toggle-nav, .cm-panel{
		display: none !important;
	}

	.Header_Nav {
		width: 100%;
	}

	.sc_search {
		display: inline-block;
	}
	
	/* Add a line under the active item and that items parent(top level) */
	.MegaMenu > .current-menu-item:after, .MegaMenu > .current-menu-parent:after {
		content: "";		/* This is necessary for the pseudo element to work. */
		display: block; 	/* This will put the pseudo element on its own line. */
		margin: 0 auto; 	/* This will center the border. */
		margin-top: -15px; 	/* This creates some space between the element and the border. */
		border-bottom: 4px solid var( --e-global-color-text );
		margin-right: 1em; 	/* to offset the anchor padding so the line is centered on the text. */
	}
	
	/* Common style for all lists */
	.Header_Nav ul {
		list-style: none;
		padding: 0;
		margin: 0 auto;
	}
	.Header_Nav .MegaMenu li { }
	 
	.Header_Nav .MegaMenu li a {

	} 

	/* ** MAIN MENU STYLES ** */
	.Header_Nav .MegaMenu {
		margin-left: auto;
		display: webkit-box;
		display: ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	.MegaMenu > li {
		display: inline-block;
		margin: 0;
		padding: 0;
	}
	.MegaMenu > li:first-child {
		margin-left: 0;
	}
	
	/* Main menu link style */
	.MegaMenu > li > a {
		color: var( --e-global-color-text );
		font-family: var( --e-global-typography-primary-font-family );
		font-size: 1.2em;
		line-height: 4.9em;
		display: inline-block;
		position: relative;
		outline: none;
		padding-right: 1em;
		z-index: 1000;
	}
	.MegaMenu > li:hover .sub-menu {
		display: table;
		z-index: 1000;
	}
	.MegaMenu > li:hover .sub-menu > li {
		opacity: 1;
		-webkit-transition: opacity 0.5s 0.1s;
		-moz-transition: opacity 0.5s 0.1s;
		transition: opacity 0.5s 0.1s;
	}
	 
	 
	/* **** SUB-MENU STYLES  *** */	

	/* each drop down navigation ul */	
	.MegaMenu .sub-menu{
		background: #fdfdfd;
		position: absolute;
		left: 0;
		margin-top:-10px;
		width: 100%;
		z-index: 0;
		text-align: center;
		display: none; 

	}
	.MegaMenu .sub-menu:before, .MegaMenu .sub-menu:after { 
		content: " "; 
		display: table; 
	}
	.MegaMenu .sub-menu:after { 
		clear: both; 
	}
	
	/* each drop down navigation item */	
	.MegaMenu .sub-menu > li{
		display: inline-block;
		vertical-align: top;
		-webkit-box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;
		-moz-box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;
		box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;
		opacity: 0;
		-webkit-transition: opacity 0.1s 0s;
		-moz-transition: opacity 0.1s 0s;
		transition: opacity 0.1s 0s;
	}
	
	.MegaMenu .mnuResidential .sub-menu > li, .MegaMenu .mnuCommercial .sub-menu > li{
		width: 16.2%;    		/* 6 items per row */
	}
	
	/* first 6 items don't have upper box shadow */
	.MegaMenu .sub-menu > li:nth-child(-n+6) {
		-webkit-box-shadow: -28px 0 0 -27px #ddd;
		-moz-box-shadow: -28px 0 0 -27px #ddd;
		box-shadow: -28px 0 0 -27px #ddd;
	} 
	/* every 7th item does not have a left box shadow */
	.MegaMenu .sub-menu > li:nth-child(6n+1) {
		-webkit-box-shadow: 0 -28px 0 -27px #ddd;
		-moz-box-shadow: 0 -28px 0 -27px #ddd;
		box-shadow:  0 -28px 0 -27px #ddd;
	}
	/* the first one does not have any box shadow */
	.MegaMenu .sub-menu > li:first-child {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
		
	/* each drop down navigation item anchor */	
	.MegaMenu .sub-menu > li a{
		display: block;
		text-align: center;
		outline: none;
		padding: 2em 1em 1em 1em;
		color: var( --e-global-color-text );
		font-family: var( --e-global-typography-primary-font-family );
		font-weight: 500;
	}
	
	/* Text color on hover */
	.MegaMenu .sub-menu > li a:hover,
	.MegaMenu .sub-menu > li a:focus {
		color: var(--e-global-color-accent);
	}

	/* Image inside the anchor */
	.MegaMenu .sub-menu > li a div {
		display: inline-block;
		margin: 0;
		max-width: 100%;
		-webkit-transition: opacity 0.2s;
		-moz-transition: opacity 0.2s;
		transition: opacity 0.2s;
		-webkit-box-shadow: 0 8px 6px -6px black;
		-moz-box-shadow: 0 8px 6px -6px black;
	    box-shadow: 0 8px 6px -6px black;
	}
	
	/* Image opacity on hover */
	.MegaMenu .sub-menu > li a:hover div {
		opacity: 0.5;
	}
	
	/* Item title */
	.MegaMenu .sub-menu > li a span {
		display: block;
		min-height: 3em;
		margin-top: 0.4em;
	}
	
	
	/* ** MEGA-MENU COLUMN STYLES ** */
	.no-wrap{
		white-space: nowrap;
	}
	
	.mnuResOpeners{
		width: 200px;
	}
	.mnuComOpeners{
		width: 300px;
	}
		
	.mega-menu-column, .menu-item-type-sidebar{
		padding: 1.5em .5em 2em .5em !important;
	}
	
	.mega-menu-column > li{
		
	}

	.mega-menu-column > li a, .menu-item-type-sidebar .custom-html-widget { 
		text-align: left !important;
		padding: .7em 1em 0em 1em !important;
		line-height: 1.2em;
	}
	
	/** about us social icons ** */
	.socialIcons ul {
	  font-size: 24px;
	  display: flex;
	  margin-bottom: .5em;
	}
	
	.socialIcons ul li {
		list-style-type: none;
		text-align: center;
		line-height: 40px;
	}
	
	.socialIcons ul li a {
		  color: #fff !important;
		  background: #DBE4EA;
		  width: 40px;
		  height: 40px;
		  padding: 0 !important;
	}
	
	.socialIcons a:hover{
		color: #DBE4EA;
	}
	.socialIcons a.fb:hover{
		background: #3b5999;
	}
	.socialIcons a.inst:hover{
		background: #e4405f;
	}
	
	.socialIcons a.twitter:hover {
		background: #55acee;
	}
	
	.socialIcons a.linkedin:hover {
		background: #0077B5;
	}
	
	/* **** Search Form  ********/
	
	.search-mnuItem .search-icon{
		padding-left: 1em;
	}
	.search-mnuItem .fa-sistrix {
		color: #386F8F;
		font-weight: 900;
	}

	.search-mnuItem .search-icon:hover, 
	.search-mnuItem .search-icon:focus {
		color: #999999;
		text-decoration: none;
	}

	.wpSearchContainer{
		width: 1140px;
		margin: 1em auto;
		text-align: right;
	}

	.wpSearchContainer ::-moz-placeholder {
		color: #386F8F !important;
		font-weight: 400;
		opacity: 1;
	}

	.wpSearchContainer ::-webkit-input-placeholder {
		color: #386F8F !important;
		font-weight: 400;
	}

	.sc-search-form {
		width: 30%;
		float: right;
		margin-top: 1em;
		background: #fcfcfc;
		border: 1px solid #ccc;
		border-radius: 8px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.sc-search-form input.sc-search-input[type="text"],
	.sc-search-form .sc-search-btn {
		background: none;
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	.sc-search-form .sc-search-btn {
		font-size: initial;
	}
	
	.sc-search-form .sc-search-btn .fa-sistrix{
		color: #386F8F;
		font-weight: 400;
	}
	
	.sc-search-form .sc-search-btn .fa-sistrix:hover{
		color: #999999;
	}

	.sc-search-form .sc-search-btn:hover,
	.sc-search-form .sc-search-btn:focus {
		background: none;
		border: none;
	}
	
}


/* Large devices - DESKTOPS */
@media only screen and (min-width: 992px) {

}