
.nav-link {

    position: relative;

    display: flex;

    align-items: center;

    gap: 7px;

    white-space: nowrap;

    font-size: 17px;

    font-weight: 700;

    color: #111827;

    padding: 18px 0;

    transition:
        color .25s ease,
        transform .25s ease;

}

.nav-link:hover {

    color: #11786f;

}


/* Home active */

.nav-link.active {

    color: #11786f;

}


/* Chevron */

.nav-chevron {

    font-size: 11px;

    transition:
        transform .25s ease;

}

.group:hover .nav-chevron {

    transform: rotate(180deg);

}


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

.nav-dropdown {

    position: relative;

}


/*
   Important:
   Dropdown starts immediately under nav
*/

.dropdown-menu {

    position: absolute;

    top: calc(100% + 0px);

    left: 50%;

    transform:
        translateX(-50%)
        translateY(10px);

    width: 330px;

    background: #11786f;

    border-top: 5px solid #ffa51c;

    box-shadow:
        0 15px 40px rgba(0,0,0,.18);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition:
        opacity .25s ease,
        transform .25s ease,
        visibility .25s ease;

    z-index: 9999;

}


/* Wider Admission dropdown */

.dropdown-wide {

    width: 350px;

}


/* Show dropdown */

.group:hover .dropdown-menu {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:
        translateX(-50%)
        translateY(0);

}


/* Dropdown item */

.dropdown-item {

    display: flex;

    align-items: center;

    min-height: 68px;

    padding: 0 36px;

    color: #ffffff;

    font-size: 17px;

    font-weight: 700;

    border-bottom:
        1px solid rgba(255,255,255,.10);

    transition:
        background .25s ease,
        padding-left .25s ease,
        color .25s ease;

}


/* Last item */

.dropdown-item:last-child {

    border-bottom: 0;

}


/* Hover */

.dropdown-item:hover {

    background: #0d6b63;

    color: #ffffff;

    padding-left: 43px;

}


/* =========================================
   MOBILE
========================================= */

.mobile-link {

    display: flex;

    align-items: center;

    min-height: 48px;

    padding: 0 14px;

    border-radius: 6px;

    color: #111827;

    font-size: 16px;

    font-weight: 700;

    transition: all .2s ease;

}


.mobile-link:hover {

    background: #f1f5f9;

    color: #11786f;

}


.mobile-dropdown-btn {

    width: 100%;

    min-height: 48px;

    padding: 0 14px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #111827;

    font-size: 16px;

    font-weight: 700;

    border-radius: 6px;

    transition: all .2s ease;

}


.mobile-dropdown-btn:hover {

    background: #f1f5f9;

    color: #11786f;

}


.mobile-arrow {

    font-size: 12px;

    transition:
        transform .25s ease;

}


.mobile-dropdown-btn.active .mobile-arrow {

    transform: rotate(180deg);

}


.mobile-submenu {

    display: none;

    margin: 0 10px 5px 14px;

    border-left:
        3px solid #ffa51c;

    background: #f8fafc;

}


.mobile-submenu.active {

    display: block;

}


.mobile-sub-link {

    display: block;

    padding: 12px 16px;

    color: #334155;

    font-size: 15px;

    font-weight: 600;

    border-bottom:
        1px solid #e5e7eb;

}


.mobile-sub-link:hover {

    color: #11786f;

    background: #eefbf9;

}


/* =========================================
   MOBILE TOP BAR
========================================= */

@media (max-width: 767px) {

    .site-address {

        display: none;

    }

}


/* =========================================
   TABLET
========================================= */

@media (min-width: 768px) and (max-width: 1279px) {

    .site-address {

        display: none;

    }

}


/* =========================================
   VERY SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .site-emailview {

        display: none;

    }

    .site-mobileview {

        font-size: 14px;

    }

}
