/*
Theme Name: Avada Child
Template: Avada
*/


/**********************/
/*Global*/
:root {
  --navy: #183765;
  --gold: #CCA22C;
  --white: #ffffff;
  --black: #000000;
	--schblue: #3F5F70;
	--schlightblue: #8ED0F0;
	--schgrey: #EEEDED;
}

.display-none{
	display: none !important;
}

html {
  scroll-behavior: smooth;
}

/*background-color: var(--navy);*/

.hover-float {
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.hover-float:hover {
  transform: translateY(-5px); /* lifts element up slightly */

}


/**********************/
/*Typography*/
.body-copy p{
	margin-top: 0px;
	font-family: 'Work Sans' !important;
	font-weight: 400 !important;
}

.header-h1{
	
}

.header-h2{
	
}

.header-h3{
	
}

.sch-button{
	letter-spacing: 2px !important;
}

/*&&&&&&&&&&&&&&&&&&&*/
@media only screen and (min-width: 1080px){
	.body-copy{
		font-size: 20px !important;
	}
	
	.header-h1{
		font-size: 60px !important;
	}
	
	.header-h2{
		font-size: 50px !important;
	}
	
	.header-h3{
		font-size: 32px !important;
	}
	
	.header-h4{
		font-size: 28px !important;
	}
	
	.header-h5{
		font-size: 23px !important;
	}

	.sch-button{
		font-size: 16px !important;
	}
}

/*&&&&&&&&&&&&&&&&&&&*/
@media only screen and (min-width: 768px) and (max-width: 1080px){
	.body-copy{
		font-size: 18px !important;
	}
	
	.header-h1{
		font-size: 50px !important;
	}
	
	.header-h2{
		font-size: 40px !important;
	}
	
	.header-h3{
		font-size: 26px !important;
	}
	
	.header-h4{
		font-size: 26px !important;
	}
	
	.header-h5{
		font-size: 21px !important;
	}
	.bgimage-content {
		width: 100%;
		right: 0;
	}
	.fireplaces-bgimage-content {
		width: 100%;
		left: 0;
	}
}

/*&&&&&&&&&&&&&&&&&&&*/
@media only screen and (max-width: 768px){
	.body-copy{
		font-size: 18px !important;
	}
	
	.header-h1{
		font-size: 44px !important;
	}
	
	.header-h2{
		font-size: 38px !important;
	}
	
	.header-h3{
		font-size: 24px !important;
	}
	
	.header-h4{
		font-size: 24px !important;
	}
	
	.header-h5{
		font-size: 20px !important;
	}
	.bgimage-content {
		width: 100% !important;
		right: unset !important;
		position: relative !important;
	}
	.garage-left-blue {
		padding: 20px 20px 50px 20px !important;
		width: 100% !important;
	}
	.garage-left-blue::before {
		content: unset !important;
	}
	.fireplaces-bgimage-content {
		width: 100% !important;
		left: unset !important;
		position: relative !important;
	}
	.fireplaces-left {
		padding: 20px 20px 50px 20px !important;
		width: 100% !important;
	}
	.fireplaces-left::before {
		content: unset !important;
	}
	.sec-fireplaces {
		margin-top: unsent !important;
	}
	.shc-why-content {
		text-align: center !important;
		padding-bottom: 20px !important;
		align-content: center !important;
	}
	.mob-center {
		text-align: center !important;
	}
	.shc-partner {
		padding-top: 30px !important;
	}
}


/*End of Typography*/
/**********************/
/**********************/
/*Footer*/
.foot-link{
	color: var(--white);
}

.foot-link:hover{
	color: var(--schlightblue);
}






/*&&&&&&&&&&&&&&&&&&&*/
@media only screen and (min-width: 768px){
	
	/* 1. Parent LI: row for title + caret, submenu wraps to next line */
.awb-menu__main-ul_column .awb-menu__main-li.menu-item-has-children {
    display: flex !important;
    flex-wrap: wrap !important;          /* allow submenu to go to next line */
    align-items: center !important;
    justify-content: flex-start !important;
}

/* 2. Title: only as wide as its text, left aligned */
.awb-menu__main-ul_column .awb-menu__main-li.menu-item-has-children > a.awb-menu__main-a {
    flex: 0 0 auto !important;
    width: auto !important;
    text-align: left !important;
    justify-content: flex-start !important;
}

/* 3. Caret: tight next to the title */
.awb-menu__main-ul_column .awb-menu__open-nav-submenu_needs-spacing {
    flex: 0 0 auto !important;
    margin-left: 4px !important;   /* tweak: 4px → 2px → 0px as desired */
}

/* 4. Submenu: always drops BELOW title + caret, full width */
.awb-menu__main-ul_column .awb-menu__sub-ul {
    flex: 0 0 100% !important;
}
}

 

/*&&&&&&&&&&&&&&&&&&&*/
@media only screen and (max-width: 768px){
	
}



/*End of Footer*/
/**********************/

/*End of Global*/
/**********************/

/*Scrolling banner*/
.shc-logo-scroller {
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
  background: #fff;
}

.shc-logo-track {
  display: flex;
  align-items: center;
  gap: 60px;
  width: max-content;
}

.shc-logo-track img {
  height: 70px;
  width: auto;
  object-fit: contain;
  flex-shrink: 0;
}

/* Garage Float Image  */
.bgimage-content {
	width: 50% !important;
	right: -20px !important;
}

/* Fireplaces Float Image  */
.fireplaces-bgimage-content {
	width: 50% !important;
	left: -20px !important;
}

/* GARAGE LEFT BLUE PANEL */
.garage-left-blue {
  position: relative;
  padding: 40px 120px 80px 20px;
	background: #3f5f70;
  z-index: 1;
}

/* EXTEND BLUE TO LEFT EDGE */
.garage-left-blue::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50vw;
  width: 50vw;
  height: 100%;
	background: #3f5f70;
  z-index: -1;
}

