.leaflet-control-attribution.leaflet-control {
    display: none !important;
}
.leaflet-container {
    background-color: rgb(221, 221, 221) !important; /* Fallback to deep abyss blue */
    font-family: inherit;
}
#header, header.header  {
  background-image: url('/sites/default/files/2026-06/background_for_header.jpg');
  background-size: cover;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background-repeat: no-repeat;
  background-position: center center;
}

.solo-dialog-override .button {
  background-color: #1f456e; 
  color: #ffffff;
}
.solo-dialog-override .button:hover {
  background-color: #f5f7f9; 
  color: #1f456e;
}

.center-my-link {
  display: flex;
  justify-content: center;
  width: 100%;
}
/*set the custom color for link, currently not in use*/
.custom-view-link a {
  --r-lk: #ff0000 !important;   /* Changes normal link color */
  --r-lk-h: #00ff00 !important; /* Changes hover link color */
}

/* Adjust the wrapper (outer box) font and style */
.leaflet-popup-content-wrapper {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #333333;
}

.leaflet-tooltip {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #333333;
  background-color: #ffffff; /* Optional: Tooltips have a default light background */
  border: 1px solid #cccccc;  /* Optional: Tooltips have a default border */
}


/* 1. Hide the default theme credit text in the first section */
.copyright-first {
    visibility: hidden;
    position: relative;
    display: inline-block;
}

/* 2. Inject your own custom information into the first section */
.copyright-first::after {
    content: "© 2026 Promoseas. All Rights Reserved."; /* Edit your custom text here */
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap; 
}

/* 3. Completely hide and empty out the second copyright section */
.copyright-second {
    display: none !important;
}

#header, header.header  {
  background-image: url('/sites/default/files/2026-06/background_for_header.jpg'');
  background-size: cover;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background-repeat: no-repeat;
  background-position: center center;
}

.solo-dialog-override .button {
  background-color: #1f456e; 
  color: #ffffff;
}
.solo-dialog-override .button:hover {
  background-color: #f5f7f9; 
  color: #1f456e;
}

.center-my-link {
  display: flex;
  justify-content: center;
  width: 100%;
}
/*set the custom color for link, currently not in use*/
.custom-view-link a {
  --r-lk: #ff0000 !important;   /* Changes normal link color */
  --r-lk-h: #00ff00 !important; /* Changes hover link color */
}

/* Target the view wrapper container down to your custom class */
.view-id-modal_box .custom-view-text,
.view-id-modal_box .custom-view-text a {
    color: #df0000 !important; /* Forces your desired color */
}

/* Target the Leaflet map container to shift the colors of the Esri basemap */
.leaflet-container img.leaflet-tile {
    filter: grayscale(0) invert(0) hue-rotate(0deg) saturate(0.5) brightness(1) contrast(1) !important;
}