/* HAMBURGER MENU https://codepen.io/accountschool/details/vYEgmXm    */

#menu-wrapper 					{	overflow: 			hidden;
									width: 				100%;
    								cursor: 			pointer;
									color: 				var(--ohng-red);
}
#menu-wrapper #hamburger-menu 	{	position: 			relative;
    								width: 				25px;
    								height: 			20px;
    								margin: 			15px;
}
#menu-wrapper 
#hamburger-menu span 			{	opacity: 			1;
    								left: 				0;
    								display: 			block;
    								width: 				100%;
    								height: 			2px;
    								border-radius: 		10px;
    								color: 				black;
    								background-color: 	var(--ohng-red);
    								position: 			absolute;
    								transform: 			rotate(0deg);
    								transition: 		.4s ease-in-out;
}
#menu-wrapper #hamburger-menu 		span:nth-child(1) 	{top: 0;}
#menu-wrapper #hamburger-menu 		span:nth-child(2) 	{top: 9px;}
#menu-wrapper #hamburger-menu 		span:nth-child(3) 	{top: 18px;}
#menu-wrapper #hamburger-menu .open	span:nth-child(1) 	{transform: translateY(9px) rotate(135deg);}
#menu-wrapper #hamburger-menu .open span:nth-child(2) 	{opacity: 0; transform: translateX(-60px);}
#menu-wrapper #hamburger-menu .open span:nth-child(3) 	{transform: translateY(-9px) rotate(-135deg);}

#menu-container .menu-list 	  .menu-submenu 			{padding-top: 10px; padding-bottom: 10px;}
#menu-container .menu-list 	   {	padding-left: 		.5;
							    	padding-right: 		1;
							   	 	display: 			block;
							    	position: 			absolute;
							    	width: 				100%;
							    	max-width: 			450px;
							    	background: 		white;
							   	 	box-shadow: 		rgba(100,100,100,0.2) 6px 2px 10px;
							    	z-index: 			999;
							    	overflow-y: 		auto;
							    	overflow-x: 		hidden;
							    	left: 				-100%;
}
#menu-container .menu-list 		
li.accordion-toggle, 
#menu-container 
.menu-list .menu-login 			{	padding: 			5px;
							    	text-transform: 	uppercase;
							    	border-top: 		1px solid var(--ohng-blue);
}
#menu-container .menu-list 			li:first-of-type 	{ border-top: 0;}
.accordion-toggle, 
.accordion-content				{	cursor: pointer; position: relative; letter-spacing: 0px;}
.accordion-content 				{	display: none;}
.accordion-toggle a:before, 
.accordion-toggle a:after 		{	content: 			'';
   									display: 			block;
									position: 			absolute;
									top: 				50%;
									right: 				30px;
									width: 				15px;
									height: 			2px;
									margin-top: 		-1px;
									background-color: 	var(--ohng-dark-gray)  ;
									transform-origin: 	50% 50%;
									transition: 		all 0.3s ease-out;
}
.accordion-toggle a:before 			{transform: 		rotate(-90deg); 		opacity: 1; z-index: 2;}
.accordion-toggle.active-tab 		{background: 		var(--ohng-light-gray);	transition: all 0.3s ease;}
.accordion-toggle a.active:before 	{transform: 		rotate(0deg); 			background: var(--ohng-blue) !important;}
.accordion-toggle a.active:after 	{transform: 		rotate(180deg); 		background: white !important; opacity: 0;}