.marker-cluster-small	  { background-color: rgba(181, 226, 140, 1); }
.marker-cluster-small div { background-color: rgba(110, 204, 57, 1); }

.marker-cluster-medium	   { background-color: rgba(241, 211, 87, 1); }
.marker-cluster-medium div { background-color: rgba(240, 194, 12, 1); }

.marker-cluster-large	  { background-color: rgba(253, 156, 115, 1); }
.marker-cluster-large div { background-color: rgba(241, 128, 23, 1); }

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small	 { background-color: rgb(181, 226, 140); }
.leaflet-oldie .marker-cluster-small div { background-color: rgb(110, 204, 57); }

.leaflet-oldie .marker-cluster-medium	  { background-color: rgb(241, 211, 87); }
.leaflet-oldie .marker-cluster-medium div { background-color: rgb(240, 194, 12); }

.leaflet-oldie .marker-cluster-large	 { background-color: rgb(253, 156, 115); }
.leaflet-oldie .marker-cluster-large div { background-color: rgb(241, 128, 23); }

.marker-cluster { background-clip: padding-box; border-radius: 20px; }

.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;
	text-align: center;
	border-radius: 15px;
	font: 10px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}

/* GTF */
.marker-cluster .cluster-marker {
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
}

.marker-cluster .cluster-marker.small {
    width: 30px;
    height: 30px;
    font-size: 10px;
}

.marker-cluster .cluster-marker.medium {
    width: 35px;
    height: 35px;
    font-size: 12px;
}

.marker-cluster .cluster-marker.large {
    width: 40px;
    height: 40px;
    font-size: 14px;
}

.fish-pin-div {
	margin: -7px 0 0 -7px;
	display:inline-block;
	padding:3px 7px 3px 7px;
	width:auto; 
	white-space:nowrap;
	background:#666;
	font-size:10px;
	color:white;
	border:1px solid #FFF;
	border-radius:7px;
}

.street-tiles {
	filter: saturate(1.1) contrast(1.1);
}

/* The main map fills its page wrapper when expanded. */
.page.leaflet-pseudo-fullscreen { padding:0;z-index:99999; }
.page.leaflet-pseudo-fullscreen #map { position:absolute !important;inset:0;margin:0 !important;width:100% !important;height:100% !important; }

/* Keep Filters sized as a tab while its attached panel expands below. */
#map-filters-toggle { position:relative; }
#map-filters-toggle[aria-expanded="true"] { z-index:3;background:#fff;border-bottom-color:transparent; }
#map-filters-toggle[aria-expanded="true"]::after { content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;background:#fff;z-index:2; }

#map-close-filters,#map-close-filters:hover,#map-close-filters:focus,#map-close-filters:active,#map-close-filters:visited { display:inline;width:auto;height:auto;line-height:inherit;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:#0000FF;text-decoration:underline;box-shadow:none; }

#map-fish-filters:not([hidden]) { display:flex;flex-direction:column; }
#map-fish-filters > :not(#map-species-list) { flex-shrink:0; }

/* Filters must cover the right-hand controls when they overlap. */
#map > .leaflet-control-container > .leaflet-top.leaflet-left { z-index:1100; }

#map-fish-search::placeholder { font:inherit; }