body {
	overscroll-behavior: none;
	touch-action: none;
}

body > main {
	overflow-y: none;
	margin: 0 0 0 5px;
}

.leaflet-container {
	background-color: rgba(255, 255, 255, 0) !important;
}

.nomenclature-label {
	color: white;
	font-size: 14px;
	text-align: center;
	text-shadow: 1px 1px black;
}

div#map {
	height: calc(100vh - 64px);
	position: relative;
}
@media screen and (max-height: 500px),
		screen and (max-width: 600px) {
	div#map { height: calc(100vh - 56px); }
}

div#mapleaflet {
	height: 100%;
	width: 100%;
}

div#mapleaflet ul.leaflet-toolbar-0 > li > a.leaflet-toolbar-icon {
	color: black;
	font-size: 18px;
}

@media screen and (max-height: 500px) {
	div#mapleaflet .leaflet-control {
		margin-top: 0;
		margin-bottom: 0;
	}
	div#mapleaflet ul.leaflet-control-toolbar {
		margin-top: 0;
		margin-bottom: 0;
	}
}

div#mapside {
	background: var(--bg-color);
	font-size: small;
	height: 100%;
	position: absolute;
	right: -265px;
	transition: right 0.5s ease-in-out;
	top: 0;
	width: 265px;
	z-index: 1001;
}

div#mapside main {
	height: 100%;
	overflow-x: scroll;
	overflow-y: scroll;
	margin-left: 15px;
	position: absolute;
	width: 250px;
}

div#mapside dl dt {
	width: 75px;
}

div#mapside h1 {
	display: inline-block;
	font-size: 1.1em;
	margin: 0;
	padding: 0.5ex 0 0.5ex 5px;
}

div#mapside button#closemapside {
	background: var(--nav-unactive-bg);
	border: 0;
	border-radius: 0;
	color: var(--font-color);
	display: block;
	height: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 15px;
}
div#mapside button#closemapside:hover {
	background: var(--nav-hover);
}

div#mapside button.prevnext {
	margin: 0 0 2px 4px;
	padding: 0 4px;
	white-space: nowrap;
}

ul.switchlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.switchlist li a {
	color: var(--font-color);
	font-size: xxx-large;
	text-decoration: none;
}
ul.switchlist li div {
	background-position: center 33%;
	background-size: cover;
	height: 100px;
	width: 45%;
	margin: 10px auto;
	border: 1px solid var(--nav-border-color);
	color: white;
	line-height: 100px;
	text-align: center;
	text-shadow: 1px 1px 2px black;
	text-transform: uppercase;
}
@media screen and (max-width: 600px) {
	ul.switchlist li div { height: 60px; line-height: 60px; width: 90%; }
}
ul.switchlist li div:hover {
	border: 1px solid var(--button-bg);
	box-shadow: 0px 0px 8px 0px var(--button-bg);
}