#navcontrols {
	display:			block;
}

#navwrap {
	position:			fixed;
	z-index: 			40;
	box-sizing: 		border-box;
	
	height:				100%;
	width:				340px;
	
	top:				100%;
	left:				20px;
	
	max-width: 			100%;
	
	padding:			20px 20px 0 20px;
	
	z-index:			91;
	
	transition: 		all 1s;
	
	background-color:	rgba(0,0,0,0.66);
}

.navopen #navwrap {
	top:				100px;	
}

.navopen #contentwrap #primary {
	opacity:			0;
}

#navwrap ul,
#navwrap li {
	text-align:			center;
	
	display:			block;
	
	margin:				0;
}

#navwrap a,
#navwrap a:link,
#navwrap a:visited {
	margin:				0;
	padding:			10px 0;
	
	height:				auto;
	line-height:		105%;
	
	transition: 		none;
}

#navwrap ul ul,
#navwrap ul ul li {
	position:			relative !important;
	top:				auto !important;
	left:				auto !important;
	width:				auto !important;
	
	margin:				0 !important;
	padding:			0 !important;
	
	opacity:			1 !important;
}

#navwrap ul ul {
	margin:				10px 0 !important;
}

#navwrap li li a,
#navwrap li li a:link,
#navwrap li li a:visited {
	display:			none;
	
	margin:				0;
	padding:			10px 0;

	width:				auto !important;
}

#navwrap li.menu-item-has-children:after {
	display:			none;
}


#navwrap li.current-menu-item li a,
#navwrap li.current-menu-parent li a {
	display:			block;
}

#navwrap nav:hover .menu > .current-menu-item > a,
#navwrap nav:hover .menu > .current-menu-ancestor > a {
	border-color:		rgb(255,255,255);
}