/* LISTEN MOBILE NAV FIX
   Loaded after style.css so these rules override older mobile menu rules. */

.listen-mobile-directory {
    display: none;
}

@media (max-width: 820px) {
    .listen-mobile-directory {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        margin-right: 10px;
        min-height: 44px;
        padding: 0 4px;
        color: #fff;
        font-size: .9rem;
        line-height: 1.1;
        text-decoration: none;
        white-space: nowrap;
    }

    .listen-mobile-directory:visited,
    .listen-mobile-directory:active,
    .listen-mobile-directory:focus {
        color: #fff;
        text-decoration: none;
    }

    /* Song Directory is already permanently visible in the top bar. */
    #listen-topbar-menu a[href$="directory.php"] {
        display: none;
    }

    .listen-mobile-menu-button {
        margin-left: 0;
        flex: 0 0 auto;
    }
}

@media (max-width: 480px) {
    .listen-mobile-directory {
        margin-right: 5px;
        font-size: .82rem;
    }
}