/* Sidebar Navigation Styles */
#hamburger-menu .sidebar-nav {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

#hamburger-menu .nav-level-1 { z-index: 1; }
#hamburger-menu .nav-level-2 { z-index: 2; }

/* Animation Classes */
#hamburger-menu .sidebar-nav-close {
    animation: sidebar-nav-close 250ms cubic-bezier(0.60, 0, 0.60, 1);
}
#hamburger-menu .sidebar-nav-show {
    display: block;
    animation: sidebar-nav-show 250ms cubic-bezier(0.60, 0, 0.60, 1);
}

/* Keyframe Animations */
@keyframes sidebar-nav-show {
    from { left: -100%; }
    to { left: 0; }
}
@keyframes sidebar-nav-close {
    from { opacity: 1; display: block; left: 0; }
    to { opacity: 0; display: none; left: -100%; }
}

/* Nav Item Styles */
#hamburger-menu .nav-item {
    transition: all 250ms cubic-bezier(0.5, 0.5, 0,1);
}
#hamburger-menu .nav-item .active {
    background-color: var(--bs-white);
    color: var(--bs-black);
}
#hamburger-menu .nav-item:hover {
    padding-left: 1rem !important;
    background-color: #d4d3d3;
    color: var(--bs-black);
}