@font-face {
	font-family:"FucXed";
	font-style:normal;
	font-weight:normal;
	src:url("fucxedcaps-v3-webfont.woff2") format("woff2"),url("fucxedcaps-v3-webfont.woff") format("woff");
	font-display:swap;
}
html{
	font-family:"Crimson Text",Georgia,serif;
	word-break:break-word
}
html, body {
	height: 100%;
	margin: 0;
}


/* info sidebar */
.logo {
	display: block;
	margin: auto;
	max-width: 200px;
	height: 50px;
	margin-bottom: 1
}
#area-info h1 {
	font-weight: bold;
	font-family: FucXed,sans-serif;
	margin-bottom: 0;

}
#area-info h2 {
	margin-top: 0;
	font-weight: normal;
	font-family: FucXed,sans-serif;
}

#area-info-button {
	background-color: #fff;
	color: #000;
	font-size: 22px;
	padding: 10px;
	position: absolute;
	z-index: 500;
	margin: 10px;
	top: 0;
	right: 0;
	text-align: center;
}
#area-info {
	position: absolute;
	top: 0;
	right: 0;
	background-color: white;
	color: #000;
	z-index: 1000;
	padding: 10px;
	text-align: center;
	max-width: 25%;
	font-size: 90%;
	margin: 10px;
}
.minimal #area-info {
	width: calc( 100% - 40px );
	height: calc( 100% - 40px );
	max-width: inherit;
	display: none;
}
.show-info #area-info {
	display: block !important;
}
#controls-close {
	display: none;
}
.minimal #controls-close {
	display: inline-block;
}

#jumps {
	text-align: center;
}
.jump {
	display: inline-block;
	margin: 0.2em;
	font-family: FucXed,sans-serif;
	padding: 0.3em 0.5em 0.1em 0.5em;
	background-color: #a3a3a3;
	color: #000;
	cursor: pointer;
	font-weight: normal;
}
.jump:hover {
	opacity: 0.6;
}

/* end info sidebar */


/* corrections button and popup */

#area-corrections-button {
	background-color: white;
	color: #000;
	font-size: 22px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 500;
	margin: 10px;
}
#corrections-popup {
	display: none;
	position: absolute;
	top: 25%;
	width: 100%;
	z-index: 1100;
	text-align: center;
}	
#corrections-popup-inner {
	display: inline-block;
	overflow: auto;
	background-color: white;
	border: solid 3px black;
	width: 50%;
	height: 50%;
	color: #000;
	font-size: 22px;
	font-family: FucXed,sans-serif;
	padding: 10px;
}
/* END corrections button and popup */


/* Popups */
.leaflet-container {
	font-family:"Crimson Text",Georgia,serif;
	font-size: 100%;
}
.leaflet-popup-content h2 {
	font-family: FucXed,sans-serif;
}
.leaflet-popup-content p ,.area-info-section p {
	margin-top: 0.2em;
}
.leaflet-popup-content a.group-email {
	color: #000;
	text-decoration: none;
	font-family: helvetica, sans-serif;
}
.sm-icon { 
	width: 32px;
	vertical-align: top;
}
/* end POPUPS */

/* XR BUTTONS */
a.xr-button {
	cursor: pointer;
	display: inline-block;
	margin: 0.5em 0;
	background-color: #000000;
	color: #ffffff;
	padding: 4px 20px;
	font-family: FucXed,sans-serif;
	font-size: 120%;
	text-decoration: none;
}
a.xr-button:hover {
	color: #ffffff;
	background-color: #404040;
}
/* END XR BUTTONS */
	

.place-name {
	font-size: 9pt !important;
	padding: 0pt 2pt !important;
}