/* mapbox styles */

.smarker {  width: 24px; height: 36px; cursor: pointer; }
.smarker-bg { position:absolute; width:24px; height:36px; fill:var(--cty-map-marker-bg); }
.smarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:var(--cty-map-marker-fg); }
.smarker-num { font-weight:700; }

.mapboxgl-map { font-family:inherit; }

.mapboxgl-popup { width: 240px; padding-bottom: 30px; } /* adjust padding bottom to height of marker */
.mapboxgl-popup-content { text-align: center; padding:1.5rem; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.mapboxgl-popup-content p.mapbox-pop-name { margin:0.5rem 0; font-weight:700; font-size:1.1rem; line-height:1.3; }
.mapboxgl-popup-content p.mapbox-pop-address { margin:0.5rem 0; font-size:0.9rem; line-height:1.3; }
.mapboxgl-popup-content p.mapbox-pop-link { margin:0.5rem 0; }



.mapbox-inline { margin-left:-24px; margin-right:-24px; border-top:1px solid #E6E4E0; border-bottom:1px solid #E6E4E0;}
.mapbox-inline #clmap { width:100%; height:50vh; min-height:150px; max-height:500px; background-color:#E6E4E0; border-top:2px solid white; border-bottom:2px solid white; }
@media all and (min-width: 992px) {
	.mapbox-inline #clmap { border:2px solid white; }
	.mapbox-inline { margin-left:0px; margin-right:0px; border: 1px solid #E6E4E0; }
}