@media(max-width:991px){





/* ==========================================================

   GLOBAL MOBILE POLISH

   ========================================================== */



body.home.dhc-v11-ready{

    background:#fff!important;

}



.dhc-mobile-home-v5{

    --v11-deep:#062b49;

    --v11-navy:#075a97;

    --v11-blue:#168db5;

    --v11-orange:#f47721;

    --v11-soft:#f3f7f9;

    --v11-line:#dce5ea;

    --v11-text:#163b56;

    --v11-muted:#697f8f;

}



.dhc-mobile-home-v5 section{

    scroll-margin-top:90px;

}





/* Section Heading Rhythm */



.dhc-v5-services>h2,

.dhc-v5-offers>h2,

.dhc-v5-brands>h2,

.dhc-v5-playbook>h2,

.dhc-v5-contact>h2{

    letter-spacing:-.85px!important;

}



.dhc-v5-services>.dhc-v5-lead,

.dhc-v5-contact>.dhc-v5-lead{

    max-width:410px!important;

}





/* ==========================================================

   SERVICES

   ========================================================== */



.dhc-v5-services{

    padding-bottom:54px!important;

}



.dhc-v5-service-grid{

    column-gap:30px!important;

}



.dhc-v5-service{

    min-height:130px!important;



    transition:

        transform .18s ease,

        opacity .18s ease!important;

}



.dhc-v5-service:active{

    transform:scale(.97)!important;

}



.dhc-v5-service-icon{

    width:60px!important;

    height:60px!important;



    box-shadow:

        0 6px 16px rgba(7,90,151,.08)!important;

}



.dhc-v5-service strong{

    font-size:13.5px!important;

}





/* ==========================================================

   HVAC DIRECTORY

   EXACTLY BETWEEN SERVICES + OFFERS

   ========================================================== */



.dhc-v11-directory{

    width:100%!important;



    margin:0!important;



    padding:

        38px

        20px!important;



    background:

        linear-gradient(

            180deg,

            #ffffff 0%,

            #ffffff 50%,

            #edf3f7 50%,

            #edf3f7 100%

        )!important;

}



.dhc-v11-directory details{

    width:100%!important;

    max-width:470px!important;



    margin:0 auto!important;



    overflow:hidden!important;



    background:#fff!important;



    border:1px solid #dbe4e9!important;

    border-radius:16px!important;



    box-shadow:

        0 13px 34px rgba(8,47,82,.075)!important;

}



.dhc-v11-directory .dhc-v7-summary{

    min-height:88px!important;



    padding:

        15px

        17px

        15px

        20px!important;

}



.dhc-v11-directory

.dhc-v7-directory-copy strong{

    font-size:14.5px!important;

}



.dhc-v11-directory

.dhc-v7-directory-copy small{

    margin-top:6px!important;



    color:#748897!important;

}





/* ==========================================================

   OFFERS

   ========================================================== */



.dhc-v5-offers{

    padding-top:59px!important;



    background:

        radial-gradient(

            circle at 105% 0%,

            rgba(7,90,151,.055),

            transparent 25%

        ),

        #edf3f7!important;

}



.dhc-v5-offer-track{

    padding-bottom:31px!important;

}



.dhc-v5-offer-track article{

    border-radius:20px!important;



    box-shadow:

        0 18px 48px rgba(8,47,82,.12),

        0 3px 10px rgba(8,47,82,.045)!important;

}



.dhc-v8-offer-visual{

    min-height:178px!important;



    border-top:1px solid #eef2f4!important;

}



.dhc-v8-offer-visual img{

    filter:

        drop-shadow(

            0 12px 13px

            rgba(22,47,65,.12)

        )!important;

}



.dhc-v5-offer-track article>a{

    transition:background .2s ease!important;

}





/* ==========================================================

   BRANDS

   ========================================================== */



.dhc-v5-brands{

    padding-top:62px!important;

    padding-bottom:60px!important;

}



.dhc-v7-brand-sub{

    max-width:340px!important;



    font-size:12px!important;

}



.dhc-v5-brand-track{

    margin-top:31px!important;



    border-radius:18px!important;



    box-shadow:

        0 11px 30px rgba(8,47,82,.06)!important;

}



.dhc-v8-brand{

    min-height:138px!important;

}



.dhc-v8-brand img{

    max-width:142px!important;

    max-height:64px!important;

}





/* ==========================================================

   WHY DHC

   ========================================================== */



.dhc-v5-why{

    padding-top:66px!important;

}



.dhc-v5-why h2{

    max-width:420px!important;

}



.dhc-v6-proof-icon{

    transition:transform .2s ease!important;

}



.dhc-v6-proof:active

.dhc-v6-proof-icon{

    transform:scale(.96)!important;

}



.dhc-v7-proof-featured{

    width:50%!important;



    padding:0!important;



    display:flex!important;

    flex-direction:column!important;



    background:transparent!important;



    border:0!important;

    box-shadow:none!important;



    backdrop-filter:none!important;

}





/* ==========================================================

   REVIEW

   ========================================================== */



.dhc-v8-review{

    padding-top:45px!important;

    padding-bottom:45px!important;

}



.dhc-v8-review a{

    min-height:50px!important;



    border-radius:7px!important;

}





/* ==========================================================

   PLAYBOOK

   ========================================================== */



.dhc-v5-playbook{

    padding-top:59px!important;

    padding-bottom:55px!important;

}



.dhc-v5-playbook>a{

    min-height:98px!important;



    padding:

        19px

        6px!important;

}



.dhc-v5-playbook>a b{

    width:32px!important;

    height:32px!important;



    display:flex!important;

    align-items:center!important;

    justify-content:center!important;



    align-self:center!important;



    background:#eef3f6!important;



    border-radius:50%!important;



    color:#075a97!important;



    font-size:22px!important;

}





/* ==========================================================

   EMERGENCY

   ========================================================== */



.dhc-v5-emergency{

    padding-top:63px!important;

    padding-bottom:63px!important;

}



.dhc-v5-emergency h2{

    max-width:400px!important;



    font-size:30px!important;

}



.dhc-v5-emergency a{

    min-height:52px!important;



    border-radius:7px!important;

}





/* ==========================================================

   CONTACT FORM

   ========================================================== */



.dhc-v5-contact{

    padding-top:60px!important;

    padding-bottom:59px!important;

}



.dhc-v5-real-contact

input:not([type=checkbox]):not([type=radio]),

.dhc-v5-real-contact select,

.dhc-v5-real-contact textarea{

    border-radius:8px!important;



    border-color:#d4dfe6!important;



    box-shadow:

        0 2px 6px rgba(8,47,82,.02)!important;

}



.dhc-v5-real-contact

input[type=submit],

.dhc-v5-real-contact button,

.dhc-v5-real-contact .wpcf7-submit{

    min-height:52px!important;



    border-radius:7px!important;

}





/* ==========================================================

   COMPLETELY NEW FOOTER

   ========================================================== */



.dhc-v11-footer{

    width:100%!important;



    margin:0!important;

    padding:0 0 92px!important;



    overflow:hidden!important;



    background:#061f36!important;



    border:0!important;

}





/* ----------------------------------------------------------

   BRAND INTRO

   ---------------------------------------------------------- */



.dhc-v11-brand{

    padding:

        49px

        24px

        42px!important;



    background:#fff!important;

}



.dhc-v11-logo{

    display:block!important;



    width:220px!important;

    max-width:220px!important;



    height:auto!important;



    margin:0!important;



    filter:none!important;

}



.dhc-v11-brand-kicker{

    display:block!important;



    margin-top:28px!important;



    color:#f47721!important;



    font-size:9px!important;

    line-height:1.2!important;

    font-weight:850!important;

    letter-spacing:1.45px!important;

}



.dhc-v11-brand h2{

    max-width:370px!important;



    margin:

        7px

        0

        0!important;



    color:#082f52!important;



    font-size:25px!important;

    line-height:1.1!important;

    letter-spacing:-.6px!important;

    font-weight:750!important;

}



.dhc-v11-brand p{

    max-width:390px!important;



    margin:

        10px

        0

        0!important;



    color:#647a8a!important;



    font-size:12.5px!important;

    line-height:1.58!important;

}





/* ----------------------------------------------------------

   CUSTOMER SUPPORT

   Integrated into navy, not floating boxes

   ---------------------------------------------------------- */



.dhc-v11-help{

    position:relative!important;



    padding:

        47px

        24px

        43px!important;



    overflow:hidden!important;



    background:

        radial-gradient(

            circle at 105% -5%,

            rgba(244,119,33,.11),

            transparent 29%

        ),

        #082f52!important;

}



.dhc-v11-help-kicker{

    display:block!important;



    color:#ff9450!important;



    font-size:9px!important;

    line-height:1.2!important;

    font-weight:850!important;

    letter-spacing:1.45px!important;

}



.dhc-v11-help h2{

    max-width:390px!important;



    margin:

        7px

        0

        0!important;



    color:#fff!important;



    font-size:25px!important;

    line-height:1.1!important;

    letter-spacing:-.6px!important;

    font-weight:750!important;

}



.dhc-v11-help>p{

    max-width:390px!important;



    margin:

        10px

        0

        25px!important;



    color:#bfd1dd!important;



    font-size:12.5px!important;

    line-height:1.55!important;

}





/* Phone CTA */



.dhc-v11-phone{

    width:100%!important;



    min-height:77px!important;



    padding:

        14px

        14px

        14px

        17px!important;



    display:flex!important;

    align-items:center!important;

    justify-content:space-between!important;



    background:rgba(255,255,255,.07)!important;



    border:

        1px

        solid

        rgba(255,255,255,.15)!important;



    border-radius:12px!important;



    text-decoration:none!important;

}



.dhc-v11-phone>span{

    display:flex!important;

    flex-direction:column!important;

}



.dhc-v11-phone small{

    color:#9fc0d2!important;



    font-size:8px!important;

    line-height:1.2!important;

    font-weight:800!important;

    letter-spacing:1.05px!important;

}



.dhc-v11-phone strong{

    margin-top:5px!important;



    color:#fff!important;



    font-size:21px!important;

    line-height:1.05!important;

    font-weight:800!important;

}



.dhc-v11-phone>b{

    width:37px!important;

    height:37px!important;



    display:flex!important;

    align-items:center!important;

    justify-content:center!important;



    background:#f47721!important;



    border-radius:50%!important;



    color:#fff!important;



    font-size:24px!important;

    line-height:1!important;

    font-weight:400!important;

}





/* Support / Contact */



.dhc-v11-help-actions{

    margin-top:10px!important;



    display:grid!important;

    grid-template-columns:1fr 1fr!important;

    gap:10px!important;

}



.dhc-v11-help-actions>a{

    min-height:48px!important;



    display:flex!important;

    align-items:center!important;

    justify-content:center!important;



    border:

        1px

        solid

        rgba(255,255,255,.16)!important;



    border-radius:8px!important;



    color:#fff!important;



    font-size:11.5px!important;

    line-height:1.2!important;

    font-weight:700!important;



    text-decoration:none!important;

}





/* ----------------------------------------------------------

   NAVIGATION

   No accordions. No white box over navy.

   ---------------------------------------------------------- */



.dhc-v11-nav{

    padding:

        46px

        24px

        42px!important;



    background:#fff!important;

}



.dhc-v11-nav-intro>span{

    display:block!important;



    color:#f47721!important;



    font-size:9px!important;

    line-height:1.2!important;

    font-weight:850!important;

    letter-spacing:1.4px!important;

}



.dhc-v11-nav-intro h2{

    margin:

        7px

        0

        0!important;



    color:#082f52!important;



    font-size:23px!important;

    line-height:1.12!important;

    letter-spacing:-.5px!important;

    font-weight:750!important;

}





.dhc-v11-nav-grid{

    margin-top:32px!important;



    display:grid!important;

    grid-template-columns:

        repeat(

            2,

            minmax(0,1fr)

        )!important;



    gap:28px!important;

}



.dhc-v11-nav-grid>div{

    min-width:0!important;



    display:flex!important;

    flex-direction:column!important;

}



.dhc-v11-nav-grid strong{

    margin-bottom:13px!important;



    color:#082f52!important;



    font-size:13px!important;

    line-height:1.2!important;

    font-weight:800!important;

}



.dhc-v11-nav-grid a{

    padding:

        7px

        0!important;



    color:#607787!important;



    font-size:12px!important;

    line-height:1.3!important;

    font-weight:550!important;



    text-decoration:none!important;

}





/* ----------------------------------------------------------

   FINAL DARK BRAND CLOSE

   ---------------------------------------------------------- */



.dhc-v11-footer-bottom{

    position:relative!important;



    padding:

        35px

        24px

        31px!important;



    overflow:hidden!important;



    background:#061f36!important;

}



.dhc-v11-footer-bottom:after{

    content:"";



    position:absolute!important;



    width:145px!important;

    height:145px!important;



    right:-80px!important;

    bottom:-82px!important;



    border:

        27px

        solid

        rgba(244,119,33,.075)!important;



    border-radius:50%!important;

}



.dhc-v11-socials{

    position:relative!important;

    z-index:2!important;



    display:flex!important;

    align-items:center!important;



    gap:9px!important;

}



.dhc-v11-socials>a{

    width:38px!important;

    height:38px!important;



    display:flex!important;

    align-items:center!important;

    justify-content:center!important;



    overflow:hidden!important;



    background:rgba(255,255,255,.08)!important;



    border:

        1px

        solid

        rgba(255,255,255,.12)!important;



    border-radius:50%!important;



    color:#fff!important;



    text-decoration:none!important;

}



.dhc-v11-socials img,

.dhc-v11-socials svg{

    max-width:18px!important;

    max-height:18px!important;

}



.dhc-v11-email{

    position:relative!important;

    z-index:2!important;



    margin-top:25px!important;



    display:block!important;



    color:#8fd0ef!important;



    font-size:12.5px!important;

    line-height:1.35!important;

    font-weight:600!important;



    text-decoration:none!important;

}



.dhc-v11-owned{

    position:relative!important;

    z-index:2!important;



    margin-top:9px!important;



    display:block!important;



    color:#9bb5c5!important;



    font-size:10.5px!important;

    line-height:1.4!important;

}



.dhc-v11-footer-bottom>small{

    position:relative!important;

    z-index:2!important;



    margin-top:26px!important;



    display:block!important;



    color:#66899e!important;



    font-size:9.5px!important;

    line-height:1.3!important;

}





/* ==========================================================

   ABSOLUTE BOTTOM

   ========================================================== */



.dhc-v7-legacy-tail{

    display:none!important;

}



.dhc-v11-footer{

    margin-bottom:0!important;

}





@media(min-width:640px) and (max-width:991px){



.dhc-v11-brand,

.dhc-v11-help,

.dhc-v11-nav,

.dhc-v11-footer-bottom{

    padding-left:36px!important;

    padding-right:36px!important;

}



.dhc-v11-nav-grid{

    max-width:600px!important;

}



}



}




