/*
 * Public header isolation.
 *
 * Staff tool pages load Django admin base.css after the site stylesheet.
 * Admin's `ul > li { list-style-type: square }` and global `a:link` / `li`
 * font rules leak into the shared .menu-bar, which shows square bullets and
 * overlapping labels (especially with Internal + Admin links).
 *
 * New object key: CloudFront caches prior CSS immutably by path.
 */

.menu-bar .menu-items {
        min-width: 0;
}

.menu-bar .menu-items ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        list-style: none;
        margin: 0;
        padding: 0;
}

.menu-bar .menu-items ul > li,
.menu-bar .menu-items li {
        float: none;
        list-style: none;
        margin: 0;
        padding: 0;
        font-family: Oswald, sans-serif;
        font-size: 17px;
        line-height: 1.2;
        color: #ffffff;
        text-transform: uppercase;
}

.menu-bar .menu-items li a,
.menu-bar .menu-items li a:link,
.menu-bar .menu-items li a:visited {
        color: #ffffff;
        font-family: Oswald, sans-serif;
        font-size: 17px;
        line-height: 1.2;
        text-decoration: none;
        padding: 6px 8px;
        border-bottom: 2px solid transparent;
        display: inline-block;
        letter-spacing: 0.03em;
        white-space: nowrap;
        background: transparent;
}

.menu-bar .menu-items li a:hover,
.menu-bar .menu-items li a:focus {
        color: #ffffff;
        border-bottom-color: #C3B44E;
        background: transparent;
        text-decoration: none;
        outline: none;
}