/* Loaded after the compiled theme so the active navigation state cannot be
   overwritten by Bootstrap Package's default link color. */
.site-header .navbar-nav li.active > a,
.site-header .navbar-nav li.current > a,
.site-header .navbar-nav a.active,
.site-header .navbar-nav a[aria-current="page"] {
    color: var(--bs-primary, #f39123) !important;
}

.site-header .navbar ul ul li.active > a,
.site-header .navbar ul ul li.current > a,
.site-header .navbar ul ul a.active,
.site-header .navbar ul ul a[aria-current="page"] {
    color: var(--bs-primary, #f39123) !important;
    background-color: rgba(var(--bs-primary-rgb, 243, 145, 35), 0.08);
}

@media (max-width: 991.98px) {
    .site-header .navbar-toggler {
        width: 40px;
        height: 36px;
        top: 50%;
        background: var(--bs-primary, #f39123) !important;
        transform: translateY(-50%);
    }

    .site-header .navbar-toggler::after {
        top: 17px;
        right: 11px;
        width: 18px;
        height: 7px;
    }

    .site-header .navbar-toggler::before {
        top: 12px;
        right: 11px;
        width: 18px;
    }

    .site-header .navbar-toggler.menu-opened::after,
    .site-header .navbar-toggler.menu-opened::before {
        top: 18px;
        width: 18px;
    }
}