@charset "UTF-8";
/* ===========================
   ACCESSIBILITY UTILITIES
   =========================== */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
}

/* ===========================
   MAIN FLEXBOX LAYOUT
   =========================== */

#location-nav {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background-color: #033649;
  width: 100%;
  padding: 10px;
}
#location-nav nav {
	border-top:none !important;
	border-bottom:none !important;
}
/* Slider column */
#slider {
  flex: 2 1 420px;
}

/* Locations column */
#locations {
  flex: 1 1 300px;
  padding-top: 20px;
}

/* Stack only when space runs out */
@media (max-width: 900px) {
  #location-nav {
    width: 100%;
    padding: 12px 10px; /* equal left/right */
    box-sizing: border-box;
    flex-wrap: wrap;
  }

  #slider,
  #locations {
    width: 100%;
  }

  /* Ensure slider image never overflows */
  #slider img {
    max-width: 100%;
    height: auto;
    display: block;
  }

  #locations {
    padding-top: 0;
  }

}

/* ===========================
   SLIDES
   =========================== */

.slides {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.slide {
  display: none;
}

.slide.active {
  display: block;
}

.slides img {
  width: 100%;
  border-radius: 10px;
}


/* ===========================
   LOCATIONS / THUMB LIST
   =========================== */

.thumbs {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Unified desktop + mobile item layout */
.thumbs li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 0;
}

.thumbs li + li {
  border-top: 1px solid rgba(255,255,255,0.15);
}

/* Thumbnail button */
.thumbs button {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  line-height: 0;
}

.thumbs img {
  width: 72px;
  height: auto;
  border-radius: 6px;
}

/* Selection states (current slide) */
#locations button img {
  border: 3px solid #636363;
}

#locations button[aria-current="true"] img {
  border-color: #cdb380;
}

#locations button[aria-current="true"] {
  /*background: rgba(205,179,128,0.12);*/
  border-radius: 6px;
}

#locations button:focus-visible img {
  outline: 3px solid #ffffff;
  outline-offset: 2px;
}


/* ===========================
   ADDRESS BLOCK
   =========================== */

.address {
  width: 100%;
  padding-top: 2px;
}

.address h3 {
  margin: 0 0 4px;
  font-size: 1.5rem;
  line-height: 1.25;
}

.address h3 a, .address h3 a:visited {
  color: #cdb380;
  text-decoration: none;
  font-weight: 600;
}

.address h3 a:hover,
.address h3 a:focus {
  text-decoration: underline;
}

.address p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.35;
  color: #ffffff;
}