.mkd-menu-opener {
    background-color: #33ff75 !important;
}

.mkd-menu-opener .mkd-menu-opener-icon span {
    background-color: #ffffff !important; /* keeps lines white */
}
/* Footer Map – Soft Greyscale + Slight Fade */
#footer-map .leaflet-container {
    filter: grayscale(100%) brightness(82%) contrast(105%) saturate(0%);
    */
    border-radius: 6px; /* optional softness */
}
footer .footer-widgets,
footer .widget-area {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
/* Subscribe Button — matches Volunteer button */
.updates-btn {
  background: #0d6aff;          /* Blue background */
  color: #33ff75;               /* Neon green text */
  font-size: 16px;
  font-weight: 600;
  padding: 14px 28px;           /* Balanced padding */
  border-radius: 12px;          /* Rounded like your CTA */
  border: none;                 /* Clean */
  cursor: pointer;
  width: fit-content;
  transition: 0.2s ease;
}

.updates-btn:hover {
  background: #ffed09;          /* Yellow on hover */
  color: #0d6aff;               /* Switch to blue text */
}
/***********************************************************
 * PAGE 5964 – ECOLOGY MAP LAYOUT (SCALED TO 95% VIEWPORT)
***********************************************************/

.page-id-5964 .ecology-map-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;   /* center horizontally */
    align-items: center;       /* center vertically */
    padding-top: 0px;         /* keep header visible */
    box-sizing: border-box;
}

/* Iframe wrapper scaled to 95% of viewport — no shadow */
.page-id-5964 .dashboard-iframe-wrapper {
    width: 95vw;
    height: calc(95vh - 50px); /* subtract the 50px header */
    max-width: 100%;
    max-height: calc(100vh - 50px);
    border-radius: 0;          /* optional: remove rounding */
    overflow: hidden;
    box-shadow: none !important;
    background: transparent;
}

/* Iframe fills the wrapper */
.page-id-5964 .dashboard-iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* Mobile message (hidden by default) */
.page-id-5964 .map-mobile-message {
    display: none;
    padding: 2rem 1rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5;
}


/***********************************************************
 * MOBILE — DISABLE IFRAME, SHOW MESSAGE
 ***********************************************************/
@media (max-width: 767px) {
    .page-id-5964 .dashboard-iframe-wrapper {
        display: none;
    }

    .page-id-5964 .map-mobile-message {
        display: block;
    }
}


/***********************************************************
 * HEADER: FIXED 50PX + LOGO RESIZE (THIS PAGE ONLY)
 ***********************************************************/
.page-id-5964 .mkdf-page-header,
.page-id-5964 .mkdf-menu-area,
.page-id-5964 .mkdf-menu-area .mkdf-vertical-align-containers {
    height: 50px !important;
    min-height: 50px !important;
}

.page-id-5964 .mkdf-logo-wrapper img {
    max-height: 48px !important;
    width: auto;
}

/* Ensure content begins below header */
.page-id-5964 .mkdf-content,
.page-id-5964 .mkdf-content .mkdf-content-inner {
    padding-top: 0;
}
/***********************************************************
 * PAGE 4845 – SLIDER BELOW HEADER ON MOBILE ONLY
 * row name: slider, element id: water-visible
 ***********************************************************/
@media (max-width: 767px) {

  /* Push the slider row down so it sits under the mobile header */
  .page-id-4845 #water-visible {
      margin-top: 60px;              /* adjust to your header height */
  }

  /* Reduce padding below the slider on mobile */
  .page-id-4845 #water-visible,
  .page-id-4845 #water-visible .mkdf-row-content-holder,
  .page-id-4845 #water-visible .vc_column-inner {
      padding-bottom: 15px !important;  /* lower value = less white space */
  }

  /* Optional: remove extra top margin from the row after the slider
     (helps if there’s still a big gap before "Living With Water") */
  .page-id-4845 #water-visible + .vc_row,
  .page-id-4845 #water-visible + .mkdf-row {
      margin-top: 0 !important;
      padding-top: 15px !important;
  }
}
/* Reduce padding in BOTTOM footer (blue bar) */
.mkdf-footer-bottom-holder {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
/* Make bottom footer background white */
.mkdf-footer-bottom-holder {
    background-color: #ffffff !important;
}

/* Make the text inside bottom footer black */
.mkdf-footer-bottom-holder,
.mkdf-footer-bottom-holder p,
.mkdf-footer-bottom-holder a,
.mkdf-footer-bottom-holder span {
    color: #000000 !important;
}
.mkdf-footer-bottom-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;


/* Reduce padding in TOP footer */
.mkdf-footer-top-holder {
    padding-top: 50px !important;
    padding-bottom: 20px !important;
}

.mkdf-footer-top-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}