.elementor-5463 .elementor-element.elementor-element-9f8b9d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:-130px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-5463 .elementor-element.elementor-element-9f8b9d5:not(.elementor-motion-effects-element-type-background), .elementor-5463 .elementor-element.elementor-element-9f8b9d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF00 100%);}.elementor-5463 .elementor-element.elementor-element-a6bbdf3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5463 .elementor-element.elementor-element-a6bbdf3:not(.elementor-motion-effects-element-type-background), .elementor-5463 .elementor-element.elementor-element-a6bbdf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#86868600;}.elementor-5463 .elementor-element.elementor-element-ab8929e{--display:flex;--justify-content:center;}.elementor-5463 .elementor-element.elementor-element-21ae389 img{width:80%;}.elementor-5463 .elementor-element.elementor-element-6980b16{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5463 .elementor-element.elementor-element-8846188.elementor-element{--align-self:flex-end;}.elementor-5463 .elementor-element.elementor-element-8846188 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-d724816 );}.elementor-5463 .elementor-element.elementor-element-8846188 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-astglobalcolor5 );fill:var( --e-global-color-astglobalcolor5 );}.elementor-5463 .elementor-element.elementor-element-8846188 .elementor-nav-menu--dropdown a, .elementor-5463 .elementor-element.elementor-element-8846188 .elementor-menu-toggle{color:var( --e-global-color-astglobalcolor1 );fill:var( --e-global-color-astglobalcolor1 );}.elementor-5463 .elementor-element.elementor-element-8846188 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-5463 .elementor-element.elementor-element-8846188 .elementor-nav-menu--dropdown a:hover,
					.elementor-5463 .elementor-element.elementor-element-8846188 .elementor-nav-menu--dropdown a:focus,
					.elementor-5463 .elementor-element.elementor-element-8846188 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-5463 .elementor-element.elementor-element-8846188 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-5463 .elementor-element.elementor-element-8846188 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-d724816 );}.elementor-5463 .elementor-element.elementor-element-8846188 div.elementor-menu-toggle{color:var( --e-global-color-astglobalcolor4 );}.elementor-5463 .elementor-element.elementor-element-8846188 div.elementor-menu-toggle svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-5463 .elementor-element.elementor-element-c6f5c2b{--display:flex;--justify-content:center;}.elementor-5463 .elementor-element.elementor-element-ea77b68 .elementor-button{background-color:var( --e-global-color-d724816 );font-family:"Xenois Sans", Sans-serif;font-size:15px;font-weight:500;line-height:1.3em;border-radius:4px 4px 4px 4px;}.elementor-5463 .elementor-element.elementor-element-ea77b68 .elementor-button:hover, .elementor-5463 .elementor-element.elementor-element-ea77b68 .elementor-button:focus{background-color:var( --e-global-color-astglobalcolor1 );border-color:#FFFFFF00;}.elementor-5463 .elementor-element.elementor-element-ea77b68 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5463 .elementor-element.elementor-element-2c38a8f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-5463 .elementor-element.elementor-element-2c38a8f:not(.elementor-motion-effects-element-type-background), .elementor-5463 .elementor-element.elementor-element-2c38a8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-5463 .elementor-element.elementor-element-8c7ab3d{--display:flex;--justify-content:center;}.elementor-5463 .elementor-element.elementor-element-f58bdec img{width:80%;}.elementor-5463 .elementor-element.elementor-element-93253bd{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5463 .elementor-element.elementor-element-fb5a503.elementor-element{--align-self:flex-end;}.elementor-5463 .elementor-element.elementor-element-fb5a503 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-d724816 );}.elementor-5463 .elementor-element.elementor-element-fb5a503 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-5463 .elementor-element.elementor-element-fb5a503 .elementor-nav-menu--dropdown a, .elementor-5463 .elementor-element.elementor-element-fb5a503 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-5463 .elementor-element.elementor-element-fb5a503 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-5463 .elementor-element.elementor-element-fb5a503 .elementor-nav-menu--dropdown a:hover,
					.elementor-5463 .elementor-element.elementor-element-fb5a503 .elementor-nav-menu--dropdown a:focus,
					.elementor-5463 .elementor-element.elementor-element-fb5a503 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-5463 .elementor-element.elementor-element-fb5a503 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-5463 .elementor-element.elementor-element-fb5a503 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-d724816 );}.elementor-5463 .elementor-element.elementor-element-fb5a503 div.elementor-menu-toggle{color:var( --e-global-color-astglobalcolor4 );}.elementor-5463 .elementor-element.elementor-element-fb5a503 div.elementor-menu-toggle svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-5463 .elementor-element.elementor-element-743e6cc{--display:flex;--justify-content:center;}.elementor-5463 .elementor-element.elementor-element-5b0a70d .elementor-button{background-color:var( --e-global-color-d724816 );font-family:"Xenois Sans", Sans-serif;font-size:15px;font-weight:500;line-height:1.3em;border-radius:4px 4px 4px 4px;}.elementor-5463 .elementor-element.elementor-element-5b0a70d .elementor-button:hover, .elementor-5463 .elementor-element.elementor-element-5b0a70d .elementor-button:focus{background-color:var( --e-global-color-astglobalcolor1 );border-color:#FFFFFF00;}.elementor-5463 .elementor-element.elementor-element-5b0a70d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-5463 .elementor-element.elementor-element-6980b16.e-con{--align-self:center;}.elementor-5463 .elementor-element.elementor-element-8846188.elementor-element{--align-self:flex-end;}.elementor-5463 .elementor-element.elementor-element-93253bd.e-con{--align-self:center;}.elementor-5463 .elementor-element.elementor-element-fb5a503.elementor-element{--align-self:flex-end;}}@media(max-width:767px){.elementor-5463 .elementor-element.elementor-element-9f8b9d5{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-5463 .elementor-element.elementor-element-ab8929e{--width:44%;}.elementor-5463 .elementor-element.elementor-element-6980b16{--width:47%;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5463 .elementor-element.elementor-element-6980b16.e-con{--align-self:center;}.elementor-5463 .elementor-element.elementor-element-8c7ab3d{--width:44%;}.elementor-5463 .elementor-element.elementor-element-93253bd{--width:47%;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5463 .elementor-element.elementor-element-93253bd.e-con{--align-self:center;}}@media(min-width:768px){.elementor-5463 .elementor-element.elementor-element-9f8b9d5{--width:100%;}.elementor-5463 .elementor-element.elementor-element-a6bbdf3{--content-width:100%;}.elementor-5463 .elementor-element.elementor-element-ab8929e{--width:15%;}.elementor-5463 .elementor-element.elementor-element-c6f5c2b{--width:30%;}.elementor-5463 .elementor-element.elementor-element-8c7ab3d{--width:18%;}.elementor-5463 .elementor-element.elementor-element-743e6cc{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5463 .elementor-element.elementor-element-ab8929e{--width:39%;}.elementor-5463 .elementor-element.elementor-element-8c7ab3d{--width:39%;}}/* Start custom CSS for container, class: .elementor-element-9f8b9d5 *//* Hide the scrolled elements by default */
.elementor-5463 .elementor-element.elementor-element-9f8b9d5 .header-scrolled {
    display: none !important;
}

/* When the scroll offset is reached, swap the elements */
.elementor-5463 .elementor-element.elementor-element-9f8b9d5.elementor-sticky--effects .header-initial {
    display: none !important;
}

.elementor-5463 .elementor-element.elementor-element-9f8b9d5.elementor-sticky--effects .header-scrolled {
    display: flex !important; /* Use block, inline-block, or grid depending on layout */
}

/* Optional: Add a smooth styling change to the header container itself */
.elementor-5463 .elementor-element.elementor-element-9f8b9d5.elementor-sticky--effects {
    background-color: #ffffff !important;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease-in-out;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Xenois Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://roof-elite.com/wp-content/uploads/2023/12/Xenois-Sans-W01-Medium.eot');
	src: url('https://roof-elite.com/wp-content/uploads/2023/12/Xenois-Sans-W01-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://roof-elite.com/wp-content/uploads/2023/12/Xenois-Sans-W01-Medium.woff2') format('woff2'),
		url('https://roof-elite.com/wp-content/uploads/2023/12/Xenois-Sans-W01-Medium.woff') format('woff'),
		url('https://roof-elite.com/wp-content/uploads/2023/12/Xenois-Sans-W01-Medium.ttf') format('truetype'),
		url('https://roof-elite.com/wp-content/uploads/2023/12/Xenois-Sans-W01-Medium.svg#XenoisSans') format('svg');
}
/* End Custom Fonts CSS */