/*
Theme Name: Oak St
Author: Local Starter Themes
Author URI: https://localstarterthemes.com
Description: A dark block theme for barbershops, hair salons, and grooming studios. Elegant serif headlines, brass accents, services and pricing section, photo gallery, and contact details — everything a barber or men's salon needs to look professional online. Starter patterns included. No page builder required.
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oak-st
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, wide-blocks, block-styles, portfolio
*/

.is-style-no-wrap {
    white-space: nowrap;
}

.wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--surface, #131313) !important;
    color: var(--wp--preset--color--on-surface, #e5e2e1) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item a {
    color: var(--wp--preset--color--on-surface-variant, #d0c5b5) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item a:hover {
    color: var(--wp--preset--color--primary, #e5c487) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close-button {
    color: var(--wp--preset--color--primary, #e5c487) !important;
}

@media screen and (max-width: 600px) {
    .wp-block-navigation__responsive-container {
        padding: 2rem !important;
    }

    .wp-block-navigation__responsive-container-content {
        align-items: center !important;
    }

    .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
       align-items: center !important;
    }
}