/* ==========================================================

   V11 FOOTER READABILITY CORRECTION

   Final specificity overrides against legacy footer rules.

   ========================================================== */



@media (max-width:991px){



/* Correct full-colour logo for the LIGHT footer area */

body.home footer.dhc-v11-footer .dhc-v11-logo{

    content:url("/wp-content/themes/dhc-theme/images/direct-home-logo.svg")!important;



    display:block!important;

    width:220px!important;

    max-width:220px!important;

    height:auto!important;



    opacity:1!important;

    filter:none!important;

}





/* ----------------------------------------------------------

   WHITE BRAND INTRO

   ---------------------------------------------------------- */



body.home footer.dhc-v11-footer .dhc-v11-brand{

    background:#fff!important;

}



body.home footer.dhc-v11-footer .dhc-v11-brand-kicker{

    color:#f47721!important;

}



body.home footer.dhc-v11-footer .dhc-v11-brand h2{

    color:#082f52!important;

    opacity:1!important;

}



body.home footer.dhc-v11-footer .dhc-v11-brand p{

    color:#5f7687!important;

    opacity:1!important;

}





/* ----------------------------------------------------------

   NAVIGATION WHITE SECTION

   ---------------------------------------------------------- */



body.home footer.dhc-v11-footer .dhc-v11-nav{

    background:#fff!important;

}



body.home footer.dhc-v11-footer .dhc-v11-nav-intro>span{

    color:#f47721!important;

}



body.home footer.dhc-v11-footer .dhc-v11-nav-intro h2{

    color:#082f52!important;

    opacity:1!important;

}



body.home footer.dhc-v11-footer .dhc-v11-nav-grid strong{

    color:#082f52!important;

    opacity:1!important;

}



body.home footer.dhc-v11-footer .dhc-v11-nav-grid a{

    color:#526f83!important;

    opacity:1!important;

}





/* ----------------------------------------------------------

   NAVY SUPPORT AREA

   ---------------------------------------------------------- */



body.home footer.dhc-v11-footer .dhc-v11-help-kicker{

    color:#ff9551!important;

}



body.home footer.dhc-v11-footer .dhc-v11-help h2{

    color:#fff!important;

    opacity:1!important;

}



body.home footer.dhc-v11-footer .dhc-v11-help>p{

    color:#c8d9e4!important;

    opacity:1!important;

}



body.home footer.dhc-v11-footer .dhc-v11-phone small{

    color:#a9c4d4!important;

}



body.home footer.dhc-v11-footer .dhc-v11-phone strong{

    color:#fff!important;

}



body.home footer.dhc-v11-footer .dhc-v11-help-actions>a{

    color:#fff!important;

}





/* ----------------------------------------------------------

   FINAL DARK CLOSE

   ---------------------------------------------------------- */



body.home footer.dhc-v11-footer .dhc-v11-email{

    color:#8fd0ef!important;

}



body.home footer.dhc-v11-footer .dhc-v11-owned{

    color:#a7becc!important;

}



body.home footer.dhc-v11-footer .dhc-v11-footer-bottom>small{

    color:#7898aa!important;

}



}











