/* Mobile Hamburger Menu */

@media (max-width: 767px) {
    .site-navigation {
        display: none;
        background: #1a1a1a;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 999;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }

    .site-navigation.js-toggled {
        display: block;
    }

    .nav-menu {
        flex-direction: column;
    }

    .nav-menu > li > a {
        padding: 14px 20px;
        border-bottom: 1px solid #333;
    }

    .nav-menu > li > .sub-menu {
        position: static;
        box-shadow: none;
        background: #222;
        border-radius: 0;
    }

    .nav-menu > li > .sub-menu li a {
        padding-left: 36px;
        color: #ccc;
    }

    .nav-menu > li:hover > .sub-menu {
        display: block;
    }
}