@CHARSET "UTF-8";

nav #top-nav {
	box-shadow: 0 2px 8px 0 black;
}
nav ul {
	text-align: right;
	font-size: 0; /* To bring the lis together.*/
}
nav ul li {
/*	display: inline-block;*/
	position: relative;
	font-size: 1rem;
}
nav ul.top-level > li:not(:last-child) {
	margin-right: 1px; /* Space for separator */
}
nav ul.top-level > li {
	display: inline-block;
	z-index: 2;
}
/* Drop-down submenus */
nav ul:not(.top-level) {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 100%;
	text-align: left;
	box-shadow: 0 4px 4px 0 black;
}
nav ul:not(.top-level) li {
	border-top: 1px solid white;
}
/* Pop out */
nav ul.top-level > li:hover > ul,
nav ul:not(.top-level):hover {
	display: block;
}
nav ul.top-level>li:not(:last-child)::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -1px;
	width: 1px;
	height: 100%;
	background: linear-gradient(to bottom,
		hsla(0, 0%, 0%, 0) 10%,
		hsla(0, 0%, 0%, 0.2),
		hsla(0, 0%, 0%, 0) 90%
	);
}