/* nav */


.menubar, .menu {
    background-color: var(--menu--navbar-bg-color);
}

.menu .menu {
    background-color: var(--menu--navbar-dropdown-bg-color, var(--menu--navbar-bg-color));
}

.menu .menu a:hover {
    color: var(--navbar-dropdown-a-hover, var(--navbar-color-hover));
}

.menu li a {
    cursor: pointer;
}

.menu li a:hover {
    color: var(--navbar-color-hover)
}

.menu-subhead, a.menu-subhead:hover {
    color: var(--navbar-subhead) !important;
}


.menu li.highlight > a {
    background-color: var(--navbar-highlight-bgcolor);
    color: var(--navbar-highlight-color, white);
}

.menu li.highlight a:hover {
    background-color: var(--navbar-highlight-bgcolor-hover);
    color: var(--navbar-highlight-color-hover, white);
}


.breadcrumbs {
    background: var(--breadcrumb-bgcolor);

}

.breadcrumbs a, .breadcrumbs span {
    color: var(--breadcrumb-color, #333);
}