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

.hdr.v6 {
    --hdr-lg-sp: 80;
    --hdr-lg-sp-lpt: 30;
    --hdr-nv-sp: 40;
    --hdr-nv-sp-lpt: 10;
    
    overflow: visible;
    .fly-nv{
        z-index: 5;
    }
    .lg-bx {
        overflow: visible;
        padding-bottom: 0;
    }

    .tp-lg {
        padding-bottom: 0;
        position: relative;
        z-index: 2;
    }
    &[data-colors="alternate-light"]{
        .ann-bnr.bg-bx.ulk-bg{
            background-color: #0097A0;
        }
        .fnt_t-3{
            color: #0097A0;
        }
        .fnt_phn{
            color: var(--btn-pry);
        }

    }
    .phn-container *{
        line-height: 1;
    }
    .marque{
        min-width: 25rem;
        height: unset;
    }
    /* -- Top hat (announcement banner) ------------------------ */

    .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) {
        .tp-lg {
            margin: -2.05rem 0 0 0;
        }

        .nv > ul > li:last-child .fly-nv {
            left: auto;
            right: 0;
        }
        .fnt_phn{
            font-size: 1.6rem;
        }
        .marque-container{
            margin-right: 14rem;
            background: linear-gradient(180deg, #e64c28, #f2e664);
            padding: 0.5rem 1rem;
            border-radius: var(--btn-v1-bdr-rds);
        }
    }
}

@media screen and (min-width: 1280px) and (max-width: 1499px) {

    .hdr .fnt_nv-pry {
        font-size: 12px !important; 
    }

    .hdr .fnt_t-3 {
        font-size: 16px !important;
    }

    .hdr .fnt_phn {
        font-size: 18px !important;
    }

}

@media screen and (min-width: 1500px) and (max-width: 1720px) {

    .hdr .fnt_nv-pry {
        font-size: 14px !important; 
    }

    .hdr .fnt_t-3 {
        font-size: 18px !important;
    }

    .hdr .fnt_phn {
        font-size: 18px !important;
    }

}