body.page-template-map #column-page-wrapper,
body.page-template-map p.page-title {
	padding-top: 0;
}
body.page-template-map #column-main {
	padding-top: 10px;
}

/* ************************************************************************** */

/* fixes mobile spacing */
#map-top-spacer {
	height: 0;
}

#map-outer-wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 86vh;
	min-height: 560px;
}


#map-wrapper {

	margin: -4px 0 0 0;/* -4px inline block fix */
	padding: 0;
	width: 100%;
	height: 100%;
	clear: both;
	float: left;
	position: relative;
}

#map {
	position:absolute;
	top:0;
	bottom:0;
	width:100%;

	font-family: 'Quicksand', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;

}


.maplibregl-popup {
	padding: 0;
	text-align: center;
	font-family: inherit;
}

.maplibregl-popup-close-button {
	padding: 4px 8px 6px;
	font-size: 16px;
	line-height: 100%;
}

.maplibregl-popup-content-flex {
	display: flex;
}


.maplibregl-popup-content {
	margin: 0 0 20px 0;
	padding: 30px 20px 20px;
	color: #888888;
	text-align: left;
	border-radius: 0px;
}



.maplibregl-popup-content ul {
	margin: 0;
	padding: 0 0 0 1.2em;
	list-style: disc outside none;

}

.maplibregl-popup-content ul li {

	margin: 0 0 0 0em;
	padding: 0 0 0.2em 0em;
	text-indent: 0em;

	color: inherit;
	font-size: inherit;
	font-style: normal;
	font-weight: normal;
	line-height: inherit;
	text-align: left;
	vertical-align: top;
}


.maplibregl-popup-title {

	padding: 0;

	color: #6e72c2;

	font-size: 1.8em;
	font-style: normal;
	font-weight: normal;
	line-height: 120%;
	text-align: center;
	text-indent: 0;
	vertical-align: top;
}

.maplibregl-popup-subtitle {
	padding: 5px 20px 0 20px;
	font-size: 1.0em;
	text-align: center;
}

.maplibregl-popup-legend {
	padding: 0px 20px 10px 20px;
	color: #aaaaaa;
	font-size: 0.9em;
	text-align: center;
}

.maplibregl-popup-content-projectstatus {
	padding: 0 0 1.2em;
}

.maplibregl-popup-content-projecttitle {
	padding: 0;
/* 	width: 240px; *//* helps set minimum width */
	color: #666666;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 125%;
}
.maplibregl-popup-content-projecttitle p {
	padding: inherit;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.maplibregl-popup-content-projectcompletion {
	padding: 5px 0 0 0;
}
.maplibregl-popup-content-projecturl {
	margin: 0;
	padding: 5px 0 0 0;
}

.maplibregl-popup-content-projectcontext {
	padding: 1em 0 0 0;
}

.maplibregl-popup-content-projectaddress {
	padding: 1em 0 0 0;
}

.maplibregl-popup-content-projectdirection {
	margin: 0;
	padding: 0;
}


.maplibregl-popup-content-showprojecttext {
	padding: 1em 0 0 0;
}
.maplibregl-popup-content-showprojecttext p {
	color: #888888;
}

.maplibregl-popup-content-projectimage {
	margin: 0;
	padding: 1.5em 0 0 0;

}

.maplibregl-popup-content-projectimage img {
	margin: 0;
	padding: 0;
	display: block;
	width: 320px;
	height: 320px;
	background-color: #DDDDDD;
}

/* ************************************************************************** */

.maplibregl-popup-anchor-bottom .maplibregl-popup-tip,
.maplibregl-ctrl-attrib {
/*	display: none !important;*/
	margin: -20px 0px 0 0;
	height: 10px;
}

.map-copyright {
	padding: 10px 30px 0 30px;
	font-size: 0.6em;

	clear: both;
	display: block;
	text-align: right;
}

.map-copyright a {
	color: #CCCCCC;
}

a.maplibregl-ctrl-logo,
.maplibregl-ctrl-bottom-right,
.maplibregl-ctrl-compass {
	display: none !important;
}

/* ************************************************************************** */

#column-wrapper {
	padding-top: 15px;
}

#map-legend-wrapper {
}

#map-legend {
	padding: 0 0 30px 0;
	display: flex;
}

.map-legend-item {
	padding: 0 50px 10px 0;
	color: #888888;
}

.map-legend-item img {
	margin: 0 10px 0 0;
	width: 11px;
	height: auto;
}

/* ************************************************************************** */

@media only screen and (max-width: 575.98px) {
	#map-outer-wrapper {
		height: 58vh;
		min-height: unset;
	}
	#map-top-spacer {
		height: 64px;
	}
	.maplibregl-popup-content-projectimage img {
		width: 100%;
		height: 100%;
	}
	#map-legend {
		display: block;
	}
	.map-legend-item {
		padding-right: 0;
	}
}