/* css/responsive.css */

/* Mobile Menu Animation Classes */
#mobile-menu {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* When the menu is open */
#mobile-menu.menu-open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

/* When the menu is closed */
#mobile-menu.menu-closed {
    transform: translateY(-20px);
    opacity: 0;
    pointer-events: none;
}