/*========== DESKTOP NAV ==========*/

.navbar .navbar-nav > li {
    float: right;
}

.navbar .navbar-static-top.navbar-nav {
    margin-top: 0;
}

#header-wrapper ul.nav {
    padding-right: 15px;
}

.navbar-static-top.navbar-nav li a {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #84A5E1;
    font-weight: 600;
}

.lang-small-charset-style .navbar-static-top.navbar-nav li a {
    font-size: 13px;
    font-weight: 400;
    /* make text-shadow a little more transparent than .25 */
    text-shadow: 0 1px 0 rgba(255,255,255,.15);
}

.navbar-static-top.navbar-nav li.top-level a.top-level:hover {
    color: #FFFFFF;
    background: transparent;
}

.navbar-static-top.navbar-nav > li > a {
    line-height: 15px;
}

.navbar-static-top.navbar-nav li.top-level {
    margin-right: 15px;
    padding-right: 14px;
    border-right: 1px solid #84A5E1;
    height: 13px;
}

.navbar-static-top.navbar-nav li.top-level a.top-level {
    padding: 0;
}

.navbar-static-top.navbar-nav li:first-of-type {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.wrapper .nav>li>a:hover, .wrapper .nav>li>a:focus {
    background-color: transparent;
}

/*===== TOP LEVEL =====*/
.navbar-nav {
    width: 100%;
    text-align: right;
    height: 16px;
    margin: 0;
}

#header-wrapper ul.nav.navbar-nav.navbar-top-desktop {
    position: relative;
    right: 0;
    top: 50px;
}

.navbar-nav li.top-level {
    display: inline-block;
    margin-right: 5px;
}

.navbar-nav li.top-level:first-of-type {
    margin-right: 0;
}

.navbar-nav li.dropdown:hover {
    background: transparent;
}

.navbar-nav li a {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #FFFFFF;
}

.lang-small-charset-style .navbar-nav li a {
    font-size: 15px;
}

.navbar-nav li.top-level a.top-level {
    position: relative;
    padding: 10px 20px 14px 20px;
}

.navbar-nav li.top-level:not(.active) a.top-level:hover {
    color: #84A5E1;
    background: transparent;
}

.navbar-nav li.top-level.active a.top-level {
    text-shadow: none;

    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;

    background: transparent;
}

.navbar-nav li.top-level.active.link3 a.top-level {
    background: #499E57;
}

.navbar-nav li.top-level.active.link2 a.top-level {
    background: #FFD257;
    color: #11265E;
}

.navbar-nav li.top-level.active.link1 a.top-level {
    background: #FF9C7C;
    color: #11265E;
}

/*===== END TOP LEVEL =====*/

/*===== SUB LEVEL =====*/
.navbar-nav li.top-level div.nav-drilldown {
    display: none;
    position: absolute;
    z-index: 1100;
    top: 42px;
    left: -40%;
    padding: 4px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    overflow: hidden;
}

.navbar-nav li.top-level:hover div.nav-drilldown {
    display: block;
}

.navbar-nav .nav-drilldown ul.dropdown-menu {
    display: block;
    position: relative;
    z-index: 1101;
    list-style: none;
    padding: 10px 0 6px 0;
    margin: 0;
    width: auto;
    min-width: 200px;
    background-color: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #EDEDE6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.navbar-nav .nav-drilldown ul.dropdown-menu li {
    padding: 0 20px;
    white-space: nowrap;
    position: relative;
}

.navbar-nav .nav-drilldown ul.dropdown-menu li a {
    color: #363636;
    cursor: pointer;
    letter-spacing: 0.03em;
    font-weight: 400;
    font-size: 15px;
    line-height: 42px;
    text-transform: uppercase;
    display: inline-block;
    height: 100%;
    position: relative;
    z-index: 4;
    padding: 0;
    margin-right: 30px;
}

.navbar-nav .nav-drilldown ul.dropdown-menu li a:hover {
    color: #dc671c;
    background: none;
}

/*===== END SUB LEVEL =====*/

/*===== PROFILE DROPDOWN =====*/

#navbar-profile {
    height: 44px;
    padding-left: 40px;
    margin-right: 15px;
}

#navbar-profile .avatar {
    float: left;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    font-family: 'Dancing Script', Georgia, serif;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    background: #2A5EEC;
}

#navbar-profile .avatar-link-blank .avatar {
    color: #11265E;
    background: #FFFFFF;
}

#navbar-profile .avatar-link-blank .avatar i.fa-solid {
    font-size: 30px;
    position: relative;
    top: 7px;
}

#navbar-profile .avatar img {
    display: block;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 18px;
}

