/*
Theme Name: Ziegler From Scratch V61
Theme URI: https://zieglerac.us/
Author: Ziegler Air Conditioning
Description: Fresh full rebuild of the approved Ziegler Air Conditioning Home, Services and About Us pages.
Version: 61.0.0
Text Domain: ziegler-v61
*/

*{box-sizing:border-box}
html,body{
    margin:0!important;
    padding:0!important;
    width:100%!important;
    background:#fff!important;
    overflow-x:hidden!important;
    font-family:Arial,Helvetica,sans-serif;
}
html{margin-top:0!important}
#wpadminbar{display:none!important}

.page-art{
    position:relative;
    width:100%;
    margin:0;
    padding:0;
    line-height:0;
}
.page-art > img{
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    margin:0;
    padding:0;
    border:0;
}
.hotspot{
    position:absolute;
    z-index:9999;
    display:block;
    background:transparent!important;
    color:transparent!important;
    text-indent:-9999px;
    overflow:hidden;
    text-decoration:none!important;
}
.sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}

/* HOME PAGE HOTSPOTS */
.home-home{left:32%;top:.8%;width:4.5%;height:6.5%}
.home-services{left:36.5%;top:.8%;width:6%;height:6.5%}
.home-about{left:42.5%;top:.8%;width:6.5%;height:6.5%}
.home-team{left:49%;top:.8%;width:6%;height:6.5%}
.home-activities{left:55%;top:.8%;width:6.5%;height:6.5%}
.home-commercial{left:61.5%;top:.8%;width:7.5%;height:6.5%}
.home-careers{left:69%;top:.8%;width:6%;height:6.5%}
.home-reviews{left:75%;top:.8%;width:6%;height:6.5%}
.home-contact{left:81%;top:.8%;width:6%;height:6.5%}
.home-phone{left:83%;top:0%;width:17%;height:9%}
.home-services-button{left:1.2%;top:82%;width:11.8%;height:4.7%}

/* SERVICES PAGE HOTSPOTS */
.svc-home{left:32%;top:.8%;width:4.5%;height:6.5%}
.svc-services{left:36.5%;top:.8%;width:6%;height:6.5%}
.svc-about{left:42.5%;top:.8%;width:6.5%;height:6.5%}
.svc-team{left:49%;top:.8%;width:6%;height:6.5%}
.svc-activities{left:55%;top:.8%;width:6.5%;height:6.5%}
.svc-commercial{left:61.5%;top:.8%;width:7.5%;height:6.5%}
.svc-careers{left:69%;top:.8%;width:6%;height:6.5%}
.svc-reviews{left:75%;top:.8%;width:6%;height:6.5%}
.svc-contact{left:81%;top:.8%;width:6%;height:6.5%}
.svc-phone{left:83%;top:0%;width:17%;height:9%}

/* ABOUT US — uses exact A header + approved body + exact B footer */
.about-home{left:31.0%;top:.3%;width:5.0%;height:10.2%}
.about-services{left:36.1%;top:.3%;width:6.7%;height:10.2%}
.about-about{left:42.7%;top:.3%;width:6.7%;height:10.2%}
.about-team{left:49.3%;top:.3%;width:6.3%;height:10.2%}
.about-activities{left:55.7%;top:.3%;width:6.6%;height:10.2%}
.about-commercial{left:62.1%;top:.3%;width:7.4%;height:10.2%}
.about-careers{left:69.3%;top:.3%;width:6.2%;height:10.2%}
.about-reviews{left:75.6%;top:.3%;width:6.1%;height:10.2%}
.about-contact{left:81.8%;top:.3%;width:5.9%;height:10.2%}
.about-phone{left:84.0%;top:0%;width:16.0%;height:10.7%}
.about-request{left:57.2%;top:84.6%;width:12.8%;height:5.0%}
.about-quote{left:72.8%;top:84.6%;width:14.0%;height:5.0%}
.about-footer-phone{left:0%;top:89.7%;width:27.3%;height:5.7%}






/* V21 — OUR TEAM PAGE — FULL HEIGHT APPROVED HEADER */
.home-meet-team{left:30.6%;top:64.2%;width:9.1%;height:3.0%}

/* Header navigation aligned to the full approved header */
.team-home{left:31.9%;top:0%;width:4.7%;height:10.849%}
.team-services{left:36.5%;top:0%;width:6.4%;height:10.849%}
.team-about{left:42.8%;top:0%;width:6.7%;height:10.849%}
.team-team{left:49.3%;top:0%;width:6.3%;height:10.849%}
.team-activities{left:55.6%;top:0%;width:6.6%;height:10.849%}
.team-commercial{left:62.1%;top:0%;width:7.4%;height:10.849%}
.team-careers{left:69.4%;top:0%;width:6.1%;height:10.849%}
.team-reviews{left:75.5%;top:0%;width:6.2%;height:10.849%}
.team-contact{left:81.7%;top:0%;width:6.0%;height:10.849%}
.team-phone{left:83.0%;top:0%;width:17.0%;height:10.849%}

