.campus-map {
	height: 540px;
}
.map-short .campus-map,
.campus-map.map-short {
	height: 320px;
}

.loading {	
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading::after {
	content: 'Loading...';
	font-size: 1.5rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
	z-index: 999;
	animation: pulse-loading .75s ease infinite alternate;
}
@keyframes pulse-loading {
  0% { color: #000; }
  100% { color: #999; }
}


.leaflet-marker-icon {
	color: #c00;
}
.leaflet-marker-icon.parking,
.leaflet-marker-icon.parking-and-transportation {
	color: #178cff;
}

.leaflet-marker-icon.safety {
	color: #0020a9;
}

.leaflet-marker-icon.focus-within {
	color: rgb(62, 71, 86);
	filter: drop-shadow(1px 2px 3px rgb(255 255 255 / 0.6));
	stroke: #fff;
	z-index: 999 !important;
}
.leaflet-marker-icon.focus-within .dot {
	fill: rgb(62, 71, 86);
	stroke: #fff;
}


.leaflet-marker-icon.disabled, .leaflet-tooltip.disabled {
	cursor: initial;
}
.leaflet-tooltip .place-title {
	font-size: 1rem;
	line-height: 1.5;	
}


.leaflet-popup-content {
	font-size: 1rem;
	line-height: 1.5;
}

.leaflet-popup-content img {
	margin-bottom: .5rem;
}


#campus-map-wrap {
	position: relative;
}
#campus-map-detail {
	background-color: #fff;
	border: 1px solid transparent;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 400;
	transition: all .2s ease;
	width: 0;
}
#campus-map-detail.shown {
	border: 1px solid #ccc;
	padding: 2.5rem 1rem 1rem;
	width: 320px;
}
#campus-map-detail img {
	display: block;
}
#campus-map-detail .arrow-link:hover {
	outline: 0;
}



.close-detail {
	background: none;
	border: none;
	color: #c00;
	cursor: pointer;
	display: none;
	position: absolute;
	top: .5rem;
	right: 2.5rem;
	text-transform: uppercase;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.close-detail:before {
	background-color: #c00;
	border-radius: 50%;
	content: "";
	height: 1em;
	width: 1em;
	position: absolute;
	top: .4125rem;
	right: -1.25rem;
	visibility: visible;
}
.close-detail:after {
	color: #fff;
	content: "\00d7";
	display: flex;
	position: absolute;
	top: .25rem;
	right: -1.025rem;
	visibility: visible;
}
.shown .close-detail {
	display: block;
	padding: .25em;
}



.campus-map-filters {
	padding: 1rem;
}
.campus-map-filters form {
	display: flex;
	flex-direction: column;
	margin-bottom: 2rem;
}
.campus-map-filters fieldset {
	border: 0;
	display: flex;
	flex-direction: column;
}
@media only screen and (min-width: 550px) {
	.campus-map-filters form,
	.campus-map-filters fieldset {
		align-items: center;
		flex-direction: row;
	}
	.campus-map-filters fieldset {
		gap: 1rem;
		margin-right: 1rem
	}
}

.campus-map-filters form select {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 12 8'%3E%3Cpath fill='%23000' d='m5.99 7.59L.2 1.81 1.62.39l4.37 4.37L10.38.37l1.41 1.41-5.81 5.81Z'/%3E%3C/svg%3E");
	background-position: 95% 50%;
	background-repeat: no-repeat;
	background-size: 8px 12px;

	border-radius: 0;
	padding-right: 2em;

	-webkit-appearance: none;
	-moz-appearance: none;
}
.campus-map-filters form select:focus {
	padding-right: calc(2em - 1px);
}

.campus-map-filters [type="submit"] {
	background-color: #c00;
	border: 0;
	color: #fff;
	font-weight: bold;
	height: 2.9rem;
	line-height: 18px !important;
	padding: .5rem 1rem;
	text-transform: uppercase;
	-webkit-appearance: none;
	-moz-appearance: none;
}


.map-app-link {
	z-index: 11001;
	display: inline-block;
	border: 1px solid red;
	background-color: #fff;
	font-size: .8rem;
	margin: 0 .5rem .5rem 0;
	padding: .5em;
	text-decoration: none;
}