/*
        Copyright © Discovery Design Limited. All rights reserved.
*/
 
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;
        text-transform: uppercase;
}
 
.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;
        margin: 1em 0 0 0;
        border-radius: 0 0 0.2em 0.2em;
        top: 0; /* Set with JS */
        z-index:999;
        width: 100%;
        z-index: 99999;
}

.turtle-menu > ul > li > ul:after, .turtle-menu > ul > li > ul:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.turtle-menu > ul > li > ul:after {
	border-color: rgba(242, 242, 242, 0);
	border-bottom-color: #FFF;
	border-width: 30px;
	margin-left: 7px;
}
.turtle-menu > ul > li > ul:before {
	border-color: rgba(221, 221, 221, 0);
	border-bottom-color: #ddd;
	border-width: 31px;
	margin-left: 6px;
}
 
.turtle-menu > ul > li > ul.edge{
        left: auto;
        right: 0;
}
 
.turtle-menu ul > li > ul > li {
        width: 100%;
        text-align: center;
        display: block;
}

.turtle-menu ul > li > ul > li a {
	border-right: none;
}
 
.turtle-mobile-menu-container {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #f8f8f8;
        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;
        font-size: 1.1em;
        line-height: 1em;
        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: 1em 2%;
}

.turtle-mobile-menu-container ul > li > ul li {
	background: #eee;
	border: 1px solid #ddd;
}
 
.turtle-mobile-menu-container h3 {
        border-top: 1px solid #DDD;
        color: #1d378a;
        font-weight: 700 !important;
        font-size: 1em;
        letter-spacing: 0.06em;
        margin: 1.2em 0 0 0;
        padding: 1.5em 0 0 0;
        font-weight: 500;
        text-transform: uppercase;
        text-shadow: 1px 1px 2px #FFF;
}
 
.turtle-mobile-menu-container h3:first-of-type {
       margin-bottom: 1em;
       padding-top: 1em;
}

.turtle-mobile-menu-container h3:last-of-type {
		border-top: none;
       margin-bottom: 1em;
       padding-top: 0em;
}
 
/* Mobile View */
@media only screen and (max-width: 53em) {
        .turtle-menu {
                display: none;
        }
        .turtle-mobile-menu-button {
                display: block;
        }
}