/* Existing page CTA/footer hotspots shifted down by the taller header */
.team-request{left:58.0%;top:86.1%;width:13.3%;height:4.6%}
.team-quote{left:73.5%;top:86.1%;width:13.8%;height:4.6%}
.team-footer-phone{left:9.8%;top:91.0%;width:14.8%;height:4.6%}


/* V22 — COMMERCIAL PAGE — APPROVED WIDE WEBSITE LAYOUT */
.com-home{left:22.4%;top:.5%;width:4.0%;height:6.8%}
.com-services{left:27.0%;top:.5%;width:6.1%;height:6.8%}
.com-about{left:33.9%;top:.5%;width:5.9%;height:6.8%}
.com-team{left:40.4%;top:.5%;width:5.7%;height:6.8%}
.com-activities{left:46.9%;top:.5%;width:6.2%;height:6.8%}
.com-commercial{left:53.3%;top:.5%;width:7.5%;height:6.8%}
.com-careers{left:60.7%;top:.5%;width:5.7%;height:6.8%}
.com-reviews{left:66.8%;top:.5%;width:5.9%;height:6.8%}
.com-contact{left:73.3%;top:.5%;width:5.8%;height:6.8%}
.com-phone{left:81.0%;top:0%;width:19.0%;height:7.8%}

.com-request{left:61.3%;top:81.5%;width:13.0%;height:5.3%}
.com-quote{left:75.7%;top:81.5%;width:13.7%;height:5.3%}
.com-footer-phone{left:7.0%;top:88.1%;width:16.7%;height:6.0%}


/* V23 — CAREERS PAGE — APPROVED WIDE WEBSITE LAYOUT */
.car-home{left:21.5%;top:.5%;width:4.0%;height:6.8%}
.car-services{left:26.0%;top:.5%;width:6.0%;height:6.8%}
.car-about{left:32.8%;top:.5%;width:6.0%;height:6.8%}
.car-team{left:39.4%;top:.5%;width:5.7%;height:6.8%}
.car-activities{left:46.0%;top:.5%;width:6.0%;height:6.8%}
.car-commercial{left:52.5%;top:.5%;width:7.0%;height:6.8%}
.car-careers{left:59.8%;top:.5%;width:5.7%;height:6.8%}
.car-reviews{left:66.1%;top:.5%;width:5.7%;height:6.8%}
.car-contact{left:72.7%;top:.5%;width:5.8%;height:6.8%}
.car-phone{left:80.2%;top:0%;width:19.8%;height:7.8%}

.car-apply-left{left:6.0%;top:67.6%;width:14.5%;height:5.0%}
.car-apply-now{left:75.8%;top:79.3%;width:13.5%;height:5.0%}
.car-footer-phone{left:4.8%;top:86.2%;width:16.4%;height:6.2%}


/* V24 — REVIEWS PAGE — APPROVED WIDE WEBSITE LAYOUT */
.rev-home{left:22.0%;top:.5%;width:4.1%;height:6.8%}
.rev-services{left:26.6%;top:.5%;width:6.0%;height:6.8%}
.rev-about{left:33.2%;top:.5%;width:5.9%;height:6.8%}
.rev-team{left:39.4%;top:.5%;width:5.8%;height:6.8%}
.rev-activities{left:45.9%;top:.5%;width:6.1%;height:6.8%}
.rev-commercial{left:52.5%;top:.5%;width:7.2%;height:6.8%}
.rev-careers{left:59.9%;top:.5%;width:5.7%;height:6.8%}
.rev-reviews{left:66.2%;top:.5%;width:5.7%;height:6.8%}
.rev-contact{left:72.8%;top:.5%;width:5.8%;height:6.8%}
.rev-phone{left:80.1%;top:0%;width:19.9%;height:7.9%}

/* Review action + footer/CTA hotspots */
.rev-leave-review{left:67.7%;top:42.5%;width:13.0%;height:4.0%}
.rev-request{left:60.8%;top:80.7%;width:13.7%;height:5.2%}
.rev-quote{left:76.4%;top:80.7%;width:13.0%;height:5.2%}
.rev-footer-phone{left:6.2%;top:87.2%;width:16.5%;height:6.1%}

/* LIVE REVIEWS EMBED AREA
   When a reviews feed URL is entered in Customize > Ziegler Reviews,
   the live feed overlays the sample review-card area in the artwork. */
