/*
 * Demo 1 uses remote stock images. The Govity theme assumed bundled JPEG dimensions.
 * Stock photos vary in resolution and aspect ratio — normalize with aspect-ratio + object-fit.
 */

/* ---------- Services One (“Explore online services”): solid fills only ---------- */
.services-one__shape-1,
.services-one__shape-2,
.services-one__shape-3 {
  display: none !important;
}

.services-one__img {
  mix-blend-mode: normal;
  min-height: min(400px, 52vw);
  background-color: var(--govity-base);
}

.services-one__img img {
  display: none !important;
}

.services-one__img-shadow {
  display: none !important;
}

/* ---------- Wide card / block thumbnails (4:3) ---------- */
.home-showcase__image > img[src*="images.unsplash.com"],
.home-showcase__image > img[src*="images.pexels.com"],
.home-showcase__image > img[src*="cdn.pixabay.com"],
.feature-one__img > img[src*="images.unsplash.com"],
.feature-one__img > img[src*="images.pexels.com"],
.feature-one__img > img[src*="cdn.pixabay.com"],
.feature-three__img > img[src*="images.unsplash.com"],
.feature-three__img > img[src*="images.pexels.com"],
.feature-three__img > img[src*="cdn.pixabay.com"],
.feature-four__img > img[src*="images.unsplash.com"],
.feature-four__img > img[src*="images.pexels.com"],
.feature-four__img > img[src*="cdn.pixabay.com"],
.about-one__img > img[src*="images.unsplash.com"],
.about-one__img > img[src*="images.pexels.com"],
.about-one__img > img[src*="cdn.pixabay.com"],
.services-one__img > img[src*="images.unsplash.com"],
.services-one__img > img[src*="images.pexels.com"],
.services-one__img > img[src*="cdn.pixabay.com"],
.about-two__img > img[src*="images.unsplash.com"],
.about-two__img > img[src*="images.pexels.com"],
.about-two__img > img[src*="cdn.pixabay.com"],
.about-four__img > img[src*="images.unsplash.com"],
.about-four__img > img[src*="images.pexels.com"],
.about-four__img > img[src*="cdn.pixabay.com"],
.great-place__img > img[src*="images.unsplash.com"],
.great-place__img > img[src*="images.pexels.com"],
.great-place__img > img[src*="cdn.pixabay.com"],
.why-choose-one__img > img[src*="images.unsplash.com"],
.why-choose-one__img > img[src*="images.pexels.com"],
.why-choose-one__img > img[src*="cdn.pixabay.com"],
.offering-one__img > img[src*="images.unsplash.com"],
.offering-one__img > img[src*="images.pexels.com"],
.offering-one__img > img[src*="cdn.pixabay.com"],
.department-two__img > img[src*="images.unsplash.com"],
.department-two__img > img[src*="images.pexels.com"],
.department-two__img > img[src*="cdn.pixabay.com"],
.contact-page__img > img[src*="images.unsplash.com"],
.contact-page__img > img[src*="images.pexels.com"],
.contact-page__img > img[src*="cdn.pixabay.com"],
.news-details__img > img[src*="images.unsplash.com"],
.news-details__img > img[src*="images.pexels.com"],
.news-details__img > img[src*="cdn.pixabay.com"],
.news-sidebar__img > img[src*="images.unsplash.com"],
.news-sidebar__img > img[src*="images.pexels.com"],
.news-sidebar__img > img[src*="cdn.pixabay.com"],
.department-details__img > img[src*="images.unsplash.com"],
.department-details__img > img[src*="images.pexels.com"],
.department-details__img > img[src*="cdn.pixabay.com"],
.service-details__img > img[src*="images.unsplash.com"],
.service-details__img > img[src*="images.pexels.com"],
.service-details__img > img[src*="cdn.pixabay.com"],
.service-details__benefit-img > img[src*="images.unsplash.com"],
.service-details__benefit-img > img[src*="images.pexels.com"],
.service-details__benefit-img > img[src*="cdn.pixabay.com"],
.event-details__img > img[src*="images.unsplash.com"],
.event-details__img > img[src*="images.pexels.com"],
.event-details__img > img[src*="cdn.pixabay.com"],
.reawards-one__img > img[src*="images.unsplash.com"],
.reawards-one__img > img[src*="images.pexels.com"],
.reawards-one__img > img[src*="cdn.pixabay.com"],
.our-history__img > img[src*="images.unsplash.com"],
.our-history__img > img[src*="images.pexels.com"],
.our-history__img > img[src*="cdn.pixabay.com"] {
  width: 100%;
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
  display: block;
}

/* ---------- News listing cards (wider) ---------- */
.news-one__img > img[src*="images.unsplash.com"],
.news-one__img > img[src*="images.pexels.com"],
.news-one__img > img[src*="cdn.pixabay.com"],
.news-two__img > img[src*="images.unsplash.com"],
.news-two__img > img[src*="images.pexels.com"],
.news-two__img > img[src*="cdn.pixabay.com"] {
  width: 100%;
  aspect-ratio: 16 / 10;
  height: auto;
  object-fit: cover;
  display: block;
}

