NAV.menu {
	background-color: #fff;
	padding: .5em 1em;
	margin: 0;		
	position: absolute;
	top: 0;
	right: 0;
	transition: transform .5s;
	transform: translateY(-110%);	
	z-index: 10;	
	border-left: solid 1px var(--blue);
	border-bottom: solid 1px var(--blue);
}
NAV.menu.fixed {
	position: fixed;
}
NAV.menu.active {
	transform: translateY(0%);
}	
NAV.menu UL {
	list-style: none;
	padding: 1em;
	margin: 0;
}
NAV.menu UL A {
	color: black;
	text-decoration: none;
	font-size: 1.2em;
}
NAV.menu UL A:hover {
	text-decoration: underline;
}
NAV.menu UL LI {
	margin: 1em 0 0 0;
}
NAV.menu UL LI:first-child {
	margin: 0;
}
NAV.menu UL LI.selected::before {	
	content: "\25B8";
	position: absolute;
	margin-left: -.75em;
	margin-top: -.37em;
	font-size: 2em;
}
NAV.menu UL LI.selected A {
	cursor: default;
	font-weight: bold;
}
NAV.menu UL LI.no_click > A {
	cursor: default;
	text-decoration: none;
	color: gray;
}

NAV.menu .has_children > .menu_link::before {
	content: "\25BE"; 	
}
NAV.menu .has_children UL.sub {
	display: none;
}
NAV.menu .has_children.active > .menu_link::before {
	content: "\25B4"; 
}
NAV.menu .has_children.active UL.sub {
	display: block;
}
NAV.menu .has_children.active UL.sub LI { 
	margin-left: 2em;
}

NAV.menu LI.admin A {
	color: red;
}
NAV.menu UL LI.admin .selected::before {
	color: red;
}

A.menu_burger {
	display: block; 
	font-size: 1.5em;
	position: fixed;
	margin: .2em;
	top: 0;
	right: 0;
	color: black;
	background-color: #fff8;	
	text-decoration: none;
	text-align: center;
	padding: 5px 10px;
}
A.menu_burger.active {
	position: absolute;
}
A.menu_burger.active .fa-bars {
	display: none;
}	
A.menu_close {
	display: block;
	position: absolute;
	margin: .2em .4em;
	top: 0;
	right: 0;
	font-size: 1.5em;
	color: black;
}

@media screen and (max-width: 600px) {
	NAV.menu {
		width: 100%;
		border-left: none;
	}
}

@media print {
	A.menu_burger, NAV.menu {
		display: none;
	}
}