/* Main nav v03 (style 2, bold underline). Loaded from the Top Level- v2 layout.
   Styles only the main nav links. The logo, black top bar, dropdown panels and mobile menu are unchanged.
   The is-current class is added by a short script in Top Level- v2, right after the header. */

.v02 header .main ul.main-nav > li > a {
    position: relative;
    font-weight: 600;
    color: #161616;
}
.v02 header .main ul.main-nav > li > a::after {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: -2px;
    height: 3px;
    border-radius: 2px;
    background: #CD0202;
    transform: scaleX(0);
    transition: transform .2s ease;
}
.v02 header .main ul.main-nav > li:hover > a,
.v02 header .main ul.main-nav > li > a:focus-visible,
.v02 header .main ul.main-nav > li > a.is-current {
    color: #CD0202;
}
.v02 header .main ul.main-nav > li:hover > a::after,
.v02 header .main ul.main-nav > li > a:focus-visible::after,
.v02 header .main ul.main-nav > li > a.is-current::after {
    transform: scaleX(1);
}

/* The links used to run past the right edge below about 1366px wide. Tighten spacing and size there. */
@media (min-width: 64em) and (max-width: 74.99875em) {
    .v02 header .main ul.main-nav > li {
        margin-left: 12px;
    }
    .v02 header .main ul.main-nav > li > a {
        font-size: 16px;
    }
}
@media (min-width: 75em) and (max-width: 85.36875em) {
    .v02 header .main ul.main-nav > li {
        margin-left: 22px;
    }
    .v02 header .main ul.main-nav > li > a {
        font-size: 17px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v02 header .main ul.main-nav > li > a::after {
        transition: none;
    }
}