/*
 * This stylesheet gets activated depending on the breakpoint-option set with Customizer.
 * It displays the menu-icon and hides the header navigation and the left sidebar.
 */

/* Show */
#menu-toggle, .no-svg #fallback--svg-menu-toggle-icon{ display: block; }

/* Hide */
body.mobile-menu .nav-menu, .font-sizing{ display: none; }

/* Modify */
header#masthead{ width: 100%; padding: 0; }

#logo{ float: none; padding: 25px 0 0 2.5%; }

.primary-navigation{
    float: none;
    width: 100%; height: auto; line-height: normal;
    margin-top: 25px;
    text-align: center;
}
    .no-js .primary-navigation li{ display: block; }
    .no-js .primary-navigation .sub-menu{ border-top: 1px solid #000; border-bottom: 1px solid #000; }
    .no-js .primary-navigation a{ display: block; padding: 10px 0; }
    .no-js .primary-navigation .menu-item-has-children > a, .no-js .primary-navigation .page_item_has_children > a{
        padding-right: 0;
    }
        .no-js .primary-navigation .menu-item-has-children > a:after, .no-js .primary-navigation .page_item_has_children > a:after{
            display: none;
        }

.no-js .nav-menu{ float: none; padding-bottom: 36px; }

body.mobile-menu #primary{ width: 100%; margin-left: 0; }

/* Non-JS users */
.no-js .menu-toggle{ display: none; }