/* =========================
   MOBILE MENU ANIMATION
========================= */

#mobile-menu {
    opacity: 0;
    visibility: hidden;
    transition:
        opacity .35s ease,
        visibility .35s ease;
}

#mobile-menu.menu-open {
    opacity: 1;
    visibility: visible;
}

#mobile-menu-panel {
    transform: translateX(100%);
    transition:
        transform .45s cubic-bezier(.22,.61,.36,1);
}

#mobile-menu.menu-open #mobile-menu-panel {
    transform: translateX(0);
}

.mobile-link,
.mobile-phone {
    opacity: 0;
    transform: translateX(18px);
    transition:
        opacity .35s ease,
        transform .35s ease;
}

#mobile-menu.menu-open .mobile-link,
#mobile-menu.menu-open .mobile-phone {
    opacity: 1;
    transform: translateX(0);
}

/* Stagger */

.mobile-link:nth-child(1){transition-delay:.08s;}
.mobile-link:nth-child(2){transition-delay:.13s;}
.mobile-link:nth-child(3){transition-delay:.18s;}
.mobile-link:nth-child(4){transition-delay:.23s;}
.mobile-link:nth-child(5){transition-delay:.28s;}

.mobile-phone{
    transition-delay:.34s;
}