/*
*   Turin (WordPress)
*   Copyright 2016, Limitless
*   www.limitless.company
*/

header.header .menu {
  		overflow: inherit;
}

header.header .menu .toggle {	
		right: 18px;
		/*width: 3px;
		height: 3px;*/
		width: 5px;
		height: 5px;
		border-radius: 50%;
}
	
header.header .menu .toggle:before, 
header.header .menu .toggle:after {
		/*width: 3px;
		height: 3px;*/
		width: 5px;
		height: 5px;
		border-radius: 50%;
}
	
header.header .menu .toggle:before {
    top: -10px;
}
	
header.header .menu .toggle:after {
    bottom: -10px;
}

header.header.active .menu .toggle:before {		
	top: 0px;
	/*-ms-transform: rotate(-45deg) translate(-7px, -7px);
	-webkit-transform: rotate(-45deg) translate(-7px, -7px);
	transform: rotate(-45deg) translate(-7px, -7px);*/
	
	width: 3px;
	height: 3px;
	-ms-transform: rotate(-45deg) translate(-10px, -10px);
	-webkit-transform: rotate(-45deg) translate(-10px, -10px);
	transform: rotate(-45deg) translate(-10px, -10px);
		
}

header.header.active .menu .toggle:after {		
	bottom: 0px;

	/*-ms-transform: rotate(45deg) translate(-7px, 7px);
	-webkit-transform: rotate(45deg) translate(-7px, 7px);
	transform: rotate(45deg) translate(-7px, 7px);	*/
	
	-webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.5);
	  box-shadow: 0 2px 1px 1px rgba(0,0,0,0.5);
	  
	width: 3px;
	height: 3px;
	-ms-transform: rotate(45deg) translate(-11px, 9px);
	-webkit-transform: rotate(45deg) translate(-11px, 9px);
	transform: rotate(45deg) translate(-11px, 9px);
		
}

header.header.active .menu .toggle:before, 
header.header.active .menu .toggle:after {
	  width: 20px;
	  border-radius: 0;
}

header.header.active .menu .toggle {
			top:9px;	
}
	
.home header:not(.active) .logo, 
.home header:not(.active) .logo:hover {
    opacity: 0;
}	

nav.navigation.active {
	background: #111111 url(http://mandifwarokka.com/wp-content/uploads/2016/10/mandifwarokka_menu-bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}