/* ---------------------------- SMARTMENUS OVERRIDES ------------------------- */

.sm-navbar {
    --sm-navbar-z-index: 1100;
    --sm-container-max-width: 1200px;
    --sm-sub-min-width: 14em;
    --sm-dropdowns-navbar-padding-y: 0;

    --sm-separator: rgba(38, 38, 38, 0.2);
    --sm-border: rgba(38, 38, 38, 0.1);
    --sm-text-shadow: none;
    --sm-box-shadow: rgba(0, 0, 0, 0.1);
    --sm-font-family: "DosisLight", sans-serif;
    --sm-font-size: 1.1rem;
    --sm-font-size-small: 1.1rem;
    --sm-line-height: 26px;
    --sm-border-radius: 0;
    --sm-border-radius-large: 0;
    --sm-border-radius-small: 0;
    --sm-dropdowns-navbar-bg: var(--brown-tint-90);
    --sm-collapsible-navbar-bg: var(--brown-tint-90);
    --sm-collapsible-navbar-color: var(--main-bg-color); /* hamburger icon color*/
    --sm-dropdowns-nav-link-expanded-bg: var(--brown-tint-50);
    --sm-dropdowns-nav-link-hover-bg: var(--brown-tint-40);
    --sm-dropdowns-nav-link-active-bg: var(--brown-tint-50);
    --sm-dropdowns-sub-link-hover-bg: var(--brown-tint-40);
    --sm-dropdowns-sub-bg: var(--brown-tint-90);
    --sm-collapsible-nav-link-hover-bg: var(--brown-tint-40);
    --sm-collapsible-sub-first-level-bg: var(--brown-tint-70);
    --sm-collapsible-sub-link-hover-bg: var(--brown-tint-40);
    --sm-collapsible-nav-link-expanded-bg: var(--brown-tint-50);
    --sm-collapsible-nav-link-active-bg: var(--brown-tint-50);
    --sm-collapsible-sub-link-active-bg: var(--brown-tint-40);
}

/* Not all menu item text color variables have been found, override them all this way */
.sm-nav-link , .sm-sub-toggler, .sm-has-sub, .sm-expanded, .sm-sub-link {
    color: var(--main-bg-color) !important;
}

.sm-toggler {
    margin-left: auto;
}

/* Ensure clickable area, fix for no opening submenus */
.sm-nav-link.sm-sub-toggler {
    position: relative;
    cursor: pointer;
    pointer-events: auto;
}