#navbar-profile .account-label,
#navbar-profile .chevron-down {
    float: left;
    height: 100%;
    color: #FFFFFF;
    line-height: 38px;
    padding-left: 10px;
    font-size: 12px;
    font-weight: 400;
    text-transform: initial;
}

#navbar-profile a.navbar-profile-avatar-link {
    display: block;
    height: 100%;
}

#navbar-profile div.nav-drilldown {
    display: none;
    position: absolute;
    z-index: 1100;
    top: 44px;
    left: initial;
    right: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    overflow: hidden;
}

#navbar-profile:hover div.nav-drilldown {
    display: block;
}

#navbar-profile .nav-drilldown div.dropdown-menu {
    display: block;
    position: relative;
    z-index: 1101;
    padding: 10px 15px;
    margin: 0;
    width: auto;
    min-width: 160px;
    background-color: #11265E;
    border-radius: 0 0 5px 5px;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #FFFFFF;
    font-size: 15px;
    text-align: right;
}

#navbar-profile .nav-drilldown div.dropdown-menu ul {
    list-style: none;
}

#navbar-profile .nav-drilldown div.dropdown-menu ul li {
    padding: 5px 0;
}

#navbar-profile .nav-drilldown div.dropdown-menu ul a {
    color: #FFFFFF;
}

#navbar-profile .nav-drilldown div.dropdown-menu ul a:hover {
    text-decoration: none;
    color: #84A5E1;
}

/*===== END PROFILE DROPDOWN =====*/

/*========== END DESKTOP NAV ==========*/


/*========== MOBILE NAV ==========*/
.hamburger {
    display: none;
    position: absolute;
    z-index: 413;
    top: 13px;
    right: 10px;
    padding: 20px;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 24px;
}

#mobile-nav-wrapper {
    position: fixed;
    z-index: 5000;
    top: 95px;
    right: -320px;
    width: 320px;
    height: 100%;
    height: calc(100% - 90px);
    padding: 0 20px;
    background-color: #2A5EEC;
    overflow-y: auto;
}

#mobile-nav-wrapper #mobile-nav {
    width: 100%;
    margin-top: 20px;
}

#mobile-nav-wrapper li {
    float: left;
    width: 100%;
}

#mobile-nav-wrapper a {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 16px 0 16px 15px;
    box-sizing: border-box;
}

#mobile-nav-wrapper a:hover {
    text-decoration: none;
    color: #84A5E1;
}

#mobile-nav-wrapper li.links a.top-level {
    width: calc(100% - 65px);
}

#mobile-nav-wrapper li span.drop-arrow {
    float: right;
    width: 65px;
    height: 65px;
    background: url('/static/images/nav/down_arrow.png?89faaf6f82fb') center no-repeat;
    border-bottom: 1px solid #565656;
    cursor: pointer;
}

#mobile-nav-wrapper li span.drop-arrow:hover {
    background-color: #8DB7C9;
}

#mobile-nav-wrapper ul {
    width: 100%;
    list-style: none;
}

#mobile-nav-wrapper .sub-level-wrapper {
    float: left;
    width: 100%;
    height: 0;
    overflow: hidden;
}

#mobile-nav-wrapper a.sub-level {
    width: calc(100% - 35px);
    margin-left: 35px;
    padding-left: 10px;
}

#mobile-nav-wrapper a.sub-level.last {
    width: 100%;
    margin-left: 0;
    padding-left: 45px;
}
/*========== END MOBILE NAV ==========*/

/*========== RESPONSIVENESS ==========*/
@media (max-width: 1199px) {
    .long-nav .nav {
        display: none;
        visibility: hidden;
    }

    .long-nav .hamburger {
        display: block;
    }
}

@media (max-width: 991px) {
    .nav {
        display: none;
        visibility: hidden;
    }

    .hamburger {
        display: block;
    }
}

@media (max-width: 767px) {
    .navbar-nav li.top-level {
        margin-right: 20px;
    }
}

@media (max-width: 991px) {
    #header #beta-tag {
        left: 260px;
        top: -18px;
        font-size: 18px;
    }
}

@media (max-width: 370px) {
    #header #beta-tag {
        left: 200px;
        top: -10px;
        font-size: 14px;
    }
}
/*========== END RESPONSIVENESS ==========*/

/*========== COVID-19 SPECIAL LINK ==========*/

.navbar-nav li.top-level.last.special-nav-link {
    position: relative;
    top: -1px;
}

.navbar-nav li.top-level.last.special-nav-link a.top-level {
    color: #F7AF2A;
    /* make text-shadow stand out more */
    text-shadow: 0 1px 0 rgba(247,175,42,.65);
}

.navbar-nav li.top-level.last.special-nav-link a.top-level:hover {
    color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(255,255,255,.25);
}

.navbar-nav li.top-level a.top-level img {
    display: inline-block;
    margin-right: 4px;
}