/* @override 
	http://localhost:8888/artistvillage/themes/simple/css/menu.css?m=1559737463
	http://localhost:8888/artistvillage/themes/simple/css/menu.css?m=1559737662
	http://localhost:8888/artistvillage/themes/simple/css/menu.css?m=1559738375
	http://localhost:8888/artistvillage/themes/simple/css/menu.css?m=1559739029
	http://localhost:8888/artistvillage/themes/simple/css/menu.css?m=1559739398
	http://localhost:8888/artistvillage/themes/simple/css/menu.css?m=1559739545
	http://localhost:8888/artistvillage/themes/simple/css/menu.css?m=1559766424
	http://localhost:8888/artistvillage/themes/simple/css/menu.css?m=1559766631
	http://localhost:8888/artistvillage/themes/simple/css/menu.css?m=1559767387
	http://localhost:8888/artistvillage/themes/simple/css/menu.css?m=1559768021
	http://localhost:8888/artistvillage/themes/simple/css/menu.css?m=1559771428
*/

@import url('https://fonts.googleapis.com/css?family=Cutive+Mono');
*, *:before, *:after {
  box-sizing: border-box;
}
#mobile-menu{
	display: none;
}

.tablet-nav #mobile-menu {
	display: block;
}
body {
  overflow-x: hidden;
}
label .menu {
  position: fixed;
  right: -20px;
  top: -20px;
  z-index: 100;
  width: 100px;
  height: 100px;
  background: #0316FF;
  border-radius: 0% 0% 0% 0%;
  transition: 0.5s ease-in-out;
  box-shadow: 0 0 0 0 #0316FF, 0 0 0 0 #0316FF;
  cursor: pointer;
}
label .hamburger {
  position: absolute;
  top: 55px;
  left: 25px;
  width: 30px;
  height: 2px;
  background: #E1D1EE;
  display: block;
  transform-origin: center;
  transition: 0.5s ease-in-out;
}
label .hamburger:after, label .hamburger:before {
  transition: 0.5s ease-in-out;
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #E1D1EE;
}
label .hamburger:before {
  top: -10px;
}
label .hamburger:after {
  bottom: -10px;
}
label input {
  display: none;
}
label input:checked + .menu {
  box-shadow: 0 0 0 100vw #0316FF, 0 0 0 100vh #0316FF;
  border-radius: 0;
position: fixed;}
label input:checked + .menu .hamburger {
  transform: rotate(45deg);
}
label input:checked + .menu .hamburger:after {
  transform: rotate(90deg);
  bottom: 0;
}
label input:checked + .menu .hamburger:before {
  transform: rotate(90deg);
  top: 0;
}
label input:checked + .menu + ul {
  opacity: 1;
}
label ul {
  z-index: 200;
  position: absolute;
  opacity: 0;
  transition: 0.55s 0s ease-in-out;
}
label a {
  display: inline-block;
  color: #E1D1EE;
  text-decoration: none;
}


label li {
	position: fixed;
	width: 100%;
	height: 40px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 9px;
	z-index: 3;
	font: normal 600 40px/66px Montserrat, sans-serif;
	color: #E1D1EE !important;
}
label .current a span {
	border-bottom: 6px solid #E1D1EE;
}

label li#about{
	top: 0;
}
.about li#contact,
.contact label li#contact,
label li#contact{
	bottom: 0;
	position: fixed;
}
label li#contact a{
	transform: rotate(180deg);
	display: inline-block;
	position: relative;
	cursor: pointer !important;
}
label li#contact a{
	position: relative;
	top: -40px;
}
label li#artists{
	right: 0;
	height: 100%;
	top: 0;
	width: 40px;
}
label li#artists a{
	transform: rotate(90deg);
	display: block;
	margin-right: 43px;
	margin-left: auto;
	position: relative;
	top: 50%;
	margin-top: -27px;
		cursor: pointer !important;

}