/* 
=============================================================================

	maps.css
	v1.0
	2011/03/09
	
	v1.1
	2025/03/21

	Written by John Westwood

	Styling for the Map Library

=============================================================================
*/

table tr th:first-child { 
	width: 15%;
}

.link {
	margin: auto auto;
}

.thumb {
	display: block;
	top: 0px;
	margin: 10px auto;
}

.mapLanding2 .colRight {
	padding-top: 0;
	margin-bottom: 30px !important;
	position: relative;
}

.mapLanding2 .cols8, .mapLanding2 .cols9 {
	padding-top: 0;
}

.mapLanding2 .colsPercent100 {
	float: left;
	width: 100%;
	clear: both;
}

@media screen and (min-width: 560px) {
	.mapBase:has(.mapSize-container) { grid-template-columns: 3fr 1fr; }
}

@media screen and (min-width: 570px) {
	.mapBase:has(.mapSizeSmaller-container) { grid-template-columns: 3fr 1fr; }
}

@media screen and (min-width: 801px) {
	.mapBase:has(.mapSize-container) { grid-template-columns: 1fr; }	
}

@media screen and (min-width: 990px) {
	.mapBase:has(.mapSize-container) { grid-template-columns: 3fr 1fr; }
}

@media screen and (min-width: 580px) {
	.mapBase:has(.showBoundary-container) { grid-template-columns: 3fr 1fr; }
}

.mapBase {
	display: grid;
}

.mapBase .label {
	margin-left: 10px;
	margin-right: unset;
}

.mapBase .textField {
	width: 240px !important;
	margin-top: 2px;
	margin-left: 10px;
	padding-right: 10px;
}

.mapSize-container, .mapSizeSmaller-container, .showBoundary-container {
	justify-self: end;
	white-space: nowrap;
}

.fullyFeatured .mapSize, .fullyFeatured .mapSizeSmaller {
	position: unset;
	float: unset;
	padding: unset !important;
	margin: 2px 10px 0 0;
}

.showBoundary input {
	margin: 8px 10px 0 2px;
}

.mapArea {
	position: relative;
	height: 600px;
}

.tell-me-more {
	top: 17.643em;
	left: .5em;
}

.ol-touch .tell-me-more {
	top: 18.5em;
	left: .5em;
}

.tell-me-more img {
	position: relative;
	top: 2px;
	width: 18px;
	height: 18px;
	content:url(/images/mapInfo.png);
}

.ol-touch .tell-me-more img {
	position: relative;
	top: 0px;
	width: 18px;
	height: 18px;
	content:url(/images/mapInfo.png);
}

.tell-me-more.enabled img {
	content: url(/images/mapInfoSelected.png);
}

.tell-me-more.enabled button {
	background-color: #fff6a3;
}

.results {
	margin-right: 30px;
}

.noResults {
	display: none;
	margin-top: 20px !important;
}

.resultsTitle {
	font-size: 28px;
	margin: 20px 0 !important;
}

.ol-overviewmap,
.ol-overviewmap.ol-uncollapsible {
	bottom: 1px;
	left: auto;
	right: 1px;
	top: auto;
}

.ol-overviewmap:not(.ol-collapsed) button {
	bottom: 1px;
	left: auto;
	right: 1px;
	top: auto;
}