NAV.menu {
	background-color: var(--menu-bg);
	padding: .5em 1em;
	margin: 0;		
	position: absolute;
	top: 0;
	right: 0;
	transition: transform .5s;
	transform: translateY(-110%);	
	z-index: 10;	
	border-left: solid 3px var(--menu-border);
	border-bottom: solid 3px var(--menu-border);
	min-width: 20em;
}
NAV.menu.fixed {
	position: fixed;
}
NAV.menu.active {
	transform: translateY(0%);
}	
NAV.menu UL {
	list-style: none;
	padding-top: 1em;
	padding-bottom: .5em;
	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 > A.menu_link {
	font-size: 1em;	
}
NAV.menu .has_children > A.menu_link:hover {
	text-decoration: none;
}

/*NAV.menu .has_children > .menu_link::before {
	content: "\25BE"; 	
}
*/

NAV.menu .has_children UL.sub {
	/* display: none; */
	border-top: solid 1px black;
	padding: .75em 0;		
}
NAV.menu .has_children UL.sub LI { 
	margin-left: 2em;
}

/*
NAV.menu .has_children.active > .menu_link::before {
	content: "\25B4"; 
}
NAV.menu .has_children.active UL.sub {
	display: block;
}
*/

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: .44em .25em;
	top: 0;
	right: 0;
	color: black;
	/*! background-color: #fffe; */	
	text-decoration: none;
	text-align: center;
	padding: 5px 10px;
	z-index: 2;
}
A.menu_burger.active {
	position: absolute;
}
A.menu_burger.active .fa-bars {
	display: none;
}	
A.menu_close {
	display: block;
	position: absolute;
	margin: .35em .6em;
	top: 0;
	right: 0;
	font-size: 1.5em;
	color: black;
}

#breadcrumb {
	text-align: center;
	margin: 1em 0;
}
#breadcrumb A {
	text-decoration: none;
}
#breadcrumb SPAN:not(:first-child) {
	margin-left: 1em;
}

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

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