nav * {
	margin:0;
	list-style:none !important;
}
nav {
  z-index: 100;
	background:#00A1B1;
  position:relative;
	font-weight: 400;
}

nav > button {
	border: 0;
}

nav a {
	color: #333333;
}
/*NAV-SUBNAV*/
nav  ul  ul {
	background:#F2FFF8;
}
nav#mainMenu ul li {
	text-align: left;
}


@media(min-width: 768px){
	nav{
    	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	}
	nav > ul {
		z-index:3;
		display:flex;
		display:-webkit-flex;
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		justify-content:center;
    	-webkit-justify-content:center;
		max-width: 1080px;
		margin: 0 auto;
	}
	nav > ul > li {
		flex: 1;
	}
	nav > ul > li > a {
		white-space:nowrap;
		font-size:1.8rem;
		text-decoration:none;
		color:white;
		display: block;
		line-height:50px;
		text-align:center;
		font-weight:400;
		padding:0 14px;
    	font-family: "futura-pt", sans-serif;
	}
	nav > ul > li:hover > a,
	nav > ul > li.hover > a{
		background:rgba(0,0,0,.2);
		color:white;
	}

	/*NAV-SUBNAV*/
	nav ul ul {
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		position: absolute;
		left: 0;
	 	top: 50px;
		width: 100%;
		border-bottom: #00A1B1 solid 1px;
	}

	nav ul li:hover ul,
	nav ul li.hover ul{
		top:auto;
		opacity:1;
		transition: opacity 400ms;
	}
	nav ul ul li{
		padding:0;
	}
	nav ul ul a{
		text-decoration:none;
		display:block;
		line-height:150%;
		font-size:1.4rem;
		padding:6px 14px;
		border-top: 1px solid rgba(255,255,255,.1);
		width: inherit;
	}
	nav ul ul a:hover,
	nav ul ul a:focus{
		background:rgba(0,0,0,.2);
	}
	nav ul ul.twocol{
		column-count:2;
		column-gap:0;
	}
	nav ul ul.twocol li{
		display:inline-block;
	}
}

/*@media(min-width: 769px){
	nav > ul > li {
		flex-grow:1;
		-webkit-flex-grow:1;
	}
}*/

@media (max-width: 767px) {
	.utility-right{
		background-color:#00A1B1;
	}
	nav{
		/*display:none;
		width:262px;
		position:fixed;
		top:0;
		bottom:0;
		right:0;
		height:100%;
		box-shadow:-2px 0 4px rgba(0,0,0,0.2);*/
		background:#1B9FBC;
	}

	/*nav.show{
		display:block;
	}*/
	nav > ul{
		display:none;
		padding:0 !important;
	}
	nav.show ul{
		display:block;
	}
	nav > ul > li > a{
		color:#FFF !important;
		display:block;
		text-decoration:none;
		font-size:1.4rem;
		line-height:36px;
		border-bottom: 1px solid rgba(255,255,255,.1);
		padding:0 14px;
	}
	nav > ul > li > a:hover{
		background:rgba(0,0,0,.2);
		transition:background 400ms;
	}
	/*NAV-SUBNAV*/
	nav ul ul{
		padding:10px 14px;
		display:none;
		border-bottom: 1px solid rgba(255,255,255,.15);
	}
	nav ul ul a{
		font-size:1.3rem;
		line-height:160%;
		text-decoration:none;
		//color:#FFF !important;
	}
	nav ul ul a:hover{
		text-decoration:underline;
	}
	nav li li {
		border-bottom: #00A1B1 solid 1px;
		width: 100%; /* This was 95% */
		padding: 5px 0;
	}
	nav li li:last-child {
		border-bottom: 0;
		padding-bottom: 0;
	}
	/*Menu button*/
	#menu{
		cursor:pointer;
		color:white;
		padding: 10px 20px;
		font-size:1.8rem;
		width:100%;
		text-align:center;
		background:none;
	}
}

body > header.shop > nav.shop > ul.menu {
	margin-bottom: 69px;
}
@media (min-width: 812px) {
	body > header.shop > nav.shop > ul.menu {
		margin-bottom: 35px;
	}
}
header .menu-shopping-cart-container #menu-shopping-cart > li,
header .menu-shopping-cart-container #menu-shopping-cart > li.cart-icon {
	margin-left: 15px;
}