/* ---------- Portfolio / project tiles (portrait) ---------- */
.portfolio-one__img > img[src*="images.unsplash.com"],
.portfolio-one__img > img[src*="images.pexels.com"],
.portfolio-one__img > img[src*="cdn.pixabay.com"],
.portfolio-two__img > img[src*="images.unsplash.com"],
.portfolio-two__img > img[src*="images.pexels.com"],
.portfolio-two__img > img[src*="cdn.pixabay.com"],
.portfolio-three__img > img[src*="images.unsplash.com"],
.portfolio-three__img > img[src*="images.pexels.com"],
.portfolio-three__img > img[src*="cdn.pixabay.com"],
.portfolio-page__img > img[src*="images.unsplash.com"],
.portfolio-page__img > img[src*="images.pexels.com"],
.portfolio-page__img > img[src*="cdn.pixabay.com"],
.similar-portfolio__img > img[src*="images.unsplash.com"],
.similar-portfolio__img > img[src*="images.pexels.com"],
.similar-portfolio__img > img[src*="cdn.pixabay.com"],
.portfolio-details__img > img[src*="images.unsplash.com"],
.portfolio-details__img > img[src*="images.pexels.com"],
.portfolio-details__img > img[src*="cdn.pixabay.com"] {
  width: 100%;
  aspect-ratio: 3 / 4;
  height: auto;
  object-fit: cover;
  display: block;
}