.live-reviews-wrap{
    position:absolute;
    left:9.2%;
    top:49.7%;
    width:81.2%;
    height:18.2%;
    z-index:30;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
}
.live-reviews-wrap iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
    background:#fff;
}
.live-reviews-message{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:24px;
    line-height:1.45;
    color:#0b2463;
    font-weight:700;
    background:#fff;
}


/* V25 — ACTIVITIES PAGE — APPROVED WIDE WEBSITE LAYOUT */
.act-home{left:21.5%;top:.5%;width:4.0%;height:6.8%}
.act-services{left:26.2%;top:.5%;width:6.0%;height:6.8%}
.act-about{left:33.2%;top:.5%;width:5.8%;height:6.8%}
.act-team{left:39.8%;top:.5%;width:5.8%;height:6.8%}
.act-activities{left:46.3%;top:.5%;width:6.2%;height:6.8%}
.act-commercial{left:53.0%;top:.5%;width:7.1%;height:6.8%}
.act-careers{left:60.5%;top:.5%;width:5.7%;height:6.8%}
.act-reviews{left:66.7%;top:.5%;width:5.8%;height:6.8%}
.act-contact{left:73.1%;top:.5%;width:5.8%;height:6.8%}
.act-phone{left:80.4%;top:0%;width:19.6%;height:7.8%}

.act-careers-button{left:77.0%;top:83.7%;width:14.8%;height:5.0%}
.act-footer-phone{left:4.0%;top:90.4%;width:18.0%;height:5.7%}


/* V26 — HOME PAGE ACTIVITY + CAREER BUTTON LINKS */
.home-activities-button{left:29.6%;top:77.2%;width:9.5%;height:3.4%}
.home-careers-button{left:66.8%;top:77.1%;width:7.8%;height:3.4%}

