/* -- Header v1 ------------------------------------------------ */
:root:has(.hdr.v1) {
    --hdr-lg-sp: 80;
    --hdr-lg-sp-lpt: 30;
    --hdr-nv-sp: 40;
	--hdr-nv-sp-lpt: 10;
}

.hdr.v1 {

    .third.itm:not(:has(> *)) {
        display: none;
    }
   
    /* Allow logo to overflow below the header bottom edge */
    overflow: visible;
    
    .fly-nv {
        z-index: 15;
    }

    .lg-bx {
        overflow: visible;
        /* Remove bottom padding so logo controls its own bottom spacing */
        padding-bottom: 0;
    }

    .tp-lg {
        padding-bottom: 0;
        position: relative;
        z-index: 2;
    }

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

        /* Match the top-nav link font size and bump weight for the top-hat copy */
        .fnt_t-nt {
            font-size: var(--fnt-nv-pry-s);
            font-weight: 700;
        }

        /* Enlarge the top-hat phone number a touch */
        .fnt_phn {
            font-size: calc(var(--fnt-phn-s) * 1.15);
        }

        li {
            strong {
                font-weight: 700;
            }

            a {
                text-decoration: underline;
                opacity: .8;
            }
        }

        .sl_sa-edg {
            --sl-sa-pd-mtp: 1.5;
            position: relative;
            padding-left: calc(var(--sl-sa-s) * var(--sl-sa-pd-mtp));
            padding-right: calc(var(--sl-sa-s) * var(--sl-sa-pd-mtp));
        }

        [data-role="arrows"] {
            position: absolute;
            width: calc(100% - ((calc(var(--sl-sa-s) * var(--sl-sa-pd-mtp)) * 2) - 1rem));
            top: 50%;
            left: calc((var(--sl-sa-s) * var(--sl-sa-pd-mtp)) - .5rem);
            z-index: 1;
            margin-top: 0;
            justify-content: space-between;
            transform: translateY(-50%);
        }

    }

    &.no-ovp .tp-lg {
        margin-block: 0;
    }

    @media screen and (width >= 1280px) {
        .tp-lg {
            /* Pull the logo down past the header's bottom edge */
            margin-block: -2.05rem -1.89rem;
        }

        /* Align last flyout to the right to prevent overflow */
        .nv > ul > li:last-child .fly-nv {
            left: auto;
            right: 0;
        }

        .ann-bnr {
            .alt-itm {
                min-width: 29%;
            }
        }
    }

    @media screen and (max-width:1279px) {
        & {
            .ann-bnr {
                .fit.itm {
                    margin-top: 0 !important;
                }
            }
        }
        .alt-itm {
            display: none;
        }

        .fnt_t-nt {
            margin-bottom: 1rem;
        }
    }
}
