#main-menu {padding:0; margin:0; list-style:none; position:fixed; width:auto; top:23px; left:calc(((100vw - 1140px) / 2) + 170px); z-index:60;}

@media only screen and (max-width: 1140px) {
#main-menu {width:calc(100vw - 170px); left:170px;}
}

@media (min-width:860px) {
	#open-menu {display:none;}

	#main-menu li > ul {display:none; padding:30px 0 10px 0; margin:0; list-style:none; position:absolute; left:50%; transform:translateX(-50%); background:#fff; text-align:left; border-radius:0 0 0px 0px; filter: drop-shadow(0px 10px 3px #0008);}
	#main-menu li > ul ul {display:none; padding:10px 0 10px 0; margin:0; list-style:none; position:absolute; left:75%; margin-top:-40px; transform:translateX(0); background:#fff; text-align:left; border-radius:0px 0px 0px 0px; filter: drop-shadow(0px 0px 3px #0008);}

	#main-menu > li {display:inline-block; margin:0 5px; text-transform:uppercase; color:#2d0b3f; font:400 16px/20px 'Jost', sans-serif; position:relative; cursor:pointer;}
	#main-menu ul li.sub {padding:5px 15px;}
	#main-menu ul li a {display:block; white-space:nowrap; color:#2d0b3f; font:400 16px/20px 'Jost', sans-serif; text-decoration:none; padding:5px 14px; margin:5px 0;}
	#main-menu > li.has_ul {color:#c00;}
	#main-menu ul li a:hover {background:#eee; color:#c00;}
	#main-menu > li:hover {color:#c00;}
}
@media only screen and (max-width: 860px) {
	#open-menu {display:block; position:fixed; top:18px; left:10px; width:30px; height:24px; cursor:pointer; z-index:70;
	background-image: linear-gradient(black 3px, transparent 3px, 11px, black 11px, 14px, transparent 14px, 21px, black 21px);}

	#main-menu {width:300px; height:calc(100% - 108px); background:#fefefe; position:fixed; overflow:auto; left:-300px; top:68px; padding:20px 0; margin:0; list-style:none; filter: drop-shadow(5px 0 3px #0008); border-radius:0 0 8px 0; transition: transform 0.5s; z-index:40;}
	#main-menu ul {display:none; padding:0; margin:0 0 0 10px; list-style:none;}
	#main-menu ul li.sub {padding:0px 5px;}
	#main-menu > li {display:block; margin:20px; text-transform:uppercase; color:#2d0b3f; font:400 16px/20px 'Jost', sans-serif; position:relative; cursor:pointer;}
	#main-menu ul li a {display:block; white-space:nowrap; color:#2d0b3f; font:400 16px/20px 'Jost', sans-serif; text-decoration:none; padding:0px 5px; margin:20px 0;}
	#main-menu > li.has_ul {color:#c00;}
	#main-menu ul li a:hover {background:#eee; color:#c00;}
	#main-menu > li:hover {color:#c00;}

	#menu-slide {display:none;}
	#menu-slide:checked + label + #main-menu {transform:translateX(300px); transition: transform 0.5s;}
	#menu-slide:checked + label {background-image: 
	linear-gradient(45deg, transparent 48%, black 48%, 52%, transparent 52%), 
	linear-gradient(-45deg, transparent 48%, black 48%, 52%, transparent 52%);} 
}
#close-menu {width:100vw; height:100vh; position:fixed; left:0; top:0; background:#0000;  z-index:15; display:none;}
#menu-slide:checked + label + ul + #close-menu {display:block;}
@media only screen and (max-width: 860px) {
	#top-bar-inner a {display:block; margin:0 auto; width:131px;}
}


/* New styles for Shopify icon */
#shopify {width:30px; height:30px;  position:absolute; right:29px; top:-9px;}
#shopify a {display:block; width:100%; height:100%;}
#shopify a img {width:25px; height:25px; margin:9px; }
#shopifyTEST a img.icon-cart-empty {display:block;}
#shopify a img.icon-cart-content {display:block; }
#shopify a:hoverTEST img.icon-cart-empty {display:none;}
#shopify a:hover img.icon-cart-content {display:block; transform: scale(1.1); }
 
#shopify .visually-hidden {display:none;}