#wpadminbar{display:none !important;} body{font-family:'Lato',sans-serif;}h1,h1 a{color:#000000;font-family:'Arsenal',sans-serif;font-size:60px;line-height:1;margin:25px 0;}h2{color:#000000;font-family:'Arsenal',sans-serif;font-size:36px;line-height:1.1;margin:25px 0;}h3{color:#000000;font-family:'Arsenal',sans-serif;font-size:27px;line-height:1.1;margin:25px 0;}h4{font-family:'Arsenal',sans-serif;color:#000000;font-weight:bold;font-size:1.5em;line-height:1.5rem;margin:25px 0;}p{font-family:'Lato',sans-serif;color:#000000;font-size:16px;margin:15px 0;}ul{list-style-type:none;}ul.icon-list{margin-left:0;}ul.icon-list li{padding-left:34px;position:relative;color:#000000;font-size:16px;}ul.icon-list li::before{content:"\f106";font-family:fontAwesome;position:absolute;left:0;color:#c89a9a;font-weight:bold;}  .row.header-bar{padding:2vh 2vw;display:flex;align-items:center;background:#852523;max-width:100%;width:94%;position:absolute;top:3vh;left:3%;z-index:2;}.header-wrapper.header-inner{padding:6vh 0;position:relative;}.header-inner .row.header-bar{position:relative;top:unset;left:unset;margin:0 auto;}.header-inner span.scroll-arrow{bottom:-1vw;}.logo-wrapper{display:inline-block;vertical-align:middle;width:22%;}.company-details{width:auto;max-width:76%;display:inline-block;vertical-align:middle;padding-left:10px;padding-top:6%;}.company-details h1,.company-details h1 a{color:#FFFFFF;margin:0;font-size:1.2vw;font-family:"Khand",sans-serif;text-transform:uppercase;line-height:1;}.company-details p{font-family:"Khand",sans-serif;font-size:16px;color:#FFFFFF;margin:0;line-height:1;}.top-bar{background:none;}.top-bar-section ul li{background:none;}.top-bar-section li:not(.has-form) a:not(.button){background:none;text-transform:uppercase;font-family:'Lato',sans-serif;font-size:12px;padding:0 10px;position:relative;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}.top-bar-section ul li:hover:not(.has-form)>a,.top-bar-section li:not(.has-form) a:not(.button):hover,.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:not(.button):hover{background:none;padding:0 10px;color:#fecccb;}.top-bar-section .has-dropdown>a{padding-right:25px !important;}.top-bar-section .has-dropdown>a:after{margin-right:10px;}a.header-cta-btn{font-family:"Khand",sans-serif;font-weight:600;font-size:20px;color:#FFFFFF;letter-spacing:1px;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}a.header-cta-btn:hover{color:#c89a9a;}  .header-wrapper .navigation-wrapper .top-bar li.back{display:none !important;} .header-wrapper.roofing-header{position:relative;width:100%;max-width:none;padding:0;overflow:visible;background:#ffffff;color:#1b252d;font-family:"Lato",sans-serif;} .roofing-header *,.roofing-header *::before,.roofing-header *::after{box-sizing:border-box;} .roofing-header .roofing-topbar{position:relative;z-index:40;width:100%;background:#1b252d;color:#ffffff;} .roofing-header .roofing-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1600px;min-height:42px;margin:0 auto;padding:10px 30px;} .roofing-header .roofing-topbar-inner::before,.roofing-header .roofing-topbar-inner::after,.roofing-header .header-bar::before,.roofing-header .header-bar::after{display:none;} .roofing-header .roofing-topbar-location p{margin:0;color:#ffffff;font-size:12px;line-height:1.5;} .roofing-header .roofing-topbar-phone{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:12px;} .roofing-header .roofing-topbar-link{color:#ffffff;font-weight:700;text-decoration:none;} .roofing-header .header-bar{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:30;display:flex;align-items:center;width:100%;max-width:1600px;min-height:110px;margin:0 auto;padding:0 30px;background:#ffffff;transform:none;} .roofing-header .header-details{position:relative;display:flex;align-items:center;justify-content:flex-start;flex:0 0 200px;width:200px;padding:15px 25px 15px 0;} .roofing-header .logo-wrapper{width:100%;margin:0;padding:0;} .roofing-header .logo-wrapper a{display:inline-block;max-width:100%;} .roofing-header .logo-wrapper img{display:block;width:auto;max-width:175px;height:auto;max-height:75px;object-fit:contain;} .roofing-header .header-bar > .navigation-wrapper{position:static;flex:1 1 0;width:auto;min-width:0;margin:0;padding:0;background:transparent;} .roofing-header .header-bar .top-bar{width:100%;max-width:none;height:auto;margin:0;padding:0;background:transparent;line-height:normal;} .roofing-header .header-bar .top-bar ul{background:#ffffff;} .roofing-header .header-bar .top-bar > ul,.roofing-header .header-bar .top-bar .top-bar-section > ul{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;float:none;width:100%;margin:0;padding:0;} .roofing-header .header-bar .top-bar > ul > li,.roofing-header .header-bar .top-bar .top-bar-section > ul > li{flex:0 0 auto;float:none;width:auto;} .roofing-header .header-bar .top-bar li a{background:transparent;color:#1b252d;font-family:"Lato",sans-serif;font-size:13px;font-weight:700;text-decoration:none;} .roofing-header .header-bar .top-bar > ul > li > a,.roofing-header .header-bar .top-bar .top-bar-section > ul > li > a{padding:20px 10px;line-height:1.4;white-space:nowrap;} .roofing-header .header-bar .top-bar li:hover > a,.roofing-header .header-bar .top-bar li.active > a,.roofing-header .header-bar .top-bar li.current-menu-item > a{color:#df0032;} .roofing-header .header-bar .top-bar ul ul{min-width:220px;border-top:3px solid #df0032;background:#ffffff;box-shadow:0 12px 30px rgba(0,0,0,0.12);} .roofing-header .header-bar .top-bar ul ul li a{padding:14px 18px;line-height:1.5;} .roofing-header .header-cta{flex:0 0 auto;width:auto;padding:0 0 0 20px;} .roofing-header .header-cta-btn,.roofing-header .roofing-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin:0;padding:15px 25px;border:2px solid #df0032;border-radius:0;background:#df0032;color:#ffffff;font-size:14px;font-weight:700;line-height:1.3;text-align:center;text-decoration:none;transition:background 0.2s ease,border-color 0.2s ease;} .roofing-header .header-cta-btn{padding:14px 22px;white-space:nowrap;} .roofing-header .header-cta-btn:hover,.roofing-header .roofing-button:hover{border-color:#b90029;background:#b90029;color:#ffffff;} .roofing-header .roofing-hero{position:relative;isolation:isolate;display:flex;align-items:center;clear:both;width:100%;max-width:none;min-height:560px;margin:0;padding:80px 0 130px;overflow:hidden;background:#1b252d;} .roofing-header .roofing-hero > .slider-wrapper{position:absolute !important;inset:0 !important;z-index:0;float:none;width:100% !important;max-width:none !important;height:100% !important;margin:0 !important;padding:0 !important;} .roofing-header .roofing-hero .header-slider{position:relative;display:block;width:100% !important;max-width:none !important;height:100% !important;margin:0 !important;padding:0 !important;} .roofing-header .roofing-hero .slick-list{width:100% !important;max-width:none !important;height:100% !important;margin:0 !important;padding:0 !important;} .roofing-header .roofing-hero .slick-track{height:100% !important;} .roofing-header .roofing-hero .slick-slide{height:100% !important;background-position:center !important;background-size:cover !important;} .roofing-header .roofing-hero .slick-slide > div,.roofing-header .roofing-hero .slick-slide > a,.roofing-header .roofing-hero .slick-slide picture{display:block;width:100%;height:100%;} .roofing-header .roofing-hero .header-slider img{display:block;width:100% !important;max-width:none !important;height:100% !important;margin:0;object-fit:cover;object-position:center;} .roofing-header .roofing-hero::before{position:absolute;inset:0;z-index:1;display:block !important;width:100%;height:100%;background:rgba(17,27,35,0.58);content:"";pointer-events:none;} .roofing-header .roofing-hero::after{display:none;} .roofing-header .roofing-hero-content{position:relative;z-index:2;flex:0 0 100%;width:100%;max-width:1200px;margin:0 auto;padding:0 30px;text-align:center;} .roofing-header .roofing-hero-copy{float:none;width:100%;padding:0;} .roofing-header .roofing-eyebrow{display:inline-block;margin-bottom:22px;padding:10px 22px;background:#df0032;color:#ffffff;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;} .roofing-header .roofing-hero h1{max-width:1000px;margin:0 auto 22px;color:#ffffff;font-family:"Arsenal",sans-serif;font-size:clamp(42px,4.5vw,68px);font-weight:700;line-height:1.12;overflow-wrap:break-word;} .roofing-header .roofing-hero-copy > p{max-width:680px;margin:0 auto;color:#ffffff;font-size:17px;line-height:1.7;} .roofing-header .roofing-hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:30px;} .roofing-header .roofing-button-outline{border-color:rgba(255,255,255,0.8);background:transparent;} .roofing-header .roofing-button-outline:hover{border-color:#ffffff;background:#ffffff;color:#1b252d;} .roofing-header .roofing-red-edge{position:absolute;right:0;bottom:0;left:0;z-index:3;height:105px;background:#df0032;clip-path:polygon(0 0,50% 90%,100% 0,100% 100%,0 100%);pointer-events:none;} .roofing-header .roofing-bottom-curve{position:absolute;right:0;bottom:-1px;left:0;z-index:4;display:block;width:100%;height:100px;pointer-events:none;} .roofing-header a:focus-visible,.roofing-sticky-cta a:focus-visible{outline:3px solid #df0032;outline-offset:4px;} .roofing-header .mobile-menu{display:none;} .roofing-sticky-cta{display:none;} .roofing-header .roofing-hero h1{max-width:950px;margin:0 auto 20px;font-family:"Lato",sans-serif !important;font-weight:700;letter-spacing:-1.5px;line-height:1.08;} .roofing-header .roofing-angular-edge{position:absolute;bottom:-1px;left:0;z-index:4;display:block;width:100%;height:120px;pointer-events:none;} .rh-home-content{position:relative;padding-top:0;} .rh-home-content .rh-roof-section{max-width:1600px;} .rh-home-content .rh-roof-cap{height:150px;} .rh-home-content .rh-roof-body{padding:10px 45px 40px;} .rh-home-content .rh-intro-copy h2{font-family:"Lato",sans-serif !important;font-weight:700;letter-spacing:-1px;} .header-wrapper .header-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;height:auto;min-height:100px;padding-top:15px;padding-bottom:15px;} .header-wrapper .header-bar::before,.header-wrapper .header-bar::after{display:none;} .header-wrapper .header-bar > .header-details{flex:0 0 180px;float:none;width:180px;margin:0;padding:0;} .header-wrapper .header-bar .logo-wrapper{margin:0;padding:0;} .header-wrapper .header-bar .logo-wrapper a{display:block;} .header-wrapper .header-bar .logo-wrapper img{display:block;width:auto;max-width:100%;max-height:75px;margin:0;} .header-wrapper .header-bar > .navigation-wrapper{position:static;display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;float:none;width:auto;min-width:0;height:auto;margin:0;padding:0;transform:none;} .header-wrapper .header-bar .top-bar{display:flex;align-items:center;justify-content:flex-end;width:auto;height:auto;min-height:0;margin:0;padding:0;background:transparent;overflow:visible;} .header-wrapper .header-bar .top-bar-section{position:static;width:auto;margin:0;padding:0;} .header-wrapper .header-bar .top-bar > ul,.header-wrapper .header-bar .top-bar-section > ul{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:clamp(8px,1vw,20px);float:none !important;width:auto;margin:0;padding:0;} .header-wrapper .header-bar .top-bar > ul > li,.header-wrapper .header-bar .top-bar-section > ul > li{position:relative;flex:0 0 auto;float:none;width:auto;margin:0;padding:0;} .header-wrapper .header-bar .top-bar > ul > li > a,.header-wrapper .header-bar .top-bar-section > ul > li > a{display:flex;align-items:center;min-height:50px;margin:0;padding:0 3px;font-size:13px;line-height:1.3;white-space:nowrap;} .header-wrapper .header-bar > .header-cta{position:static;display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;float:none;width:auto;margin:0;padding:0;transform:none;} .header-wrapper .header-bar .header-cta > a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin:0;padding:12px 24px;line-height:1.3;white-space:nowrap;} .header-wrapper .header-bar .top-bar li.back{display:none !important;} .header-wrapper .header-bar > .navigation-wrapper{justify-content:center;} .header-wrapper .header-bar .top-bar{justify-content:center;margin-right:auto;margin-left:auto;} .header-wrapper .header-bar .top-bar > ul,.header-wrapper .header-bar .top-bar-section > ul{justify-content:center;}  .rh-home-content{display:block;width:100%;max-width:none;margin:0;padding:20px 30px 80px;background:#ffffff;color:white;font-family:"Lato",sans-serif;} .rh-home-content *,.rh-home-content *::before,.rh-home-content *::after{box-sizing:border-box;} .rh-roof-section h1{color:white;} .rh-home-content .rh-roof-section{display:block;float:none;width:100%;max-width:1600px;margin:0 auto;padding:0;} .rh-home-content .rh-roof-cap{display:block;width:100%;height:100px;margin:0;overflow:visible;} .rh-home-content .rh-roof-body{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:45px;float:none;width:96%;max-width:none;margin:-1px auto 0;padding:20px 40px 40px;background:#1b252d;} .rh-home-content .rh-roof-body::before,.rh-home-content .rh-roof-body::after,.rh-home-content .rh-expertise-section::before,.rh-home-content .rh-expertise-section::after,.rh-home-content .rh-consultation::before,.rh-home-content .rh-consultation::after{display:none;} .rh-home-content .rh-intro-copy,.rh-home-content .rh-expertise-copy{display:block;float:none;width:auto;min-width:0;margin:0;padding:0;} .rh-home-content .rh-eyebrow{display:block;margin:0 0 14px;color:#df0032;font-family:"Lato",sans-serif !important;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:1.5px;text-transform:uppercase;} .rh-home-content h2{margin:0 0 22px;color:#1b252d;font-family:"Lato",sans-serif !important;font-size:clamp(32px,3vw,48px);font-weight:700;line-height:1.15;letter-spacing:-1px;} .rh-home-content p{margin:0 0 20px;color:#56616a;font-family:"Lato",sans-serif !important;font-size:16px;font-weight:400;line-height:1.75;} .rh-home-content .rh-intro-copy h2{color:#ffffff;font-size:clamp(36px,3.4vw,54px);line-height:1.1;} .rh-home-content .rh-intro-copy p{color:#e0e5e9;line-height:1.65;} .rh-home-content .rh-intro-copy .rh-eyebrow{color:#ff6486;} .rh-home-content .rh-call-button{display:inline-flex !important;align-items:center;justify-content:center;gap:26px;width:auto;min-height:52px;margin:6px 0 0;padding:15px 26px;border:2px solid #df0032;border-radius:0;background:#df0032 !important;color:#ffffff !important;font-family:"Lato",sans-serif !important;font-size:14px;font-weight:700;line-height:1.3;text-align:center;text-decoration:none !important;transition:background 0.2s ease,border-color 0.2s ease;} .rh-home-content .rh-call-button span{color:inherit !important;font-size:24px;line-height:1;} .rh-home-content .rh-call-button:hover{border-color:#b90029;background:#b90029 !important;color:#ffffff !important;} .rh-home-content .rh-call-button:focus-visible{outline:3px solid #df0032;outline-offset:5px;} .rh-home-content .rh-intro-photo.rh-photo,.rh-home-content .rh-expertise-photo.rh-photo{position:relative;display:block;align-self:stretch;float:none;width:100%;max-width:none;height:auto;margin:0;padding:0;background-position:center;background-repeat:no-repeat;background-size:cover;} .rh-home-content .rh-intro-photo.rh-photo{min-height:350px;} .rh-home-content .rh-expertise-section{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);align-items:center;gap:60px;float:none;width:100%;max-width:1360px;margin:80px auto;padding:0;} .rh-home-content .rh-expertise-photo.rh-photo{min-height:430px;border-bottom:7px solid #df0032;} .rh-home-content .rh-expertise-copy p:last-child{margin-bottom:0;} .rh-home-content .rh-services-section{display:block;float:none;width:100%;max-width:1480px;margin:0 auto;padding:60px 45px;background:#f4f5f6;} .rh-home-content .rh-services-heading{display:block;float:none;width:100%;max-width:850px;margin:0 auto 40px;padding:0;text-align:center;} .rh-home-content .rh-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;margin:0;padding:0;list-style:none;} .rh-home-content .rh-service-grid > li{position:relative;display:flex;flex-direction:column;justify-content:center;float:none;width:auto;min-width:0;min-height:160px;margin:0;padding:32px 26px 24px;background:#ffffff;list-style:none;} .rh-home-content .rh-service-grid > li::before{position:absolute;top:0;right:0;left:0;display:block;width:100%;height:18px;background:#df0032;clip-path:polygon(0 75%,50% 0,100% 75%,100% 100%,50% 25%,0 100%);content:"";} .rh-home-content .rh-service-number{display:block;margin-bottom:12px;color:#df0032;font-family:"Lato",sans-serif !important;font-size:13px;font-weight:700;letter-spacing:1px;} .rh-home-content .rh-service-grid h3{margin:0;color:#1b252d;font-family:"Lato",sans-serif !important;font-size:22px;font-weight:700;line-height:1.3;} .rh-services-section .rh-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:35px 0;padding:0;list-style:none;} .rh-services-section .rh-service-grid > li{position:relative;display:flex;flex-direction:column;justify-content:flex-start;float:none;width:auto;min-width:0;min-height:250px;height:auto;margin:0;padding:125px 35px 30px;border:0;border-radius:0;background:transparent !important;box-shadow:none;clip-path:none;overflow:visible;list-style:none;box-sizing:border-box;} .rh-services-section .rh-service-grid > li::before{position:absolute;inset:0;z-index:0;display:block !important;width:100%;height:100%;margin:0;padding:0;border:0;background:#df0032 !important;clip-path:polygon( 50% 0,100% 90px,100% 102px,50% 12px,0 102px,0 90px );opacity:1;visibility:visible;transform:none;content:"" !important;pointer-events:none;} .rh-services-section .rh-service-grid > li::after{position:absolute;inset:0;z-index:0;display:block !important;width:100%;height:100%;margin:0;padding:0;border:0;background:#ffffff !important;clip-path:polygon( 50% 12px,94% 91.2px,94% 100%,6% 100%,6% 91.2px );opacity:1;visibility:visible;transform:none;content:"" !important;pointer-events:none;} .rh-services-section .rh-service-grid > li > *{position:relative;z-index:1;} .rh-services-section .rh-service-number{display:block;margin:0 0 12px;color:#df0032;font-family:"Lato",sans-serif;font-size:14px;font-weight:700;line-height:1.4;} .rh-services-section .rh-service-grid h3{margin:0;padding:0;color:#1b252d;font-family:"Lato",sans-serif;font-size:21px;font-weight:700;line-height:1.4;overflow-wrap:break-word;}.rh-services-section{display:block;float:none;width:calc(100% - 40px);max-width:1480px;margin:60px auto;padding:55px 40px;background:#f3f5f6;color:#1b252d;font-family:"Lato",sans-serif;} .rh-services-section,.rh-services-section *,.rh-services-section *::before,.rh-services-section *::after{box-sizing:border-box;} .rh-services-section .rh-services-heading{float:none;width:100%;max-width:1000px;margin:0 auto;padding:0;text-align:center;} .rh-services-section .rh-eyebrow{display:block;margin:0 0 16px;color:#df0032;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:1.5px;text-transform:uppercase;} .rh-services-section .rh-services-heading h2{margin:0 0 22px;color:#1b252d;font-family:"Lato",sans-serif;font-size:clamp(30px,3vw,44px);font-weight:700;line-height:1.2;letter-spacing:-1px;} .rh-services-section .rh-services-heading p{margin:0;color:#596670;font-size:16px;line-height:1.8;} .rh-services-section .rh-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:32px;width:100%;margin:40px 0;padding:0;list-style:none;} .rh-services-section .rh-service-grid > li{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;float:none;width:auto;min-width:0;min-height:285px;height:auto;margin:0;padding:90px 32px 30px;border:0;border-radius:0;background:transparent !important;box-shadow:none;clip-path:none;overflow:visible;list-style:none;text-align:center;} .rh-services-section .rh-service-grid > li::before{position:absolute;inset:0;z-index:1;display:block !important;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:#df0032 !important;clip-path:polygon( 50% 0,100% 90px,100% 104px,50% 14px,0 104px,0 90px );opacity:1;visibility:visible;transform:none;content:"" !important;pointer-events:none;} .rh-services-section .rh-service-grid > li::after{position:absolute;inset:0;z-index:0;display:block !important;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:#ffffff !important;clip-path:polygon( 50% 14px,94% 93.2px,94% 100%,6% 100%,6% 93.2px );opacity:1;visibility:visible;transform:none;content:"" !important;pointer-events:none;} .rh-services-section .rh-service-grid > li > *{position:relative;z-index:2;} .rh-services-section .rh-service-grid .rh-service-number{position:absolute;top:115px;left:14%;display:block;margin:0;color:#df0032;font-size:18px;font-weight:700;line-height:1.4;} .rh-services-section .rh-service-grid .rh-service-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:82px;height:82px;margin:0 0 20px;padding:0;border:0;border-radius:50%;background:#ffedf1;color:#1b252d;font-size:37px;line-height:1;} .rh-services-section .rh-service-grid h3{width:100%;margin:0;padding:0;color:#1b252d;font-family:"Lato",sans-serif;font-size:21px;font-weight:700;line-height:1.35;overflow-wrap:break-word;} .rh-services-section .rh-consultation{display:flex;align-items:center;justify-content:space-between;gap:30px;float:none;width:100%;margin:0;padding:28px 0 0;border-top:1px solid #dce2e6;} .rh-services-section .rh-consultation p{flex:1 1 auto;min-width:0;margin:0;color:#596670;font-size:14px;line-height:1.8;} .rh-services-section .rh-call-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:22px;min-height:54px;margin:0;padding:15px 25px;border:2px solid #df0032;border-radius:0;background:#df0032;color:#ffffff;font-family:"Lato",sans-serif;font-size:13px;font-weight:700;line-height:1.5;text-decoration:none;} .rh-services-section .rh-call-button span{color:inherit;font-size:24px;line-height:1;} .rh-services-section .rh-call-button:hover{border-color:#b90029;background:#b90029;color:#ffffff;} .rh-services-section .rh-call-button:focus-visible{outline:3px solid #1b252d;outline-offset:5px;} .rh-home-content .rh-consultation{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:35px;float:none;width:100%;margin:40px 0 0;padding:30px 0 0;border-top:1px solid #dce1e5;} .rh-home-content .rh-consultation p{margin:0;} .rh-home-content .rh-consultation .rh-call-button{margin:0;white-space:nowrap;} .rh-why-section{width:100%;max-width:none;margin:0;padding:65px 30px;background:#ffffff;color:#1b252d;font-family:"Lato",sans-serif;} .rh-why-section *,.rh-why-section *::before,.rh-why-section *::after{box-sizing:border-box;} .rh-why-section .rh-why-layout{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);align-items:stretch;gap:55px;width:100%;max-width:1500px;margin:0 auto;padding:0;} .rh-why-section .rh-why-layout::before,.rh-why-section .rh-why-layout::after,.rh-why-section .rh-guarantee::before,.rh-why-section .rh-guarantee::after{display:none;} .rh-why-section .rh-why-visual{position:relative;float:none;width:100%;min-width:0;min-height:580px;margin:0;padding:0;} .rh-why-section .rh-why-photo{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;margin:0;padding:0;background-position:center;background-repeat:no-repeat;background-size:cover;clip-path:polygon(0 90px,36.6667% 10px,100% 125px,100% 100%,0 100%);} .rh-why-section .rh-why-roofline{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:130px;overflow:visible;pointer-events:none;} .rh-why-section .rh-why-copy{align-self:center;float:none;width:100%;min-width:0;margin:0;padding:25px 0 35px;} .rh-why-section .rh-why-eyebrow{display:flex;align-items:center;gap:18px;margin-bottom:18px;color:#df0032;font-family:"Lato",sans-serif !important;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:1.5px;text-transform:uppercase;} .rh-why-section .rh-why-eyebrow::after{display:block;width:65px;height:2px;background:#df0032;content:"";} .rh-why-section h2{margin:0 0 22px;color:#1b252d;font-family:"Lato",sans-serif !important;font-size:clamp(30px,2.8vw,44px);font-weight:700;line-height:1.15;letter-spacing:-1px;} .rh-why-section p{margin:0 0 22px;color:#56616a;font-family:"Lato",sans-serif !important;font-size:16px;px;line-height:1.75;} .rh-why-section .rh-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0 0;padding:0;list-style:none;} .rh-why-section .rh-benefits > li{display:flex;align-items:center;gap:18px;float:none;width:auto;min-width:0;min-height:88px;margin:0;padding:20px;border-radius:8px;background:#f2f4f5;list-style:none;} .rh-why-section .rh-benefits > li::before,.rh-why-section .rh-benefits > li::after{display:none;} .rh-why-section .rh-benefits > li:last-child{grid-column:1 / -1;} .rh-why-section .rh-benefits i{flex:0 0 38px;width:38px;color:#df0032;font-size:32px;line-height:1;text-align:center;} .rh-why-section .rh-benefits span{min-width:0;color:#1b252d;font-family:"Lato",sans-serif !important;font-size:16px;font-weight:700;line-height:1.4;} .rh-why-section .rh-guarantee{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:45px;width:100%;max-width:1500px;margin:0 auto;padding:45px;border-top:5px solid #df0032;background:#1b252d;} .rh-why-section .rh-guarantee-icon{display:flex;align-items:center;justify-content:center;align-self:stretch;float:none;width:100%;margin:0;padding:0 35px 0 0;border-right:1px solid rgba(255,255,255,0.15);color:#df0032;} .rh-why-section .rh-guarantee-icon svg{display:block;width:110px;max-width:100%;height:auto;} .rh-why-section .rh-guarantee-copy{float:none;width:100%;min-width:0;margin:0;padding:0;} .rh-why-section .rh-guarantee h2{color:#ffffff;font-size:clamp(26px,2.2vw,34px);letter-spacing:-0.5px;} .rh-why-section .rh-guarantee p{color:#e0e5e9;} .rh-why-section .rh-guarantee strong{color:#ffffff;} .rh-why-section .rh-guarantee p:last-child{margin-bottom:0;} .rh-contact-section{width:100%;max-width:none;margin:0;padding:50px 30px 70px;background:#ffffff;} .rh-contact-section *,.rh-contact-section *::before,.rh-contact-section *::after{box-sizing:border-box;} .rh-contact-section .rh-contact-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:45px;float:none;width:100%;max-width:1500px;margin:0 auto;padding:35px 45px;background:#1b252d;} .rh-contact-section .rh-contact-panel::before,.rh-contact-section .rh-contact-panel::after{display:none;} .rh-contact-section .rh-contact-copy{float:none;width:100%;min-width:0;margin:0;padding:25px 0;} .rh-contact-section .rh-contact-eyebrow{margin:0 0 20px;color:#ff6486;font-family:"Lato",sans-serif !important;font-size:14px;font-weight:700;line-height:1.5;letter-spacing:2px;text-transform:uppercase;} .rh-contact-section .rh-contact-copy h2{margin:0 0 28px;color:#ffffff;font-family:"Lato",sans-serif !important;font-size:43px;font-weight:700;line-height:1.18;letter-spacing:-1px;overflow-wrap:break-word;} .rh-contact-section .rh-contact-copy h2 span{color:#ffffff;text-decoration-line:underline;text-decoration-color:#df0032;text-decoration-thickness:5px;text-underline-offset:9px;text-decoration-skip-ink:none;} .rh-contact-section .rh-contact-copy p{margin:0 0 30px;color:#dce2e6;font-family:"Lato",sans-serif !important;font-size:17px;font-weight:400;line-height:1.75;} .rh-contact-section .rh-contact-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;max-width:100%;min-height:60px;margin:0;padding:18px 25px;border:2px solid #df0032;border-radius:0;background:#df0032 !important;color:#ffffff !important;font-family:"Lato",sans-serif !important;font-size:14px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none !important;text-transform:uppercase;transition:background 0.2s ease,border-color 0.2s ease;} .rh-contact-section .rh-contact-button span{color:inherit !important;} .rh-contact-section .rh-contact-button .rh-contact-arrow{flex-shrink:0;font-size:28px;line-height:1;} .rh-contact-section .rh-contact-button:hover{border-color:#b90029;background:#b90029 !important;color:#ffffff !important;} .rh-contact-section .rh-contact-button:focus-visible{outline:3px solid #ffffff;outline-offset:5px;} .rh-contact-section .rh-contact-visual{position:relative;align-self:stretch;float:none;width:100%;min-width:0;min-height:560px;margin:0;padding:0;} .rh-contact-section .rh-contact-photo{position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;clip-path:polygon(4% 141.112px,50% 12px,96% 141.112px,96% 100%,4% 100%);} .rh-contact-section .rh-contact-photo::before,.rh-contact-section .rh-contact-photo::after{display:none;} .rh-contact-section .rh-contact-roof{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:160px;overflow:visible;pointer-events:none;} .rh-reviews-section{--rh-review-roof-height:42px;--rh-review-roof-line:6px;display:block;width:100%;max-width:none;margin:0;padding:100px 30px 75px;background:#f3f5f6;color:#1b252d;} .rh-reviews-section,.rh-reviews-section *,.rh-reviews-section *::before,.rh-reviews-section *::after{box-sizing:border-box;} .rh-reviews-section .rh-reviews-layout{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);align-items:center;gap:60px;float:none;width:100%;max-width:1500px;margin:0 auto;padding:0;} .rh-reviews-section .rh-reviews-layout::before,.rh-reviews-section .rh-reviews-layout::after{display:none;} .rh-reviews-section .rh-reviews-intro{float:none;width:100%;min-width:0;margin:0;padding:0;text-align:left;} .rh-reviews-section .rh-reviews-eyebrow{margin:0 0 18px;color:#df0032;font-family:"Lato",sans-serif;font-size:13px;font-weight:700;line-height:1.5;letter-spacing:2px;text-transform:uppercase;} .rh-reviews-section .rh-reviews-intro h2{margin:0 0 30px;color:#1b252d;font-family:"Lato",sans-serif;font-size:clamp(36px,3.4vw,56px);font-weight:700;line-height:1.12;letter-spacing:-1.5px;} .rh-reviews-section .rh-reviews-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;max-width:100%;min-height:56px;margin:0;padding:16px 25px;border:2px solid #df0032;border-radius:0;background:#df0032;color:#ffffff;font-family:"Lato",sans-serif;font-size:15px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;transition:background-color 0.2s ease,border-color 0.2s ease;} .rh-reviews-section .rh-reviews-button span{flex-shrink:0;color:inherit;font-size:25px;line-height:1;} .rh-reviews-section .rh-reviews-button:hover{border-color:#b90029;background:#b90029;color:#ffffff;text-decoration:none;} .rh-reviews-section .rh-reviews-button:focus-visible{outline:3px solid #1b252d;outline-offset:5px;} .rh-reviews-section .rh-reviews-card{position:relative;isolation:isolate;display:grid;grid-template-columns:55px minmax(0,1fr);align-items:start;gap:22px;float:none;width:100%;min-width:0;margin:0;padding:36px 40px 40px;border:0;border-radius:0 0 5px 5px;background:#ffffff;box-shadow:0 18px 45px rgba(27,37,45,0.06);overflow:visible;text-align:left;} .rh-reviews-section .rh-reviews-card::before,.rh-reviews-section .rh-reviews-card::after{position:absolute;right:0;left:0;display:block;width:100%;height:var(--rh-review-roof-height);margin:0;padding:0;clip-path:polygon(0 100%,0 85%,20% 85%,48% 0,76% 85%,100% 85%,100% 100%);content:"";pointer-events:none;} .rh-reviews-section .rh-reviews-card::before{top:calc(0px - var(--rh-review-roof-height));z-index:-2;background:#df0032;} .rh-reviews-section .rh-reviews-card::after{top:calc(var(--rh-review-roof-line) - var(--rh-review-roof-height));z-index:-1;background:#ffffff;} .rh-reviews-section .rh-reviews-quote{display:block;margin:-12px 0 0;color:#df0032;font-family:Georgia,serif;font-size:110px;font-weight:700;line-height:1;} .rh-reviews-section .rh-reviews-body{float:none;width:100%;min-width:0;margin:0;padding:0;} .rh-reviews-section .rh-reviews-stars{display:flex;align-items:center;gap:5px;margin:0 0 22px;color:#df0032;font-size:21px;line-height:1;} .rh-reviews-section .rh-reviews-stars i{color:inherit;} .rh-reviews-section .rh-reviews-body blockquote{margin:0;padding:0;border:0;background:transparent;color:#1b252d;font-style:normal;} .rh-reviews-section .rh-reviews-body blockquote::before,.rh-reviews-section .rh-reviews-body blockquote::after{display:none;} .rh-reviews-section .rh-reviews-body blockquote p{margin:0 0 22px;color:#34414a;font-family:"Lato",sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:1.8;} .rh-reviews-section .rh-reviews-body cite{display:block;color:#1b252d;font-family:"Lato",sans-serif;font-size:17px;font-weight:700;font-style:normal;line-height:1.5;} .rh-reviews-section .rh-reviews-body cite::before{content:none;} .footer-wrapper.rh-footer{position:relative;display:block;width:100%;max-width:none;margin:0;padding:0;border:0;background:#ffffff;color:#1b252d;font-family:"Lato",sans-serif;text-align:left;} .rh-footer,.rh-footer *,.rh-footer *::before,.rh-footer *::after{box-sizing:border-box;} .rh-footer::before,.rh-footer::after{display:none;} .rh-footer .rh-footer-roof{display:block;width:100%;height:90px;margin:0;pointer-events:none;} .rh-footer .rh-footer-shell{display:block;width:100%;max-width:1500px;margin:0 auto;padding:0 35px;} .rh-footer .rh-footer-top{display:grid;grid-template-columns:minmax(220px,0.8fr) minmax(0,2fr);align-items:center;gap:65px;width:100%;max-width:none;margin:0;padding:55px 0;border-bottom:1px solid #dfe4e7;} .rh-footer .rh-footer-top::before,.rh-footer .rh-footer-top::after,.rh-footer .rh-footer-grid::before,.rh-footer .rh-footer-grid::after,.rh-footer .rh-footer-bottom-inner::before,.rh-footer .rh-footer-bottom-inner::after{display:none;} .rh-footer .rh-footer-brand,.rh-footer .rh-footer-intro,.rh-footer .rh-footer-column,.rh-footer .rh-footer-company,.rh-footer .rh-footer-credit{float:none;width:100%;min-width:0;margin:0;padding:0;} .rh-footer .rh-footer-brand > a{display:inline-block;max-width:100%;} .rh-footer .rh-footer-brand img{display:block;width:240px;max-width:100%;height:auto;margin:0;} .rh-footer .rh-footer-brand p{margin:14px 0 0;color:#1b252d;font-size:14px;line-height:1.6;} .rh-footer .rh-footer-intro h2{margin:0 0 25px;color:#1b252d;font-family:"Lato",sans-serif;font-size:clamp(32px,3.4vw,52px);font-weight:700;line-height:1.15;letter-spacing:-1px;} .rh-footer .rh-footer-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;max-width:100%;min-height:56px;margin:0;padding:15px 26px;border:2px solid #df0032;border-radius:0;background:#df0032;color:#ffffff;font-family:"Lato",sans-serif;font-size:16px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;transition:background-color 0.2s ease,border-color 0.2s ease;} .rh-footer .rh-footer-button span{color:inherit;font-size:26px;line-height:1;} .rh-footer .rh-footer-button:hover{border-color:#b90029;background:#b90029;color:#ffffff;} .rh-footer a:focus-visible{outline:3px solid #df0032;outline-offset:5px;} .rh-footer .rh-footer-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,0.65fr);gap:28px;width:100%;max-width:none;margin:0;padding:45px 0 50px;} .rh-footer .rh-footer-column + .rh-footer-column{padding-left:28px;border-left:1px solid #dfe4e7;} .rh-footer .rh-footer-column h3{margin:0 0 24px;color:#1b252d;font-family:"Lato",sans-serif;font-size:21px;font-weight:700;line-height:1.3;} .rh-footer .rh-footer-contact p{display:flex;align-items:flex-start;gap:14px;margin:0 0 17px;color:#34414a;font-size:14px;line-height:1.7;} .rh-footer .rh-footer-contact p:last-child{margin-bottom:0;} .rh-footer .rh-footer-contact i{flex:0 0 22px;margin-top:2px;color:#df0032;font-size:22px;text-align:center;} .rh-footer .rh-footer-contact span,.rh-footer .rh-footer-contact a{min-width:0;overflow-wrap:anywhere;} .rh-footer .rh-footer-contact a{color:#34414a;text-decoration:none;} .rh-footer .rh-footer-contact a:hover{color:#b90029;text-decoration:underline;} .rh-footer .rh-footer-hours dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 14px;margin:0;padding:0;color:#34414a;font-size:14px;line-height:1.6;} .rh-footer .rh-footer-hours dt,.rh-footer .rh-footer-hours dd{margin:0;padding:0;font-weight:400;} .rh-footer .rh-footer-emergency{display:inline-block;max-width:100%;margin:22px 0 0;padding:9px 12px;border:1px solid #df0032;border-radius:30px;color:#1b252d;font-size:12px;font-weight:700;line-height:1.5;text-align:center;} .rh-footer .rh-footer-payments{display:flex;flex-wrap:wrap;align-items:center;gap:9px;width:100%;margin:0;padding:0;} .rh-footer .rh-footer-payments > span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 52px;min-height:40px;padding:5px;border:1px solid #dfe4e7;border-radius:4px;background:#ffffff;} .rh-footer .rh-footer-payments img{display:block;width:auto;max-width:100%;height:auto;max-height:28px;margin:0;} .rh-footer .rh-footer-social-links{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;} .rh-footer .rh-footer-social-links a{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;border:1px solid #d5dde2;border-radius:4px;background:#ffffff;color:#1b252d;font-size:23px;text-decoration:none;transition:background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease;} .rh-footer .rh-footer-social-links a:hover{border-color:#df0032;background:#df0032;color:#ffffff;} .rh-footer .rh-footer-social-links i{color:inherit;} .rh-footer .rh-footer-bottom{width:100%;max-width:none;margin:0;padding:22px 35px;background:#f3f5f6;} .rh-footer .rh-footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;max-width:1430px;margin:0 auto;padding:0;} .rh-footer .rh-footer-company{flex:1 1 auto;} .rh-footer .rh-footer-company p{margin:0;color:#52606a;font-size:13px;line-height:1.6;} .rh-footer .rh-footer-credit{flex:0 0 auto;width:auto;} .rh-footer .rh-footer-credit img{display:block;width:145px;max-width:100%;height:auto;margin:0;}   article:has(.about-img1){--about-red:#df0032;--about-dark:#1b252d;--about-muted:#596670;background:#ffffff;color:var(--about-dark);font-family:"Lato",sans-serif;} article:has(.about-img1),article:has(.about-img1) *,article:has(.about-img1) *::before,article:has(.about-img1) *::after{box-sizing:border-box;} article:has(.about-img1) h1,article:has(.about-img1) h2,article:has(.about-img1) h3{font-family:"Lato",sans-serif;font-weight:700;overflow-wrap:break-word;} article:has(.about-img1) h1{margin:0 0 20px;font-size:clamp(34px,3.3vw,50px);line-height:1.15;letter-spacing:-1.3px;} article:has(.about-img1) h2{margin:0 0 22px;color:var(--about-dark);font-size:clamp(28px,2.5vw,38px);line-height:1.2;letter-spacing:-0.8px;} article:has(.about-img1) h3{margin:0 0 20px;color:#b90029;font-size:17px;line-height:1.5;} article:has(.about-img1) p{margin:0 0 20px;color:var(--about-muted);font-size:16px;line-height:1.85;} article:has(.about-img1) .cta-btn-holder{float:none;width:auto;margin:0;padding:12px 0 0;} article:has(.about-img1) .cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;width:auto;max-width:100%;min-height:56px;margin:0;padding:16px 28px;border:2px solid var(--about-red);border-radius:0;background:var(--about-red);background-image:none;color:#ffffff;font-family:"Lato",sans-serif;font-size:14px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color 0.2s ease,border-color 0.2s ease;} article:has(.about-img1) .cta-btn::before{display:none;} article:has(.about-img1) .cta-btn::after{position:static;display:inline-block;width:auto;height:auto;margin:0;border:0;background:none;color:inherit;font-size:25px;line-height:1;transform:none;content:"\2192";} article:has(.about-img1) .cta-btn:hover{border-color:#b90029;background:#b90029;color:#ffffff;} article:has(.about-img1) .cta-btn:focus-visible{outline:3px solid #df0032;outline-offset:5px;} article:has(.about-img1) > .top-padding-xs{width:100%;max-width:none;margin:0;padding:110px 30px 70px;} article:has(.about-img1) .row:has(> .first-section){position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:45px;width:100%;max-width:1440px;margin:0 auto;padding:40px;background:var(--about-dark);overflow:visible;} article:has(.about-img1) .row:has(> .first-section)::before,article:has(.about-img1) .row:has(> .first-section)::after{position:absolute;left:0;display:block;width:100%;height:70px;margin:0;padding:0;clip-path:polygon(0 100%,50% 0,100% 100%);content:"";pointer-events:none;} article:has(.about-img1) .row:has(> .first-section)::before{top:-69px;z-index:-2;background:var(--about-red);} article:has(.about-img1) .row:has(> .first-section)::after{top:-61px;z-index:-1;background:var(--about-dark);} article:has(.about-img1) .first-section,article:has(.about-img1) .first-section + .bg-holder{float:none;width:100%;min-width:0;height:auto !important;margin:0;padding:0;} article:has(.about-img1) .first-section{align-self:center;} article:has(.about-img1) .first-section h1{color:#ffffff;} article:has(.about-img1) .first-section h2{margin-bottom:24px;color:#ff6486;font-size:14px;line-height:1.5;letter-spacing:1.5px;text-transform:uppercase;} article:has(.about-img1) .first-section p{color:#e0e5e8;} article:has(.about-img1) .about-img1{display:block;width:100%;height:100%;min-height:420px;margin:0;padding:0;background-position:center;background-repeat:no-repeat;background-size:cover;} article:has(.about-img1) .row:has(> .second-section){display:grid;grid-template-columns:minmax(0,0.75fr) minmax(0,1.25fr);align-items:start;gap:55px;width:100%;max-width:1360px;margin:80px auto 0;padding:0;} article:has(.about-img1) .row:has(> .second-section)::before,article:has(.about-img1) .row:has(> .second-section)::after{display:none;} article:has(.about-img1) .about-img2{float:none;width:100%;height:auto !important;min-height:520px;margin:0;padding:0;border-bottom:6px solid var(--about-red);background-position:center;background-repeat:no-repeat;background-size:cover;} article:has(.about-img1) .second-section{float:none;width:100%;min-width:0;height:auto !important;margin:0;padding:0;} article:has(.about-img1) .second-section p + h2{margin-top:35px;padding-top:30px;border-top:1px solid #e1e6e9;} article:has(.about-img1) .second-section .bad{display:inline-block;float:none;width:calc(33.333% - 14px);max-width:135px;height:auto;margin:12px 10px 0 0;padding:8px;vertical-align:middle;object-fit:contain;} article:has(.about-img1) .red-bg-section{position:relative;width:100%;max-width:none;margin:0;padding:65px 30px;background:#f3f5f6;color:var(--about-dark);} article:has(.about-img1) .red-bg-section::before,article:has(.about-img1) .red-bg-section::after{display:none;} article:has(.about-img1) .red-bg-section > .row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:55px;width:100%;max-width:1360px;margin:0 auto;padding:0;} article:has(.about-img1) .red-bg-section > .row::before,article:has(.about-img1) .red-bg-section > .row::after{display:none;} article:has(.about-img1) .red-bg-content{align-self:center;float:none;width:100%;min-width:0;height:auto !important;margin:0;padding:0;background:transparent;} article:has(.about-img1) .red-bg-content h2{color:var(--about-dark);} article:has(.about-img1) .red-bg-content p{color:var(--about-muted);} article:has(.about-img1) .about-img3{float:none;width:100%;height:auto !important;min-height:420px;margin:0;padding:0;border-bottom:6px solid var(--about-red);background-position:center;background-repeat:no-repeat;background-size:cover;} article:has(.about-img1) .cta-wrapper{position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:75px 30px;background-color:var(--about-dark);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;} article:has(.about-img1) .cta-wrapper::before{position:absolute;inset:0;z-index:-1;display:block;background:rgba(18,28,36,0.82);content:"";pointer-events:none;} article:has(.about-img1) .cta-wrapper::after{display:none;} article:has(.about-img1) .cta-row{width:100%;max-width:1360px;margin:0 auto;padding:0;} article:has(.about-img1) .cta-box{float:none;width:100%;max-width:850px;margin:0;padding:0 0 0 35px;border:0;border-left:5px solid var(--about-red);background:transparent;box-shadow:none;text-align:left;} article:has(.about-img1) .cta-box::before,article:has(.about-img1) .cta-box::after{display:none;} article:has(.about-img1) .cta-box h2{color:#ffffff;font-size:clamp(30px,3vw,44px);} article:has(.about-img1) .cta-box h3{color:#ff6486;font-size:15px;letter-spacing:1.2px;text-transform:uppercase;} article:has(.about-img1) .cta-box p{color:#e0e5e8;}   :root{--service-red:#df0032;--service-dark:#1b252d;--service-muted:#596670;} :has(> .first-section):has(.service-img1){position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:40px;width:100%;max-width:1440px;margin:0 auto;padding:40px;background:var(--service-dark);overflow:visible;} .top-padding-xs:has(.first-section):has(.service-img1){width:100%;max-width:none;margin:0;padding:100px 30px 0;} :has(> .first-section):has(.service-img1),:has(> .first-section):has(.service-img1) *,.svc-row,.svc-row *,.cta-wrapper:has(.cta-box),.cta-wrapper:has(.cta-box) *{box-sizing:border-box;} :has(> .first-section):has(.service-img1)::before,:has(> .first-section):has(.service-img1)::after{position:absolute;left:0;display:block;width:100%;height:65px;margin:0;padding:0;clip-path:polygon(0 100%,50% 0,100% 100%);content:"";pointer-events:none;} :has(> .first-section):has(.service-img1)::before{top:-64px;z-index:-2;background:var(--service-red);} :has(> .first-section):has(.service-img1)::after{top:-56px;z-index:-1;background:var(--service-dark);} .first-section:has(+ .bg-holder .service-img1),.first-section + .bg-holder:has(.service-img1){float:none;width:100%;min-width:0;height:auto !important;margin:0;padding:0;} .first-section:has(+ .bg-holder .service-img1){align-self:center;} .first-section:has(+ .bg-holder .service-img1) h1{margin:0 0 24px;color:#ffffff;font-family:"Lato",sans-serif;font-size:clamp(34px,3.4vw,50px);font-weight:700;line-height:1.15;letter-spacing:-1px;overflow-wrap:break-word;} .first-section:has(+ .bg-holder .service-img1) h2,.first-section:has(+ .bg-holder .service-img1) h3{margin:0 0 20px;color:#ff8da6;font-family:"Lato",sans-serif;font-size:22px;font-weight:700;line-height:1.4;} .first-section:has(+ .bg-holder .service-img1) p{margin:0 0 20px;color:#e0e5e8;font-family:"Lato",sans-serif;font-size:16px;line-height:1.85;} .first-section:has(+ .bg-holder .service-img1) p a{color:#ffffff;text-decoration:underline;text-decoration-color:#ff8da6;text-underline-offset:4px;} .first-section + .bg-holder .service-img1{display:block;width:100%;height:100%;min-height:400px;margin:0;padding:0;background-position:center;background-repeat:no-repeat;background-size:cover;} .vertical-padding-large:has(.svc-row){width:100%;max-width:none;margin:0;padding:65px 30px;background:#ffffff;} .svc-row{width:100%;max-width:1160px;margin:0 auto;padding:0;color:var(--service-dark);font-family:"Lato",sans-serif;} .svc-row > .columns{float:none;width:100%;margin:0;padding:0;} .svc-row h2{margin:0 0 22px;padding-left:20px;border-left:4px solid var(--service-red);color:var(--service-dark);font-family:"Lato",sans-serif;font-size:clamp(28px,2.5vw,38px);font-weight:700;line-height:1.25;letter-spacing:-0.7px;} .svc-row p + h2,.svc-row ul + h2{margin-top:40px;} .svc-row h3{margin:0 0 20px;color:#b90029;font-family:"Lato",sans-serif;font-size:19px;font-weight:700;line-height:1.5;} .svc-row p{margin:0 0 20px;color:var(--service-muted);font-size:16px;line-height:1.85;} .svc-row p a{color:#b90029;text-decoration:underline;text-underline-offset:3px;} .svc-row .icon-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:28px 0;padding:0;list-style:none;} .svc-row .icon-list li{position:relative;float:none;width:auto;min-width:0;margin:0;padding:22px 20px 22px 46px;border:1px solid #e3e8eb;background:#f4f6f7;color:var(--service-dark);font-size:16px;font-weight:700;line-height:1.5;list-style:none;overflow-wrap:break-word;} .svc-row .icon-list li::before{position:absolute;top:27px;left:20px;display:block;width:11px;height:11px;margin:0;padding:0;border:0;border-top:3px solid var(--service-red);border-left:3px solid var(--service-red);background:none;transform:rotate(45deg);content:"";} .cta-wrapper:has(.cta-box){position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:70px 30px;background-color:var(--service-dark);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;} .cta-wrapper:has(.cta-box)::before{position:absolute;inset:0;z-index:-1;display:block;background:rgba(18,28,36,0.85);content:"";pointer-events:none;} .cta-wrapper:has(.cta-box)::after{display:none;} .cta-wrapper .cta-row{width:100%;max-width:1360px;margin:0 auto;padding:0;} .cta-wrapper .cta-box{float:none;width:100%;max-width:900px;margin:0;padding:0 0 0 30px;border:0;border-left:5px solid var(--service-red);background:transparent;box-shadow:none;text-align:left;} .cta-wrapper .cta-box::before,.cta-wrapper .cta-box::after{display:none;} .cta-wrapper .cta-box h2{margin:0 0 24px;color:#ffffff;font-family:"Lato",sans-serif;font-size:clamp(30px,3vw,44px);font-weight:700;line-height:1.2;letter-spacing:-0.8px;} .cta-wrapper .cta-box h3{margin:0 0 20px;color:#ff8da6;font-family:"Lato",sans-serif;font-size:18px;font-weight:700;line-height:1.5;} .cta-wrapper .cta-box p{margin:0 0 20px;color:#e0e5e8;font-family:"Lato",sans-serif;font-size:16px;line-height:1.85;} .first-section:has(+ .bg-holder .service-img1) .cta-btn-holder,.svc-row .cta-btn-holder,.cta-wrapper .cta-box .cta-btn-holder{float:none;width:auto;margin:0;padding:12px 0 0;} .first-section:has(+ .bg-holder .service-img1) .cta-btn,.svc-row .cta-btn,.cta-wrapper .cta-box .cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;width:auto;max-width:100%;min-height:56px;margin:0;padding:16px 28px;border:2px solid var(--service-red);border-radius:0;background:var(--service-red);color:#ffffff;font-family:"Lato",sans-serif;font-size:14px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;text-transform:uppercase;} .first-section:has(+ .bg-holder .service-img1) .cta-btn::before,.svc-row .cta-btn::before,.cta-wrapper .cta-box .cta-btn::before{display:none;} .first-section:has(+ .bg-holder .service-img1) .cta-btn::after,.svc-row .cta-btn::after,.cta-wrapper .cta-box .cta-btn::after{position:static;display:inline-block;width:auto;height:auto;margin:0;padding:0;border:0;background:none;color:inherit;font-size:25px;line-height:1;transform:none;content:"\2192";} .first-section:has(+ .bg-holder .service-img1) .cta-btn:hover,.svc-row .cta-btn:hover,.cta-wrapper .cta-box .cta-btn:hover{border-color:#b90029;background:#b90029;color:#ffffff;} .first-section:has(+ .bg-holder .service-img1) .cta-btn:focus-visible,.svc-row .cta-btn:focus-visible,.cta-wrapper .cta-box .cta-btn:focus-visible{outline:3px solid #df0032;outline-offset:5px;} .content-wrapper:has(> .svc-title),.content-wrapper:has(> .svc-row > .large-6){background:#f3f5f6;} .content-wrapper:has(> .svc-title){padding:50px 30px 25px;} .svc-title.row{width:100%;max-width:1380px;margin:0 auto;padding:0;} .svc-title h1{margin:0;color:#1b252d;font-family:"Lato",sans-serif;font-size:clamp(34px,3.5vw,50px);font-weight:700;line-height:1.2;letter-spacing:-1px;text-align:center;} .content-wrapper:has(> .svc-row > .large-6){padding:15px 30px 60px;} .svc-row:has(> .large-6),.svc-row:has(> .large-6) *,.svc-row:has(> .large-6) *::before,.svc-row:has(> .large-6) *::after{box-sizing:border-box;} .svc-row.row:has(> .large-6){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:28px;width:100%;max-width:1380px;margin:0 auto 28px;padding:0;} .svc-row.row:has(> .large-6):last-child{margin-bottom:0;} .svc-row.row:has(> .large-6)::before,.svc-row.row:has(> .large-6)::after{display:none;} .svc-row.row > .large-6.columns{position:relative;display:flex;flex-direction:column;align-items:flex-start;float:none !important;width:100% !important;min-width:0;height:auto !important;min-height:0;margin:0;padding:35px !important;border:1px solid #e2e7ea;border-top:4px solid #df0032;border-radius:0;background:#ffffff !important;color:#1b252d;box-shadow:0 8px 24px rgba(27,37,45,0.04);text-align:left;} .svc-row.row > .large-6.columns::before,.svc-row.row > .large-6.columns::after{display:none;} .svc-row.row > .large-6.columns h2{width:100%;margin:0 0 20px;padding:0;border:0;color:#1b252d !important;font-family:"Lato",sans-serif;font-size:29px;font-weight:700;line-height:1.25;letter-spacing:-0.6px;overflow-wrap:break-word;} .svc-row.row > .large-6.columns h2::before,.svc-row.row > .large-6.columns h2::after{display:none;} .svc-row.row > .large-6.columns p{width:100%;margin:0 0 18px;color:#52606a !important;font-family:"Lato",sans-serif;font-size:16px;line-height:1.8;} .svc-row.row > .large-6.columns p a{color:#b90029 !important;text-decoration:underline;text-underline-offset:3px;} .svc-row.row > .large-6.columns > .top-padding-xs{float:none;width:100%;margin-top:auto;padding:12px 0 0 !important;} .svc-row.row > .large-6.columns .cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;width:auto;max-width:100%;min-height:52px;margin:0;padding:14px 24px;border:2px solid #df0032;border-radius:0;background:#df0032 !important;color:#ffffff !important;font-family:"Lato",sans-serif;font-size:13px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color 0.2s ease,border-color 0.2s ease;} .svc-row.row > .large-6.columns .cta-btn::before{display:none;} .svc-row.row > .large-6.columns .cta-btn::after{position:static;display:inline-block;width:auto;height:auto;margin:0;padding:0;border:0;background:none;color:inherit;font-family:"Lato",sans-serif;font-size:24px;line-height:1;transform:none;content:"\2192";} .svc-row.row > .large-6.columns .cta-btn:hover{border-color:#b90029;background:#b90029 !important;color:#ffffff !important;} .svc-row.row > .large-6.columns .cta-btn:focus-visible{outline:3px solid #1b252d;outline-offset:5px;} .rh-services-section .rh-service-grid > li{transition:transform 0.25s ease,filter 0.25s ease;} :is( .rh-call-button,.rh-contact-button,.rh-reviews-button,.rh-footer-button,.header-cta-btn,.cta-btn ){transition:background-color 0.25s ease,border-color 0.25s ease;} .rh-call-button > span,.rh-contact-button .rh-contact-arrow,.rh-reviews-button > span,.rh-footer-button > span,.cta-btn::after{display:inline-block;transition:transform 0.25s ease;} @media (hover:hover) and (pointer:fine){.rh-services-section .rh-service-grid > li:hover{transform:translateY(-4px);filter:drop-shadow(0 10px 12px rgba(27,37,45,0.12));} :is( .rh-call-button,.rh-contact-button,.rh-reviews-button,.rh-footer-button,.header-cta-btn,.cta-btn ):hover{border-color:#b90029 !important;background-color:#b90029 !important;color:#ffffff !important;} .rh-call-button:hover > span,.rh-contact-button:hover .rh-contact-arrow,.rh-reviews-button:hover > span,.rh-footer-button:hover > span,.cta-btn:hover::after{transform:translateX(4px);}} @media (prefers-reduced-motion:reduce){.rh-services-section .rh-service-grid > li,:is( .rh-call-button,.rh-contact-button,.rh-reviews-button,.rh-footer-button,.header-cta-btn,.cta-btn ),.rh-call-button > span,.rh-contact-button .rh-contact-arrow,.rh-reviews-button > span,.rh-footer-button > span,.cta-btn::after{transition:none !important;} .rh-services-section .rh-service-grid > li:hover,.rh-call-button:hover > span,.rh-contact-button:hover .rh-contact-arrow,.rh-reviews-button:hover > span,.rh-footer-button:hover > span,.cta-btn:hover::after{transform:none !important;}} ul.rh-benefit-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;margin:35px 0 0;padding:0;list-style:none;} ul.rh-benefit-badges,ul.rh-benefit-badges *,ul.rh-benefit-badges *::before,ul.rh-benefit-badges *::after{box-sizing:border-box;} ul.rh-benefit-badges > li{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;float:none;width:auto;min-width:0;height:auto;margin:0;padding:65px 16px 25px;border:1px solid #e8ecef;border-radius:8px;background:#ffffff;box-shadow:0 8px 22px rgba(27,37,45,0.06);list-style:none;text-align:center;} ul.rh-benefit-badges > li::before{position:absolute;top:16px;right:18px;left:18px;display:block;width:auto;height:45px;margin:0;padding:0;border:0;background:#df0032;clip-path:polygon( 0 82%,50% 0,100% 82%,100% 100%,50% 18%,0 100% );transform:none;content:"";pointer-events:none;} ul.rh-benefit-badges > li::after{position:absolute;top:29px;right:27%;display:block;width:12px;height:19px;margin:0;padding:0;border:0;background:#df0032;transform:none;content:"";pointer-events:none;} ul.rh-benefit-badges .rh-badge-icon{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:80px;height:80px;margin:0 0 18px;padding:0;border:0;border-radius:50%;background:#ffedf1;color:#1b252d;} ul.rh-benefit-badges .rh-badge-icon > i{margin:0;color:inherit;font-size:34px;line-height:1;} ul.rh-benefit-badges .rh-badge-veteran > .fa-shield{font-size:44px;} ul.rh-benefit-badges .rh-badge-veteran > .fa-star{position:absolute;top:50%;left:50%;color:#ffffff;font-size:15px;transform:translate(-50%,-65%);} ul.rh-benefit-badges > li > h3{width:100%;margin:0;padding:0;border:0;color:#1b252d;font-family:"Lato",sans-serif;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:0;text-transform:none;overflow-wrap:break-word;}ul.rh-benefit-badges > li{min-height:270px;padding:105px 20px 28px;overflow:visible;} ul.rh-benefit-badges > li::before{top:20px;right:auto;left:50%;width:190px;height:70px;background:#df0032;clip-path:polygon( 0 84%,50% 0,100% 84%,100% 100%,50% 16%,0 100% );transform:translateX(-50%);} ul.rh-benefit-badges > li::after{top:36px;right:auto;left:calc(50% + 48px);width:13px;height:28px;background:#df0032;transform:none;} ul.rh-benefit-badges .rh-badge-icon{width:80px;height:80px;margin-bottom:20px;} ul.rh-benefit-badges > li > h3{max-width:240px;margin:0 auto;font-size:18px;line-height:1.4;}   @media only screen and (min-width:1025px) and (max-width:1360px){.roofing-header .header-bar{flex-wrap:wrap;padding:12px 24px 0;} .roofing-header .header-details{flex:1 1 auto;width:auto;} .roofing-header .header-cta{margin-left:auto;} .roofing-header .header-bar > .navigation-wrapper{order:3;flex:0 0 100%;width:100%;border-top:1px solid #eeeeee;} .roofing-header .header-bar .top-bar > ul > li > a,.roofing-header .header-bar .top-bar .top-bar-section > ul > li > a{padding:16px 10px;font-size:12px;}} @media only screen and (min-width:1026px){.navigation-wrapper{justify-content:center;}.top-bar-section li:not(.has-form) a:not(.button)::before{content:" ";width:26px;height:0;background:#fecccb;position:absolute;bottom:0;left:calc(50% - 13px);-webkit-transition:all 100ms ease;-moz-transition:all 100ms ease;-ms-transition:all 100ms ease;-o-transition:all 100ms ease;transition:all 100ms ease;}.top-bar-section li.has-dropdown:not(.has-form) a:not(.button)::before{left:calc(50% - 20.5px);}.top-bar-section li:not(.has-form) a:not(.button):hover::before,.top-bar-section li.active:not(.has-form) a:not(.button)::before{height:1px;}.top-bar-section .dropdown{background:#df0032;min-width:650px;text-align:left;padding:3vh 5vw 3vh 2vw;left:50%;box-shadow:13px 15px 32px 0px rgba(0,0,0,0.46);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}.top-bar-section .dropdown li.page_item{width:50%;display:inline-block;}.top-bar-section ul li ul.dropdown li:nth-child(2n+2){padding-left:25px;}.top-bar-section .dropdown li:not(.has-form) a:not(.button){background:none;color:black;font-size:12.5px;line-height:35px;position:relative;}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),.top-bar-section .dropdown li.active:not(.has-form) a:not(.button){background:none;color:#FFFFFF;line-height:35px;}.top-bar-section .dropdown li:not(.has-form) a:not(.button)::before{content:" ";width:0px !important;height:1px;background:#c89a9a;position:absolute;top:calc(50% - 0.5px);bottom:unset;left:-10px !important;opacity:1;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button)::before,.top-bar-section .dropdown li.active:not(.has-form)>a:not(.button)::before{width:7px !important;opacity:1;}} .slider-wrapper::after{content:" ";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.1);}span.scroll-arrow{display:inline-block;width:7px;height:53px;position:absolute;left:calc(50% - 3.5px);bottom:2vh;cursor:pointer;z-index:1;}span.scroll-arrow::before{content:" ";height:100%;width:1px;background:#4b1514;position:absolute;left:3px;}span.scroll-arrow::after{content:" ";width:3px;height:17px;background:#c89a9a;position:absolute;left:2px;top:5px;border-radius:25%;-webkit-animation:scroll 1.85s infinite;animation:scroll 1.85s infinite;box-shadow:2px 2px 1px 0px rgba(0,0,0,0.13);}@keyframes scroll{0%{top:4px;} 100%{top:32px;}}  .row{margin:0 auto;max-width:102rem;width:100%;}.row.wide{max-width:107rem;}.row.full{max-width:100%;}.contain-to-grid{background:none !important;}.contain-to-grid .top-bar{max-width:75em;}.page-wrapper{max-width:75rem;clear:both;}.side-buffer{padding-left:3.5vw;padding-right:3.5vw;}.content-right-buffer{padding-right:5vw;}.content-left-buffer{padding-left:5vw;}.top-space{margin-top:11.5vh;}.home-img1{height:100%;width:100%;background:center top / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/home-img1.jpg);}.home-img2{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/home-img2.jpg);}.home-img3{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/home-img3.jpg);}.home-img4{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/home-img4.jpg);}.home-img5{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/home-img5.jpg);}.about-img1{height:100%;width:100%;background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/about-img1.jpg);}.about-img2{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/about-img2.jpg);}.about-img3{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/about-img3.jpg);}.service-img1{height:100%;width:100%;}.chimney-sweeping{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/chimney-sweeping.jpg);}.commercial-roofing{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/commercial-roofing.jpg);}.emergency-roof-repair{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/emergency-roof-repair.jpg);}.epdm-roofing{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/epdm-roofing.jpg);}.flat-roofing{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/flat-roofing.jpg);}.green-roofing{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/green-roofing.jpg);}.gutter-cleaning{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/gutter-cleaning.jpg);}.gutter-installation{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/gutter-installation.jpg);}.hail-and-storm-damage-roof-repair{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/hail-and-storm-damage-roof-repair.jpg);}.modified-bitumen-roofing{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/modified-bitumen-roofing.jpg);}.roof-inspections{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/roof-inspections.jpg);}.roof-maintenance{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/roof-maintenance.jpg);}.roof-repair{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/roof-repair.jpg);}.roof-restoration{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/roof-restoration.jpg);}.roofer{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/roofer.jpg);}.roofing-company{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/roofing-company.jpg);}.roofing-services{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/roofing-services.jpg);}.shingle-roofing{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/shingle-roofing.jpg);}.siding-installation{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/siding-installation.jpg);}.slate-roofing{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/slate-roofing.jpg);}.tar-and-gravel-roofing{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/tar-and-gravel-roofing.jpg);}.tile-roofing{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/tile-roofing.jpg);}.contact-bg{background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/contact-bg.jpg);}.cta-btn{display:inline-block;min-width:300px;text-align:center;font-family:'Arsenal',sans-serif;font-size:24px;color:#FFFFFF;background:#df0032;padding:32px 10px;position:relative;text-transform:uppercase;margin-bottom:0;line-height:unset;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}.cta-btn::after{content:url(https://rooferhero.net/wp-content/themes/rfr5/images/btn-icon.png);position:absolute;bottom:0;height:22px;left:12px;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}.cta-btn:hover{background:#852523;color:#FFFFFF;}.cta-btn.alt{background:#FFFFFF;color:#df0032;}.cta-btn.alt:hover{background:#c89a9a;color:#df0032;}.cta-btn.alt:hover::after{-webkit-filter:brightness(2);filter:brightness(2);}.cta-btn.smaller-text{font-size:16px;padding:36px 10px;}.white-text *,.white-text ul.icon-list li{color:#FFFFFF;}.cta-box{background:rgba(255,255,255,0.9);padding:7.5vh 4vw;}.cta-box h2{font-size:50px;margin-top:0;}.red-bg{background:#852523;} .gallery-wrapper h2{display:none;}.gallery-image img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.1);-webkit-transition:all 700ms ease-out;-moz-transition:all 700ms ease-out;-ms-transition:all 700ms ease-out;-o-transition:all 700ms ease-out;transition:all 700ms ease-out;}.gallery-image:hover img{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}.footer-inner{z-index:99;position:relative;}.footer-address p,.footer-hours p{margin:0;font-size:14px;}.footer-hours{padding-top:15px;}.footer-payment img{margin:0 5px 5px 0;}.footer-social .fa{color:#000000;font-size:22px;margin:0 15px;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}.footer-social .fa:hover{color:#852523;}.footer-wrapper h2{font-size:24px;}.footer-payment h2,.footer-social h2{margin-bottom:70px;}.lnm-logo{padding-top:90px;}.contactForm{margin-top:20px;}.contactForm label{font-weight:normal;display:block;margin-bottom:3px;color:#000000;}.contactForm input{width:100%;padding:3px;margin-bottom:5px;}.contactForm textarea{width:100%;}input.fancyInput[type="text"]{font-family:'Lato',sans-serif;padding:12px 25px;font-size:15px;line-height:1.4;height:auto;border:none;margin-bottom:7px;background:#FFFFFF;color:#000000;box-shadow:inset 0px 0px 0px 1px #df0032;}input.fancyInput[type="text"]::placeholder,textarea.fancyInput[type="text"]::placeholder{color:#000000;}.contactForm textarea{width:100%;}textarea.fancyInput[type="text"]{font-family:'Lato',sans-serif;padding:15px 25px;font-size:15px;line-height:1.4;height:100px;border:none;margin-bottom:7px;background:#FFFFFF;color:#000000;box-shadow:inset 0px 0px 0px 1px #df0032;}.contactForm .captchaWrapper{margin:0 0 5px;padding:10px 25px;font-size:14px;line-height:1.4;height:auto;border:none;background:#FFFFFF;color:#000000;font-weight:bold;min-height:0;margin-bottom:23px;box-shadow:inset 0px 0px 0px 1px #df0032;text-align:left !important;}.contactForm .captchaWrapper:not(.slideOut) img{max-width:25%;}.contactForm .captchaWrapper input{background:#FFFFFF;border:none;box-shadow:none;display:inline-block;width:auto;font-size:14px;padding:0;margin:0 0 0 25px;color:#000000;font-weight:normal;}.contactForm .captchaWrapper input::placeholder{color:#000000;}.contactForm .captchaRefresh{vertical-align:top;}.contactForm .submitWrapper{margin-top:5px;}.emailConfirmation{margin:0 auto;}.emailConfirmation h1{color:#00CC00;}.slick-background-wrapper{left:0;position:fixed;top:0;z-index:-1;width:101% !important;overflow:hidden;}  .slide-out-wrapper{position:fixed;top:50%;right:0;background:rgba(255,255,255,0.95);padding:50px 70px 30px;z-index:99;max-width:570px;box-shadow:35px 39px 49px 0px rgba(0,0,0,0.13);-moz-transform:translateX(100%) translateY(-50%);-webkit-transform:translateX(100%) translateY(-50%);-o-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%);-webkit-transition:all 1.2s ease;-moz-transition:all 1.2s ease;-ms-transition:all 1.2s ease;-o-transition:all 1.2s ease;transition:all 1.2s ease;}.slide-out-wrapper.active{-moz-transform:translateX(0) translateY(-50%);-webkit-transform:translateX(0) translateY(-50%);-o-transform:translateX(0) translateY(-50%);-ms-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%);box-shadow:0px 40px 40px 0px rgba(28,28,28,0.2);}.slide-out-content span.form-title{text-transform:uppercase;font-family:'Arsenal',sans-serif;color:#000000;font-weight:normal;margin:0 0 10px;font-size:22px;display:block;}.slide-out-form form{margin:0;}.slide-out-wrapper span.form-toggle{width:0;height:0;border-style:solid;border-width:55px 55px 55px 0;border-color:transparent #df0032 transparent transparent;position:absolute;left:-55px;top:calc(50% - 55px);color:#000000;cursor:pointer;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;}.slide-out-wrapper span.form-toggle:hover{border-color:transparent #852523 transparent transparent;}.form-toggle .toggle-holder{position:absolute;left:24px;top:-10px;}i.toggle-left{display:inline-block;width:15px;height:15px;vertical-align:middle;border-top:1px solid;border-left:1px solid;border-color:#FFFFFF;-moz-transform:rotate(-45deg) translateY(-13%);-webkit-transform:rotate(-45deg) translateY(-13%);-o-transform:rotate(-45deg) translateY(-13%);-ms-transform:rotate(-45deg) translateY(-13%);transform:rotate(-45deg) translateY(-13%);-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;}i.toggle-right{display:inline-block;width:15px;height:15px;vertical-align:middle;border-top:1px solid;border-right:1px solid;border-color:#FFFFFF;-moz-transform:rotate(45deg) translateY(-13%);-webkit-transform:rotate(45deg) translateY(-13%);-o-transform:rotate(45deg) translateY(-13%);-ms-transform:rotate(45deg) translateY(-13%);transform:rotate(45deg) translateY(-13%);-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;}.slide-out-wrapper span.form-toggle:hover i{border-color:#FFFFFF;}input.slideOutInput[type="text"]{font-size:13px;font-family:'Lato',sans-serif;font-weight:normal;line-height:1.4;height:auto;border:none;padding:10px 10px;margin-bottom:5px;background:#FFFFFF;color:#000000;box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,.3);}.slide-out-form input[type="text"]::placeholder,.slide-out-form .contactForm textarea::placeholder{color:#000000;}.slide-out-form .contactForm textarea{width:100%;line-height:1.4;border:none;background:#FFFFFF;color:#000000;font-family:'Lato',sans-serif;font-weight:normal;padding:10px 25px;font-size:13px;height:90px;margin-bottom:5px;box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,.3);}.slide-out-form label{color:#000000;font-weight:normal;margin-bottom:3px;}.slide-out-form .contactForm .captchaWrapper{font-size:13px;line-height:1.4;height:auto;border:1px solid rgba(0,0,0,.3);box-shadow:none !important;background:#FFFFFF;color:#000000;font-weight:normal;margin:0 0 3px;min-height:0;padding:0px 25px 0px 0px;}.slide-out-form .contactForm .captchaWrapper input{font-family:'Lato',sans-serif;border:none;box-shadow:none;display:inline-block;width:auto;font-size:15px;padding:0 15px;margin:0 0 0 30px;color:#000000;background:#FFFFFF;}.slide-out-form .contactForm .captchaWrapper img#captchaImage{-webkit-filter:none;filter:none;}.slide-out-form .contactForm .captchaRefresh{vertical-align:middle;max-width:30px;margin-left:3px;}.slide-out-form .contactForm .submitWrapper{text-align:center;margin-top:10px;}.slide-out-form .contactForm .submitWrapper button.submit{color:#FFFFFF;font-weight:normal;font-family:'Lato',sans-serif;font-size:16px;letter-spacing:2px;background:#df0032;border:none;text-align:center;cursor:pointer;padding:15px;width:auto;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}.slide-out-form .contactForm .submitWrapper button.submit:hover{background:#852523;color:#FFFFFF;}  .mobile-sticky-cta{display:none;}  .strip-padding{padding-left:0 !important;padding-right:0 !important;}.vertical-padding-xs{padding-top:3vh;padding-bottom:3vh;}.top-padding-xs{padding-top:3vh;}.bottom-padding-xs{padding-bottom:3vh;}.vertical-padding-small{padding-top:6vh;padding-bottom:6vh;}.top-padding-small{padding-top:6vh;}.bottom-padding-small{padding-bottom:6vh;}.vertical-padding-medium{padding-top:8vh;padding-bottom:8vh;}.top-padding-medium{padding-top:8vh;}.bottom-padding-medium{padding-bottom:8vh;}.vertical-padding-large{padding-top:10.5vh;padding-bottom:10.5vh;}.top-padding-large{padding-top:10.5vh;}.bottom-padding-large{padding-bottom:10.5vh;}.vertical-padding-x-large{padding-top:13.5vh;padding-bottom:13.5vh;}.top-padding-x-large{padding-top:13.5vh;}.bottom-padding-x-large{padding-bottom:13.5vh;}.horizontal-padding-medium{padding-left:7.5vw;padding-right:7.5vw;}.horizontal-padding-small{padding-left:3.75vw;padding-right:3.75vw;}  .scrollfade,.animated{opacity:0;-moz-transition:all 1200ms ease;-ms-transition:all 1200ms ease;-o-transition:all 1200ms ease;-webkit-transition:all 1200ms ease;transition:all 1200ms ease;}.scrollfade.complete,.animated.complete{opacity:1;}.from-bottom.scrollfade{-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}.from-bottom.animated{-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}.from-bottom.scrollfade.complete{opacity:1;-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}.from-bottom.animated.complete{opacity:1;-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}.from-top.scrollfade{-moz-transform:translateY(-30px);-webkit-transform:translateY(-30px);-o-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);}.from-top.animated{-moz-transform:translateY(-30px);-webkit-transform:translateY(-30px);-o-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);}.from-top.scrollfade.complete{opacity:1;-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}.from-top.animated.complete{opacity:1;-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}.from-left.scrollfade{-moz-transform:translateX(-30px);-webkit-transform:translateX(-30px);-o-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px);}.from-left.animated{-moz-transform:translateX(-30px);-webkit-transform:translateX(-30px);-o-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px);}.from-left.scrollfade.complete{opacity:1;-moz-transform:translateX(0px);-webkit-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);}.from-left.animated.complete{opacity:1;-moz-transform:translateX(0px);-webkit-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);}.from-right.scrollfade{-moz-transform:translateX(30px);-webkit-transform:translateX(30px);-o-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);}.from-right.animated{-moz-transform:translateX(30px);-webkit-transform:translateX(30px);-o-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);}.from-right.scrollfade.complete{opacity:1;-moz-transform:translateX(0px);-webkit-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);}.from-right.animated.complete{opacity:1;-moz-transform:translateX(0px);-webkit-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);}.landing-page-button-wrapper a{background:#df0032;}.landing-page-button-wrapper a:hover{background:#852523;} @media only screen and (min-width:1026px) and (max-width:1710px){.row.header-bar{padding:2vh 1vw;}} @media only screen and (min-width:1026px) and (max-width:1557px){.top-bar-section li:not(.has-form) a:not(.button){font-size:11px;}} @media only screen and (min-width:1026px) and (max-width:1465px){.row.header-bar{width:98%;left:1%;}.header-details{width:20%;}.header-cta{width:14%;}.navigation-wrapper{width:66%;}} @media only screen and (min-width:1026px) and (max-width:1243px){.row.header-bar{width:100%;left:0;top:0;padding:1vh 0;}.top-bar-section li:not(.has-form) a:not(.button){font-size:9px;}} @media only screen and (max-width:1025px){main{text-align:center;}main .columns{padding-left:10vw;padding-right:10vw;}.animated,.scrollfade{-moz-transform:translateX(0px) translateY(0px) !important;-webkit-transform:translateX(0px) translateY(0px) !important;-o-transform:translateX(0px) translateY(0px) !important;-ms-transform:translateX(0px) translateY(0px) !important;transform:translateX(0px) translateY(0px) !important;opacity:1;}.vertical-padding-xs{padding-top:3vh;padding-bottom:3vh;}.top-padding-xs{padding-top:3vh;}.bottom-padding-xs{padding-bottom:3vh;}.vertical-padding-small{padding-top:4vh;padding-bottom:4vh;}.top-padding-small{padding-top:4vh;}.bottom-padding-small{padding-bottom:4vh;}.vertical-padding-medium{padding-top:5vh;padding-bottom:5vh;}.top-padding-medium{padding-top:5vh;}.bottom-padding-medium{padding-bottom:5vh;}.vertical-padding-large{padding-top:6vh;padding-bottom:6vh;}.top-padding-large{padding-top:6vh;}.bottom-padding-large{padding-bottom:6vh;}.vertical-padding-x-large{padding-top:7vh;padding-bottom:7vh;}.top-padding-x-large{padding-top:7vh;}.bottom-padding-x-large{padding-bottom:7vh;}.side-buffer{padding-left:0;padding-right:0;}.strip-padding-mobile{padding-left:0 !important;padding-right:0 !important;}.m-vpad-none{padding-top:0;padding-bottom:0;}.mobile-bg-remove{background:none;}.header-wrapper{background:#852523;position:relative;z-index:1;}.header-wrapper.header-inner{padding:0;}.mobile-navigation{display:block;right:25px;position:absolute;text-transform:uppercase;top:calc(50% - 12px);vertical-align:middle;width:auto;height:24px;z-index:999;}i.toggle-bars{display:inline-block;position:relative;font-size:25px;line-height:25px;color:#FFFFFF;}.mobile-navigation .fa-close{color:#df0032;font-size:25px;}.fullwidth-navigation{background:#FFFFFF;position:absolute;top:0;z-index:997;width:100%;display:none;}.fullwidth-navigation .top-bar{padding:0;display:block;background:#FFFFFF;height:auto;}.fullwidth-navigation .top-bar-section ul:not(.dropdown){padding-top:10%;}.fullwidth-navigation .title-area{display:none !important;}.top-bar-section{background:#FFFFFF;margin-bottom:10%;}.fullwidth-navigation .top-bar-section ul{position:relative;right:0;width:100%;z-index:997;padding-top:40px;}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown{box-shadow:none;left:100%;}.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li:not(.has-form) a:not(.button){line-height:50px;text-align:center;padding:0 !important;font-size:20px !important;color:#000000;}.top-bar-section li:not(.has-form) a:not(.button):hover,.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:not(.button):hover,.top-bar-section ul li:hover:not(.has-form)>a{padding:0;line-height:50px;color:#df0032;}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),.top-bar-section .dropdown li:not(.has-form) a:not(.button):hover,.top-bar-section .dropdown li.active:not(.has-form) a:not(.button){background:#FFFFFF;color:#df0032;}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown{box-shadow:none;left:100%;border-radius:0;padding-bottom:40px;}.top-bar-section .dropdown li:not(.has-form) a:not(.button){color:white;line-height:35px !important;font-size:16px !important;}.top-bar .top-bar-section ul.dropdown li:not(.dropdown){height:35px;}.top-bar-section li:not(.has-form) a:not(.button)::before,.top-bar-section li:not(.has-form) .dropdown a:not(.button)::before,.top-bar-section li.has-dropdown:not(.has-form) a:not(.button)::before{display:none;}.top-bar-section ul li{text-align:center;}.top-bar-section li:not(.has-form) a:not(.button){display:inline-block;width:auto;}.top-bar-section .has-dropdown>a:after{right:-20px;margin:0;border-color:transparent transparent transparent rgb(130 52 51);top:20px;}.row.header-bar{display:flex;justify-content:center;padding:2vh 0;position:relative;top:unset;left:unset;}.header-details{display:inline-block;width:auto;left:-30px;}.header-cta{display:none;}.company-details h1,.company-details h1 a{font-size:22px;}.logo-wrapper{width:60px;}.mobile-header-bg{height:200px;background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/slider/mobile-bg.jpg);}.first-section{padding-top:4vh;padding-bottom:0;}.second-section{padding-top:4vh;padding-bottom:4vh;}.red-bg-section{background:#df0032;}.red-bg-content{padding-top:0;padding-bottom:0;}.home-img1,.about-img1,.service-img1{height:400px;}ul.icon-list li{padding-left:0;}ul.icon-list li::before{display:none;}.top-space{margin-top:0;}.cta-wrapper{background:#FFFFFF;padding:4vh 5vw;}.cta-box{background:none;border:1px solid #df0032;padding:5vh 5vw !important;}.cta-box h2{font-size:36px;}.svc-row{padding:4vh 10vw 5vh;}.footer-inner{display:block;text-align:center !important;}.footer-inner .columns{margin-bottom:25px;}.lnm-logo{text-align:center !important;}.footer-wrapper h2{margin:0 0 25px;}.lnm-logo{padding-top:0;} .roofing-header .roofing-topbar-inner{justify-content:center;min-height:42px;padding:10px 24px;} .roofing-header .roofing-topbar-location{display:none;} .roofing-header .header-bar{min-height:96px;padding:0 0px 0 24px;} .roofing-header .header-details{flex:1 1 auto;width:auto;} .roofing-header .logo-wrapper img{max-width:220px;max-height:66px;} .roofing-header .header-bar > .navigation-wrapper{display:none;} .roofing-header .mobile-menu{position:absolute;top:42px;right:0;left:0;z-index:60;display:block;width:100%;height:0;margin:0;padding:0;} .roofing-header .mobile-navigation{position:absolute;top:24px;right:24px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;background:#df0032;color:#ffffff;cursor:pointer;} .roofing-header .mobile-navigation i{color:#ffffff;font-size:22px;} .roofing-header .mobile-menu > .navigation-wrapper{position:absolute;top:96px;right:0;left:0;width:100%;margin:0;background:#1b252d;} .roofing-header .mobile-menu .top-bar,.roofing-header .mobile-menu .top-bar ul,.roofing-header .mobile-menu .top-bar li a{background:#1b252d;color:#ffffff;} .roofing-header .roofing-hero{min-height:500px;padding:65px 0 120px;} .roofing-sticky-cta{position:fixed;right:0;bottom:0;left:0;z-index:100;display:flex;width:100%;padding-bottom:env(safe-area-inset-bottom);background:#1b252d;} .roofing-sticky-cta .sticky-btn{display:flex;align-items:center;justify-content:center;flex:1;min-height:54px;margin:0;padding:14px;background:#df0032;color:#ffffff;font-size:14px;font-weight:700;text-decoration:none;} .roofing-sticky-cta .sticky-btn.alt{background:#1b252d;} body:has(.roofing-sticky-cta){padding-bottom:calc(54px + env(safe-area-inset-bottom));} .roofing-header .roofing-hero{display:block !important;min-height:560px;padding:0;} .roofing-header .roofing-hero-content{position:absolute !important;top:50% !important;right:auto !important;bottom:auto !important;left:50% !important;z-index:10 !important;display:block !important;width:100% !important;max-width:900px;height:auto !important;margin:0 !important;padding:0 30px 50px;transform:translate(-50%,-50%) !important;opacity:1 !important;visibility:visible !important;} .roofing-header .roofing-hero-copy{position:static !important;display:block !important;float:none !important;width:100% !important;height:auto !important;margin:0 !important;padding:0 !important;transform:none !important;opacity:1 !important;visibility:visible !important;} .roofing-header .roofing-hero-copy h1,.roofing-header .roofing-hero-copy > p,.roofing-header .roofing-eyebrow{display:block !important;opacity:1 !important;visibility:visible !important;color:#ffffff !important;} .roofing-header .roofing-eyebrow{display:inline-block !important;} .roofing-header .roofing-hero-actions{display:flex !important;opacity:1 !important;visibility:visible !important;} .roofing-header .roofing-hero{position:relative;overflow:hidden;} .roofing-header .roofing-hero > .roofing-mobile-image{position:absolute !important;inset:0 !important;display:block !important;width:100% !important;max-width:none !important;height:100% !important;max-height:none !important;margin:0 !important;padding:0 !important;object-fit:cover !important;object-position:center !important;} .roofing-header .roofing-hero{background-image:none !important;} .roofing-header .roofing-hero .slider-wrapper,.roofing-header .roofing-hero .header-slider{display:none !important;} .roofing-header .roofing-hero > .roofing-mobile-image{position:absolute !important;inset:0 !important;z-index:0;display:block !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;margin:0 !important;padding:0 !important;object-fit:cover !important;object-position:center !important;} .roofing-header .roofing-hero > .roofing-mobile-image ~ .roofing-mobile-image{display:none !important;} .rh-home-content{padding:0 24px 60px;} .rh-home-content .rh-roof-section{width:100%;max-width:none;margin:0 auto;} .rh-home-content .rh-roof-cap{width:100%;height:85px;} .rh-home-content .rh-roof-body{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;width:96%;margin:-1px auto 0;padding:20px 30px 35px;} .rh-home-content .rh-intro-copy,.rh-home-content .rh-expertise-copy{width:100%;min-width:0;padding:0;} .rh-home-content h2,.rh-home-content .rh-intro-copy h2{margin-bottom:20px;font-size:38px;line-height:1.15;letter-spacing:-0.8px;} .rh-home-content p,.rh-home-content .rh-intro-copy p{font-size:16px;line-height:1.75;} .rh-home-content .rh-intro-photo.rh-photo,.rh-home-content .rh-expertise-photo.rh-photo{display:block;width:100%;height:auto;min-height:340px;margin:0;background-position:center;background-repeat:no-repeat;background-size:cover;} .rh-home-content .rh-expertise-section{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;width:96%;margin:55px auto;padding:0;} .rh-home-content .rh-services-section{width:100%;margin:0 auto;padding:40px 28px;} .rh-home-content .rh-services-heading{width:100%;max-width:700px;margin:0 auto 32px;text-align:center;} .rh-home-content .rh-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:0;} .rh-home-content .rh-service-grid > li{min-height:145px;padding:30px 22px 22px;} .rh-home-content .rh-service-grid h3{font-size:17px;line-height:4.35;} .rh-home-content .rh-consultation{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:32px;padding-top:28px;} .rh-home-content .rh-consultation .rh-call-button{justify-self:start;width:auto;margin:0;} .rh-why-section{padding:45px 24px;} .rh-why-section .rh-why-layout{grid-template-columns:minmax(0,1fr);gap:25px;} .rh-why-section .rh-why-visual{min-height:400px;} .rh-why-section .rh-why-photo{clip-path:polygon(0 62.3077px,36.6667% 6.9231px,100% 86.5385px,100% 100%,0 100%);} .rh-why-section .rh-why-roofline{height:90px;} .rh-why-section .rh-why-copy{padding:0 0 30px;} .rh-why-section h2{font-size:36px;} .rh-why-section .rh-benefits{gap:16px;} .rh-why-section .rh-guarantee{grid-template-columns:100px minmax(0,1fr);gap:28px;padding:35px 28px;} .rh-why-section .rh-guarantee-icon{padding-right:22px;} .rh-why-section .rh-guarantee h2{font-size:29px;} .rh-reviews-section{--rh-review-roof-height:36px;padding:55px 30px;} .rh-reviews-section .rh-reviews-layout{grid-template-columns:minmax(0,1fr);gap:70px;max-width:800px;} .rh-reviews-section .rh-reviews-intro{text-align:center;} .rh-reviews-section .rh-reviews-intro h2{margin-bottom:25px;font-size:44px;letter-spacing:-1px;} .rh-reviews-section .rh-reviews-card{grid-template-columns:50px minmax(0,1fr);gap:20px;padding:32px 35px 35px;} .rh-reviews-section .rh-reviews-quote{font-size:100px;} .rh-footer .rh-footer-roof{height:65px;} .rh-reviews-section{--rh-review-roof-height:28px;--rh-review-roof-line:4px;padding:40px 20px;} .rh-reviews-section .rh-reviews-layout{grid-template-columns:minmax(0,1fr);gap:58px;} .rh-reviews-section .rh-reviews-intro{text-align:center;} .rh-reviews-section .rh-reviews-eyebrow{margin-bottom:14px;font-size:11px;letter-spacing:1.5px;} .rh-reviews-section .rh-reviews-intro h2{margin-bottom:24px;font-size:34px;line-height:1.15;letter-spacing:-1px;} .rh-reviews-section .rh-reviews-button{width:100%;max-width:320px;min-height:54px;padding:14px 20px;font-size:14px;} .rh-reviews-section .rh-reviews-card{display:block;padding:28px 24px;} .rh-reviews-section .rh-reviews-quote{position:absolute;top:20px;right:22px;margin:0;font-size:70px;line-height:1;} .rh-reviews-section .rh-reviews-stars{min-height:32px;margin-bottom:20px;padding-right:48px;gap:4px;font-size:17px;} .rh-reviews-section .rh-reviews-body blockquote p{margin-bottom:20px;font-size:15px;line-height:1.75;} .rh-reviews-section .rh-reviews-body cite{font-size:16px;} .rh-contact-section{padding:35px 24px 50px;} .rh-contact-section .rh-contact-panel{grid-template-columns:minmax(0,1fr);gap:30px;padding:35px;} .rh-contact-section .rh-contact-copy{padding:0;} .rh-contact-section .rh-contact-copy h2{max-width:720px;font-size:40px;} .rh-contact-section .rh-contact-copy p{font-size:16px;} .rh-contact-section .rh-contact-visual{width:100%;max-width:650px;min-height:460px;margin:0 auto;} .rh-contact-section .rh-contact-roof{height:120px;} .rh-contact-section .rh-contact-photo{clip-path:polygon(4% 105.834px,50% 9px,96% 105.834px,96% 100%,4% 100%);} .rh-footer .rh-footer-shell{padding:0 28px;} .rh-footer .rh-footer-top{grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:30px;padding:40px 0;} .rh-footer .rh-footer-brand img{width:200px;} .rh-footer .rh-footer-intro h2{font-size:34px;} .rh-footer .rh-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;padding:35px 0 40px;} .rh-footer .rh-footer-column + .rh-footer-column{padding-left:0;border-left:0;} .rh-footer .rh-footer-column:nth-child(even){padding-left:28px;border-left:1px solid #dfe4e7;} .rh-footer .rh-footer-column h3{margin-bottom:20px;} .rh-footer .rh-footer-bottom{padding:20px 28px;} article:has(.about-img1) > .top-padding-xs{padding:85px 25px 50px !important;} article:has(.about-img1) .row:has(> .first-section){grid-template-columns:minmax(0,1fr);gap:30px;padding:30px !important;} article:has(.about-img1) .row:has(> .first-section)::before,article:has(.about-img1) .row:has(> .first-section)::after{height:50px;} article:has(.about-img1) .row:has(> .first-section)::before{top:-49px;} article:has(.about-img1) .row:has(> .first-section)::after{top:-42px;} article:has(.about-img1) h1{font-size:38px;} article:has(.about-img1) h2{font-size:31px;} article:has(.about-img1) .about-img1{height:340px;min-height:0;} article:has(.about-img1) .row:has(> .second-section){grid-template-columns:minmax(0,1fr);gap:0;margin-top:50px;} article:has(.about-img1) .second-section{padding:0;} article:has(.about-img1) .second-section .bad{max-width:115px;} article:has(.about-img1) .red-bg-section{padding:45px 25px;} article:has(.about-img1) .red-bg-section > .row{grid-template-columns:minmax(0,1fr);gap:0;} article:has(.about-img1) .about-img3{display:none;} article:has(.about-img1) .cta-wrapper{padding:55px 25px;} article:has(.about-img1) .cta-box{max-width:none;padding-left:25px;} article:has(.about-img1) .cta-box h2{font-size:36px;}.top-padding-xs:has(.first-section):has(.service-img1){padding:80px 25px 0 !important;} :has(> .first-section):has(.service-img1){grid-template-columns:minmax(0,1fr);gap:30px;padding:30px !important;} :has(> .first-section):has(.service-img1)::before,:has(> .first-section):has(.service-img1)::after{height:45px;} :has(> .first-section):has(.service-img1)::before{top:-44px;} :has(> .first-section):has(.service-img1)::after{top:-37px;} .first-section:has(+ .bg-holder .service-img1) h1{font-size:38px;} .first-section + .bg-holder .service-img1{height:340px;min-height:0;} .vertical-padding-large:has(.svc-row){padding:50px 25px !important;} .svc-row h2{font-size:31px;} .svc-row .icon-list{grid-template-columns:repeat(2,minmax(0,1fr));} .cta-wrapper:has(.cta-box){padding:50px 25px;} .cta-wrapper .cta-box{max-width:none;padding-left:25px;} .cta-wrapper .cta-box h2{font-size:36px;} .rh-services-section .rh-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;} .rh-services-section .rh-service-grid > li{padding-right:30px;padding-left:30px;}.rh-services-section{margin:40px auto;padding:40px 25px;} .rh-services-section .rh-services-heading h2{font-size:34px;} .rh-services-section .rh-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;} .rh-services-section .rh-service-grid > li{padding-right:28px;padding-left:28px;} .rh-services-section .rh-service-grid h3{font-size:20px;} .rh-services-section .rh-consultation{flex-direction:column;align-items:flex-start;gap:22px;} .content-wrapper:has(> .svc-title){padding:40px 24px 25px;} .svc-title h1{font-size:38px;} .content-wrapper:has(> .svc-row > .large-6){padding:10px 24px 45px;} .svc-row.row:has(> .large-6){gap:20px;margin-bottom:20px;} .svc-row.row > .large-6.columns{padding:26px !important;} .svc-row.row > .large-6.columns h2{font-size:25px;} .svc-row.row > .large-6.columns p{font-size:15px;line-height:1.75;} ul.rh-benefit-badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px;} ul.rh-benefit-badges > li{padding-right:12px;padding-left:12px;} ul.rh-benefit-badges > li > h3{font-size:16px;} ul.rh-benefit-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;} ul.rh-benefit-badges > li{min-height:260px;padding:100px 18px 26px;}} @media only screen and (max-width:767px){.mobile-sticky-cta{display:block;position:fixed;bottom:0;left:0;width:100%;z-index:100;}a.sticky-btn{display:inline-block;width:50%;float:left;text-align:center;color:#FFFFFF;text-transform:uppercase;background:#df0032;padding:20px 5px;}a.sticky-btn.alt{background:#852523;color:#FFFFFF;}footer.footer-wrapper{margin-bottom:64px;}.cta-btn{width:100%;min-width:unset;max-width:300px;} .roofing-header .roofing-topbar-inner{justify-content:center;min-height:38px;padding:9px 12px;} .roofing-header .roofing-topbar-location,.roofing-header .roofing-topbar-phone > span{display:none;} .roofing-header .roofing-topbar-phone{font-size:13px;line-height:20px;} .roofing-header .header-bar{min-height:84px;padding:0 0px 0 20px;} .roofing-header .header-details{flex:1 1 auto;width:auto;min-width:0;padding:12px 0;} .roofing-header .logo-wrapper img{max-width:100%;max-height:60px;} .roofing-header .header-bar > .navigation-wrapper,.roofing-header .header-cta{display:none;} .roofing-header .mobile-menu{position:absolute;top:38px;right:0;left:0;z-index:60;display:block;width:100%;height:0;margin:0;padding:0;} .roofing-header .mobile-navigation{position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;background:#df0032;color:#ffffff;cursor:pointer;} .roofing-header .mobile-navigation i{color:#ffffff;font-size:22px;} .roofing-header .mobile-menu > .navigation-wrapper{position:absolute;top:84px;right:0;left:0;width:100%;margin:0;background:#1b252d;} .roofing-header .mobile-menu .top-bar,.roofing-header .mobile-menu .top-bar ul,.roofing-header .mobile-menu .top-bar li a{background:#1b252d;color:#ffffff;} .roofing-header .roofing-hero{min-height:470px;padding:55px 0 95px;} .roofing-header .roofing-hero-content{padding:0 22px;} .roofing-header .roofing-eyebrow{margin-bottom:20px;font-size:11px;} .roofing-header .roofing-hero h1{font-size:38px;} .roofing-header .roofing-hero-copy > p{font-size:14px;line-height:1.6;} .roofing-header .roofing-hero-actions{flex-direction:column;gap:12px;margin-top:24px;} .roofing-header .roofing-button{width:100%;max-width:290px;} .roofing-header .roofing-red-edge{height:64px;} .roofing-header .roofing-bottom-curve{height:58px;} .roofing-sticky-cta{position:fixed;right:0;bottom:0;left:0;z-index:100;display:flex;width:100%;padding-bottom:env(safe-area-inset-bottom);background:#1b252d;} .roofing-sticky-cta .sticky-btn{display:flex;align-items:center;justify-content:center;flex:1;min-height:54px;margin:0;padding:14px;background:#df0032;color:#ffffff;font-size:14px;font-weight:700;text-decoration:none;} .roofing-sticky-cta .sticky-btn.alt{background:#1b252d;} body:has(.roofing-sticky-cta){padding-bottom:calc(54px + env(safe-area-inset-bottom));}.roofing-header .roofing-hero{background-image:var(--roofing-mobile-bg);background-size:cover;background-position:center;background-repeat:no-repeat;} .roofing-header .roofing-hero > .slider-wrapper{display:none !important;}.roofing-header .roofing-hero{position:relative;overflow:hidden;background-image:none;} .roofing-header .roofing-hero > .roofing-mobile-image{position:absolute;inset:0;z-index:0;display:block !important;width:100% !important;max-width:none !important;height:100% !important;max-height:none !important;margin:0;padding:0;object-fit:cover;object-position:center;} .roofing-header .roofing-hero > .slider-wrapper{display:none !important;} .roofing-header .roofing-hero::before{z-index:1;} .roofing-header .roofing-hero-content{position:relative;z-index:2;}.rh-home-content{padding:0 12px 40px;} .rh-home-content .rh-roof-section{width:100%;max-width:none;margin:0 auto;} .rh-home-content .rh-roof-cap{width:100%;height:55px;} .rh-home-content .rh-roof-body{display:grid;grid-template-columns:minmax(0,1fr);gap:25px;width:96%;margin:-1px auto 0;padding:18px 20px 25px;} .rh-home-content .rh-intro-copy,.rh-home-content .rh-expertise-copy{width:100%;min-width:0;padding:0;} .rh-home-content .rh-eyebrow{margin-bottom:12px;font-size:11px;letter-spacing:1.2px;} .rh-home-content h2,.rh-home-content .rh-intro-copy h2{margin-bottom:18px;font-size:30px;line-height:1.15;letter-spacing:-0.5px;overflow-wrap:break-word;} .rh-home-content p,.rh-home-content .rh-intro-copy p{margin-bottom:18px;font-size:15px;line-height:1.7;} .rh-home-content .rh-call-button,.rh-home-content .rh-intro-copy .rh-call-button{width:100%;min-height:52px;gap:20px;padding:14px 20px;font-size:14px;} .rh-home-content .rh-intro-photo.rh-photo,.rh-home-content .rh-expertise-photo.rh-photo{display:block;width:100%;height:auto;min-height:240px;margin:0;background-position:center;background-repeat:no-repeat;background-size:cover;} .rh-home-content .rh-expertise-section{display:grid;grid-template-columns:minmax(0,1fr);gap:25px;width:96%;margin:40px auto;padding:0;} .rh-home-content .rh-expertise-copy h2 br{display:none;} .rh-home-content .rh-services-section{width:100%;margin:0 auto;padding:32px 18px;} .rh-home-content .rh-services-heading{width:100%;margin:0 0 28px;text-align:left;} .rh-home-content .rh-service-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:0;padding:0;} .rh-home-content .rh-service-grid > li{min-height:120px;padding:28px 20px 20px;} .rh-home-content .rh-service-number{margin-bottom:8px;font-size:12px;} .rh-home-content .rh-service-grid h3{font-size:21px;line-height:1.3;} .rh-home-content .rh-consultation{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:28px;padding-top:24px;} .rh-home-content .rh-consultation p{margin:0;} .rh-home-content .rh-consultation .rh-call-button{width:100%;margin:0;white-space:normal;} .rh-why-section{padding:30px 18px;} .rh-why-section .rh-why-layout{grid-template-columns:minmax(0,1fr);gap:25px;} .rh-why-section .rh-why-visual{min-height:310px;} .rh-why-section .rh-why-photo{clip-path:polygon(0 45px,36.6667% 5px,100% 62.5px,100% 100%,0 100%);} .rh-why-section .rh-why-roofline{height:65px;} .rh-why-section .rh-why-copy{padding:0 0 28px;} .rh-why-section .rh-why-eyebrow{margin-bottom:14px;font-size:11px;} .rh-why-section h2{margin-bottom:18px;font-size:29px;letter-spacing:-0.5px;} .rh-why-section p{font-size:15px;line-height:1.7;} .rh-why-section .rh-benefits{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px;} .rh-why-section .rh-benefits > li{min-height:76px;gap:16px;padding:18px;} .rh-why-section .rh-benefits i{flex-basis:32px;width:32px;font-size:28px;} .rh-why-section .rh-benefits span{font-size:15px;} .rh-why-section .rh-guarantee{grid-template-columns:minmax(0,1fr);gap:22px;padding:28px 22px;} .rh-why-section .rh-guarantee-icon{justify-content:flex-start;padding:0;border-right:0;} .rh-why-section .rh-guarantee-icon svg{width:65px;} .rh-why-section .rh-guarantee h2{font-size:26px;line-height:1.2;}.rh-reviews-section{--rh-review-roof-height:28px;--rh-review-roof-line:4px;padding:40px 20px;} .rh-reviews-section .rh-reviews-layout{grid-template-columns:minmax(0,1fr);gap:58px;} .rh-reviews-section .rh-reviews-intro{text-align:center;} .rh-reviews-section .rh-reviews-eyebrow{margin-bottom:14px;font-size:11px;letter-spacing:1.5px;} .rh-reviews-section .rh-reviews-intro h2{margin-bottom:24px;font-size:34px;line-height:1.15;letter-spacing:-1px;} .rh-reviews-section .rh-reviews-button{width:100%;max-width:320px;min-height:54px;padding:14px 20px;font-size:14px;} .rh-reviews-section .rh-reviews-card{display:block;padding:28px 24px;} .rh-reviews-section .rh-reviews-quote{position:absolute;top:20px;right:22px;margin:0;font-size:70px;line-height:1;} .rh-reviews-section .rh-reviews-stars{min-height:32px;margin-bottom:20px;padding-right:48px;gap:4px;font-size:17px;} .rh-reviews-section .rh-reviews-body blockquote p{margin-bottom:20px;font-size:15px;line-height:1.75;} .rh-reviews-section .rh-reviews-body cite{font-size:16px;}.rh-footer .rh-footer-roof{height:42px;}.rh-contact-section{padding:25px 15px 40px;} .rh-contact-section .rh-contact-panel{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 20px 22px;} .rh-contact-section .rh-contact-copy{padding:0;} .rh-contact-section .rh-contact-eyebrow{margin-bottom:16px;font-size:11px;letter-spacing:1.5px;} .rh-contact-section .rh-contact-copy h2{margin-bottom:24px;font-size:30px;line-height:1.2;letter-spacing:-0.5px;} .rh-contact-section .rh-contact-copy h2 span{text-decoration-thickness:3px;text-underline-offset:6px;} .rh-contact-section .rh-contact-copy p{margin-bottom:24px;font-size:15px;line-height:1.7;} .rh-contact-section .rh-contact-button{width:100%;min-height:56px;gap:14px;padding:15px;font-size:12px;} .rh-contact-section .rh-contact-button .rh-contact-arrow{font-size:24px;} .rh-contact-section .rh-contact-visual{min-height:330px;} .rh-contact-section .rh-contact-roof{height:85px;} .rh-contact-section .rh-contact-photo{clip-path:polygon(4% 74.966px,50% 6.375px,96% 74.966px,96% 100%,4% 100%);} .rh-footer .rh-footer-shell{padding:0 22px;} .rh-footer .rh-footer-top{grid-template-columns:minmax(0,1fr);gap:28px;padding:30px 0;text-align:center;} .rh-footer .rh-footer-brand img{width:190px;margin:0 auto;} .rh-footer .rh-footer-brand p{margin-top:10px;font-size:13px;} .rh-footer .rh-footer-intro h2{margin-bottom:22px;font-size:30px;line-height:1.2;letter-spacing:-0.5px;} .rh-footer .rh-footer-button{width:100%;max-width:330px;min-height:54px;padding:14px 18px;font-size:15px;} .rh-footer .rh-footer-grid{grid-template-columns:minmax(0,1fr);gap:0;padding:10px 0 30px;} .rh-footer .rh-footer-column{padding:25px 0;} .rh-footer .rh-footer-column + .rh-footer-column{padding:25px 0;border-top:1px solid #e5e9ec;border-left:0;} .rh-footer .rh-footer-column:last-child{padding-bottom:0;} .rh-footer .rh-footer-column h3{margin-bottom:18px;font-size:20px;} .rh-footer .rh-footer-contact p{font-size:14px;} .rh-footer .rh-footer-hours dl{grid-template-columns:80px minmax(0,1fr);} .rh-footer .rh-footer-emergency{margin-top:18px;} .rh-footer .rh-footer-bottom{padding:22px 22px 85px;} .rh-footer .rh-footer-bottom-inner{flex-direction:column;gap:18px;text-align:center;} .rh-footer .rh-footer-credit img{width:130px;} article:has(.about-img1) > .top-padding-xs{padding:60px 18px 35px !important;} article:has(.about-img1) .row:has(> .first-section){grid-template-columns:minmax(0,1fr);gap:25px;padding:25px 20px !important;} article:has(.about-img1) .row:has(> .first-section)::before,article:has(.about-img1) .row:has(> .first-section)::after{height:30px;} article:has(.about-img1) .row:has(> .first-section)::before{top:-29px;} article:has(.about-img1) .row:has(> .first-section)::after{top:-24px;} article:has(.about-img1) h1{margin-bottom:16px;font-size:30px;letter-spacing:-0.6px;} article:has(.about-img1) h2{margin-bottom:18px;font-size:27px;letter-spacing:-0.5px;} article:has(.about-img1) h3{font-size:16px;} article:has(.about-img1) p{margin-bottom:18px;font-size:15px;line-height:1.75;} article:has(.about-img1) .first-section h2{font-size:12px;} article:has(.about-img1) .about-img1{height:230px;min-height:0;} article:has(.about-img1) .row:has(> .second-section){grid-template-columns:minmax(0,1fr);gap:0;margin-top:40px;} article:has(.about-img1) .second-section{padding:0;} article:has(.about-img1) .second-section p + h2{margin-top:25px;padding-top:25px;} article:has(.about-img1) .second-section .bad{width:calc(33.333% - 12px);max-width:105px;margin:10px 8px 0 0;padding:3px;} article:has(.about-img1) .red-bg-section{padding:35px 20px;} article:has(.about-img1) .red-bg-section > .row{grid-template-columns:minmax(0,1fr);gap:0;} article:has(.about-img1) .about-img3{display:none;} article:has(.about-img1) .cta-wrapper{padding:40px 20px;} article:has(.about-img1) .cta-box{max-width:none;padding:0;border-left:0;} article:has(.about-img1) .cta-box h2{font-size:29px;} article:has(.about-img1) .cta-box h3{font-size:13px;} article:has(.about-img1) .cta-btn-holder{width:100%;padding-top:8px;} article:has(.about-img1) .cta-btn{width:100%;min-height:54px;padding:14px 18px;font-size:13px;} .top-padding-xs:has(.first-section):has(.service-img1){padding:55px 18px 0 !important;} :has(> .first-section):has(.service-img1){grid-template-columns:minmax(0,1fr);gap:25px;padding:25px 20px !important;} :has(> .first-section):has(.service-img1)::before,:has(> .first-section):has(.service-img1)::after{height:28px;} :has(> .first-section):has(.service-img1)::before{top:-27px;} :has(> .first-section):has(.service-img1)::after{top:-22px;} .first-section:has(+ .bg-holder .service-img1) h1{font-size:30px;letter-spacing:-0.5px;} .first-section:has(+ .bg-holder .service-img1) p,.svc-row p,.cta-wrapper .cta-box p{font-size:15px;line-height:1.75;} .first-section + .bg-holder .service-img1{height:230px;min-height:0;} .vertical-padding-large:has(.svc-row){padding:35px 20px !important;} .svc-row h2{padding-left:15px;font-size:27px;border-left-width:3px;} .svc-row h3{font-size:17px;} .svc-row p + h2,.svc-row ul + h2{margin-top:30px;} .svc-row .icon-list{grid-template-columns:minmax(0,1fr);gap:10px;margin:24px 0;} .svc-row .icon-list li{padding:18px 18px 18px 42px;font-size:15px;} .svc-row .icon-list li::before{top:23px;left:18px;width:10px;height:10px;} .cta-wrapper:has(.cta-box){padding:40px 20px;} .cta-wrapper .cta-box{max-width:none;padding:0;border-left:0;} .cta-wrapper .cta-box h2{font-size:29px;} .first-section:has(+ .bg-holder .service-img1) .cta-btn,.svc-row .cta-btn,.cta-wrapper .cta-box .cta-btn{width:100%;min-height:54px;padding:14px 18px;font-size:13px;} .rh-services-section .rh-service-grid{grid-template-columns:minmax(0,1fr);gap:22px;width:100%;max-width:360px;margin:28px auto;} .rh-services-section .rh-service-grid > li{min-height:235px;padding:120px 30px 28px;} .rh-services-section .rh-service-grid h3{font-size:20px;} .rh-services-section{width:calc(100% - 24px);margin:30px auto;padding:32px 16px;} .rh-services-section .rh-eyebrow{margin-bottom:12px;font-size:11px;} .rh-services-section .rh-services-heading h2{margin-bottom:18px;font-size:28px;letter-spacing:-0.5px;} .rh-services-section .rh-services-heading p{font-size:15px;line-height:1.75;} .rh-services-section .rh-service-grid{grid-template-columns:minmax(0,1fr);gap:24px;max-width:360px;margin:30px auto;} .rh-services-section .rh-service-grid > li{min-height:270px;padding:90px 30px 28px;} .rh-services-section .rh-service-grid .rh-service-number{top:112px;left:13%;font-size:16px;} .rh-services-section .rh-service-grid .rh-service-icon{width:74px;height:74px;margin-bottom:18px;font-size:33px;} .rh-services-section .rh-service-grid h3{font-size:20px;} .rh-services-section .rh-consultation{flex-direction:column;align-items:stretch;gap:22px;padding-top:24px;} .rh-services-section .rh-call-button{width:100%;}.content-wrapper:has(> .svc-title){padding:32px 18px 22px;} .svc-title h1{font-size:32px;letter-spacing:-0.5px;} .content-wrapper:has(> .svc-row > .large-6){padding:5px 18px 35px;} .svc-row.row:has(> .large-6){grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:20px;} .svc-row.row > .large-6.columns{padding:25px 22px !important;} .svc-row.row > .large-6.columns h2{margin-bottom:16px;font-size:25px;} .svc-row.row > .large-6.columns p{margin-bottom:16px;font-size:15px;line-height:1.75;} .svc-row.row > .large-6.columns .cta-btn{width:100%;}aside#ae_launcher{ display:block;top:84vh;} ul.rh-benefit-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:25px;} ul.rh-benefit-badges > li{padding:60px 10px 20px;} ul.rh-benefit-badges > li::before{right:10px;left:10px;height:38px;} ul.rh-benefit-badges > li::after{top:27px;width:9px;height:16px;} ul.rh-benefit-badges .rh-badge-icon{width:64px;height:64px;margin-bottom:14px;} ul.rh-benefit-badges .rh-badge-icon > i{font-size:28px;} ul.rh-benefit-badges .rh-badge-veteran > .fa-shield{font-size:38px;} ul.rh-benefit-badges .rh-badge-veteran > .fa-star{font-size:13px;} ul.rh-benefit-badges > li > h3{font-size:15px;line-height:1.4;} ul.rh-benefit-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;} ul.rh-benefit-badges > li{min-height:225px;padding:85px 10px 22px;} ul.rh-benefit-badges > li::before{top:18px;width:120px;max-width:calc(100% - 16px);height:50px;} ul.rh-benefit-badges > li::after{top:29px;left:calc(50% + 28px);width:10px;height:21px;} ul.rh-benefit-badges .rh-badge-icon{width:64px;height:64px;margin-bottom:16px;} ul.rh-benefit-badges > li > h3{font-size:15px;line-height:1.4;} ul.rh-benefit-badges > li{position:relative;min-width:0;min-height:230px;padding:85px 10px 22px;overflow:hidden;} ul.rh-benefit-badges > li::before{position:absolute;top:18px !important;right:0 !important;bottom:auto !important;left:0 !important;display:block !important;width:120px !important;max-width:calc(100% - 20px) !important;height:50px !important;margin:0 auto !important;padding:0;border:0;background:#df0032;clip-path:polygon( 0 84%,50% 0,100% 84%,100% 100%,50% 16%,0 100% );transform:none !important;content:"";} ul.rh-benefit-badges > li::after{display:none !important;content:none !important;} ul.rh-benefit-badges .rh-badge-icon{width:64px;height:64px;margin:0 auto 16px;} ul.rh-benefit-badges > li > h3{margin:0;font-size:15px;line-height:1.4;text-align:center;}} @media only screen and (max-width:500px){.mobile-header-bg{height:110px;background:center / cover no-repeat url(https://rooferhero.net/wp-content/themes/rfr5/images/slider/small-bg.jpg);}h1,h1 a{font-size:36px;}}@media only screen and (max-width:375px){.cta-btn{min-width:100%;font-size:5vw;}.cta-btn.smaller-text{font-size:14px;}aside#ae_launcher{ display:block;top:84vh;}} @media only screen and (min-width:1025px){.roofing-header .roofing-mobile-image{display:none !important;} .roofing-header .roofing-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:560px;height:auto;padding:80px 0 130px;overflow:hidden;} .roofing-header .roofing-hero > .slider-wrapper{position:absolute !important;inset:0 !important;z-index:0 !important;width:100% !important;height:100% !important;} .roofing-header .roofing-hero::before{z-index:1;pointer-events:none;} .roofing-header .roofing-hero-content{position:relative !important;inset:auto !important;z-index:2 !important;display:block !important;flex:0 1 1200px;float:none;width:100%;max-width:1200px;margin:0 auto !important;padding:0 30px;opacity:1 !important;visibility:visible !important;transform:none !important;text-align:center;} .roofing-header .roofing-hero-copy{display:block !important;float:none;width:100%;opacity:1 !important;visibility:visible !important;} .roofing-header .roofing-hero-copy h1,.roofing-header .roofing-hero-copy p{color:#ffffff;} .roofing-header .header-bar .top-bar ul ul{width:640px !important;min-width:640px !important;max-width:calc(100vw - 40px);height:auto !important;padding:12px !important;column-count:2 !important;column-gap:12px;background:#ffffff !important;border-top:3px solid #df0032;box-shadow:0 12px 30px rgba(0,0,0,0.15);} .roofing-header .header-bar .top-bar ul ul li{position:relative !important;inset:auto !important;display:block !important;float:none !important;clear:none !important;width:100% !important;min-width:0 !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;break-inside:avoid;transform:none !important;background:#ffffff !important;} .roofing-header .header-bar .top-bar ul ul li a{position:relative !important;inset:auto !important;display:block !important;box-sizing:border-box;width:100% !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:14px 16px !important;background:#ffffff !important;color:#1b252d !important;font-size:14px !important;line-height:1.5 !important;text-align:left !important;white-space:normal !important;overflow-wrap:break-word;transform:none !important;} .roofing-header .header-bar .top-bar ul ul li a span{color:inherit !important;} .roofing-header .header-bar .top-bar ul ul li:hover > a,.roofing-header .header-bar .top-bar ul ul li > a:focus-visible{background:#df0032 !important;color:#ffffff !important;}} @media only screen and (min-width:768px) and (max-width:1440px){.header-wrapper.roofing-header .roofing-hero{position:relative !important;isolation:isolate;display:flex !important;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:auto !important;min-height:520px !important;max-height:none !important;margin:0 !important;padding:65px 30px 120px !important;overflow:hidden;background:#1b252d !important;} .header-wrapper.roofing-header .roofing-hero .slider-wrapper,.header-wrapper.roofing-header .roofing-hero .header-slider{display:none !important;} .header-wrapper.roofing-header .roofing-hero > .roofing-mobile-image{position:absolute !important;inset:0 !important;z-index:0 !important;display:block !important;width:100% !important;max-width:none !important;height:100% !important;max-height:none !important;margin:0 !important;padding:0 !important;border:0;object-fit:cover !important;object-position:center !important;opacity:1 !important;visibility:visible !important;transform:none !important;} .header-wrapper.roofing-header .roofing-hero::before{position:absolute;inset:0;z-index:1;display:block !important;width:100%;height:100%;background:rgba(17,27,35,0.48);content:"";pointer-events:none;} .header-wrapper.roofing-header .roofing-hero-content{position:relative !important;inset:auto !important;z-index:2 !important;display:block !important;flex:0 1 100%;float:none !important;width:100% !important;max-width:1000px !important;height:auto !important;margin:0 auto !important;padding:0 !important;opacity:1 !important;visibility:visible !important;transform:none !important;text-align:center;} .header-wrapper.roofing-header .roofing-hero-copy{position:static !important;display:block !important;float:none !important;width:100% !important;height:auto !important;margin:0 !important;padding:0 !important;opacity:1 !important;visibility:visible !important;transform:none !important;} .header-wrapper.roofing-header .roofing-hero h1{margin:0 auto 22px;color:#ffffff;font-size:clamp(36px,4vw,52px);line-height:1.15;} .header-wrapper.roofing-header .roofing-hero-copy > p{max-width:680px;margin:0 auto;color:#ffffff;font-size:16px;line-height:1.7;} .header-wrapper.roofing-header .roofing-hero-actions{display:flex !important;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:28px;}}