@charset "utf-8";
/* CSS Document */

.menu{
	position: fixed;
	height: 100vh;
	width: var(--menu-width);
	background-color: var(--zelena-gray);
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-start;
	font-size: 1rem;
	transition: .25s;
}

nav{
	right: 0;
	top: 0;
	-webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.mainmenuopen nav{
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}

#subnav{
	right: calc(var(--menu-width) * -1);
	top: 0;
}

.submenuopen #subnav{right: 0;}

.nav-item{
	padding: .5rem var(--kraj) .5rem 1rem;
	text-align: left;
	background-color: var(--zelena);
	cursor: pointer;
}

.menu .nav-item:first-child{margin-top: var(--header-height);}

.nav-item:hover, .nav-item:focus{
	text-decoration: none;
	background-color: var(--zelena-dark);
}

#oneup{
	background-color: var(--zelena-gray);
}

#oneup:hover, #oneup:focus{
	background-color: var(--cerna);
	color: var(--zelena-gray);
}