#wpadminbar{display:none !important;}#blog-main-wrapper{padding:10vh 0 5vh 0;}.featured-image img.the-image{max-height:35vh;}article.post h1.post-title{font-size:2.5em !important;}body{font-family:'DM Sans',sans-serif;}h1,h1 a,.like-h1{color:#000000;font-family:'Alike Angular',serif;font-size:2.3em;line-height:1.1;text-transform:uppercase;margin:30px 0 20px 0;}h2,.like-h2{color:#000000;font-family:'Alike Angular',serif;font-size:1.9em;line-height:1.1;text-transform:uppercase;margin:30px 0 20px 0;}h3,.like-h3{color:#000000;font-family:'Alike Angular',serif;font-size:1.4em;line-height:1.2;text-transform:uppercase;margin:30px 0 20px 0;}h4,.like-h4{font-family:'Alike Angular',serif;color:#000000;font-size:1.3em;font-weight:normal;line-height:1.2;text-transform:uppercase;margin:30px 0 20px 0;}p{font-family:'DM Sans',sans-serif;color:#252525;font-size:1.1em;line-height:1.5;margin:25px 0;}ul{list-style-type:none;font-family:'DM Sans',sans-serif;color:#252525;font-size:1.1em;line-height:1.5;}ol{font-family:'DM Sans',sans-serif;color:#252525;font-size:1.1em;line-height:1.5;}ul.default,.landing-page-wrapper ul{margin-left:0;line-height:1.75;}ul.default li::before,.landing-page-wrapper ul li::before{content:"";display:inline-block;width:1.5em;height:0.75em;line-height:1em;background:#032139;vertical-align:middle;margin:0 10px 5px 0;clip-path:polygon(70% 40%,70% 25%,90% 100%,95% 100%,70% 15%,45% 100%,0 100%,30% 0,65% 0,35% 100%,40% 100%,70% 0,100% 100%,85% 100%);}ul.special{margin-left:0;line-height:1.75;}ul.special li::before{content:"";display:inline-block;width:1.5em;height:0.75em;line-height:1em;background:#062843;vertical-align:middle;margin:0 10px 5px 0;clip-path:polygon(70% 40%,70% 25%,90% 100%,95% 100%,70% 15%,45% 100%,0 100%,30% 0,65% 0,35% 100%,40% 100%,70% 0,100% 100%,85% 100%);}ul.padded li:not(:last-child),ol.padded li:not(:last-child){padding:0 0 2.5vh 0;}hr{border:none;clear:both;height:0;margin:0 auto;}hr.h-line{height:6px;background:linear-gradient(90deg,#062843 16%,#062843 16%,#062843 50%,#aed9fb 50%,#aed9fb 75%,#062843 75%);margin-bottom:10vh;}hr.h-line.scroll-trigger:after{content:" \f0ad ";position:absolute;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;width:50px;height:50px;border:5px solid #062843;border-radius:75px;background:#FFFFFF;font-family:FontAwesome;font-size:1.5em;color:#062843;transform:translate(0,-22.5px) rotate(-45deg);transition:.3s all ease;opacity:0;}hr.h-line.scroll-trigger.complete:after{transform:translate(15.75vw,-22.5px) rotate(-45deg);opacity:1;}main a{color:inherit;border-bottom:1px solid #062843;transition:0.3s all ease;}main a:hover:not(.btn){color:inherit;border-bottom:1px solid #062843;}  .header-home{position:relative;}.header-inner .floating-header{position:relative;}.header-inner .floating-header:after{display:none;}.header-wrapper.header-inner:after{content:"";display:block;height:1px;background:linear-gradient(90deg,#062843 0,#062843 75%,#032139 75%);}.header-row{display:flex;align-items:center;padding:0 2vw;background:#062843;border-bottom:2px solid #aed9fb;}.logo-wrapper{display:flex;padding:0 0 0 0;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:flex-start;}.logo-wrapper img#mobile{display:none;}.company-details{align-content:center;width:auto;max-width:90%;padding:0;}.company-details p.title,.company-details p.title a{font-family:'Alike Angular',serif;font-size:1.75em;font-weight:bold;text-transform:uppercase;line-height:1;margin:0;color:#000000;}.company-details p{font-family:'DM Sans',sans-serif;margin:3px 0 0 0;font-size:1em;line-height:1;color:#252525;text-transform:capitalize;}.top-bar{background:none;height:auto;}.top-bar-section ul li{background:none;}.top-bar-section .dropdown li{width:50%;display:inline-block;position:relative;padding-bottom:0;}.top-bar-section li:not(.has-form) a:not(.button){background:none;color:#FFFFFF;font-family:'DM Sans',sans-serif;font-size:1em;line-height:6.75vh;position:relative;padding:0 1vw;text-transform:uppercase;}.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,.dropdown li) a:not(.button,.dropdown li a),.top-bar-section li.active:not(.has-form) a:not(.button):hover{background:transparent;color:#FFFFFF;line-height:6.75vh;padding:0 1vw;border-bottom:4px solid #aed9fb;}.top-bar-section .has-dropdown>a{padding-right:calc(1vw + 12px) !important;}.top-bar-section .has-dropdown>a:after{position:absolute;content:" \f0d7";color:#062843;top:calc(50% - 2px);right:calc(1vw - 9px);font-family:FontAwesome;font-size:12px;text-align:center;line-height:0;margin:0 0 0 0;border:none;width:12px;height:0;}.header-navbar{padding:0 2vw;}.header-btn{font-family:'Alike Angular',serif;font-size:1.25em;font-weight:bold;color:#000000;white-space:nowrap;background:#FFFFFF;padding:17px 30px;margin:0 0 0 15px;border:1px solid #062843;line-height:3vh;transition:all .25s linear;}.header-btn:hover{color:#FFFFFF;background:#062843;}.header-btn span{display:inline-block;margin:0 10px 0 0;line-height:6.5vh;}.header-btn span .fa{display:inline-block;font-size:1em;color:#FFFFFF;padding:6px 0px;transition:all .25s linear;border:2px solid #FFFFFF;border-radius:100px;width:40px;height:40px;text-align:center;transform:rotate(-15deg);}.header-btn:hover span > .fa{animation:pulsate .5s linear alternate infinite;}@keyframes pulsate{0%{transform:rotate(-15deg);} 100%{transform:rotate(15deg);}}  .why-choose-wrapper{position:relative;width:100%;max-width:none;margin:0;padding:6vw 7vw;overflow:hidden;background:linear-gradient( rgba(3,33,57,.90),rgba(3,33,57,.90) ),url("https://guardianroofingne.com/wp-content/uploads/sites/555/2026/09/why-choose-bg.webp") center center / cover no-repeat;background-attachment:fixed;} .why-choose-wrapper::before{content:"";position:absolute;top:50%;right:-15vw;width:42vw;height:42vw;background:url("https://guardianroofingne.com/wp-content/uploads/sites/555/2026/09/favicon.png") center / contain no-repeat;opacity:.04;transform:translateY(-50%) rotate(-8deg);pointer-events:none;} .why-choose-wrapper::after{content:"";position:absolute;bottom:-180px;left:-140px;width:420px;height:420px;border:70px solid rgba(255,255,255,.025);border-radius:50%;pointer-events:none;} .why-choose-wrapper .stamp-heading,.why-choose-wrapper .stamp-parent{position:relative;z-index:2;} .why-choose-wrapper .stamp-heading{margin-bottom:3.5vw;} .why-choose-wrapper .stamp-heading::before{content:"THE GUARDIAN DIFFERENCE";display:block;margin-bottom:12px;font-family:'DM Sans',sans-serif;font-size:.75em;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.65);} .why-choose-wrapper .stamp-heading h2{color:#FFFFFF;} .why-choose-wrapper .stamp-heading h2::after{background:#FFFFFF;} .why-choose-wrapper .stamp-parent{max-width:1450px;margin:0 auto;} .why-choose-wrapper .stamp{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 45px rgba(0,0,0,.18);} .why-choose-wrapper .stamp:nth-child(2),.why-choose-wrapper .stamp:nth-child(5){background:rgba(255,255,255,.96);} .why-choose-wrapper .stamp:hover{transform:translateY(-8px);background:#FFFFFF;box-shadow:0 26px 55px rgba(0,0,0,.28);} .stamp-heading{margin-bottom:3vw;} .stamp-heading h2{position:relative;display:inline-block;margin:0;padding-bottom:18px;font-family:'Alike Angular',serif;font-size:2.4em;font-weight:800;letter-spacing:-0.02em;text-transform:uppercase;color:#032139;} .stamp-heading h2::after{content:"";position:absolute;left:50%;bottom:0;width:70px;height:4px;background:#062843;transform:translateX(-50%);} .stamp-parent{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;margin:0 auto;} .stamp{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:100%;padding:36px 30px 32px;overflow:hidden;text-align:left;background:#FFFFFF;border:1px solid rgba(6,40,67,.12);box-shadow:0 16px 35px rgba(3,33,57,.08);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;} .stamp::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:#062843;} .stamp::after{content:"";position:absolute;right:-45px;bottom:-45px;width:140px;height:140px;border:22px solid rgba(6,40,67,.035);border-radius:50%;pointer-events:none;} .stamp:hover{transform:translateY(-8px);border-color:rgba(6,40,67,.25);box-shadow:0 24px 48px rgba(3,33,57,.14);} .stamp img{position:relative;z-index:2;width:72px;height:72px;margin:0 0 28px;padding:16px;object-fit:contain;background:#aed9fb;border-radius:50%;transition:transform .3s ease,background .3s ease;} .stamp:hover img{transform:scale(1.08) rotate(-4deg);background:#aed9fb;} .stamp h3{position:relative;z-index:2;margin:0 0 14px;font-family:'Alike Angular',serif;font-size:1.25em;font-weight:800;line-height:1.2;text-transform:uppercase;color:#032139;} .stamp p{position:relative;z-index:2;margin:0;font-family:'DM Sans',sans-serif;font-size:1em;line-height:1.65;color:#444547;} .stamp:nth-child(2),.stamp:nth-child(5){background:#efefef;} .lnm-policies{padding-bottom:55px;}.guardian-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;width:80%;margin:2vw auto;}.hero-wrapper{position:relative;height:38vw;min-height:620px;overflow:hidden;background:#000000;} .slider-wrapper{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;} .hero-video{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;} .hero-video iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100vh;transform:translate(-50%,-50%);pointer-events:none;} .hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient( 90deg,rgba(3,33,57,.94) 0%,rgba(3,33,57,.88) 30%,rgba(3,33,57,.58) 55%,rgba(3,33,57,.15) 78%,rgba(3,33,57,.02) 100% );} .hero-content-wrap{position:absolute;top:50%;left:8vw;z-index:3;width:min(650px,48vw);transform:translateY(-50%);} .hero-eyebrow{display:inline-block;margin-bottom:18px;padding-left:48px;position:relative;font-family:'DM Sans',sans-serif;font-size:.78em;font-weight:500;letter-spacing:.16em;line-height:1;text-transform:uppercase;color:rgba(255,255,255,.75);} .hero-eyebrow::before{content:"";position:absolute;top:50%;left:0;width:34px;height:2px;background:#FFFFFF;transform:translateY(-50%);} .hero-content-wrap h1{margin:0;max-width:650px;font-family:'Alike Angular',serif;font-size:4em;font-weight:400;line-height:.98;text-transform:uppercase;color:#FFFFFF;} .hero-content-wrap h1 span{display:block;color:#FFFFFF;} .hero-content-wrap p{max-width:560px;margin:26px 0 0;font-family:'DM Sans',sans-serif;font-size:1.12em;line-height:1.6;color:rgba(255,255,255,.82);} .hero-cta-group{display:flex;align-items:center;gap:14px;margin-top:34px;} .hero-main-btn,.hero-phone-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:17px 25px;font-family:'Alike Angular',serif;font-size:.85em;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;border:none;transition:all .3s ease;} .hero-main-btn{color:#032139;background:#FFFFFF;} .hero-main-btn:hover{color:#FFFFFF;background:#aed9fb;transform:translateY(-3px);border:none;} .hero-phone-btn{color:#FFFFFF;background:transparent;border:1px solid rgba(255,255,255,.45);} .hero-phone-btn:hover{color:#032139;background:#FFFFFF;border-color:#FFFFFF;transform:translateY(-3px);} .hero-main-btn i,.hero-phone-btn i{font-size:.9em;} .scroll-arrow{z-index:4;} .guardian-badge{position:relative;display:flex;align-items:center;min-height:125px;padding:26px 24px;background:#ffffff;border:1px solid rgba(0,0,0,.1);box-shadow:0 12px 32px rgba(0,0,0,.08);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;} .guardian-badge::before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:#0d2538;} .guardian-badge::after{content:"";position:absolute;right:-45px;bottom:-55px;width:120px;height:120px;border:18px solid rgba(13,37,56,.04);border-radius:50%;} .guardian-badge:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.14);} .guardian-badge-icon{position:relative;z-index:2;flex:0 0 68px;width:68px;height:68px;display:flex;align-items:center;justify-content:center;margin-right:20px;background:#0d2538;transform:rotate(45deg);} .guardian-badge-icon i{font-size:1.45em;color:#ffffff;transform:rotate(-45deg);} .guardian-badge-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px;} .guardian-badge-small{font-size:.72em;font-weight:700;letter-spacing:.13em;line-height:1.3;text-transform:uppercase;color:#3a2b2b;} .guardian-badge strong{display:block;font-size:1.08em;line-height:1.25;color:#111111;} .guardian-badge-note{margin-top:2px;font-size:.82em;line-height:1.4;color:#666666;} .guardian-badge-wide{grid-column:span 3;justify-content:center;} .guardian-badge-wide .guardian-badge-content{min-width:270px;}.guardian-header-main{position:relative;z-index:20;background:#FFFFFF;} .guardian-header-row{display:flex;align-items:stretch;min-height:105px;padding:0 3vw;border:none;} .guardian-logo-column{display:flex;align-items:center;flex:0 0 auto;padding-right:3vw;} .guardian-logo-wrapper{display:flex;align-items:center;padding:0;} .guardian-logo-wrapper a{display:block;border:none;} .guardian-logo-wrapper img{display:block;width:auto;max-width:240px;height:auto;} .guardian-header-info{display:flex;align-items:center;margin-left:auto;} .guardian-location,.guardian-phone{display:flex;align-items:center;gap:14px;} .guardian-info-icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#aed9fb;} .guardian-info-icon i{font-size:1em;color:#062843;} .guardian-info-text{display:flex;flex-direction:column;justify-content:center;} .guardian-info-text span{display:block;margin-bottom:3px;font-family:'DM Sans',sans-serif;font-size:.72em;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:#aed9fb;} .guardian-info-text p{margin:0;font-family:'DM Sans',sans-serif;font-size:.9em;line-height:1.2;color:#FFFFFF;} .guardian-phone-link{display:block;font-family:'Alike Angular',serif;font-size:1.05em;line-height:1.2;color:#FFFFFF;border:none;} .guardian-phone-link:hover{color:#aed9fb;border:none;} .guardian-divider{width:1px;height:42px;margin:0 2vw;background:rgb(255 255 255 / 15%);} .guardian-header-cta{display:flex;align-items:center;margin-left:2.5vw;} .guardian-header-btn{position:relative;display:inline-flex;align-items:center;gap:16px;overflow:hidden;padding:18px 24px;font-family:'Alike Angular',serif;font-size:.9em;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.04em;color:#062843;background:#aed9fb;border:none;transition:background .3s ease,transform .3s ease;} .guardian-header-btn::before{content:"";position:absolute;top:0;left:-120%;width:100%;height:100%;background:rgba(255,255,255,.12);transform:skewX(-25deg);transition:left .45s ease;} .guardian-header-btn:hover{color:#1b2d3b;background:#aed9fb;border:none;transform:translateY(-2px);} .guardian-header-btn:hover::before{left:120%;} .guardian-header-btn i{position:relative;z-index:2;font-size:.9em;} .navigation-wrapper.mobile-hide{position:relative;z-index:10;padding:0 3vw;background:#032139;border:none;} .guardian-navbar{display:flex;justify-content:center;width:100%;padding:0;} .navigation-wrapper.mobile-hide .top-bar-section > ul{display:flex;justify-content:center;width:100%;} .navigation-wrapper.mobile-hide .top-bar-section li:not(.has-form) a:not(.button){position:relative;padding:0 1.3vw;font-family:'DM Sans',sans-serif;font-size:.82em;font-weight:400;line-height:64px;letter-spacing:.05em;text-transform:uppercase;color:#FFFFFF;border:none;} .navigation-wrapper.mobile-hide .top-bar-section li:not(.has-form) a:not(.button)::before{content:"";position:absolute;top:auto;bottom:0;left:50%;width:0;height:3px;background:#FFFFFF;clip-path:none;transform:translateX(-50%);transition:width .3s ease;} .navigation-wrapper.mobile-hide .top-bar-section > ul > li:hover > a:not(.button)::before,.navigation-wrapper.mobile-hide .top-bar-section > ul > li.active > a:not(.button)::before{width:calc(100% - 2.6vw);} .navigation-wrapper.mobile-hide .top-bar-section ul li:hover:not(.has-form) > a,.navigation-wrapper.mobile-hide .top-bar-section li:not(.has-form) a:not(.button):hover{padding:0 1.3vw;line-height:64px;color:#FFFFFF;background:rgba(255,255,255,.06);border:none;} .navigation-wrapper.mobile-hide .top-bar-section .has-dropdown > a{padding-right:calc(1.3vw + 18px) !important;} .navigation-wrapper.mobile-hide .top-bar-section .has-dropdown > a::after{content:"\f078";position:absolute;top:50%;right:1vw;width:auto;height:auto;margin:0;font-family:"Font Awesome 6 Pro";font-size:.65em;line-height:1;color:#aed9fb;border:none;transform:translateY(-50%);transition:transform .25s ease;} .navigation-wrapper.mobile-hide .top-bar-section .has-dropdown:hover > a::after{transform:translateY(-50%) rotate(180deg);} .roof-replacement-section{position:relative;overflow:hidden;background:#FFFFFF;} .roof-replacement-section::before{content:"";position:absolute;top:50%;right:-10vw;width:36vw;height:36vw;background:url("https://guardianroofingne.com/wp-content/uploads/sites/555/2026/09/favicon.png") center / contain no-repeat;opacity:.025;transform:translateY(-50%) rotate(-8deg);pointer-events:none;} .roof-replacement-row{position:relative;z-index:2;min-height:680px;} .roof-replacement-visual{position:relative;min-height:680px;padding:0;background:#032139;} .roof-replacement-frame{position:absolute;inset:0;overflow:hidden;} .roof-replacement-image{position:absolute;top:6%;left:6%;width:88%;height:88%;background:center / cover no-repeat url("https://guardianroofingne.com/wp-content/uploads/sites/555/2026/09/home-img3.jpg");box-shadow:0 24px 55px rgba(0,0,0,.2);} .roof-replacement-frame::before{content:"";position:absolute;top:0;left:0;width:36%;height:100%;background:#032139;} .roof-replacement-frame::after{content:"";position:absolute;top:6%;left:6%;width:88%;height:88%;border:1px solid rgba(255,255,255,.25);pointer-events:none;} .roof-replacement-badge{position:absolute;left:0;bottom:9%;z-index:3;min-width:250px;padding:22px 28px;background:#FFFFFF;box-shadow:0 12px 30px rgba(0,0,0,.16);} .roof-replacement-badge span{display:block;margin-bottom:4px;font-family:'DM Sans',sans-serif;font-size:.7em;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#444547;} .roof-replacement-badge strong{display:block;font-family:'Alike Angular',serif;font-size:1.2em;line-height:1.1;text-transform:uppercase;color:#032139;} .roof-replacement-content{display:flex;flex-direction:column;justify-content:center;padding:6vw 7vw;background:#efefef;} .section-eyebrow{position:relative;display:inline-block;width:fit-content;margin-bottom:18px;padding-left:44px;font-family:'Alike Angular',serif;font-size:.72em;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#062843;} .section-eyebrow::before{content:"";position:absolute;top:50%;left:0;width:30px;height:2px;background:#062843;transform:translateY(-50%);} .roof-replacement-content h2{max-width:620px;margin:0 0 24px;font-size:2.6em;line-height:1.05;color:#032139;} .roof-replacement-content p{max-width:700px;margin:0 0 22px;line-height:1.7;} .roof-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:6px 0 26px;} .roof-materials span{display:flex;align-items:center;gap:10px;padding:13px 15px;font-family:'DM Sans',sans-serif;font-size:.95em;font-weight:600;color:#032139;background:#FFFFFF;border:1px solid rgba(6,40,67,.08);} .roof-materials i{color:#062843;font-size:.8em;} .roof-replacement-btn{align-self:flex-start;margin:8px 0 0;}.guardian-footer{position:relative;width:100%;overflow:hidden;background:#032139;border:none;} .guardian-footer::before{content:"";position:absolute;top:50%;left:-8vw;width:34vw;height:34vw;background:url("https://guardianroofingne.com/wp-content/uploads/sites/555/2026/09/favicon.png") center / contain no-repeat;opacity:.025;transform:translateY(-50%);pointer-events:none;} .guardian-footer-main{position:relative;z-index:2;padding:6vw 7vw;background:transparent;} .guardian-footer .footer-box-holder{padding:0;} .guardian-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:4vw;padding:0;text-align:left;} .guardian-footer-grid .content-holder{justify-self:stretch;text-align:left;} .guardian-footer-brand{padding-right:2vw;} .guardian-footer-logo{display:inline-block;margin-bottom:25px;border:none;} .guardian-footer-logo img{display:block;width:auto;max-width:220px;height:auto;filter:brightness(0) invert(1);} .guardian-footer-tagline{max-width:380px;margin:0 0 28px;font-family:'DM Sans',sans-serif;font-size:1em;line-height:1.7;color:rgba(255,255,255,.7);} .footer-kicker{display:block;margin-bottom:8px;font-family:'DM Sans',sans-serif;font-size:.68em;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#aed9fb;} .guardian-footer .content-holder h2{position:relative;margin:0 0 25px;padding-bottom:14px;font-family:'Alike Angular',serif;font-size:1.2em;color:#FFFFFF;} .guardian-footer .content-holder h2::after{content:"";position:absolute;bottom:0;left:0;width:38px;height:3px;background:#FFFFFF;} .guardian-footer .content-holder p{margin:0 0 10px;font-family:'DM Sans',sans-serif;font-size:.95em;line-height:1.6;color:rgba(255,255,255,.72);} .guardian-footer .content-holder p i{width:20px;margin-right:8px;color:rgba(255,255,255,.5);} .guardian-footer .content-holder a{color:#FFFFFF;border:none;} .guardian-footer .content-holder a:hover{color:rgba(255,255,255,.7);border:none;} .guardian-socials{display:flex;gap:10px;} .guardian-socials a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:50%;transition:all .3s ease;} .guardian-socials a:hover{background:#FFFFFF;transform:translateY(-3px);} .guardian-socials .fa{margin:0;font-size:1em;color:#FFFFFF;} .guardian-socials a:hover .fa{color:#032139;} .guardian-payments{margin-bottom:25px;} .guardian-payments svg.payment-icon,.guardian-payments img{max-width:48px;height:auto;margin:0 8px 8px 0;} .guardian-footer-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 18px;font-family:'Alike Angular',serif;font-size:.8em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#032139 !important;background:#FFFFFF;border:none;transition:all .3s ease;} .guardian-footer-btn:hover{color:#FFFFFF !important;background:#aed9fb;transform:translateY(-3px);} .guardian-footer-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:20px 7vw;background:rgba(0,0,0,.18);border:none;border-top:1px solid rgba(255,255,255,.08);} .guardian-footer-bottom .footer-logo{display:flex;align-items:center;justify-content:center;gap:14px;padding:0;} .guardian-footer-bottom .footer-logo img{width:auto;max-width:95px;height:auto;filter:none;} .guardian-hosted{font-family:'DM Sans',sans-serif;font-size:.68em;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.4);} .guardian-footer .to-top{position:absolute;right:4vw;padding:0;} .guardian-footer .to-top a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:0;} .guardian-footer .to-top a span{width:10px;height:10px;border-top:2px solid #FFFFFF;border-left:2px solid #FFFFFF;transform:rotate(45deg) translate(2px,2px);}.cta-wrapper{position:relative;overflow:hidden;padding:8vh 8vw;text-align:left;background:url("https://guardianroofingne.com/wp-content/uploads/sites/555/2026/09/cta-bg.jpeg") center 48% / cover no-repeat;} .cta-wrapper::before{content:"";position:absolute;inset:0;background:#000000c9;background-size:60px 60px;pointer-events:none;z-index:1;width:100%;height:100%;} .cta-wrapper::after{content:"";position:absolute;top:50%;right:-7vw;width:30vw;height:30vw;background:url("https://guardianroofingne.com/wp-content/uploads/sites/555/2026/09/favicon.png") center / contain no-repeat;opacity:.035;transform:translateY(-50%) rotate(-8deg);pointer-events:none;} .cta-wrapper > .columns{position:relative;z-index:2;max-width:100%;margin:0 auto;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;} .cta-wrapper h2{max-width:820px;margin:0 0 24px;font-family:'Alike Angular',serif;font-size:2.7em;font-weight:800;line-height:1.05;text-transform:uppercase;color:#FFFFFF;} .cta-wrapper p{max-width:780px;margin:0;font-family:'DM Sans',sans-serif;font-size:1.05em;line-height:1.7;color:rgba(255,255,255,.82);} .cta-wrapper .cta-buttons{display:flex;align-items:center;gap:14px;margin-top:34px;} .cta-wrapper .btn,.cta-wrapper .btn:focus{min-width:190px;margin:0;padding:17px 24px;font-family:'Alike Angular',serif;font-size:.82em;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#032139;background:#FFFFFF;border:none;border-radius:0;transition:all .3s ease;} .cta-wrapper .btn::before,.cta-wrapper .btn::after{display:none;} .cta-wrapper .btn:hover{color:#FFFFFF;background:#aed9fb;transform:translateY(-3px);} .cta-wrapper .btn.alt{color:#FFFFFF;background:transparent;border:1px solid rgba(255,255,255,.55);} .cta-wrapper .btn.alt:hover{color:#032139;background:#FFFFFF;border-color:#FFFFFF;}  @media only screen and (min-width:1025px){.navigation-wrapper.mobile-hide .top-bar-section .dropdown .back,.navigation-wrapper.mobile-hide .top-bar-section .dropdown li.back,.navigation-wrapper.mobile-hide .top-bar-section .dropdown .title.back,.navigation-wrapper.mobile-hide .top-bar-section .dropdown li.title.back,.navigation-wrapper.mobile-hide .top-bar-section .dropdown .js-generated.back,.navigation-wrapper.mobile-hide .top-bar-section .dropdown li.js-generated.back{display:none !important;}} @media only screen and (min-width:1025px){.header-details{display:flex;justify-content:flex-start;padding:3vh 0;min-width:40%;margin-right:10px;}.navigation-wrapper{display:flex;flex-wrap:wrap;justify-content:right;align-content:center;background:#032139;padding:0;z-index:1;}.header-clicktocall{margin-left:auto;}.navigation-wrapper.mobile-hide,.navigation-wrapper.mobile-hide .top-bar,.navigation-wrapper.mobile-hide .top-bar-section,.navigation-wrapper.mobile-hide .top-bar-section > ul{overflow:visible;} .navigation-wrapper.mobile-hide .top-bar-section > ul{position:relative;} .navigation-wrapper.mobile-hide .top-bar-section > ul > li,.navigation-wrapper.mobile-hide .top-bar-section .has-dropdown{position:relative;} .navigation-wrapper.mobile-hide .top-bar-section .dropdown{position:absolute;top:100%;left:50%;z-index:9999;column-count:2;width:max-content;min-width:520px;max-width:700px;margin:0;padding:18px;text-align:left;background:#FFFFFF;border:1px solid rgba(3,33,57,.1);border-top:4px solid #aed9fb;border-radius:0;box-shadow:0 18px 45px rgba(3,33,57,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,12px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;} .navigation-wrapper.mobile-hide .top-bar-section .has-dropdown:hover > .dropdown,.navigation-wrapper.mobile-hide .top-bar-section .has-dropdown:focus-within > .dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);} .navigation-wrapper.mobile-hide .top-bar-section .dropdown::before{content:"";position:absolute;top:-10px;left:50%;width:16px;height:16px;background:#FFFFFF;border-top:1px solid rgba(3,33,57,.08);border-left:1px solid rgba(3,33,57,.08);transform:translateX(-50%) rotate(45deg);} .navigation-wrapper.mobile-hide .top-bar-section .dropdown li{display:block;position:relative;width:100%;margin:0;padding:0;background:transparent;} .navigation-wrapper.mobile-hide .top-bar-section .dropdown li a:not(.button){position:relative;display:flex;align-items:center;padding:10px 16px 10px 38px;font-family:'DM Sans',sans-serif;font-size:.88em;font-weight:500;line-height:1.25;text-align:left;text-transform:none;color:#032139;background:transparent;border:none;transition:color .2s ease,background .2s ease,padding-left .2s ease;} .navigation-wrapper.mobile-hide .top-bar-section .dropdown li a:not(.button)::before{content:"";position:absolute;top:50%;left:16px;bottom:auto;width:8px;height:8px;background:#aed9fb;border-radius:50%;clip-path:none;transform:translateY(-50%);transition:transform .2s ease,background .2s ease;} .navigation-wrapper.mobile-hide .top-bar-section .dropdown li:hover > a:not(.button),.navigation-wrapper.mobile-hide .top-bar-section .dropdown li.active > a:not(.button){padding:10px 16px 10px 42px;line-height:1.25;color:#032139;background:#efefef;border:none;} .navigation-wrapper.mobile-hide .top-bar-section .dropdown li:hover > a:not(.button)::before,.navigation-wrapper.mobile-hide .top-bar-section .dropdown li.active > a:not(.button)::before{background:#062843;} .horizontal-padding-large{padding-left:9vw;padding-right:9vw;}.left-padding-large{padding-left:9vw;}.right-padding-large{padding-right:9vw;}.horizontal-padding-medium{padding-left:7vw;padding-right:7vw;}.left-padding-medium{padding-left:7vw;}.right-padding-medium{padding-right:7vw;}.horizontal-padding-small{padding-left:5vw;padding-right:5vw;}.left-padding-small{padding-left:5vw;}.right-padding-small{padding-right:5vw;}.horizontal-padding-xs{padding-left:3vw;padding-right:3vw;}.left-padding-xs{padding-left:3vw;}.right-padding-xs{padding-right:3vw;}} .slick-slide::after{content:" ";width:100%;height:100%;position:absolute;top:0;left:0;background:#00000075;z-index:0;}.scroll-arrow{display:inline-block;width:30px;height:50px;position:absolute;bottom:10%;right:5vw;cursor:pointer;z-index:1;}.scroll-arrow::after{content:" ";position:absolute;top:0%;height:100%;border:10px solid #FFFFFF25;border-radius:10px;left:calc(50% - 0.5px);transition:all .3s ease;z-index:-1;}.scroll-arrow:hover:after{border:10px solid #FFFFFF75;}.scroll-arrow span{position:absolute;top:0;left:calc(50% + 8px);width:4px;height:20%;border-radius:10px;background:#062843;animation:scroll 5s linear alternate infinite;} @keyframes scroll{0%{top:0%;} 100%{top:80%;}}.hero-wrapper{display:flex;background:#000000;}.hero-wrapper .hero-content{display:flex;background:#051521;justify-content:center;flex-direction:column;padding:4vh .9375rem;}.slider-content{position:absolute;top:20%;left:15vw;z-index:1;}.slider-content p{color:#FFFFFF;font-family:'Alike Angular',serif;font-size:6.5vw;font-weight:bold;line-height:0.9;margin:0 0 5vh 0;text-transform:uppercase;}.slider-content p span{display:block;font-size:6.5vw;font-weight:normal;}.slider-btn{position:relative;display:inline-block;font-family:'DM Sans',sans-serif;font-size:1.1em;line-height:1.5em;color:#FFFFFF;text-align:center;vertical-align:middle;border:none;border-radius:15px;background:#032139;padding:20px;margin:0 5px;min-width:245px;transition:all 300ms ease;}.slider-btn:hover{color:#FFFFFF;background:#032139;}.slider-btn:before{content:"";position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 12px);border:1px solid #062843;border-radius:10px;}.slider-btn:after{content:"";position:absolute;top:calc(50% - 0.325em);right:7.5%;width:0.55em;height:0.55em;border:5px solid transparent;border-top:5px solid #FFFFFF;border-right:5px solid #FFFFFF;transform:rotate(45deg);transition:all 300ms ease;transform-origin:center;}.slider-btn:hover:after{border-top:5px solid #FFFFFF;border-right:5px solid #FFFFFF;transform:rotate(225deg);}.slider-btn.alt{background:#032139;}.slider-btn.alt:before{border:1px solid #062843;}.slider-btn.alt:hover{color:#FFFFFF;background:#aed9fb;}.slider-caption{text-align:center;}.slider-caption p.caption{color:#FFFFFF;font-family:'DM Sans',sans-serif;text-transform:uppercase;font-size:3.15vw;line-height:1.1;margin:0;}.slider-caption p.caption span{font-family:'DM Sans',sans-serif;display:block;}.hero-buttons{padding:3vh 0 0 2vw;}.tagline{position:absolute;right:0;bottom:0;padding:3vh 1vw;display:flex;align-items:flex-end;justify-content:flex-end;height:5vh;max-height:5vh;}.tagline p{color:#FFFFFF;font-family:'Alike Angular',serif;text-transform:initial;font-size:1em;line-height:1.6;margin:0;}.tagline img{padding-left:0.5vw;}  .underheading{margin-top:0;line-height:;font-size:1.5em;}.prefix-check{font-family:'DM Sans',sans-serif;}.prefix-check:before{content:"\f00c";font-family:FontAwesome;color:#062843;margin:0 10px 0 0;}.suffix-house:after{content:"\e3b1";font-family:"Font Awesome 6 Pro";color:#000000;margin:0 0 0 10px;}.suffix-broom:after{content:"\f51a";font-family:"Font Awesome 6 Pro";color:#000000;margin:0 0 0 10px;}.suffix-wrench:after{content:"\f0ad";font-family:"Font Awesome 6 Pro";color:#000000;margin:0 0 0 10px;}#slider-ctas{display:none;}.slider-content #slider-ctas{display:block;}.hide{display:none !important;}.row.full.home-padding-1{padding-left:8vw;padding-right:8vw;}.uppercase{text-transform:uppercase;}.bold{font-weight:bold;}.flexed{display:flex;}.inner-content-columns{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:25px;}.inner-content-columns.two-cols{grid-template-columns:1fr 1fr;}.inner-list-columns{display:grid;grid-template-columns:1fr 1fr 1fr;}.inner-list-columns.auto{grid-template-columns:auto auto auto;}.inner-list-columns.two-cols{grid-template-columns:1fr 1fr;}.inner-list-columns.two-cols.auto{grid-template-columns:auto auto;}.faq-box .inner-list-columns{display:grid;grid-template-columns:1fr 1fr;}.smaller-heading{display:block;font-size:1.5rem;text-transform:capitalize;color:#051521;}.offset-down{-webkit-transform:translateY(5vh);-moz-transform:translateY(5vh);-ms-transform:translateY(5vh);-o-transform:translateY(5vh);transform:translateY(5vh);}.spacer{margin:5vh 0 !important;}.badge-parent{position:relative;padding:10vh 0;text-align:center;background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/badges-bg.jpg);}.badge-parent img{margin:0 1.5vw;max-width:20vw;}.centerxy{display:flex;align-content:center;justify-content:center;}.centery{margin-top:auto;margin-bottom:auto;}.row{margin:0 auto;max-width:1630px;width:100%;}.row.full{max-width:100%;}.row.small{max-width:50vw;}.row.medium{max-width:65vw;}.contain-to-grid{background:none !important;}.contain-to-grid .top-bar{max-width:75em;}.page-wrapper{max-width:75rem;clear:both;}.lightgrey-bg{background:#efefef;}.grey-bg{background:#444547;}.grey-bg h1,.grey-bg h2,.grey-bg h3,.grey-bg h4,.grey-bg p,.grey-bg ul{color:#000000;}.grey-bg ul li::before{color:#062843;}.grey-bg .textbox-left{padding-top:10vh;padding-bottom:10vh;}.darkgrey-bg{background:#051521;}.weave-row{background:#032139;}.weave-texture{aspect-ratio:883 / 778;max-width:45vw;background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/home-img4.png) #FFFFFF;border-right:10px solid #444547;}.weave-texture:after{content:"";position:absolute;top:8%;right:4%;height:84%;width:60%;background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/uploads/sites/555/2026/09/home-img3.jpg);}.inner-page .weave-texture:after{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/uploads/sites/555/2026/09/about-img2.jpg);}.weave-text{padding:5vh 10vw 5vh 5vw;align-self:center;}.weave-text h2,.weave-text h3,.weave-text p,.weave-text ul{color:#FFFFFF;}.weave-text ul.default li:before{background:#FFFFFF;}.white-text,.white-text h2,.white-text h3,.white-text p{color:#FFFFFF;}.bg-box{height:100%;}.textbox-left{padding:0 5vw 0 0;}.textbox-right{padding:0 0 0 5vw;}.grey-bg .textbox-right{padding:10vh 7vw;}.textbox-lightgrey{padding:8vh 6.5vw;background:#efefef;}.textbox-grey{padding:8vh 6.5vw;background:#444547;}.textbox-black{padding:8vh 6.5vw;background:#252525;}.textbox-black h2,.textbox-black h3,.textbox-black h4,.textbox-black p,.textbox-black ul{color:#FFFFFF;}.textbox-outline{padding:8vh 6.5vw;border:1px solid #444547;}.textbox-full{padding:0;}.textbox-full.svc{padding:10vh 0;margin:0 auto;}.textbox-plain{padding:0;}.home-bg1{background:50% 0% / cover no-repeat url(https://guardianroofingne.com/wp-content/uploads/sites/555/2026/09/home-img1.jpg);}.home-bg2{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/uploads/sites/555/2026/09/home-img2.jpg);}.home-bg3{background:bottom right / cover no-repeat url(https://guardianroofingne.com/wp-content/uploads/sites/555/2026/09/home-img3.jpg);}.about-bg1{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/uploads/sites/555/2026/09/about-img1.jpg);}.about-bg2{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/uploads/sites/555/2026/09/about-img2.jpg);}.contact-bg{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/uploads/sites/555/2026/09/contact-bg.jpg);}  .commercial-roofer{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/commercial-roofer.jpg);}.emergency-roof-repair{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/emergency-roof-repair.jpg);}.hail-and-storm-damage-roof-repair{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/hail-and-storm-damage-roof-repair.jpg);}.residential-roofer{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/residential-roofer.jpg);}.roof-inspection{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roof-inspection.jpg);}.roof-leak-repair{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roof-leak-repair.jpg);}.roof-maintenance{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roof-maintenance.jpg);}.roof-repair{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roof-repair.jpg);}.roof-restoration{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roof-restoration.jpg);}.roof-waterproofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roof-waterproofing.jpg);}.roofer{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roofer.jpg);}.roofing-company{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roofing-company.jpg);}.roofing-services{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roofing-services.jpg);}.soffit-installation{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/soffit-installation.jpg);}.corrugated-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/corrugated-roofing.jpg);}.epdm-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/epdm-roofing.jpg);}.flat-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/flat-roofing.jpg);}.gable-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/gable-roofing.jpg);}.green-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/green-roofing.jpg);}.hip-roof{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/hip-roof.jpg);}.metal-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/metal-roofing.jpg);}.modified-bitumen-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/modified-bitumen-roofing.jpg);}.rubber-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/rubber-roofing.jpg);}.shingle-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/shingle-roofing.jpg);}.slate-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/slate-roofing.jpg);}.tar-and-gravel-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/tar-and-gravel-roofing.jpg);}.tile-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/tile-roofing.jpg);}.tpo-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/tpo-roofing.jpg);}.chimney-inspection{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/chimney-inspection.jpg);}.chimney-repair{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/chimney-repair.jpg);}.chimney-sweeping{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/chimney-sweeping.jpg);}.gutter-cleaning{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/gutter-cleaning.jpg);}.gutter-installation{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/gutter-installation.jpg);}.siding{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/siding.jpg);}.siding-installation{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/siding-installation.jpg);}.siding-repair{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/siding-repair.jpg);}.siding-replacement{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/siding-replacement.jpg);}.gutter-img{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/uploads/sites/555/2026/09/gutter-img.jpg);}  .located-in{position:relative;display:flex;justify-content:flex-end;align-content:center;flex-wrap:wrap;align-items:center;border-left:1px solid #062843;padding:0 0 0 20px;min-height:11vh;z-index:0;}.located-in:before{content:" \f015 ";font-family:FontAwesome;font-size:1em;color:#FFFFFF;position:absolute;top:calc(50% - 0.7em);left:-0.575em;}.located-in p{color:#FFFFFF;text-transform:uppercase;letter-spacing:-0.6px;font-size:.85em;line-height:1;}.intro{padding:10vh 15vw;background:#444547;}.intro .grid{display:grid;grid-template-columns:0.75fr 4.5fr 15px 2fr;grid-gap:0;column-gap:.9375rem;}.intro .grid div:nth-of-type(1){align-self:center;}.intro .grid div:nth-of-type(3){align-self:center;justify-self:center;}.intro .grid div:nth-of-type(4){align-self:center;justify-self:flex-end;}.intro h1{color:#051521;font-size:1.5em;margin:0;}.intro h2{font-size:3em;text-transform:uppercase;}.intro .curly-brace{display:inline-block;position:relative;height:100%;width:10px;border:5px solid #062843;border-left:transparent;border-radius:0 10px 10px 0;}.intro .curly-brace::before{content:"";position:absolute;top:calc(50% - 6px);right:-11px;width:15px;height:15px;border:5px solid #062843;border-left:transparent;border-bottom:transparent;background:#444547;transform:rotate(45deg);}.intro-text{padding:8vh 15vw 10vh 15vw;background-position:105% 50%;background-repeat:no-repeat;}.intro-text.inner{padding:3vh 1vw 3vh 5vw;}.intro-about{padding:10vh 0 10vh 15vw;}.intro-about-text{padding:0 6vw 0 0;}.svc-page .intro-about::after{display:none;}.intro-inner{padding:4vh 5vw;background:#efefef50;}.intro-inner h1,.intro-inner h2,.intro-inner h3,.intro-inner p{color:#000000;line-height:1.5;max-width:75%;margin:0 auto;}.exit-text{display:flex;padding:0;}.exit-text.abt{padding:10vh 0 0 0;}.exit-text.svc{background:#051521;}.exit-text-picture{width:38vw;padding:0;background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/home-img4.jpg);}.exit-text-picture.abt{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/about-img3.jpg);}.exit-text-content{width:62vw;background:#efefef;padding:9vh 12vw 9vh 6vw;}.exit-text-content h2{font-size:2em;font-weight:bold;line-height:1.5;}.svc .exit-text-content{max-width:unset;background:none;padding:10vh 15vw 10vh 5vw;}.svc-page .intro-text{padding:2vh 4vw;background:none;}.faq-text.inner{padding:0;}.faq-question{font-size:1.6em;text-transform:math-auto;margin:0;}.faq-answer:before{content:"\f27b";color:#062843;font-family:FontAwesome;margin:0 10px 0 0;}.faq-answer span{font-weight:bold;} .btn,.btn:focus{position:relative;display:inline-block !important;font-family:'DM Sans',sans-serif;font-size:1.1em;line-height:1.5em;color:#FFFFFF;text-align:center;vertical-align:middle;border:none;background:#032139;padding:20px;margin:0 5px;min-width:245px;transition:all 300ms ease;}.btn:hover{color:#FFFFFF;background:#032139;}.btn:before{content:"";position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:10px;}.btn:after{content:"";position:absolute;top:calc(50% - 0.325em);right:7.5%;width:0.55em;height:0.55em;border:5px solid transparent;border-top:5px solid #FFFFFF;border-right:5px solid #FFFFFF;transform:rotate(45deg);transition:all 300ms ease;transform-origin:center;}.btn:hover:after{border-top:5px solid #FFFFFF;border-right:5px solid #FFFFFF;transform:rotate(225deg);}.btn.alt{background:#032139;}.btn.alt:hover{color:#FFFFFF;background:#aed9fb;}.btn.special{background:#062843;padding-right:2.5em;}.btn.special:hover{background:#032139;}.btn.xx-long{padding-right:10%;}.footer-cta .btn{min-width:275px;}.svc-box-parent,.faq-box-parent{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(3vmin,5vmin,7vmin);}.svc-box-parent:before,.svc-box-parent:after,.faq-box-parent:before,.faq-box-parent:after{content:none;}.svc-box{position:relative;display:flex;flex-direction:column;padding:clamp(4vmin,6vmin,8vmin);}.svc-box:nth-child(4n+2),.svc-box:nth-child(4n+3){background-color:#efefef50;}.svc-box:before{content:" ";background:#062843;position:absolute;top:0px;left:0px;width:100%;height:100%;filter:brightness(0) saturate(100%) invert(91%) sepia(12%) saturate(6682%) hue-rotate(180deg) brightness(105%) contrast(105%);clip-path:polygon(100% 0,0.5% 0.8%,0 100%,0 0);}.svc-box:after{content:" ";background:#aed9fb;position:absolute;bottom:0px;right:0px;width:100%;height:100%;clip-path:polygon(100% 0,100% 100%,0 100%,99.5% 99.2%);}.svc-box h2{font-size:1.5em;position:relative;margin:0;}.svc-box h2:before{content:"";display:inline-block;width:1.5em;height:0.75em;line-height:1em;background:#062843;vertical-align:middle;margin:0 10px 5px 0;clip-path:polygon(70% 40%,70% 25%,90% 100%,95% 100%,70% 15%,45% 100%,0 100%,30% 0,65% 0,35% 100%,40% 100%,70% 0,100% 100%,85% 100%);}.svc-box p{margin:25px 0 !important;}.svc-box .btn{margin:auto 0 0 auto;max-width:250px;}.medium-heading,.svc-body h2{font-size:24px;}.text-col{padding-left:3.4vw;padding-right:3.4vw;}.bg-text-box{background:rgb(203 203 203 / 95%);width:calc(50% + 17.5px);margin-left:-35px;padding:8.5vh 7.5vw 8.5vh 10.9vw;}.cta-separator{display:none;}.cta-buttons{margin-top:5vh;}.gallery-wrapper{padding-top:10px;}.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 800ms ease-out;-moz-transition:all 800ms ease-out;-ms-transition:all 800ms ease-out;-o-transition:all 800ms ease-out;transition:all 800ms 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);}.contact-form-holder{padding:0 7vw 0 0;}.contact-body{padding-left:3.4vw;padding-right:9vw;padding-bottom:8vh;}.contact-body h1{font-size:30px;margin-bottom:10px;}form,.contactForm{margin:0;}.contactForm label{font-weight:normal;display:block;margin-bottom:3px;color:#252525;font-family:'DM Sans',sans-serif;}.contactForm input{width:100%;padding:3px;margin-bottom:5px;}input.fancyInput[type="text"]{font-family:'DM Sans',sans-serif;padding:12px 25px;font-size:.875rem;line-height:1.4;height:auto;border:none;border-radius:0;margin-bottom:7px;background:#FFFFFF;color:#051521;box-shadow:inset 0px 0px 0px 1px #051521;}input.fancyInput[type="text"]::placeholder,textarea.fancyInput[type="text"]::placeholder{color:#051521;}.contactForm textarea{width:100%;}textarea.fancyInput[type="text"]{font-family:'Alike Angular',serif;padding:15px 25px;font-size:15px;line-height:1.4;height:100px;border:none;border-radius:0;margin-bottom:7px;background:#FFFFFF;color:#051521;box-shadow:inset 0px 0px 0px 1px #051521;}.contactForm .captchaWrapper{margin:0 0 5px;padding:10px 25px;font-size:14px;line-height:1.4;height:auto;border:none;border-radius:0;background:#FFFFFF;color:#051521;font-weight:bold;min-height:0;margin-bottom:23px;box-shadow:inset 0px 0px 0px 1px #051521;text-align:left !important;}.contactForm .captchaWrapper:not(.slideOut) img{max-width:25%;vertical-align:middle;}.contactForm .captchaWrapper input{background:#FFFFFF;border:none;border-bottom:1px #051521 dotted;box-shadow:none;display:inline-block;width:40%;font-size:.875rem;padding:0;margin:0 0 0 15px;color:#051521;font-weight:normal;}.contactForm .captchaWrapper input::placeholder{color:#051521;}.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;}.mobile-sticky-cta{display:none;}  .svg-button{display:inline-block;width:10vw;opacity:0;transition:all .3s ease;transform:rotate(10deg);}.svg-button.done{opacity:1;}@keyframes show-button{0{opacity:0;} 100%{opacity:1;}}.svg-button .encircled{fill:none;stroke:#FFFFFF;stroke-width:4px;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;transition:all .3s ease-in;}.svg-button.done .encircled{animation:draw-circle 750ms ease 1s forwards;}@keyframes draw-circle{0{stroke-dashoffset:1000;} 100%{stroke-dashoffset:0;}}.svg-button .circle-text{font-family:'DM Sans',sans-serif;font-size:1.5em;fill:#FFFFFF;text-transform:uppercase;transform:rotate(-10deg) translate(-13px,20px);}.svg-button:hover .encircled{stroke:#051521;stroke-width:6px;}  .landing-page-wrapper a:not(.cta-btn,.lp-btn){color:#062843;text-decoration:underline;}.landing-page-wrapper .cta-btn{position:relative;display:inline-block;font-family:'DM Sans',sans-serif;font-size:1em;color:#FFFFFF;text-transform:uppercase;text-align:center;vertical-align:middle;border:none;border-radius:0;background:#062843;padding:20px 30px;margin:10px 0;min-width:185px;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}.landing-page-wrapper .cta-btn:hover{color:#FFFFFF;background:#051521;}.landing-page-button-wrapper{margin:0;}.landing-page-button-wrapper a{background:#062843;color:#FFFFFF;text-transform:uppercase;text-decoration:none;padding:10px 15px;}.landing-page-button-wrapper a:hover{color:#FFFFFF;background:#051521;}.page-wrapper.single-wrapper.landing-page-wrapper.row .btn{margin-top:15px;margin-bottom:15px;}.page-wrapper.single-wrapper.landing-page-wrapper.row .btn::after{padding:8px 0;}.landing-page-wrapper ul{list-style:none;}.landing-page-wrapper ul:not(.default,.circle){list-style:disc;}.page-wrapper.single-wrapper.landing-page-wrapper.row,.row.service-areas-wrapper{padding:5vh 5vw;}  .slide-out-wrapper{position:fixed;top:18vh;right:0;width:min(420px,90vw);padding:38px 36px 34px;background:#032139;border:none;border-left:5px solid #aed9fb;box-shadow:-18px 18px 55px rgba(0,0,0,.22);z-index:999;overflow:visible;transform:translateX(100%);transition:transform .6s cubic-bezier(.77,0,.18,1);} .slide-out-wrapper::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:#aed9fb;border:none;} .slide-out-wrapper::after{content:"";position:absolute;right:25px;bottom:20px;width:130px;height:130px;border:22px solid rgba(255,255,255,.025);border-radius:50%;pointer-events:none;} .slide-out-wrapper.active{transform:translateX(0);} .slide-out-content{position:relative;z-index:2;} .slide-out-content span.form-title{display:block;position:relative;margin:0 0 28px;padding:0 0 20px;font-family:'Alike Angular',serif;font-size:1.65em;font-weight:400;line-height:1.15;letter-spacing:-.02em;text-transform:uppercase;color:#FFFFFF;} .slide-out-content span.form-title::before{content:"GET IN TOUCH";display:block;margin-bottom:8px;font-family:'DM Sans',sans-serif;font-size:.42em;font-weight:600;line-height:1;letter-spacing:.18em;color:rgba(255,255,255,.55);} .slide-out-content span.form-title::after{content:"";position:absolute;left:0;bottom:0;width:55px;height:3px;background:#FFFFFF;} .slide-out-form form{margin:0;} .slide-out-form label{display:block;margin:0 0 6px;font-family:'DM Sans',sans-serif;font-size:.8em;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.8);} input.slideOutInput[type="text"]{width:100%;height:auto;margin:0 0 10px;padding:13px 15px;font-family:'DM Sans',sans-serif;font-size:.9em;font-weight:400;line-height:1.4;color:#252525;background:#FFFFFF;border:1px solid rgba(255,255,255,.2);border-radius:3px;box-shadow:none;transition:border-color .25s ease,box-shadow .25s ease;} input.slideOutInput[type="text"]:focus{border-color:#aed9fb;box-shadow:0 0 0 3px rgba(255,255,255,.08);outline:none;} .slide-out-form input[type="text"]::placeholder,.slide-out-form .contactForm textarea::placeholder{color:#777;} .slide-out-form .contactForm textarea{width:100%;height:100px;margin:0 0 10px;padding:13px 15px;font-family:'DM Sans',sans-serif;font-size:.9em;font-weight:400;line-height:1.4;color:#252525;background:#FFFFFF;border:1px solid rgba(255,255,255,.2);border-radius:3px;box-shadow:none;resize:vertical;transition:border-color .25s ease,box-shadow .25s ease;} .slide-out-form .contactForm textarea:focus{border-color:#aed9fb;box-shadow:0 0 0 3px rgba(255,255,255,.08);outline:none;} .slide-out-form .contactForm .captchaWrapper{display:flex;align-items:center;min-height:48px;margin:2px 0 12px;padding:6px 10px;overflow:hidden;font-family:'DM Sans',sans-serif;font-size:.82em;font-weight:400;line-height:1.4;color:#252525;background:#FFFFFF;border:none;border-radius:3px;box-shadow:none !important;} .slide-out-form .contactForm .captchaWrapper input{flex:1;width:auto;min-width:0;margin:0 8px;padding:5px;font-family:'DM Sans',sans-serif;font-size:.85em;color:#252525;background:transparent;border:none;border-bottom:1px solid #ccc;box-shadow:none;} .slide-out-form .contactForm .captchaWrapper img#captchaImage{max-height:35px;width:auto;filter:none;} .slide-out-form .contactForm .captchaRefresh{max-width:25px;margin-left:4px;vertical-align:middle;} .slide-out-form .contactForm .submitWrapper{margin-top:14px;text-align:left;} .slide-out-form .submitWrapper button{position:relative;width:100%;margin:0;padding:15px 20px;overflow:hidden;cursor:pointer;font-family:'Alike Angular',serif;font-size:.85em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#062843;background:#aed9fb;border:none;transition:color .3s ease,background .3s ease;} .slide-out-form .submitWrapper button:hover{color:#282626;background:#aed9fb;} .slide-out-wrapper span.form-toggle{position:absolute;top:50%;left:-58px;width:58px;height:125px;padding:0;color:#FFFFFF;background:#032139;border:none;box-shadow:-8px 5px 20px rgba(0,0,0,.18);cursor:pointer;transform:translateY(-50%);transition:background .3s ease;} .slide-out-wrapper span.form-toggle::before{content:"FREE QUOTE";position:absolute;top:50%;left:50%;font-family:'Alike Angular',serif;font-size:.72em;font-weight:700;line-height:1;letter-spacing:.08em;white-space:nowrap;transform:translate(-50%,-50%) rotate(-90deg);} .slide-out-wrapper span.form-toggle:hover{background:#aed9fb;color:#282626;} span.toggle-holder{display:none;} .slide-out-wrapper.active span.form-toggle::before{content:"CLOSE";}   .strip-margin{margin:0;}.top-space{margin-top:6vh;}.left-buffer{padding-left:7.5vw;}.right-buffer{padding-right:7.5vw;}.small-buffer{padding-left:35px;padding-right:35px;}.strip-padding{padding-left:0 !important;padding-right:0 !important;}.vertical-padding-xs{padding-top:2.5vh;padding-bottom:2.5vh;}.top-padding-xs{padding-top:2.5vh;}.bottom-padding-xs{padding-bottom:2.5vh;}.vertical-padding-small{padding-top:5vh;padding-bottom:5vh;}.top-padding-small{padding-top:5vh;}.bottom-padding-small{padding-bottom:5vh;}.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:10vh;padding-bottom:10vh;}.top-padding-large{padding-top:10vh;}.bottom-padding-large{padding-bottom:10vh;}.vertical-padding-x-large{padding-top:20vh;padding-bottom:20vh;}.top-padding-x-large{padding-top:20vh;}.bottom-padding-x-large{padding-bottom:20vh;}  main div p:last-of-type{margin-bottom:0;} main div p:not(:last-child){margin-bottom:25px;} main div h1:first-of-type,main div h2:first-of-type,main div h3:first-of-type,main div h4:first-of-type{margin-top:0;}  @media only screen and (min-width:1025px) and (max-width:1680px){.cta-buttons .btn{min-width:175px;}.cta-buttons .btn:after{right:10%;}.home-animation{top:2vh;}.company-details p.title,.company-details p.title a{font-size:1.3em;}} @media only screen and (min-width:1025px) and (max-width:1440px){.row.small{max-width:50vw;}.row.medium{max-width:65vw;}.located-in p{letter-spacing:0;font-size:.7em;}.home-animation{top:3.2vh;}.slider-content{top:20%;}.svc-box:before{width:100%;height:85%;}.svc-box:after{width:100%;height:65%;}.top-bar-section li:not(.has-form) a:not(.button){font-size:14px;}.cta-btn{font-size:1.5em;}.bg-text-box{padding-left:7.4vw;}.company-details p{font-size:0.8em;}.badge-parent{margin-bottom:10vh;}.badge-holder{padding:10vh 0;}.badge-holder img{width:75%;}.intro{padding:10vh 10vw;}.textbox-full.svc{padding:10vh 0;}.top-padding-large{padding-top:10vh;}.vertical-padding-large{padding-top:10vh;padding-bottom:10vh;}.bottom-padding-large{padding-bottom:10vh;}.stamp-parent{grid-template-columns:1fr 1fr;}.guardian-footer .content-holder p{font-size:.9em;}} @media only screen and (min-width:1025px) and (max-width:1366px){.logo-wrapper img#desktop{max-width:75px;}.intro-text{background-position:110% 50%;}p,ul.default,ul.special{font-size:1em;}.exit-text-content h2{font-size:1.8em;}.cta-row h2{font-size:2.6em;}.footer-cta p{font-size:4em;}.cta-wrapper h2{font-size:2em;}} @media only screen and (min-width:1025px) and (max-width:1280px){.footer-parent{padding:9vh 10vw;}.intro-text{background-position:120% 50%;}.header-btn{font-size:0.9em;justify-content:center;white-space:nowrap;}.header-btn span .fa{width:30px;height:30px;}.company-details p{font-size:0.7em;}.header-row{padding:0 2vw;}.home-bg1-text p{font-size:1em;}.located-in p{line-height:1.25;}.cta-btn{min-width:16vw;}.tagline p{font-size:0.6em;}.home-animation{top:4vh;}.separator{margin:10vh 0 0 0;}.cta-buttons .btn{min-width:150px;}.slider-content p{margin:0 0 2vh 0;}.guardian-location,.guardian-phone{gap:10px;}.guardian-footer-grid{grid-template-columns:1fr 1fr 1fr 1fr;}.guardian-footer .content-holder p{font-size:.8em;}} @media only screen and (max-width:1180px){.navigation-wrapper.mobile-hide .top-bar-section li:not(.has-form) a:not(.button){font-size:0.7em;}.header-details{min-width:30%;}.guardian-footer .content-holder p{font-size:.7em;}.hero-content-wrap{width:min(850px,65vw);}} @media screen and (min-width:1024px) and (max-width:1100px) and (orientation:portrait){.navigation-wrapper.mobile-hide .top-bar-section li:not(.has-form) a:not(.button){font-size:0.6em;}.header-row{justify-content:center;flex-direction:column;text-align:center;align-items:center;gap:20px;}.guardian-header-info{display:flex;align-items:center;margin-left:initial;}.header-details{padding:0;margin:initial;justify-content:center;}} @media only screen and (max-width:1024px){.fullwidth-navigation .top-bar-section .dropdown .back,.fullwidth-navigation .top-bar-section .dropdown li.back,.fullwidth-navigation .top-bar-section .dropdown .title.back,.fullwidth-navigation .top-bar-section .dropdown li.title.back,.fullwidth-navigation .top-bar-section .dropdown .js-generated.back,.fullwidth-navigation .top-bar-section .dropdown li.js-generated.back{display:block !important;width:100%;} .fullwidth-navigation .top-bar-section .dropdown .back > a,.fullwidth-navigation .top-bar-section .dropdown li.back > a,.fullwidth-navigation .top-bar-section .dropdown .title.back a,.fullwidth-navigation .top-bar-section .dropdown li.title.back a{display:block;width:100%;padding:0 5vw !important;line-height:50px !important;text-align:center;color:#FFFFFF;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.12);}} @media only screen and (max-width:1024px){.cta-separator{display:none;}.cta-wrapper h2{font-size:1.75em;}.inner-content-columns,.inner-content-columns.two-cols{grid-template-columns:1fr;}.row.small{max-width:100vw;}.row.medium{max-width:100vw;}.textbox-full.svc{padding:6vh 5vw;text-align:center;}.disclaimer-holder{padding:6vh 0;}.footer-cta{display:none;}.textbox-left{padding:0;}.textbox-right{padding-top:0;padding-bottom:6vh;}.textbox-lightgrey{padding:6vh 5vw;}.textbox-grey{padding:6vh 5vw;}.textbox-outline{border:none;padding:6vh 5vw 2vh;}.textbox-full{text-align:center;padding:5vh 12vw;}.faq-page .textbox-full{text-align:center;padding:0 12vw;}.badge-holder img{margin:2vh 2vw;max-width:35vw;}.grey-bg .textbox-left{padding-top:5vh;padding-bottom:5vh;}.stamp-parent{margin:0 auto;grid-template-columns:1fr;width:80%;}.stamp{background:#efefef;}.to-top{text-align:center;padding:2vh 0 10vh 0;}.to-top a{position:relative;display:inline-block;width:50px;height:50px;border-radius:50px;background:#252525;box-sizing:unset;}.to-top a span{position:absolute;top:0;left:calc(50% - 7.25px);width:15px;height:15px;border-top:5px solid #FFFFFF;border-left:5px solid #FFFFFF;transform:rotate(45deg) translate(3px,3px);animation:scroll-two 1.5s linear alternate infinite;}@keyframes scroll-two{0%{top:20%;} 100%{top:calc(80% - 20px);}}.mobile-strip-padding-top{padding-top:initial;}.mobile-strip-padding-right{padding-right:0 !important;}.mobile-strip-padding-bottom{padding-bottom:0 !important;}.mobile-strip-padding-left{padding-left:0 !important;}ul.default,ol.default{margin-left:0;display:inline-block;}ul.special{margin-left:0;display:inline-block;}ul.default li,ul.special li,ol.default li{text-align:left;}ul.default.columns,ul.special.columns,ul.default.columns.end,ul.special.columns.end{padding:0;float:none;display:inline-block;max-width:45%;margin:0;}ul.default li::before,ul.special li::before{margin:0 10px 0 0;}.svc-page .intro-text{padding:2vh 5vw;background:none;}.svc-box-parent,.faq-box-parent{grid-template-columns:1fr;}.svc-box,.faq-box{max-width:90%;margin:0 auto;text-align:center;}.svc-box .btn{margin:auto auto 0 auto;max-width:180px;}.svc-box:nth-child(2n){background:#efefef;}.svc-box:nth-child(2n+1){background:none;}.push-1{left:initial;}.pull-1{right:initial;}.mobile-sticky-cta .btn{min-width:30vw;margin:0 5px;background:#062843;color:#FFFFFF;border:1px solid #FFFFFF;}.mobile-sticky-cta .btn.alt{background:#062843;}.mobile-sticky-cta .btn:before{border-color:#FFFFFF;}.row.full.home-padding-1{padding:0;}.row.full{padding-left:0;padding-right:0;}.row.mobile-full{max-width:100vw;}.home-bg1{min-height:65vh;order:2;}.home-bg2,home-bg3{display:none;}.about-bg1{min-height:50vh;order:2;background-position:50% 25%;}  .commercial-roofer{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/commercial-roofer.jpg);min-height:50vh;margin:0;order:2;}.emergency-roof-repair{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/emergency-roof-repair.jpg);min-height:50vh;margin:0;order:2;}.hail-and-storm-damage-roof-repair{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/hail-and-storm-damage-roof-repair.jpg);min-height:50vh;margin:0;order:2;}.residential-roofer{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/residential-roofer.jpg);min-height:50vh;margin:0;order:2;}.roof-inspection{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roof-inspection.jpg);min-height:50vh;margin:0;order:2;}.roof-leak-repair{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roof-leak-repair.jpg);min-height:50vh;margin:0;order:2;}.roof-maintenance{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roof-maintenance.jpg);min-height:50vh;margin:0;order:2;}.roof-repair{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roof-repair.jpg);min-height:50vh;margin:0;order:2;}.roof-restoration{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roof-restoration.jpg);min-height:50vh;margin:0;order:2;}.roof-waterproofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roof-waterproofing.jpg);min-height:50vh;margin:0;order:2;}.roofer{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roofer.jpg);min-height:50vh;margin:0;order:2;}.roofing-company{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roofing-company.jpg);min-height:50vh;margin:0;order:2;}.roofing-services{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/roofing-services.jpg);min-height:50vh;margin:0;order:2;}.soffit-installation{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/soffit-installation.jpg);min-height:50vh;margin:0;order:2;}.corrugated-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/corrugated-roofing.jpg);min-height:50vh;margin:0;order:2;}.epdm-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/epdm-roofing.jpg);min-height:50vh;margin:0;order:2;}.flat-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/flat-roofing.jpg);min-height:50vh;margin:0;order:2;}.gable-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/gable-roofing.jpg);min-height:50vh;margin:0;order:2;}.green-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/green-roofing.jpg);min-height:50vh;margin:0;order:2;}.hip-roof{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/hip-roof.jpg);min-height:50vh;margin:0;order:2;}.metal-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/metal-roofing.jpg);min-height:50vh;margin:0;order:2;}.modified-bitumen-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/modified-bitumen-roofing.jpg);min-height:50vh;margin:0;order:2;}.rubber-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/rubber-roofing.jpg);min-height:50vh;margin:0;order:2;}.shingle-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/shingle-roofing.jpg);min-height:50vh;margin:0;order:2;}.slate-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/slate-roofing.jpg);min-height:50vh;margin:0;order:2;}.tar-and-gravel-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/tar-and-gravel-roofing.jpg);min-height:50vh;margin:0;order:2;}.tile-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/tile-roofing.jpg);min-height:50vh;margin:0;order:2;}.tpo-roofing{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/tpo-roofing.jpg);min-height:50vh;margin:0;order:2;}.chimney-inspection{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/chimney-inspection.jpg);min-height:50vh;margin:0;order:2;}.chimney-repair{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/chimney-repair.jpg);min-height:50vh;margin:0;order:2;}.chimney-sweeping{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/chimney-sweeping.jpg);min-height:50vh;margin:0;order:2;}.gutter-cleaning{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/gutter-cleaning.jpg);min-height:50vh;margin:0;order:2;}.gutter-installation{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/gutter-installation.jpg);min-height:50vh;margin:0;order:2;}.siding{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/siding.jpg);min-height:50vh;margin:0;order:2;}.siding-installation{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/siding-installation.jpg);min-height:50vh;margin:0;order:2;}.siding-repair{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/siding-repair.jpg);min-height:50vh;margin:0;order:2;}.siding-replacement{background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/service-images/siding-replacement.jpg);min-height:50vh;margin:0;order:2;}  .svc .exit-text-content{max-width:unset;background:none;padding:5vh 10vw;}main .columns{padding-left:5vw;padding-right:5vw;text-align:center;}.header-wrapper{position:relative;}.header-wrapper::after{content:" ";display:block;width:100%;height:35vh;background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/mobile-images/m-home1.jpg);}.header-wrapper.header-inner{border:none;height:auto;}.header-wrapper.header-inner::after{content:" ";display:block;width:100%;height:25vh;background:center bottom / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/mobile-images/m-home01.jpg);}.floating-header{position:relative;}.floating-header:after{height:25vh;}.header-row{display:block;padding:5vh 0;min-height:auto;border:none;}.logo-wrapper{display:block;width:100%;max-width:unset;text-align:center;margin-bottom:0;padding:0;}.logo-wrapper img#mobile{display:inline-block;max-width:12%;margin:0 0 15px 0;}.logo-wrapper img#desktop{display:none;}.company-details{display:block;width:100%;max-width:unset;padding:0 10px;text-align:center;}.company-details p.title,.company-details p.title a{margin-bottom:10px;line-height:40px;}.company-details p{font-size:22px;}.hero-buttons{padding:0;text-align:center;}.hero-buttons .cta-btn{padding:1.5vh 1.5vw;}.tagline{display:none;}.badge-parent{background:#062843;}.badge-holder{padding:6vh 0;}.badge-holder:before{top:-3vh;left:calc(50% - 5vw);width:10vw;height:8vh;}.badge-holder:after{top:unset;bottom:-3vh;left:calc(50% - 5vw);width:10vw;height:8vh;}.mobile-navigation{display:block;right:30px;position:absolute;text-transform:uppercase;top:30px;vertical-align:middle;width:auto;height:24px;z-index:999;cursor:pointer;}i.toggle-bars{display:inline-block;position:relative;color:#FFFFFF;width:37px;height:7px;}i.toggle-bars::before{content:" ";width:50px;height:8px;border-top:2px solid #FFFFFF;position:absolute;bottom:6px;right:0;}i.toggle-bars::after{content:" ";width:25px;height:2px;background:#FFFFFF;position:absolute;top:0;right:0;}i.toggle-bars.close{width:45px;height:45px;background:none;border-radius:35px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}i.toggle-bars.close::after{background:#FFFFFF;top:calc(50% - 1px);left:calc(50% - 13px);width:26px;}i.toggle-bars.close::before{background:#FFFFFF;width:2px;height:26px;left:calc(50% - 1px);top:calc(50% - 13px);border:none;}.fullwidth-navigation{background:#032139;position:absolute;top:0;z-index:997;width:100%;display:none;}.fullwidth-navigation .top-bar{padding:0;display:block;height:auto;background:none;}.fullwidth-navigation .top-bar-section ul:not(.dropdown){padding-top:25%;}.fullwidth-navigation .title-area{display:none !important;}.top-bar-section{background:transparent;margin-bottom:10%;}.fullwidth-navigation .top-bar-section ul{position:relative;right:0;width:100%;z-index:997;padding-top:25%;}.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){color:#FFFFFF;line-height:50px;text-align:center;padding:0 !important;font-size:20px !important;}.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{color:#FFFFFF;background:none;padding:0;line-height:50px !important;font-size:20px !important;}.top-bar-section .dropdown li{width:100%;}.top-bar-section li.active{background:none;}.top-bar-section .dropdown li:not(.has-form) a:not(.button){color:#FFFFFF;font-weight:normal;line-height:50px;font-size:20px !important;}.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:none;color:#FFFFFF;line-height:50px;border-bottom:4px solid #062843;}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown{box-shadow:none;left:100%;border-radius:0;padding-bottom:40px;padding-top:15%;background:#032139;}.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;border-bottom:4px solid transparent;}.top-bar-section .has-dropdown>a:after{right:-20%;margin:0;border:none;top:26px;font-size:0.8em;color:#062843;transform:rotate(270deg);}.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;}.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;}.mobile-hide{display:none;}.intro{padding:6vh 10vw;}.intro .grid{grid-template-columns:1fr;text-align:center;}.intro .curly-brace{display:none;}.intro-text{padding:5vh 0 0 0;transform:none;background:none;}.intro-text::after{display:block;background-position:100% 50%;background-repeat:no-repeat;height:45vh;background-size:contain;}.intro-text h2,.intro-text h3,.intro-text p{padding:0 5vw 0 5vw;}.intro-text p:last-of-type{padding-bottom:8vh;}.intro-text.inner{padding:0 5vw;}.intro-text .cta-btn-wrapper{display:none;}.intro-bg-wrapper{height:400px !important;}.intro-bg{max-width:none;}.intro-bg::before,.intro-bg::after{display:none;}.intro-about{padding:5vh 0 0 0;transform:none;background:none;}.intro-about::after{display:block;background-position:50% 50%;background-repeat:no-repeat;height:45vh;background-size:cover;}.intro-about p:last-of-type{padding-bottom:8vh;}.intro-inner{padding:5vh 5vw;}.exit-text{padding:0;background:none;}.exit-text-picture{display:none;}.exit-text-content{float:unset;width:100vw;padding:5vh 10vw;text-align:center;}.exit-text.abt{background:none;padding:0;}.bg-row{padding-top:0;}.bg-text-box{background:#051521;width:100%;margin-left:0;padding:5vh 10vw;text-align:center;}.cta-wrapper{margin-top:0;}.cta-text-holder{padding:6vh 5vw;}.cta-btn{min-width:25vw;margin:0 1.5vw 2vh 0;}.cta-row{padding:0;}.cta-row p.bold{margin-bottom:0;}.cta-text{padding-top:2vh;padding-bottom:2vh;}.cta-text h2{font-size:48px;}.cta-bg-holder{height:auto !important;}ul.icon-list li{padding:0;}ul.icon-list li::before{display:none;}.footer-wrapper{padding:0;margin:0;}.footer-parent{padding:6vh 15vw;}.footer-row{padding-bottom:0;text-align:center;}.footer-row .columns{margin-bottom:25px;}.footer-box-holder{padding:0;}.footer-box{display:grid;grid-template-columns:1fr;grid-gap:4vh;column-gap:0;}.footer-box .content-holder:nth-of-type(-n+4) h2{margin-top:0;}  .footer-address,.footer-social{text-align:center;border:none;}.footer-address{padding:0;}.footer-payment{padding:0;text-align:center;}.footer-payment:before{display:none;}.footer-payment span{display:inline-block;}svg.payment-icon.transparent{margin:0 1.5vw 2vh;height:35px;max-width:70px;}.footer-social{padding-top:0;padding-bottom:0;}.footer-social a:not(:last-of-type){margin-right:2vw;}.footer-logo{text-align:center;}.disclaimer{text-align:center;}.flexed{display:flex;flex-direction:column;}.reset-offset{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}.reset-spacer{margin:0;}.mobile-sticky-cta{display:block;position:fixed;bottom:30px;left:0;width:100%;text-align:center;z-index:999;}.mobile-sticky-cta a.slider-btn{font-size:1em;padding:10px 20px;min-width:165px;}.mobile-sticky-cta a.slider-btn:after{content:none;}.mobile-sticky-cta img{background:#FFFFFF;padding:0 10px;filter:invert(1);max-height:60px;}.badge-parent img{max-width:45vw;}.mobile-strip-padding-top{padding-top:0;}.mobile-strip-padding-bottom{padding-bottom:0;}.inner-page.svc article > div:first-of-type{padding-bottom:0;}  .page-wrapper.single-wrapper.landing-page-wrapper.row,.row.service-areas-wrapper{text-align:center;}.fullwidth-navigation{display:none;} #ae_launcher{bottom:80px !Important;left:10px !important;right:initial !important;}ul.disc{list-style-position:inside;}.guardian-badges{grid-template-columns:repeat(3,1fr);}.guardian-badge-wide{grid-column:span 2;} .roof-replacement-row{min-height:auto;} .roof-replacement-content{padding:7vh 8vw;text-align:center;align-items:center;} .section-eyebrow{padding-left:0;} .section-eyebrow::before{display:none;} .roof-replacement-content h2,.roof-replacement-content p{max-width:800px;}.roof-replacement-btn{align-self:center;}.guardian-footer-main{padding:7vh 6vw;} .guardian-footer-grid{grid-template-columns:repeat(1,1fr);gap:45px 4vw;align-items:start;} .guardian-footer-brand{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;padding-right:0;text-align:center;} .guardian-footer-logo{margin-bottom:20px;} .guardian-footer-logo img{max-width:230px;} .guardian-footer-tagline{max-width:600px;margin:0 auto 25px;text-align:center;} .guardian-socials{justify-content:center;} .guardian-footer-grid .content-holder:not(.guardian-footer-brand){text-align:center;}.guardian-footer-grid .content-holder:not(.guardian-footer-brand) h2::after{left:50%;transform:translateX(-50%);}.guardian-footer-grid .content-holder:not(.guardian-footer-brand) p{text-align:center;}.guardian-payments{text-align:center;}.guardian-logo-wrapper a{display:flex;align-items:center;justify-content:center;}h1,h1 a,.like-h1{font-size:2.1em;}.guardian-badge{min-height:250px;overflow:visible;flex-direction:column;gap:30px;text-align:center;justify-content:space-around;align-items:center;padding:1vw;}.guardian-badge::after ,.guardian-footer::before,.guardian-footer .to-top a,.guardian-badge::before{display:none;}svg.payment-icon{float:none;}} @media only screen and (max-width:768px){.intro-inner h1,.intro-inner h2,.intro-inner h3,.intro-inner p{line-height:1.25;}.landing-page-button-wrapper a{min-width:70vw;}.cta-row h2{max-width:initial;}.stamp-parent{grid-template-columns:1fr;}.stamp-heading h2{font-size:2em;}.stamp{padding:3em 3em;}.stamp img{margin-bottom:0;max-height:100px;}i.toggle-bars::before{width:35px;bottom:5px;}i.toggle-bars::after{width:20px;}h1,h2,.cta-row h2,.exit-text-content h2,.exit-text-content h3,.svc-box h2{font-size:2em;}.svc-box h2{font-size:1.75em;}.mobile-navigation{right:20px;top:25px;vertical-align:middle;}.textbox-right{padding:0 12vw 5vh 5vw;}.badge-holder img{max-width:50vw;}ul.default.columns,ul.special.columns,ul.default.columns.end,ul.special.columns.end{max-width:80%;}.mobile-sticky-cta .btn{min-width:45vw;font-size:0.8em;padding:15px 0;margin:0;}ul.default,ul.special{padding:0 5vw;margin:0;}.svc-box:before{clip-path:polygon(100% 0,0.8% 0.5%,0 100%,0 0);}.svc-box:after{clip-path:polygon(100% 0,100% 100%,0 100%,99.2% 99.5%);}.logo-wrapper img#mobile{max-width:20%;}i.toggle-bars.close{width:40px;height:40px;}i.toggle-bars.close::before{height:20px;top:calc(50% - 10px);}i.toggle-bars.close::after{width:20px;left:calc(50% - 10px);}.footer-address p{font-size:1em;line-height:2em;}.footer-hours p{font-size:24px;}.guardian-badges{grid-template-columns:1fr;gap:16px;}.guardian-badge,.guardian-badge-wide{grid-column:span 1;}.guardian-badge{min-height:110px;padding:22px 20px;border:none;}.guardian-badge-icon{flex-basis:58px;width:58px;height:58px;margin-right:18px;}.guardian-badge-icon i{font-size:1.25em;}.guardian-badge strong{font-size:1em;}.slide-out-wrapper{display:none;}.roof-replacement-content{padding:6vh 5vw;}.roof-replacement-content h2{font-size:2em;}.roof-materials{grid-template-columns:1fr;width:100%;max-width:420px;}.guardian-footer-main{padding:6vh 8vw;}.guardian-footer-grid{grid-template-columns:1fr;gap:40px;text-align:center;} .guardian-footer-grid .content-holder{text-align:center;} .guardian-footer-brand{padding-right:0;} .guardian-footer-tagline{margin-left:auto;margin-right:auto;} .guardian-footer .content-holder h2::after{left:50%;transform:translateX(-50%);} .guardian-socials{justify-content:center;} .guardian-footer-bottom{padding:25px 6vw 75px;} .guardian-footer-bottom .footer-logo{flex-direction:column;gap:8px;}.guardian-footer .to-top{right:50%;bottom:15px;transform:translateX(50%);}.guardian-badges{grid-template-columns:repeat(1,1fr);}.stamp{align-items:center;text-align:center;}.cta-wrapper > .columns{padding:6vw;}.cta-wrapper .cta-buttons{flex-direction:column;}} @media only screen and (max-width:500px){.header-wrapper{}.header-wrapper::after{height:20vh;background:center / cover no-repeat url(https://guardianroofingne.com/wp-content/themes/rfr6/images/mobile-images/m-home1-p.jpg);}.header-row{min-height:auto;padding-bottom:2.5vh;}.company-details p.title,.company-details p.title a{font-size:25px;line-height:35px;}.company-details p{font-size:1em;}.contactForm .captchaWrapper:not(.slideOut) img{max-width:40%;}.contactForm .captchaWrapper input{margin-top:0;}.home-bg1-text,.home-bg3-text{padding:3vh 5vw 4vh 5vw;}.home-bg1-text p,.home-bg3-text p{font-size:0.9em;}.btn{min-width:225px;}h1,h1 a,.like-h1{font-size:2em;}h1,h2,.intro h1,.intro h2,.cta-text h2,.cta-row h2,.exit-text-content h2,.exit-text-content h3,.svc-box h2,.like-h1,.like-h2{font-size:2em;margin:15px 0;line-height:normal;}.svc-box h2{font-size:1.75em;margin:0;}h3{font-size:1.5em;margin:15px 0;}p{font-size:1em;line-height:1.5;}ul{font-size:1em;line-height:1.5 !important;}.smaller-heading{font-size:1.8em;}.vertical-padding-medium,.vertical-padding-small{padding-top:5vh;padding-bottom:5vh;}.contactForm .captchaWrapper:not(.slideOut) img{max-width:40%;}.contactForm .captchaWrapper input{margin-top:15px;}.cta-buttons .cta-btn{margin:0 auto 10px !important;display:block;max-width:200px;}.badge-holder .columns{padding-left:10vw;padding-right:10vw;}.cta-wrapper{margin-top:0;}.footer-social a:not(:last-of-type){margin-right:10vw;}main .columns{padding-left:5vw;padding-right:5vw;}.badge-parent img{max-width:55vw;}.stamp{padding:1.5em 1.5em;}} @media only screen and (max-width:355px){main .columns,.bg-text-box{padding-left:5vw;padding-right:5vw;}} @media only screen and (min-width:1025px){.navigation-wrapper.mobile-hide .top-bar-section .dropdown li.active > a:not(.button),.navigation-wrapper.mobile-hide .top-bar-section .dropdown li.active > a:not(.button):hover,.navigation-wrapper.mobile-hide .top-bar-section .dropdown li.active:hover > a:not(.button){padding:10px 16px 10px 42px;line-height:1.25;color:%COLOR2%;background:%LIGHTGREY%;border:none;} .navigation-wrapper.mobile-hide .top-bar-section .dropdown li.active > a:not(.button)::before,.navigation-wrapper.mobile-hide .top-bar-section .dropdown li.active > a:not(.button):hover::before,.navigation-wrapper.mobile-hide .top-bar-section .dropdown li.active:hover > a:not(.button)::before{left:16px;width:8px;height:8px;background:%COLOR1%;border-radius:50%;clip-path:none;transform:translateY(-50%) scale(1.35);} .navigation-wrapper.mobile-hide .top-bar-section > ul > li.active.has-dropdown > a:not(.button),.navigation-wrapper.mobile-hide .top-bar-section > ul > li.active.has-dropdown:hover > a:not(.button){color:%WHITE%;background:rgba(255,255,255,.06);border:none;} .navigation-wrapper.mobile-hide .top-bar-section > ul > li.active.has-dropdown > a:not(.button)::before,.navigation-wrapper.mobile-hide .top-bar-section > ul > li.active.has-dropdown:hover > a:not(.button)::before{width:calc(100% - 2.6vw);height:3px;bottom:0;left:50%;background:%WHITE%;border-radius:0;clip-path:none;transform:translateX(-50%);}}