.slideout-overlay { height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 500; } .slideout-navigation { width: 230px; visibility: hidden; overflow-y: auto; } @media (min-width: 400px) { .slideout-navigation { width: 270px; } } .slideout-navigation .slideout-menu { display: block; } #generate-slideout-menu { z-index: 100000; } #generate-slideout-menu .slideout-menu > li { float: none; width: 100%; text-align: left; } #generate-slideout-menu .menu-toggle { display: none; } #generate-slideout-menu.main-navigation ul { display: block; } #generate-slideout-menu.main-navigation ul ul { display: none; } @media ( min-width: 769px ) { .sf-menu > li.slideout-toggle { float: right; } .gen-sidebar-nav .sf-menu > li.slideout-toggle { float: none; } } #generate-slideout-menu.main-navigation.toggled .main-nav > ul { display: block; } #generate-slideout-menu.main-navigation ul li:hover > ul { display: none; } #generate-slideout-menu .slideout-menu li:hover > ul, #generate-slideout-menu .slideout-menu li.sfHover > ul { display: none; } #generate-slideout-menu .sub-menu.toggled-on, #generate-slideout-menu .children.toggled-on { display: block !important; } #generate-slideout-menu.main-navigation .main-nav ul li .dropdown-toggle { display: block; } #generate-slideout-menu.main-navigation li a.dropdown-toggle { position: absolute; top: 0; right: 0; } #generate-slideout-menu .slideout-menu .menu-item-has-children > a:first-child, #generate-slideout-menu .slideout-menu .page_item_has_children > a:first-child { padding-right: 1em; } #generate-slideout-menu .slideout-menu .menu-item-has-children > a:first-child:after, #generate-slideout-menu .slideout-menu .page_item_has_children > a:first-child:after { display: none; } #generate-slideout-menu .slideout-menu > li { float: none; clear: both; } #generate-slideout-menu.main-navigation .main-nav ul ul { position: relative; top: 0; left: 0; width: 100%; } .slideout-toggle a:before { content: "\f0c9"; font-family: FontAwesome; } .sticky-menu-no-transition.pushable > .pusher { overflow: visible; } #generate-slideout-menu li.menu-item-float-right { float: none !important; display: inline-block; width: auto; } .main-navigation .menu-toggle.opened:before, .slideout-toggle.opened a:before { content: "\f00d"; font-family: FontAwesome; } .main-navigation .menu-toggle:before { content: "\f0c9"; font-family: FontAwesome; } @media (max-width: 768px) { .slideout-desktop .slideout-toggle { display:none; } }