/* Shared header design, based on the announcements page. */
header.site-header {
    padding-top: 0;
    padding-bottom: 0;
}

header.site-header>.container>.col-12>.d-flex {
    height: 140px;
    min-height: 0;
}

header.site-header .navbar-brand {
    display: flex;
    align-items: center;
}

header.site-header .navbar-brand img {
    width: 95px;
    height: auto;
    margin: 0;
}

header.site-header .navbar-brand img.sticky-logo {
    display: none;
}

header.site-header.stick .navbar-brand img:not(.sticky-logo) {
    display: none;
}

header.site-header.stick .navbar-brand img.sticky-logo {
    display: block;
}

header.site-header.stick .navbar-brand img.sticky-logo {
    width: 85px;
    animation: none;
}

header.site-header.stick>.container>.col-12>.d-flex {
    height: 104px;
}

header.site-header #desktop_menu,
header.site-header .right-navs {
    margin-top: 0;
}

header.site-header #desktop_menu>.navbar-nav {
    align-items: center;
}

header.site-header #desktop_menu .nav-item .nav-link {
    display: flex;
    align-items: center;
    min-height: 42px;
}

header.site-header #desktop_menu .media-menu {
    height: 42px;
    display: flex;
    align-items: center;
}

header.site-header #desktop_menu .media-menu>.dropdown-menu {
    position: absolute !important;
    top: 100%;
}

@media (max-width: 991px) {
    header.site-header>.container>.col-12>.d-flex,
    header.site-header.stick>.container>.col-12>.d-flex {
        height: 86px;
        min-height: 0;
    }

    header.site-header .navbar-brand img,
    header.site-header.stick .navbar-brand img.sticky-logo {
        width: 82px;
    }

}

/* Shared dropdown styling is versioned with the header on every page. */
header.site-header #desktop_menu .media-menu { position: relative; }
header.site-header #desktop_menu .media-menu > .dropdown-menu {
    display: block;
    min-width: 215px;
    margin-top: 0;
    background: #fff;
    padding: 10px;
    top: 100%;
    left: 50%;
    border: 1px solid rgba(92, 44, 140, .1);
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(27, 20, 50, .16);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
header.site-header #desktop_menu .media-menu:hover > .dropdown-menu,
header.site-header #desktop_menu .media-menu > .dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%);
}
header.site-header #desktop_menu .media-menu > .dropdown-menu::before {
    content: "";
    position: absolute;
    inset: -9px 0 auto;
    height: 9px;
}
header.site-header .media-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    color: #21214d;
    font-size: 14px;
    font-weight: 600;
    border-radius: 9px;
}
header.site-header .media-menu .dropdown-item i { width: 18px; color: var(--theme-blue); text-align: center; }
header.site-header .media-menu .dropdown-item:hover,
header.site-header .media-menu .dropdown-item:focus { color: var(--theme-blue); background: #f2ecf8; }
header.site-header .offcanvas-body .media-menu > .dropdown-menu {
    position: static !important;
    transform: none !important;
    margin: 3px 0 10px 14px;
    padding: 5px;
    border: 0;
    border-left: 2px solid rgba(255,255,255,.3);
    border-radius: 0;
    background: transparent;
}
header.site-header .offcanvas-body .media-menu .dropdown-item { color: #fff; }
header.site-header .offcanvas-body .media-menu .dropdown-item:hover { color: #fff; background: rgba(255,255,255,.1); }