/**
 * MyHometownVermont.com — mhv-gallery-style.css
 * Place in your child theme folder alongside single-design_galleries.php
 *
 * Small supplemental stylesheet, loaded AFTER mhv-town-style.css.
 * Gallery pages reuse nearly everything from the town page stylesheet
 * (header, product grid, cards, find-another-town, footer) — this file
 * only covers the handful of elements unique to gallery pages: the
 * editable intro text block and the optional banner header image.
 */

.mhv-gallery-hero {
  padding-top: 0;
}

.mhv-gallery-banner {
  display: block;
  width: 100%;
  max-height: 260px;
  object-fit: cover;
  object-position: center;
  margin-bottom: 1.5rem;
}

.mhv-gallery-intro {
  color: rgba(255,255,255,0.82);
  font-size: 1rem;
  line-height: 1.7;
  font-weight: 300;
  max-width: 720px;
  margin-top: 0.75rem;
}

@media (max-width: 680px) {
  .mhv-gallery-banner {
    max-height: 160px;
  }
  .mhv-gallery-intro {
    font-size: 0.92rem;
  }
}