#hotspot-1506 .hotspots-image-container, #hotspot-1506 .leaflet-container {width: 800px;height: 100%}
@keyframes pulse {
    0% {
        stroke-width: 3; /* Original stroke width */
        fill-opacity: 0.2; /* Original fill opacity */
    }
    50% {
        stroke-width: 6; /* Increased stroke width */
        fill-opacity: 0.4; /* Slightly more opaque */
    }
    100% {
        stroke-width: 3; /* Back to original */
        fill-opacity: 0.2; /* Back to original */
    }
}

.hotspot-default {
    animation: pulse 1.5s infinite ease-in-out;
}


#zoomable-map-container {
  width: 100%; /* Make it responsive */
  height: 600px; /* Set the visible height */
  overflow: hidden; /* Hide content overflowing the container */
  position: relative; /* Necessary for proper scaling */
  border: 1px solid #ccc; /* Optional: border for clarity */
}

#hotspots-map-container-1506 {
  width: 965px; /* Original map width */
  height: 1186px; /* Original map height */
  transform-origin: 0 0; /* Ensure proper scaling */
  transition: transform 0.2s ease; /* Smooth zooming */
}


/* existing styles already in here... */
.hotspot-container {
  /* your current rules */
}

/* ---- Timeline styles (scoped to psa-timeline only) ---- */
.psa-timeline-wrapper {
  display: flex;
  overflow-x: auto;
  gap: 30px;
  padding: 30px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  border-bottom: 2px solid #ccc;
}

.psa-timeline-event {
  flex: 0 0 auto;
  background-color: #0073aa;
  color: white;
  padding: 15px 20px;
  border-radius: 8px;
  min-width: 180px;
  text-align: center;
  position: relative;
  scroll-snap-align: start;
  font-size: 14px;
  cursor: pointer;
  transition: transform 0.3s ease;
  animation: fadeInUp 0.6s ease forwards;
}

.psa-timeline-event:hover {
  transform: translateY(-6px);
}

.psa-timeline-event::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  background: #222;
  color: #fff;
  padding: 6px 10px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  font-size: 13px;
  z-index: 10;
}

.psa-timeline-event:hover::after {
  opacity: 1;
}

@keyframes fadeInUp {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

#reply-title {
  display: none !important;
}

@media (max-width: 768px) {
  img[src*="Merrill-Field-Airport-Logo-PNG"] {
    display: none !important;
  }
}

/* Hide the Merrill Field logo image on phones/tablets */
@media (max-width: 768px) {

  /* 1) Direct match on src */
  rs-module img.tp-rs-img.rs-lazyload[src*="/Merrill-Field-Airport-Logo-PNG-150x139.png"],
  /* 2) When SR swaps via data-lazyload */
  rs-module img.tp-rs-img.rs-lazyload[data-lazyload*="/Merrill-Field-Airport-Logo-PNG-150x139.png"],
  /* 3) When SR references via data-src-rs-ref */
  rs-module img.tp-rs-img.rs-lazyload[data-src-rs-ref*="/Merrill-Field-Airport-Logo-PNG-150x139.png"] {
    display: none !important;
  }

  /* 4) Nuclear option: hide the entire layer that contains that image */
  rs-module .tp-parallax-wrap:has(img[src*="/Merrill-Field-Airport-Logo-PNG-150x139.png"]),
  rs-module .tp-parallax-wrap:has(img[data-lazyload*="/Merrill-Field-Airport-Logo-PNG-150x139.png"]),
  rs-module .tp-parallax-wrap:has(img[data-src-rs-ref*="/Merrill-Field-Airport-Logo-PNG-150x139.png"]) {
    display: none !important;
  }
}


#frm_form_3_container .frm_form_fields {
    background-color: #efefef;
    padding: 20px;
    border-radius: 8px;
}

#frm_form_3_container .frm_button_submit {
    background-color: rgb(28, 64, 255) !important;
    color: #ffffff !important;
    border: 1px solid rgb(28, 64, 255) !important;
}

#frm_form_3_container .frm_button_submit:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid rgb(28, 64, 255) !important;
}


/* Stop the plugin from moving our button to the corner */
.no-reposition {
  position: static !important;
  top: auto !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
}


/* Restore button styling after using modal close class */
.no-reposition {
  position: static !important;
  top: auto !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
}

/* Force our real button colors */
.no-reposition.modal-window__close {
  background-color: #1c40ff !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Make sure hover still looks good */
.no-reposition.modal-window__close:hover {
  background-color: #1634cc !important;
  color: #ffffff !important;
}

/* Kenai Runway Rehab form (ID 9) submit button */
#frm_form_9_container button.frm_button_submit,
#frm_form_9_container button.frm_final_submit {
  background-color: #1f4184 !important;  /* <-- set your normal color */
  color: #ffffff !important;
  border: 2px solid #1f4184 !important;
  transition: all 0.25s ease;
  cursor: pointer;
}
#frm_form_9_container button.frm_button_submit:hover,
#frm_form_9_container button.frm_button_submit:focus,
#frm_form_9_container button.frm_final_submit:hover,
#frm_form_9_container button.frm_final_submit:focus {
  background-color: #ffffff !important; /* <-- hover color */
  color: #1f4184 !important;
  border-color: #ffffff !important;
}