/* ---------- Team cards (circular frame needs a square box) ---------- */
.team-one__img:has(img[src*="images.unsplash.com"]),
.team-one__img:has(img[src*="images.pexels.com"]),
.team-one__img:has(img[src*="cdn.pixabay.com"]) {
  aspect-ratio: 1 / 1;
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.team-one__img img[src*="images.unsplash.com"],
.team-one__img img[src*="images.pexels.com"],
.team-one__img img[src*="cdn.pixabay.com"] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.team-details__img > img[src*="images.unsplash.com"],
.team-details__img > img[src*="images.pexels.com"],
.team-details__img > img[src*="cdn.pixabay.com"] {
  width: 100%;
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
  display: block;
}

/* ---------- Event row thumbnails (fixed width circle) ---------- */
/* Do not use height:100% on the img — parent height is from aspect-ratio + width,
   and percentage heights often collapse, which reads as empty “placeholder” circles. */
.event-one__img:has(img[src*="images.unsplash.com"]),
.event-one__img:has(img[src*="images.pexels.com"]),
.event-one__img:has(img[src*="cdn.pixabay.com"]) {
  aspect-ratio: 1 / 1;
  height: auto;
}

.event-one__img img[src*="images.unsplash.com"],
.event-one__img img[src*="images.pexels.com"],
.event-one__img img[src*="cdn.pixabay.com"] {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
}

.event-three__img > img[src*="images.unsplash.com"],
.event-three__img > img[src*="images.pexels.com"],
.event-three__img > img[src*="cdn.pixabay.com"] {
  width: 100%;
  aspect-ratio: 16 / 10;
  height: auto;
  object-fit: cover;
  display: block;
}

/* ---------- Testimonials (fixed ring; stock was width:auto / huge) ---------- */
.testimonial-one__client-img img[src*="images.unsplash.com"],
.testimonial-one__client-img img[src*="images.pexels.com"],
.testimonial-one__client-img img[src*="cdn.pixabay.com"] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.testimonial-two__img:has(img[src*="images.unsplash.com"]),
.testimonial-two__img:has(img[src*="images.pexels.com"]),
.testimonial-two__img:has(img[src*="cdn.pixabay.com"]) {
  aspect-ratio: 1 / 1;
}

.testimonial-two__img img[src*="images.unsplash.com"],
.testimonial-two__img img[src*="images.pexels.com"],
.testimonial-two__img img[src*="cdn.pixabay.com"] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

/* ---------- News byline avatars ---------- */
.news-one__user-img:has(img[src*="images.unsplash.com"]),
.news-one__user-img:has(img[src*="images.pexels.com"]),
.news-one__user-img:has(img[src*="cdn.pixabay.com"]) {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}

.news-one__user-img img[src*="images.unsplash.com"],
.news-one__user-img img[src*="images.pexels.com"],
.news-one__user-img img[src*="cdn.pixabay.com"] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

/* ---------- Footer watermark + gallery ---------- */
.site-footer__img {
  left: 0;
  right: 0;
  width: 100%;
  max-height: min(48vh, 520px);
  overflow: hidden;
}

.site-footer__img img[src*="images.unsplash.com"],
.site-footer__img img[src*="images.pexels.com"],
.site-footer__img img[src*="cdn.pixabay.com"] {
  width: 100%;
  height: 100%;
  min-height: 260px;
  object-fit: cover;
  object-position: center;
  display: block;
}

.footer-widget__gallery-img:has(img[src*="images.unsplash.com"]),
.footer-widget__gallery-img:has(img[src*="images.pexels.com"]),
.footer-widget__gallery-img:has(img[src*="cdn.pixabay.com"]) {
  aspect-ratio: 1 / 1;
}

.footer-widget__gallery-img img[src*="images.unsplash.com"],
.footer-widget__gallery-img img[src*="images.pexels.com"],
.footer-widget__gallery-img img[src*="cdn.pixabay.com"] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ---------- Shop grid ---------- */
.product__all-img > img[src*="images.unsplash.com"],
.product__all-img > img[src*="images.pexels.com"],
.product__all-img > img[src*="cdn.pixabay.com"] {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: cover;
  display: block;
}

.product-details__img > img[src*="images.unsplash.com"],
.product-details__img > img[src*="images.pexels.com"],
.product-details__img > img[src*="cdn.pixabay.com"] {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: cover;
  display: block;
}

/* ---------- Decorative full-bleed layers that used width:auto ---------- */
.event-two__img {
  max-width: 100%;
  overflow: hidden;
}

.event-two__img img[src*="images.unsplash.com"],
.event-two__img img[src*="images.pexels.com"],
.event-two__img img[src*="cdn.pixabay.com"] {
  width: 100%;
  max-height: min(70vh, 720px);
  height: auto;
  object-fit: cover;
  display: block;
}

/* ---------- Alleghany main header: logo row + menu bar aligned ---------- */
/* Logo lives inside .main-menu__bottom next to .main-menu__bottom-inner (see HTML). */
.main-menu__bottom,
.stricky-header.main-menu .main-menu__bottom {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
  background-color: var(--govity-white);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
}

.main-menu__bottom-inner,
.stricky-header.main-menu .main-menu__bottom-inner {
  flex: 1 1 auto;
  min-width: 0;
  padding-left: clamp(16px, 2.5vw, 32px);
  box-shadow: none;
  justify-content: flex-end;
  align-items: center;
  column-gap: 28px;
}

.main-menu__logo,
.stricky-header.main-menu .main-menu__logo {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  display: flex;
  align-items: stretch;
  flex: 0 0 auto;
  align-self: stretch;
  z-index: 2;
}

.main-menu__logo a,
.stricky-header.main-menu .main-menu__logo a {
  flex: 1 1 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 14px 18px;
  min-height: 100%;
  padding: 10px 28px 10px 32px;
}

.main-menu__logo img,
.stricky-header.main-menu .main-menu__logo img {
  flex-shrink: 0;
  max-height: 56px;
  width: auto;
}

/* Match primary nav link typography (.main-menu .main-menu__list > li > a) */
.main-menu__logo .main-menu__logo-tagline,
.stricky-header.main-menu .main-menu__logo .main-menu__logo-tagline {
  max-width: none;
  text-align: left;
  white-space: nowrap;
  font-family: var(--govity-font);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: var(--govity-letter-spacing-two);
  color: var(--govity-gray);
}

@media (max-width: 991px) {
  .main-menu__bottom,
  .stricky-header.main-menu .main-menu__bottom {
    flex-wrap: wrap;
  }

  .main-menu__logo,
  .stricky-header.main-menu .main-menu__logo {
    width: 100%;
    order: -1;
  }

  .main-menu__logo a,
  .stricky-header.main-menu .main-menu__logo a {
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-menu__logo .main-menu__logo-tagline,
  .stricky-header.main-menu .main-menu__logo .main-menu__logo-tagline {
    white-space: normal;
    text-align: center;
  }

  .main-menu__bottom-inner,
  .stricky-header.main-menu .main-menu__bottom-inner {
    width: 100%;
  }
}

/* Meet great city council: three headshots in a row */
.team-one .council-headshots,
.team-two .council-headshots {
  margin-top: 48px;
}

.council-headshots__link {
  display: inline-block;
  max-width: 100%;
  text-decoration: none;
}

.council-headshots__link:hover .council-headshots__img {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  transform: translateY(-3px);
}

.council-headshots__img {
  width: 100%;
  max-width: 280px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 4px solid #ebebeb;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

/* Testimonial carousel: remote photos as circular headshots */
.testimonial-one__client-img img[src*="images.unsplash.com"],
.testimonial-one__client-img img[src*="images.pexels.com"],
.testimonial-one__client-img img[src*="cdn.pixabay.com"],
.testimonial-two__img img[src*="images.unsplash.com"],
.testimonial-two__img img[src*="images.pexels.com"],
.testimonial-two__img img[src*="cdn.pixabay.com"] {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center top;
  display: block;
  aspect-ratio: 1;
}