.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;
	}
}