/*
	Copyright © Discovery Design Limited. All rights reserved.
*/

/*
	<nav class="turtle-menu" role="navigation">
		<ul>
			<li><a href="#">My Account</a></li>
			<li>
				<a href="#">Checkout</a>
				<ul>
					<li><a href="#">My Account</a></li>
					<li><a href="#">Checkout</a></li>
					<li><a href="#">Log in</a></li>					
				</ul>
			</li>
			<li><a href="#">Log in</a></li>					
		</ul>
	</nav>	
*/

body.prevent-scrolling {
    position:fixed;
    overflow:hidden;
}

.turtle-menu {

}

.turtle-mobile-menu-button {
	display: none;
	padding: 1em;
}

.turtle-mobile-menu-container .turtle-mobile-menu-button  {
	padding: 0;
}

.turtle-menu > ul > li {
	white-space: nowrap; /* Force on online for the calculations */
	position: relative;	
}

.turtle-menu > ul > li > ul {
	display: none;
	position: absolute;
	background: #fff;
	left: 0;
	top: 0; /* Set with JS */
	z-index:999;
	min-width: 10em;
	z-index: 99999;
}

.turtle-menu > ul > li > ul.edge{
	left: auto;
	right: 0;
}

.turtle-menu ul > li > ul > li { 
	width: 100%;
	display: block;
}

.turtle-mobile-menu-container {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #f6f6f6;
	z-index: 99999;
	overflow: scroll;
	display: none;
	padding: 5%;
}

.turtle-mobile-menu-container ul > li > ul {
	display: none;
}

.turtle-mobile-menu-container ul, .turtle-mobile-menu-container li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.turtle-mobile-menu-container i.turtle-sub-button {
	color: #666;
	display: block;
	font-size: 2em;
	float: right;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.19);
	/* width: 4%; */
}

.turtle-mobile-menu-container li a {
	display: inline-block;
	padding: 0.5em 0;
	/* width: 96%; */
}

.turtle-mobile-menu-container .menu-has-children {
	border-bottom: 1px solid #ccc;
}

.turtle-mobile-menu-container .menu-has-children.selected a {
	border-bottom: 1px solid #ccc;
}

.turtle-mobile-menu-container .menu-has-children.selected li:last-child a {
	border-bottom: none;
}


.turtle-mobile-menu-container ul > li > ul {
	margin-left: 5%;
}

/* Mobile View */
@media only screen and (max-width: 46em) {
	.turtle-menu {
		display: none;
	}
	.turtle-mobile-menu-button {
		display: block;
	}
}