/* === DHC REAL BRANDS FINAL MOBILE CSS === */



@media(max-width:991px){



body.home

#dhcMobileRealBrandsFinal{

    width:100%!important;



    margin:18px 0 0!important;

    padding:0!important;

}





body.home

#dhcMobileRealBrandsFinal

.owl-stage{

    display:flex!important;

    align-items:center!important;

}





body.home

#dhcMobileRealBrandsFinal

.owl-item{

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

}





body.home

#dhcMobileRealBrandsFinal

.brand-logo{

    width:100%!important;

    min-height:82px!important;



    display:flex!important;

    align-items:center!important;

    justify-content:center!important;



    padding:12px 14px!important;



    background:#fff!important;



    border:1px solid #e4ebf0!important;

    border-radius:12px!important;



    box-shadow:

        0 5px 16px rgba(7,39,66,.06)!important;

}





body.home

#dhcMobileRealBrandsFinal

figure{

    margin:0!important;



    width:100%!important;



    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

}





body.home

#dhcMobileRealBrandsFinal

img{

    width:auto!important;

    max-width:100%!important;



    height:auto!important;

    max-height:48px!important;



    object-fit:contain!important;

}





/* Absolutely no Owl navigation circles or dots */



body.home

#dhcMobileRealBrandsFinal

.owl-nav,



body.home

#dhcMobileRealBrandsFinal

.owl-dots{

    display:none!important;

}





/* Remove any leftover manual carousel indicators */



body.home

.dhc-mobile-real-brands-final-ready

[class*="brand-dot"],



body.home

.dhc-mobile-real-brands-final-ready

[class*="brand-nav"]{

    display:none!important;

}



}



/* === END DHC REAL BRANDS FINAL MOBILE CSS === */