/* ===== EDITABLE FAQ PAGE ===== */
.faq-site-page{background:#fff;color:#111;line-height:1.45}
.faq-image-header,.faq-image-footer{position:relative;line-height:0}
.faq-image-header img,.faq-image-footer img,.faq-hero img{display:block;width:100%;height:auto}
.faq-image-header .faq-nav-link{position:absolute;top:0;height:100%;z-index:10}
.faq-nav-home{left:22%;width:4.5%}.faq-nav-services{left:26.7%;width:6.2%}
.faq-nav-about{left:33.5%;width:6.2%}.faq-nav-team{left:40.1%;width:6.0%}
.faq-nav-activities{left:46.4%;width:6.4%}.faq-nav-commercial{left:53%;width:7.2%}
.faq-nav-careers{left:60.4%;width:6.0%}.faq-nav-reviews{left:66.6%;width:6.0%}
.faq-nav-faq{left:73.0%;width:5.8%}.faq-nav-phone{left:80.5%;width:19.5%}

.faq-content{max-width:1380px;margin:0 auto;padding:34px 54px 30px}
.faq-title{text-align:center;color:#0b2463;font-size:28px;margin:0 0 26px;font-weight:800}
.faq-title:after{content:"";display:block;width:38px;height:3px;background:#168029;margin:8px auto 0}
.faq-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 280px;gap:28px;align-items:start}
.faq-side-card,.faq-help-card{background:#f4f8fb;border-radius:10px;padding:28px 24px}
.faq-side-card{text-align:center}
.faq-side-card .qmark{font-size:72px;color:#0a7621;line-height:1;margin-bottom:18px}
.faq-side-card h2,.faq-help-card h2{color:#0b2463;font-size:22px;margin:0 0 14px}
.faq-side-card p,.faq-help-card p{font-size:15px}
.faq-button{display:inline-block;background:#09246d;color:#fff!important;text-decoration:none;padding:13px 24px;border-radius:4px;font-weight:800;margin-top:12px}
.faq-button.green{background:#087b16}
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{border:1px solid #dde2e8;border-radius:8px;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.04);overflow:hidden}
.faq-item summary{cursor:pointer;list-style:none;padding:15px 18px;color:#0b2463;font-weight:800;font-size:17px;position:relative;padding-right:48px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"⌄";position:absolute;right:18px;top:10px;color:#087b16;font-size:24px}
.faq-item[open] summary:after{content:"⌃"}
.faq-answer{padding:0 18px 17px;font-size:15px;color:#222}
.faq-answer p:first-child{margin-top:0}.faq-answer p:last-child{margin-bottom:0}
.help-links{margin:14px 0 0;padding:0;list-style:none}
.help-links li{border-bottom:1px solid #d7dde3;padding:11px 0;color:#0b2463;font-weight:700}
.faq-cta{max-width:1380px;margin:0 auto 18px;background:#08256f;color:#fff;border-radius:8px;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.faq-cta h3{font-size:21px;margin:0}.faq-cta p{margin:2px 0 0}
.faq-cta-actions{display:flex;gap:18px;flex-shrink:0}
.faq-cta-actions a{border:1px solid #fff;color:#fff;text-decoration:none;padding:12px 28px;border-radius:4px;font-weight:800}
.faq-cta-actions a:last-child{background:#087b16;border-color:#087b16}
.faq-footer-phone{position:absolute;left:0;top:0;width:43%;height:64%;z-index:10}

@media(max-width:900px){
    .faq-content{padding:25px 20px}
    .faq-layout{grid-template-columns:1fr}
    .faq-cta{margin:0 20px 18px;display:block}
    .faq-cta-actions{margin-top:14px;flex-wrap:wrap}
}


/* V27 — FAQ NAVIGATION REPLACES CONTACT
   CONTACT is removed from the artwork itself.
   FAQ is now baked into every page header with the same header typography.
   These hotspot classes remain invisible and link only to /faq/. */
.home-contact,.svc-contact,.about-contact,.team-contact,.com-contact,
.car-contact,.rev-contact,.act-contact{
    background:transparent!important;
    color:transparent!important;
    text-indent:-9999px!important;
    overflow:hidden!important;
}


/* =========================================================
   V30 HEADER LOCK
   HOME keeps its existing larger header.
   ALL INNER PAGES use the smaller Header A below.
   ========================================================= */

.inner-site-header{
    position:relative;
    width:100%;
    margin:0;
    padding:0;
    line-height:0;
    background:#fff;
}
.inner-site-header > img{
    display:block;
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    border:0;
}
.inner-site-nav a{
    position:absolute;
    top:0;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0b0b0b;
    text-decoration:none;
    text-transform:uppercase;
    font-family:Arial,Helvetica,sans-serif;
    font-weight:700;
    font-size:clamp(8px,.77vw,13px);
    line-height:1;
    z-index:20;
    white-space:nowrap;
}
.inner-site-nav a.active{
    color:#087522;
}
.inner-site-nav a.active:after{
    content:"";
    position:absolute;
    bottom:17%;
    width:55%;
    height:2px;
    background:#087522;
}
.inner-nav-home{left:21.9%;width:4.7%}
.inner-nav-services{left:26.7%;width:6.5%}
.inner-nav-about{left:33.4%;width:6.5%}
.inner-nav-team{left:40.0%;width:6.2%}
.inner-nav-activities{left:46.2%;width:6.7%}
.inner-nav-commercial{left:52.9%;width:7.6%}
.inner-nav-careers{left:60.5%;width:6.1%}
.inner-nav-reviews{left:66.7%;width:6.2%}
.inner-nav-faq{left:73.2%;width:5.3%}
.inner-header-phone{
    position:absolute;
    left:80.0%;
    top:0;
    width:20%;
    height:100%;
    z-index:25;
}
.inner-page-body{
    position:relative;
    width:100%;
    margin:0;
    padding:0;
    line-height:0;
}
.inner-page-body > img{
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    margin:0;
    padding:0;
    border:0;
}

/* Body controls retain the exact positions they had before the header was separated. */

.inner-about-request{left:57.2%;top:86.87%;width:12.8%;height:4.27%}
.inner-about-quote{left:72.8%;top:86.87%;width:14.0%;height:4.27%}
.inner-about-footer-phone{left:0.0%;top:91.22%;width:27.3%;height:4.87%}
.inner-team-request{left:58.0%;top:84.4085%;width:13.3%;height:5.1598%}
.inner-team-quote{left:73.5%;top:84.4085%;width:13.8%;height:5.1598%}
.inner-team-footer-phone{left:9.8%;top:89.9048%;width:14.8%;height:5.1598%}
.inner-com-request{left:61.3%;top:79.9322%;width:13.0%;height:5.7492%}
.inner-com-quote{left:75.7%;top:79.9322%;width:13.7%;height:5.7492%}
.inner-com-footer-phone{left:7.0%;top:87.0915%;width:16.7%;height:6.5085%}
.inner-car-apply-left{left:6.0%;top:64.8542%;width:14.5%;height:5.4237%}
.inner-car-apply-now{left:75.8%;top:77.5458%;width:13.5%;height:5.4237%}
.inner-car-footer-phone{left:4.8%;top:85.0305%;width:16.4%;height:6.7254%}
.inner-rev-leave-review{left:67.7%;top:37.6271%;width:13.0%;height:4.339%}
.inner-rev-request{left:60.8%;top:79.0644%;width:13.7%;height:5.6407%}
.inner-rev-quote{left:76.4%;top:79.0644%;width:13.0%;height:5.6407%}
.inner-rev-footer-phone{left:6.2%;top:86.1153%;width:16.5%;height:6.6169%}
.inner-act-careers-button{left:77.0%;top:82.3374%;width:14.8%;height:5.418%}
.inner-act-footer-phone{left:4.0%;top:89.5975%;width:18.0%;height:6.1765%}
.inner-live-reviews-wrap{
    position:absolute;
    left:9.2%;
    top:45.4373%;
    width:81.2%;
    height:19.7424%;
    z-index:30;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
}
.inner-live-reviews-wrap iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
    background:#fff;
}


/* =========================================================
   V31 — INNER HEADER HEIGHT LOCK
   Home remains unchanged/larger.
   Services, About Us, Our Team, Activities, Commercial,
   Careers, Reviews and FAQ all render Header A at EXACTLY 70px.
   This prevents Services and FAQ from scaling the small header
   up to ~80px simply because their artwork is wider.
   ========================================================= */
.inner-site-header{
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
    overflow:hidden!important;
}
.inner-site-header > img{
    width:100%!important;
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
    object-fit:fill!important;
}
.inner-site-nav a,
.inner-header-phone{
    height:70px!important;
    top:0!important;
}


/* =========================================================
   V32 — HEADER NAV TYPOGRAPHY LOCK
   SAME FONT / SIZE / WEIGHT / COLOR ON EVERY INNER PAGE
   ========================================================= */
.inner-site-nav a{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #0b0b0b !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}
.inner-site-nav a:visited,
.inner-site-nav a:hover,
.inner-site-nav a:focus{
    color: #0b0b0b !important;
}
.inner-site-nav a.active,
.inner-site-nav a.active:visited,
.inner-site-nav a.active:hover,
.inner-site-nav a.active:focus{
    color: #087522 !important;
}
.inner-site-nav a.active:after{
    background: #087522 !important;
    height: 2px !important;
}


/* =========================================================
   V34 — ONE UNIFORM INNER-PAGE HEADER
   HOME PAGE IS UNCHANGED.
   Every other page uses this exact same HTML/CSS header.
   ========================================================= */
.uniform-inner-header{
    width:100%!important;
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
    display:grid!important;
    grid-template-columns:280px minmax(0,1fr) 230px!important;
    align-items:center!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
    position:relative!important;
    z-index:1000!important;
    overflow:visible!important;
    font-family:Arial,Helvetica,sans-serif!important;
    line-height:1!important;
}
.uniform-inner-logo{
    height:70px!important;
    display:flex!important;
    align-items:center!important;
    padding-left:18px!important;
    text-decoration:none!important;
}
.uniform-inner-logo img{
    display:block!important;
    width:237px!important;
    height:58px!important;
    object-fit:contain!important;
    object-position:left center!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    image-rendering:auto!important;
}
.uniform-inner-nav{
    height:70px!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    white-space:nowrap!important;
}
.uniform-inner-nav a,
.uniform-inner-nav a:visited,
.uniform-inner-nav a:hover,
.uniform-inner-nav a:focus{
    position:relative!important;
    height:70px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 13px!important;
    margin:0!important;
    color:#101010!important;
    background:#fff!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
    font-style:normal!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    line-height:1!important;
    border:0!important;
    box-shadow:none!important;
}
.uniform-inner-nav a.has-caret:after{
    content:"";
    width:0!important;
    height:0!important;
    margin-left:5px!important;
    border-left:3px solid transparent!important;
    border-right:3px solid transparent!important;
    border-top:4px solid #101010!important;
}
.uniform-inner-nav a.active,
.uniform-inner-nav a.active:visited,
.uniform-inner-nav a.active:hover,
.uniform-inner-nav a.active:focus{
    color:#087522!important;
}
.uniform-inner-nav a.active:before{
    content:"";
    position:absolute!important;
    left:24%!important;
    right:24%!important;
    bottom:9px!important;
    height:2px!important;
    background:#087522!important;
}
.uniform-inner-nav a.active.has-caret:after{
    border-top-color:#087522!important;
}
.uniform-inner-phone{
    height:70px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:11px!important;
    background:#086d12!important;
    color:#fff!important;
    text-decoration:none!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:20px!important;
    font-weight:700!important;
    line-height:1!important;
    clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)!important;
    padding-left:22px!important;
    white-space:nowrap!important;
}
.uniform-inner-phone:visited,
.uniform-inner-phone:hover,
.uniform-inner-phone:focus{
    color:#fff!important;
    background:#086d12!important;
}
.uniform-inner-phone svg{
    width:22px!important;
    height:22px!important;
    fill:#fff!important;
    flex:0 0 22px!important;
}

/* Disable all older inner-page header implementations so they cannot interfere. */
.inner-site-header,
.inner-site-header-v33,
.inner-site-nav,
.faq-image-header{
    display:none!important;
}

/* Desktop site is intentionally fixed to the approved website header proportions. */
@media(max-width:1100px){
    .uniform-inner-header{
        min-width:1100px!important;
    }
}


/* =========================================================
   V44 — SERVICES HEADER TYPOGRAPHY ONLY
   Match the approved reference: dark navy condensed navigation
   text, with SERVICES remaining green as the active page.
   No sizing, spacing, logo, phone, hero or body changes.
   ========================================================= */
.page-template-page-services .uniform-inner-nav a,
.page-template-page-services .uniform-inner-nav a:visited,
.page-template-page-services .uniform-inner-nav a:hover,
.page-template-page-services .uniform-inner-nav a:focus{
    color:#071b5d!important;
    font-family:"Arial Narrow","Helvetica Neue Condensed",Arial,Helvetica,sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
    font-stretch:condensed!important;
    font-style:normal!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
}
.page-template-page-services .uniform-inner-nav a.has-caret:after{
    border-top-color:#071b5d!important;
}
.page-template-page-services .uniform-inner-nav a.active,
.page-template-page-services .uniform-inner-nav a.active:visited,
.page-template-page-services .uniform-inner-nav a.active:hover,
.page-template-page-services .uniform-inner-nav a.active:focus{
    color:#087522!important;
}
.page-template-page-services .uniform-inner-nav a.active.has-caret:after{
    border-top-color:#087522!important;
}


/* =========================================================
   V45 — ABOUT US APPROVED TOP-OF-PAGE ONLY
   Carry the exact Services header typography into About Us and
   add the approved About hero. No other page/site changes.
   ========================================================= */
.page-template-page-about-us .uniform-inner-nav a,
.page-template-page-about-us .uniform-inner-nav a:visited,
.page-template-page-about-us .uniform-inner-nav a:hover,
.page-template-page-about-us .uniform-inner-nav a:focus{
    color:#071b5d!important;
    font-family:"Arial Narrow","Helvetica Neue Condensed",Arial,Helvetica,sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
    font-stretch:condensed!important;
    font-style:normal!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
}
.page-template-page-about-us .uniform-inner-nav a.has-caret:after{border-top-color:#071b5d!important;}
.page-template-page-about-us .uniform-inner-nav a.active,
.page-template-page-about-us .uniform-inner-nav a.active:visited,
.page-template-page-about-us .uniform-inner-nav a.active:hover,
.page-template-page-about-us .uniform-inner-nav a.active:focus{color:#087522!important;}
.page-template-page-about-us .uniform-inner-nav a.active.has-caret:after{border-top-color:#087522!important;}

/* =========================================================
   V46 — OUR TEAM HEADER TYPOGRAPHY ONLY
   Match the approved Services/About header typography:
   dark navy condensed navigation text, with OUR TEAM green.
   No other Our Team page or website changes.
   ========================================================= */
.page-template-page-our-team .uniform-inner-nav a,
.page-template-page-our-team .uniform-inner-nav a:visited,
.page-template-page-our-team .uniform-inner-nav a:hover,
.page-template-page-our-team .uniform-inner-nav a:focus{
    color:#071b5d!important;
    font-family:"Arial Narrow","Helvetica Neue Condensed",Arial,Helvetica,sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
    font-stretch:condensed!important;
    font-style:normal!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
}
.page-template-page-our-team .uniform-inner-nav a.has-caret:after{border-top-color:#071b5d!important;}
.page-template-page-our-team .uniform-inner-nav a.active,
.page-template-page-our-team .uniform-inner-nav a.active:visited,
.page-template-page-our-team .uniform-inner-nav a.active:hover,
.page-template-page-our-team .uniform-inner-nav a.active:focus{color:#087522!important;}
.page-template-page-our-team .uniform-inner-nav a.active.has-caret:after{border-top-color:#087522!important;}

/* =========================================================
   V47 — ACTIVITIES HEADER TYPOGRAPHY ONLY
   Match approved Our Team header: dark navy condensed nav,
   with ACTIVITIES green. No other header/page/site changes.
   ========================================================= */
.page-template-page-activities .uniform-inner-nav a,
.page-template-page-activities .uniform-inner-nav a:visited,
.page-template-page-activities .uniform-inner-nav a:hover,
.page-template-page-activities .uniform-inner-nav a:focus{
    color:#071b5d!important;
    font-family:"Arial Narrow","Helvetica Neue Condensed",Arial,Helvetica,sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
    font-stretch:condensed!important;
    font-style:normal!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
}
.page-template-page-activities .uniform-inner-nav a.has-caret:after{border-top-color:#071b5d!important;}
.page-template-page-activities .uniform-inner-nav a.active,
.page-template-page-activities .uniform-inner-nav a.active:visited,
.page-template-page-activities .uniform-inner-nav a.active:hover,
.page-template-page-activities .uniform-inner-nav a.active:focus{color:#087522!important;}
.page-template-page-activities .uniform-inner-nav a.active.has-caret:after{border-top-color:#087522!important;}

/* =========================================================
   V49 — COMMERCIAL HEADER TYPOGRAPHY ONLY
   Match the approved compact Commercial preview. The header height,
   logo, phone panel, hero and all body content remain unchanged.
   ========================================================= */
.page-template-page-commercial .uniform-inner-nav a,
.page-template-page-commercial .uniform-inner-nav a:visited,
.page-template-page-commercial .uniform-inner-nav a:hover,
.page-template-page-commercial .uniform-inner-nav a:focus{
    color:#071b5d!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
    font-style:normal!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
}
.page-template-page-commercial .uniform-inner-nav a.has-caret:after{border-top-color:#071b5d!important;}
.page-template-page-commercial .uniform-inner-nav a.active,
.page-template-page-commercial .uniform-inner-nav a.active:visited,
.page-template-page-commercial .uniform-inner-nav a.active:hover,
.page-template-page-commercial .uniform-inner-nav a.active:focus{color:#087522!important;}
.page-template-page-commercial .uniform-inner-nav a.active.has-caret:after{border-top-color:#087522!important;}

/* =========================================================
   V50 — CAREERS HEADER TYPOGRAPHY ONLY
   Match approved Commercial header exactly: dark navy Arial nav,
   with CAREERS green. No other Careers page or website changes.
   ========================================================= */
.page-template-page-careers .uniform-inner-nav a,
.page-template-page-careers .uniform-inner-nav a:visited,
.page-template-page-careers .uniform-inner-nav a:hover,
.page-template-page-careers .uniform-inner-nav a:focus{
    color:#071b5d!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
    font-style:normal!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
}
.page-template-page-careers .uniform-inner-nav a.has-caret:after{border-top-color:#071b5d!important;}
.page-template-page-careers .uniform-inner-nav a.active,
.page-template-page-careers .uniform-inner-nav a.active:visited,
.page-template-page-careers .uniform-inner-nav a.active:hover,
.page-template-page-careers .uniform-inner-nav a.active:focus{color:#087522!important;}
.page-template-page-careers .uniform-inner-nav a.active.has-caret:after{border-top-color:#087522!important;}

/* =========================================================
   V51 — REVIEWS HEADER TYPOGRAPHY ONLY
   Match approved Careers/Commercial header exactly: dark navy Arial nav,
   with REVIEWS green. No other Reviews page or website styling changes.
   ========================================================= */
.page-template-page-reviews .uniform-inner-nav a,
.page-template-page-reviews .uniform-inner-nav a:visited,
.page-template-page-reviews .uniform-inner-nav a:hover,
.page-template-page-reviews .uniform-inner-nav a:focus{
    color:#071b5d!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
    font-style:normal!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
}
.page-template-page-reviews .uniform-inner-nav a.has-caret:after{border-top-color:#071b5d!important;}
.page-template-page-reviews .uniform-inner-nav a.active,
.page-template-page-reviews .uniform-inner-nav a.active:visited,
.page-template-page-reviews .uniform-inner-nav a.active:hover,
.page-template-page-reviews .uniform-inner-nav a.active:focus{color:#087522!important;}
.page-template-page-reviews .uniform-inner-nav a.active.has-caret:after{border-top-color:#087522!important;}

/* =========================================================
   V52 — REVIEWS LIVE HOUSECALL PRO FEED
   Reviews page only. Preserve the existing artwork above and below
   the review cards, and replace only the old static review cards with
   the live Housecall Pro widget supplied by Ziegler.
   ========================================================= */
.reviews-live-page{width:100%;margin:0;padding:0;background:#fff;line-height:normal;}
.reviews-art{position:relative;width:100%;margin:0;padding:0;line-height:0;}
.reviews-art>img{display:block;width:100%;height:auto;max-width:none;margin:0;padding:0;border:0;}
.rev52-live-section{width:100%;background:#fff;padding:14px 0 18px;margin:0;}
.rev52-live-frame{width:81.2%;max-width:1400px;height:1000px;margin:0 auto;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.12);}
.rev52-live-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff;}
/* Top crop is 425px high from the original 936px artwork. */
.rev52-leave-review{left:67.7%;top:82.8235%;width:13%;height:9.5529%;}
/* Bottom crop begins at original y=618 and is 318px high. */
.rev52-request{left:60.8%;top:39.9371%;width:13.7%;height:16.6038%;}
.rev52-quote{left:76.4%;top:39.9371%;width:13%;height:16.6038%;}
.rev52-footer-phone{left:6.2%;top:60.6918%;width:16.5%;height:19.4969%;}
@media (max-width:900px){.rev52-live-frame{width:92%;height:900px;}}

/* V53 — HOME PAGE FUNCTIONAL CONTROLS ONLY
   Positions overlay the existing approved artwork without changing its appearance. */
.home-request-service{left:1.75%;top:28.8%;width:11.25%;height:5.6%}
.home-request-quote{left:13.8%;top:28.8%;width:11.5%;height:5.6%}
.home-commercial-button{left:44.4%;top:61.6%;width:8.3%;height:3.4%}
.home-careers-button{left:72.7%;top:77.0%;width:7.6%;height:3.5%}

.home-live-form{
    position:absolute;
    left:75.85%;
    top:9.45%;
    width:22.55%;
    height:35.0%;
    z-index:10020;
    margin:0;
    padding:0;
    pointer-events:none;
    line-height:normal;
}
.home-live-form .home-form-control,
.home-live-form .home-form-submit{
    position:absolute;
    left:0;
    width:100%;
    margin:0;
    box-sizing:border-box;
    pointer-events:auto;
    font-family:Arial,Helvetica,sans-serif;
}
.home-live-form .home-form-control{
    border:0!important;
    outline:0;
    background:#fff!important;
    box-shadow:none!important;
    color:#353535!important;
    padding:0 4.1%;
    font-size:clamp(11px,1.0vw,16px);
}
.home-live-form .home-form-control:focus{
    outline:2px solid rgba(9,113,31,.35)!important;
    outline-offset:-2px;
    border-radius:5px;
}
.home-form-name{top:0%;height:11.2%}
.home-form-phone{top:13.7%;height:11.2%}
.home-form-email{top:27.1%;height:11.2%}
.home-form-service{
    top:40.6%;height:11.4%;
    appearance:auto;
    padding-left:4.1%!important;
    padding-right:4.1%!important;
    color:#222!important;
    background:#fff!important;
}
.home-form-service:focus,.home-form-service:valid{color:#222!important;background:#fff!important}
.home-form-message{
    top:54.2%;height:27.6%;
    resize:none;
    padding-top:3%!important;
    line-height:1.35;
}
.home-form-submit{
    top:85.0%;height:10.8%;
    border:0!important;
    background:transparent!important;
    color:transparent!important;
    cursor:pointer;
    text-indent:-9999px;
}
.home-form-submit:focus{outline:3px solid rgba(255,255,255,.8);outline-offset:-5px}

/* V54 — keep live form fields opaque so the baked-in artwork text never shows through. */
.home-live-form input:-webkit-autofill,
.home-live-form input:-webkit-autofill:hover,
.home-live-form input:-webkit-autofill:focus,
.home-live-form textarea:-webkit-autofill,
.home-live-form select:-webkit-autofill{
    -webkit-text-fill-color:#353535!important;
    -webkit-box-shadow:0 0 0 1000px #fff inset!important;
    box-shadow:0 0 0 1000px #fff inset!important;
    transition:background-color 9999s ease-out 0s;
}

@media (max-width:700px){
    .home-live-form .home-form-control{font-size:8px}
}

/* V55 — HOME FORM FIELD LABELS ONLY
   Keep fields opaque while restoring clear instructions inside each field. */
.home-live-form .home-form-control::placeholder{
    color:#4a4a4a!important;
    opacity:1!important;
}
.home-live-form textarea::placeholder{
    color:#4a4a4a!important;
    opacity:1!important;
}


/* V57 — SERVICES ONLY: keep body centered/responsive and make the existing phone card a real call link. */
.services-body-wrap{
    position:relative;
    display:block;
    width:100%;
    max-width:none;
    margin:0 auto;
    padding:0;
    line-height:0;
    overflow:hidden;
}
.services-body-wrap > img{
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    margin:0 auto;
    padding:0;
    border:0;
}
.services-call-cta{
    position:absolute;
    left:1.76%;
    top:68.18%;
    width:25.21%;
    height:18.18%;
    z-index:100;
    display:block;
    margin:0;
    padding:0;
    background:transparent;
    color:transparent;
    font-size:0;
    text-decoration:none;
    cursor:pointer;
}
.services-call-cta:focus{
    outline:3px solid rgba(255,255,255,.95);
    outline-offset:-4px;
}