/* FIREPLACES RIGHT BLUE PANEL */
.fireplaces-left {
  position: relative;
	padding: 40px 20px 80px 120px;
	background: #8ed0f0;
  z-index: 1;
}

/* FIREPLACES EXTEND TO RIGHT EDGE */
.fireplaces-left::before {
  content: "";
  position: absolute;
  top: 0;
  right: -50vw;
  width: 50vw;
  height: 100%;
  background: #8ed0f0;
  z-index: -1;
}

/* CONTENT BOX */
.home-contentbox {
	p {margin-top: -15px}
}

/*  START FAQs  */
.page-id-624 .fusion-accordian .panel-title a.active .fa-fusion-box,.page-id-624 .fusion-accordian .panel-title a:not(.active):hover .fa-fusion-box {
      background-color: transparent !important;
}
.page-id-624 .fusion-accordian .panel-title a.active .fa-fusion-box:before{
	color:#8ED0F0!important;
}
.page-id-624 .fusion-accordian .panel-title a.active .fusion-toggle-heading{
	color:#ffffff!important;
}
.page-id-624 .fusion-panel:has(a.active) {
    background-color: #3F5F70 !important;
}
.page-id-624 .panel-body p{
	padding:0 50px;
}
/* END FAQs */


/* START GARAGE DOORS */
.shc-door-card-container {
        position: relative;
        overflow: hidden; 
        width: 100%;
        margin-bottom: 30px; 
        transition: transform 0.3s ease-in-out;
    }

    .shc-door-card-container img {
        display: block;
        width: 100%;
        height: auto;
        transition: transform 0.5s ease; 
    }

    .shc-door-slide-title {
        background-color: #3F5F70; 
        padding: 20px 25px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translateY(-15px); 
        transition: background-color 0.3s ease;
        z-index: 10;
		
    }

    .shc-door-slide-title h3 {
        margin: 0 !important;
        font-size: 26px;
        font-weight: 400;
        color: var(--white) !important;
        line-height: 1.2;
    }

    .shc-door-card-container:hover  {
        transform: translateY(-30px); 
    }
    .shc-door-card-container:hover .shc-door-slide-title {
        background-color: #8ED0F0; 
    }
    .shc-door-card-container:hover .shc-door-slide-title h3  {
        color:#3F5F70;
        font-weight: 800;
    }
    .garage-style-container-right {
        margin-bottom: 60px;
        display: block;
    }

    .garage-header-box-right {
        background-color: #8ED0F0; 
        padding: 10px 36% 10px 50px;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        min-height: 80px;
    }
    .garage-body-accent-right {
        padding: 10px 40% 10px 50px;
     }
		.garage-style-container-left {
        margin-bottom: 60px;
        display: block;
    }

    .garage-header-box-left {
        background-color: #3F5F70; 
        padding: 10px 50px 10px 40%;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        min-height: 80px;
    }
    .garage-body-accent-left {
        padding: 10px 50px 10px 40%;
     }
@media only screen and (max-width: 768px){
	.shc-door-slide-title h3 {
		text-align:center;
	}
	.garage-header-box-right {
            padding: 10px 30px;
            text-align: center;
            justify-content: center;
        }
        .garage-body-accent-right {
            padding: 10px 30px;
        }
	.garage-header-box-left {
            padding: 10px 30px;
            text-align: center;
            justify-content: center;
        }
        .garage-body-accent-left {
            padding: 10px 30px;
        }
	    .garage-style-container-left, .garage-style-container-right {
        margin-bottom: 0px;
    }
}
/* END GARAGE DOORS */

/* Start Garage Menu */
#menu-garage-doors .current_page_item{
	font-weight:bold!important;
}
/* End Garage Menu */