.folio-nav-drawer {
    background: rgba(255, 255, 255, 1.0);
    border-radius: 1.3rem;
    box-shadow: 0.5em 0.5em 1.3em rgba(0, 0, 0, 0.10);
    height: auto !important;
    max-height: none !important;
}

.folio-nav-drawer-menu {
    padding: 8px;
    text-transform: uppercase;
}

.folio-nav-drawer-menu .mud-nav-link {
    padding: 7px 12px !important;
    border-radius: 2rem;
    transition: all 0.3s ease;
    background: transparent;
}

.folio-nav-drawer-menu .mud-nav-link:hover:not(.mud-nav-link-disabled) {
    background: rgba(0, 46, 98, 0.1);
}

/* Change the icon color when for the active link */
.folio-nav-drawer-menu .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
    color: var(--mud-palette-primary);
}

/* The global a / a:visited rules in NewCroweStyles.css would otherwise colour inactive links */
.folio-nav-drawer-menu .mud-nav-link:not(.active):not(.mud-nav-link-disabled),
.folio-nav-drawer-menu .mud-nav-link:not(.active):not(.mud-nav-link-disabled):visited {
    color: var(--mud-palette-text-primary);
}

.folio-nav-drawer-menu .mud-nav-link .mud-nav-link-icon {
    font-size: 21px;
}

/* Group title */
.folio-nav-drawer-menu .mud-nav-group > .mud-nav-link {
    margin-bottom: 5px;
    padding: 0 8px !important;
    font-size: 11px;
}

.folio-nav-drawer-menu .mud-nav-group > .mud-nav-link .mud-nav-link-text {
    margin: 0 !important;
}

.folio-nav-drawer-menu .mud-nav-group > .mud-nav-link:hover:not(.mud-nav-link-disabled) {
    background: transparent;
}

.folio-nav-drawer-menu .mud-nav-group .mud-nav-link-expand-icon {
    color: var(--mud-palette-text-disabled);
    font-size: 1.25rem;
}

/* The mini (collapsed) drawer is too narrow for the group title, so show only the icons */
.folio-nav-drawer.mud-drawer--closed .mud-nav-group > .mud-nav-link {
    display: none;
}

.folio-nav-drawer.mud-drawer--closed .folio-nav-drawer-menu {
    padding: 6px;
}

.folio-nav-drawer.mud-drawer--closed .folio-toggle-drawer-icon {
    padding: 8px;
}

.folio-nav-drawer-menu-text {
    font-size: 13px;
    font-weight: 500;
}