/*** MAP ***/
div.mapCanvas {
	background-color: hsl(0, 0%, 100%);
	border: solid 3px hsl(0, 0%, 100%);
}

p.mapMarkerTooltipLabel, p.mapMarkerTooltipLabelUnderline {
	font-family: "StandardFontSemiBold", "Arial", sans-serif;
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 150%;
	color: hsl(0, 0%, 0%);
	text-align: center;
	white-space: nowrap;
}

p.mapMarkerTooltipLabelUnderline {
	border-bottom: solid 1px hsl(0, 0%, 85%);
	padding-bottom: 4px;
	margin-bottom: 4px;
}



/*** PLATFORM MARKER ***/
div.platformMarkerDivIcon {}

div.platformMarker {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: hsl(0, 0%, 100%);
	border: solid 1px hsl(200, 25%, 65%); /*hsl(0, 0%, 75%);*/
}

div.platformMarkerDivIcon div.platformMarker img.platformMarkerIcon { /* need specicifity to override leaflet marker img styles */
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	max-width: 22px !important;
	max-height: 22px !important;
}



/*** LEAFLET ***/
.leaflet-container:focus {
	outline: none !important; /*prevent blue outline box from displaying when clicking map elements*/
}

.leaflet-interactive { /*prevent blue outline box from displaying when clicking map elements*/
	outline: none !important;
}