#locationmap {
  height: 18.75rem;
}

#locationmap img {
  border: none;
}

#locationmap .leaflet-control-zoom a:link,
#locationmap .leaflet-control-zoom a:visited,
#locationmap .leaflet-control-zoom a:hover,
#locationmap .leaflet-control-zoom a:active,
#locationmap .leaflet-popup a:link,
#locationmap .leaflet-popup a:visited,
#locationmap .leaflet-popup a:hover,
#locationmap .leaflet-popup a:active,
#locationmap .leaflet-popup-content a:link,
#locationmap .leaflet-popup-content a:visited,
#locationmap .leaflet-popup-content a:hover,
#locationmap .leaflet-popup-content a:active,
#locationmap .leaflet-control-attribution a:link,
#locationmap .leaflet-control-attribution a:visited,
#locationmap .leaflet-control-attribution a:hover,
#locationmap .leaflet-control-attribution a:active {
  text-decoration-line: none;
}

@media (min-width: 1024px) {
  #locationmap {
    height: 37.5rem;
    border: 1px solid var(--colour-black-olive);
  }

  .theme-dark #locationmap {
    border: 1px solid var(--colour-anti-flash-white);
  }  
}

.map-marker {
  background-image: url('/css/leaflet/images/cjio-marker.png');
  background-size: cover;
  width: 25px;
  height: 36px;
}

.theme-dark .map-marker {
  background-image: url('/css/leaflet/images/cjio-marker-yellow.png');
  background-size: cover;
  width: 25px;
  height: 36px;
}

@media (min-resolution: 192dpi) {
  .map-marker {
    background-image: url('/css/leaflet/images/cjio-marker@2x.png');
  }

  .theme-dark .map-marker {
    background-image: url('/css/leaflet/images/cjio-marker-yellow@2x.png');
  }
}

.mapboxgl-popup {
  max-width: 12rem;
}

.mapboxgl-popup-content {
  text-align: center;
}