/* :root {
	--darkblue:#0404e3;
	--lightblue:#05b9b9;
	--darkred:#c63;
	--lightred:#fc6;
	--gray:#ccc;
	--containwidth:1200px;
} */

body.mobile_menu_active {
	overflow-y:hidden;
}

#close_mobile_menu {
	position:absolute;
	top:0.5em;
	right:0.5em;
	color:white;
	font-size:1.5em;
	text-decoration:none;
	font-weight:normal;
	display:none; /* sj today - close is just morphed open icon */
}
#mobile_menu_wrap {
	position:fixed;
	right:0;
	z-index:99;
	background:#008285;
	background:var(--darkblue);
	width:100vw;
	max-width:40rem;
	height:100vh;
	overflow-x:hidden;
	overflow-y:auto;
	font-size:1.5rem;
	transform:translateX(+40rem);
	transition:0.3s all ease;
	/* font-size:180%; */
	padding-left:2rem;
	padding-right: 7rem;
}
#mobile_menu_wrap .nav-header {
	transition:all 0.3s ease;
}
#mobile_menu_wrap ul.nav a:hover, #mobile_menu_wrap .nav-header:hover, .parent_link_wrap:hover, .parent_link_wrap:hover a, .parent_link_wrap:hover span {
	color:var(--lightblue) !important;
	cursor:pointer;
}

#mobile_menu_wrap ul.nav .hidden.parent_link_wrap {
    display: none !important;
}

#mobile_menu_wrap ul.nav > li ul {
	display:none;
}
#mobile_menu_wrap .open > div {
    background-color: rgba(255,255,255,0.2);
    padding: 0em 1em !important;
}
#mobile_menu_wrap li > div {
	background-color:rgba(255,255,255,0);
	transition:0.5s all ease;
}
body.mobile_menu_active #mobile_menu_wrap {
	transform:translateX(0vw);
}
#mobile_menu_wrap ul {
	list-style:none;
	margin:0;
	padding:0;
	color:white;
}
#mobile_menu_wrap > ul {
	margin:1.5em;
	margin-top:1.5em;
	margin: 1.5em;
    margin: 1.5em auto;
    margin-top: 1.5em;
    max-width: 40rem;
}
#mobile_menu_wrap ul.nav > li > a,#mobile_menu_wrap ul.nav > li > div > a, #mobile_menu_wrap .nav-header {
	/* text-transform:uppercase; */
}
#mobile_menu_wrap li a, #mobile_menu_wrap .nav-header {
	display:inline-block;
	color:white;
	padding:1em 0;
	text-decoration:none;
	/* width:100%; */
}
#mobile_menu_wrap .parent_link_wrap{
	display:flex;
	align-items:center;
}
#mobile_menu_wrap li.parent > div > .menuicon {
	background-image: url('../images/Mobile Arrow_White.svg');
	background-image: url('/images/icons/svg/Arrow1.svg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	height:1em;
	width:2em;
	margin-left:1em;
}
#mobile_menu_wrap li.parent.open > div > .menuicon {
	background-image: url('../images/Back With Arrow.svg');
	background-image: url('/images/icons/svg/Arrow1.svg');
	height:1em;
	width:5em;
	transform:rotate(180deg);
}
#mobile_menu_wrap li.parent.open {
	/* border-top:1px solid white !important; */
	border-bottom:none !important;
}
#mobile_menu_wrap li.parent.open > div > span {
	text-transform: uppercase;;
}
#mobile_menu_wrap ul > li:first-child {
	/* border-top:1px solid white; */
}
#mobile_menu_wrap ul > li {
	/* border-bottom:1px solid white; */
}
#mobile_menu_wrap li.hidden {
	display:none;
}
#mobile_menu_wrap ul.current {
	display:block !important;
}

div#uw_wrap {
    overflow: hidden;
}

@media(max-width:768px) {
	#mobile_menu_wrap li a, #mobile_menu_wrap .nav-header {
		padding: .4em 0;
	}	

	body.mobile_menu_active {
		position: fixed;
	}
}