/* Mapbox Popup Styles */
.mapboxgl-popup {
  padding: 0 !important;
}

.mapboxgl-popup-content {
  padding: 12px 50px 12px 12px !important;
  position: relative !important;
}

.mapboxgl-popup-close-button {
  position: absolute !important;
  font-size: 24px !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 32px !important;
  text-align: center !important;
  color: #666 !important;
  opacity: 0.8 !important;
  z-index: 10 !important;
}

.mapboxgl-popup-close-button:hover {
  opacity: 1 !important;
  color: #333 !important;
}

.mapboxgl-popup-content h3 {
  padding-right: 0 !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  max-width: 100% !important;
}