/* Client identity from the supplied leaflet; layout retained. */
body{--yellow:#0076bd;--accent:#0076bd;color:#171717}
body header,body.home-reference header{background:#f7f9fb}
body header .brand,body.home-reference header .brand{padding:0;margin:0;min-height:0;min-width:0;width:245px;flex:0 0 245px;display:block}
body header .brand::before,body.home-reference header .brand::before{display:none}
body header .client-logo{display:block;width:100%;height:auto}
body header .wrap.nav,body.home-reference header .wrap.nav{height:136px;gap:40px}
body .topbar>.wrap,body.home-reference .topbar>.wrap{padding-left:0}
body .topbar{background:#111}
body .topbar a>span,body .topbar a>b,body.home-reference .topbar a>span,body.home-reference .topbar a>b{color:#35b7f0}
body .global-footer .footer-logo{width:260px;max-width:100%;display:block}
body .global-footer .footer-logo img{width:100%;height:auto}
body .global-footer .footer-lower p>span,body .global-footer a:hover,body .global-footer .footer-to-top{color:#35b7f0}
body .global-footer .footer-contact-column svg{stroke:#35b7f0}
body .global-footer .footer-upper{background:linear-gradient(#111111eb,#111111ed),url("../images/recent-work-01.jpg") center/cover}
body .global-footer .footer-lower{background:#080808}
body.home-reference .service-feature{background:#171717}
body.home-reference .elk-hero .eyebrow{color:#f1f7fb}
body.home-reference .elk-hero h1{max-width:900px}
@media(min-width:901px) and (max-width:1150px){body header .brand,body.home-reference header .brand{width:205px;flex-basis:205px}body header .wrap.nav,body.home-reference header .wrap.nav{gap:25px;height:115px}}
@media(max-width:900px){body header .wrap.nav,body.home-reference header .wrap.nav{height:auto;min-height:105px;gap:15px;padding-block:12px}body header .brand,body.home-reference header .brand{width:205px;flex-basis:205px}body header .menu-toggle{font-family:Poppins,Arial,sans-serif;font-size:12px}}
@media(max-width:380px){body header .brand,body.home-reference header .brand{width:175px;flex-basis:175px}body header .wrap.nav,body.home-reference header .wrap.nav{gap:8px}}

body .form-grid .photo-field{gap:9px}body .form-grid input[type=file]{display:block;width:100%;max-width:100%;min-width:0;background:#f5f7f9;border:1px dashed #b5cbd9;border-radius:7px;padding:12px;font-family:inherit;font-size:12px;color:#555;height:auto}body .form-grid input[type=file]::file-selector-button{border:0;background:#0076bd;color:#fff;border-radius:5px;padding:9px 12px;margin-right:12px;font:inherit;cursor:pointer}body .form-grid .photo-help{display:block;font-size:11px;line-height:1.6;color:#666;font-weight:400}

.enquiry-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
#enquiry-form [type=submit]:disabled{opacity:.65;cursor:wait}
#form-result[data-state=error]{border-left:4px solid #0076bd;background:#fff1f1;color:#721416;padding:16px}
#form-result[data-state=success]{border-left:4px solid #297b43;background:#eff9f1;color:#205f34;padding:16px}

/* Continuous services and reassurance panel. */
body.home-reference .service-feature{background:#171717;padding-bottom:35px}
body.home-reference .roof-promise{background:#171717;border-top:0;padding-top:0}
body.home-reference .roof-promise-grid article{border-top:0;padding-top:24px}
@media(max-width:700px){body.home-reference .service-feature{padding-bottom:20px}}

/* Blue and silver client identity. Original supplied artwork is framed without alteration. */
body header,body.home-reference header{background:#000;color:#fff}
body header .brand,body.home-reference header .brand{position:relative;overflow:hidden;height:132px;background:#000}
body header .client-logo{position:absolute;max-width:none;width:150%;height:auto;left:50%;top:50%;transform:translate(-50%,-48%)}
body header #navigation>a,body header #services-toggle,body header .menu-toggle,body header .header-phone{color:#f3f6f9}
body header #navigation>a[aria-current=page],body.home-reference header #navigation>a[aria-current=page]{color:#35b7f0}
body header #navigation>a.nav-contact{color:#fff;background:#0076bd}
body header .menu-toggle{border-color:#66808f}
body header #service-menu{color:#172633}
body .global-footer .footer-logo{position:relative;overflow:hidden;height:145px;background:#000;border-radius:8px}
body .global-footer .footer-logo img{position:absolute;max-width:none;width:150%;height:auto;left:50%;top:50%;transform:translate(-50%,-48%)}
body .topbar{background:#08141e}
body .global-footer .footer-upper{background:linear-gradient(#07111aed,#07111af0),url("../images/recent-work-01.jpg") center/cover}
@media(max-width:900px){body header .brand,body.home-reference header .brand{height:106px}body header .wrap.nav,body.home-reference header .wrap.nav{padding-block:4px}body header #service-menu{background:#edf4f8}}
@media(max-width:380px){body header .brand,body.home-reference header .brand{height:92px}}