/* Bootstrap 5 main menu style */
.main-nav nav a,
.main-nav nav a:link,
.main-nav nav a:visited {
    color: var(--gt-black);
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.1;
    text-decoration: none;
    transition: all .2s ease-in-out;
}

.main-nav nav ul li {
    border-right: 2px solid var(--gt-gold);
}

.main-nav nav ul.utility-navigation li {
    border-right: none;
}

.main-nav nav ul li:last-child,
.main-nav nav ul li ul li,
.main-nav nav ul li ul li ul li {
    border-right: none;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding: .2rem .5rem;
}

.main-nav button {
    background: inherit;
    border: none;
}

/* Dropdowns */
.main-nav .dropdown-item,
.main-nav .dropdown-toggle {
    white-space: inherit;
}

.dropdown-item.menu-item--level-2 {
    color: var(--gt-drk-gold);
    font-size: .9rem;
}

.main-nav .dropdown-item.menu-item--level-2 a,
.main-nav .dropdown-item.menu-item--level-2 a:link,
.main-nav .dropdown-item.menu-item--level-2 a:visited {
    font-weight: 400;
    color: var(--gt-black);
}

.main-nav .dropdown-item.menu-item--level-2 a:hover {
    color: var(--gt-black);
}

.dropdown-item.menu-item--level-3:hover {
    background-color: var(--gt-gray-200);
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent;
}

.dropdown-item.menu-item--level-2 {
    border-bottom: 1px solid var(--gt-gray-400);
    padding: .5rem .5rem .5rem 1rem;
    font-weight: 600 !important;
}

.dropdown-toggle.nav-link- {
    padding: 0;
    display: block;
}

.main-nav .dropdown,
.main-nav .dropdown-center,
.main-nav .dropend,
.main-nav .dropstart,
.main-nav .dropup,
.main-nav .dropup-center {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.1;
    text-decoration: none;
    cursor: pointer;
}

.main-nav .nav-link.dropdown-toggle {
    color: var(--gt-black);
    display: flex;
}

.main-nav nav .dropdown-menu {
    border: 0;
    border-radius: 0;
    border-bottom: 5px solid var(--gt-gold);
    box-shadow: 0 6px 5px 0 rgba(0, 0, 0, .3);
    min-width: 14rem;
}

.dropdown-menu.menu--level-3 {
    display: contents;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
}

/* Utility Nav */

.utility-navigation a.nav-link {
    display: flex;
}

.utility-navigation .navbar-nav li {
    margin: -3px 0 0;
}

.utility-navigation.navbar-nav .nav-link {
    font-size: .9rem;
    font-weight: 400;
    color: var(--gt-drk-gold);
    line-height: 1.1;
    text-decoration: none;
    cursor: pointer;
}

.utility-navigation a::after {
    content: ' ';
    background-image: url("/themes/contrib/gt_theme/images/gt-gold-chevron.svg");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    display: inline-block;
    height: .9rem;
    width: .78rem;
    bottom: -.1rem;
    position: relative;
    margin-left: .1rem;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0;
    vertical-align: 0;
    border-top: none;
    border-right: none;
    border-bottom: 0;
    border-left: 0;
}

.dropdown-toggle::after {
    content: ' ';
    background-image: url("/themes/contrib/gt_theme/images/gt-gold-chevron.svg");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    display: inline-block;
    height: .7rem;
    width: .5rem;
    bottom: -.1rem;
    margin-left: .5rem;
    position: relative;
    transform: rotate(90deg);
}

.dropdown-toggle.show::after {
    content: ' ';
    background-image: url("/themes/contrib/gt_theme/images/gt-gold-chevron.svg");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    display: inline-block;
    height: .7rem;
    width: .5rem;
    bottom: -.1rem;
    margin-left: .5rem;
    position: relative;
    transform: rotate(-90deg);
}

.main-nav .navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0;
}

.main-nav .nav-link {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0;
}

@media (max-width: 991.98px) {
    .main-nav nav ul li {
        border-right: none;
        border-bottom: 1px solid var(--gt-gray-400);
        padding: .5rem 0;
    }
}
