.navbar.site-nav {
    background: var(--ink) !important;
    padding: 0;
    font-family: cambria;
}

.site-nav .navbar-nav .nav-link {
    color: #E7EAF2;
    font-family: cambria;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .03em;
    padding: 18px 16px !important;
    border-bottom: 3px solid transparent;
}

.site-nav .navbar-nav .nav-link:hover,
.site-nav .navbar-nav .nav-link.active {
    color: var(--brass-light);
    border-bottom-color: var(--brass);
}

.site-nav .dropdown-menu {
    background: var(--white);
    border: none;
    border-top: 3px solid var(--brass);
    border-radius: 0;
    box-shadow: 0 14px 30px rgba(11,21,38,.18);
    padding: 8px 0;
}

.site-nav .dropdown-item {
    font-size: 13.5px;
    padding: 9px 20px;
    color: var(--ink);
}

.site-nav .dropdown-item:hover {
    background: #16294B;
    color: #fff;
}

.site-nav .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 6px;
    font-size: 11px;
}

@media (min-width: 992px) {
    .site-nav .nav-item .dropdown-menu {
        display: block;
        margin-top: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(6px);
        transition: .25s ease;
    }
    .site-nav .nav-item:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

.navbar-toggler { border-color: var(--line-dark); }
.navbar-toggler-icon {
    filter: invert(1);
}