/* -- Header v2 ------------------------------------------------ */

.hdr.v2 {
    --hdr-lg-sp: 80;
    --hdr-lg-sp-lpt: 30;
    --hdr-nv-sp: 40;
    --hdr-nv-sp-lpt: 10;

    overflow: visible;

    .lg-bx {
        overflow: visible;
        padding-bottom: 0;
    }

    .tp-lg {
        padding-bottom: 0;
        position: relative;
        z-index: 2;
    }
    nav.nv li a.ato {
        color: #000 !important;
    }
    nav.nv li a.ato:hover {
        color: var(--link-hover) !important;
    }
    .fly-nv.fly-wd ul.grd {
        padding-left: 2em;
    }
    /* -- Top hat (announcement banner) ------------------------ */
    nav li.ato svg.nv-chv {
        display: none
    }
    .btn.v1 {
        background-color: #ff941f;
    }
    .ann-bnr {

        .ann-cta-lbl {
            font-weight: 400;
        }

        li strong {
            font-weight: 700;
        }

        /* Secondary nav links */
        .sec-nv a {
            white-space: nowrap;
            opacity: 1;
            text-decoration: none;
        }

        /* Social icons in top hat */
        .so-lk {
            --so-i-s: 1.33rem;
        }
    }

    /* -- Desktop ---------------------------------------------- */

    @media screen and (width >= 1280px) {
        /* Establishes a stacking context above in-flow page content (e.g. an
           adjacent hero/mainstage section) so desktop dropdown flyouts, which
           have no z-index of their own, always paint on top. */
        position: relative;
        z-index: 10;

        .tp-lg {
            margin: -2.05rem 0 -1.89rem 0;
        }
    }
}