/** Make sticky header overlay the map on scroll **/
.elementor-39 .elementor-element.elementor-element-1ecae72 {
  z-index: 1001;
}

/* Initiative loop cards */
.initiative-list-loop-grid .initiative-city-dar-es-salaam {
  background: rgba(190, 122, 60, 0.19);
}

.initiative-list-loop-grid .initiative-city-nairobi {
  background: rgba(217, 217, 217, 1);
}

/** Card styles for Dar Es Salaam **/
.initiative-list-loop-grid .initiative-city-dar-es-salaam h1, .initiative-list-loop-grid .initiative-city-dar-es-salaam h4, .initiative-list-loop-grid .initiative-city-dar-es-salaam li {
    color: #562626;
}
.initiative-list-loop-grid .initiative-city-dar-es-salaam a {
    color: #ffffff !important;
    background-color: #562626 !important;
}
/** Card styles for Nairobi **/
.initiative-list-loop-grid .initiative-city-nairobi h1, .initiative-list-loop-grid .initiative-city-nairobi h4, .initiative-list-loop-grid .initiative-city-nairobi li {
    color: #127834;
}
.initiative-list-loop-grid .initiative-city-nairobi a {
    color: #ffffff !important;
    background-color: #147B3E !important;
}

/** Anchor offset **/
#Initiative_Map {
    scroll-margin-top: 100px;
}

#load_more_initiatives_id:hover {
    text-decoration: none;
}


/** Popup styles for Nairobi **/
#initiatives-map-nairobi  .leaflet-popup-content-wrapper {
    background: #D9D9D9;
    border-radius: 0px;
}
 #initiatives-map-nairobi  .leaflet-popup-content {
    width: 250px;
    color: #147B3E;
    margin: 25px 10px 15px 10px;
}
 #initiatives-map-nairobi  .leaflet-popup-content h4 {
     font-size: 18px;
     font-weight: bold;
     margin-block-end: 1px;
     margin-block-start: 1px;
 }
 #initiatives-map-nairobi  .leaflet-popup-content h5 {
     font-size: 16px;
     font-weight: normal;
     margin-block-end: 1px;
     margin-block-start: 1px;
     font-style: italic;
 }
 #initiatives-map-nairobi  .leaflet-popup-content a {
    background: #147B3E;
    text-align: center;
    color: #FFFFFF;
    border-radius: 20px;
    padding: 5px 15px 5px 15px;
    margin-top:10px;
}
 #initiatives-map-nairobi  .leaflet-popup-content a:hover {
    background: #000000;
    color: #FFFFFF;
    text-decoration: none;
    line-height:1.5em;
}
 #initiatives-map-nairobi  .leaflet-popup-tip {
    background: #D9D9D9;
}
 /** Popup styles for Dar es Salaam **/
#initiatives-map-dar-es-salaam .leaflet-popup-content-wrapper {
    background: #E4D4C5;
    border-radius: 0px;
}
#initiatives-map-dar-es-salaam .leaflet-popup-content {
    width: 250px;
    color: #562626;
    margin: 25px 10px 15px 10px;
}
#initiatives-map-dar-es-salaam .leaflet-popup-content a {
    background: #562626;
    text-align: center;
    color: #FFFFFF;
    border-radius: 20px;
    padding: 5px 15px 5px 15px;
    margin-top:10px;
}
#initiatives-map-dar-es-salaam .leaflet-popup-content h4 {
     font-size: 18px;
     font-weight: bold;
     margin-block-end: 1px;
     margin-block-start: 1px;
 }
#initiatives-map-dar-es-salaam .leaflet-popup-content h5 {
     font-size: 16px;
     font-weight: normal;
     margin-block-end: 1px;
     margin-block-start: 1px;
     font-style: italic;
 }
#initiatives-map-dar-es-salaam .leaflet-popup-content a:hover {
    background: #000000;
    color: #FFFFFF;
    text-decoration: none;
    line-height:1.5em;
}
#initiatives-map-dar-es-salaam .leaflet-popup-tip {
    background: #E4D4C5;
}
.popup-image-wrapper {
    min-height: 167px;
}
.leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus {
    color: 000000;
    text-decoration: none;
    line-height: 1.5em;
}
.leaflet-control-zoom a:hover {
    text-decoration: none !important;
    line-height: 1.4em !important;
}
.popup-image-wrapper:hover .main-image {
    display: none !important;
}
.popup-image-wrapper:hover .swahili-image {
    display: block !important;
}

.map-audio-wrapper {
    position: absolute;
    right: 15px;
    bottom: 15px;
}



#load_more_nairobi_id .jet-filters-pagination__link {
  display: block;
}

#load_more_dar_id .jet-filters-pagination__link {
  display: block;
}


.single-initiative .initiative-summary {
  font-size: 20px;
}

.single-initiative .initiative-single-columns {
  color: #000000;
}


/** Custom styles for map overlays **/
/* Rivers */
.leaflet-tooltip.river {
  color: #0077cc; /* Blue */
}

/* Sub Counties */
.leaflet-tooltip.subcounty {
  color: #eca322; /* Orange */
  text-transform: uppercase;
}

/* Settlements */
.leaflet-tooltip.settlement {
  color: #ff5733; /* Red */
}

/* Common label style */
.leaflet-tooltip.river,
.leaflet-tooltip.subcounty,
.leaflet-tooltip.settlement {
  background: transparent;
  border: none;
  font-family: "Geologica";
  font-weight: normal;
  font-size: 12px;
  text-shadow: 0 0 2px #fff;
  box-shadow: none;
}



/** Custom tooltips for JetFilters **/
.custom-tooltip {
  position: absolute;
  display: none;
  background: #222;
  color: #fff;
  padding: 6px 10px;
  font-size: 13px;
  border-radius: 4px;
  pointer-events: none;
  z-index: 9999;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  max-width: 200px;
  white-space: nowrap;
}


/** Visual Checkbox filters **/
.jet-color-image-list__image {
  opacity: 0.7;
}

.jet-color-image-list__image:hover {
  opacity: 1;
}

.jet-color-image-list__item input:checked+.jet-color-image-list__button .jet-color-image-list__decorator>* {
    border-color: #2ccc3c;
    opacity: 1;
}

.jet-color-image-list__label {
  display: none;
}

/** Override reset filters hide when no filters are selected **/
.reset-filters-override-hide .hide-widget, .reset-filters-override-hide .hide {
  display: block !important;
}

#Initiative_Map {
  scroll-margin-top: 100px; /* Adjust the offset value as needed */
}



/** Responsive styles for map container **/
@media (max-width: 1024px) {
  .leaflet-container {
    position: relative;
    width: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
  }
  .leaflet-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1 !important; /* Maintain aspect ratio */
  }
  /** Responsive styles for popup content **/
  .leaflet-popup-content {
    width: 200px !important;
  }    
  .popup-image-wrapper {
    display: none;
  } 
}