/* Keep Mapbox inside the site's existing menu, search and wave layers. */
#map-wrapper { position: relative; }
#map { position: relative; z-index: 0; }
#map-wrapper #mapcontrols { z-index: 191 !important; }
#map .mapboxgl-ctrl-bottom-left, #map .mapboxgl-ctrl-bottom-right { bottom: 36px; }
#map .mapboxgl-ctrl-attrib { font: 12px/1.5 Arial, sans-serif; color: #333; }
#map .mapboxgl-ctrl-attrib a { color: #12638a !important; }
#map .nfp-map-marker { width: 32px; height: 32px; display: block; padding: 0; border: 0; border-radius: 50%; background-color: transparent; background-size: 32px 32px; background-repeat: no-repeat; cursor: pointer; }
#map .nfp-map-marker:focus-visible { outline: 3px solid #343946; outline-offset: 3px; }
#mapwindow { max-width: calc(100% - 40px); box-sizing: border-box; white-space: normal; }
#mapwintext { max-height: 45vh; overflow: auto; overflow-wrap: break-word; }
#map-status, #map-results { position: absolute; z-index: 192; top: 188px; left: 50%; width: 508px; margin-left: -254px; box-sizing: border-box; background: #eef6f9; color: #aad1e3; border: 2px solid #aad1e3; padding: 10px 12px; font-family: 'Circular-Book-S', sans-serif; font-size: 1em; font-weight: normal; line-height: 120%; text-align: center; box-shadow: none; }
.page-id-6 #map-status, .page-id-6 #map-results { border-color: #e5bb2e; background: #faf1d5; color: #e5bb2e; }
#map-status:empty, #map-results:empty { display: none; }
#map-results { max-height: 220px; overflow: auto; }
#map-results button { display: block; width: 100%; border: 0; border-bottom: 1px solid currentColor; padding: 9px 4px; background: transparent; color: inherit; text-align: center; font: inherit; cursor: pointer; }
#map-results button:hover, #map-results button:focus { background: rgba(255,255,255,.35); }

/* Use available font faces; never synthesize bold or italic in the map UI. */
#map-wrapper, #map-wrapper * { font-synthesis: none; }