/* ============================================================
   MILWAUKEE GLOBAL HERO IMAGE
   Uses the supplied Atlanta skyline image across public page heroes.
   Individual profile/gallery heroes are intentionally excluded so profile
   photos remain visible.
============================================================ */
:root{
  --gr-blue:#0d5eaf;
  --gr-blue-dark:#073f7a;
  --gr-hero-image:url('../images/milwaukee-hero.jpg');
}

/* Directory, location and public information heroes. */
.fp-hero,
.city-hero,
.country-hero,
.location-hero,
.loc-compact-hero,
.bsr-reviews-hero,
.wx-info-hero,
.wx-page-hero,
.blog-hero,
.sx-checkout-hero,
.sx-packages-hero,
.nu-hero,
.ds-premium-hero{
  position:relative !important;
  isolation:isolate !important;
  background-image:
    linear-gradient(100deg,rgba(3,28,54,.88) 0%,rgba(3,46,88,.74) 48%,rgba(3,31,61,.55) 100%),
    var(--gr-hero-image) !important;
  background-size:cover !important;
  background-position:center 52% !important;
  background-repeat:no-repeat !important;
  border-color:rgba(13,94,175,.22) !important;
}

.fp-hero h1,.fp-hero h2,.fp-hero p,.fp-hero .fp-kicker,
.city-hero h1,.city-hero h2,.city-hero p,.city-hero .city-kicker,
.country-hero h1,.country-hero h2,.country-hero p,.country-hero .location-kicker,
.location-hero h1,.location-hero h2,.location-hero p,.location-hero .location-kicker,
.loc-compact-hero h1,.loc-compact-hero h2,.loc-compact-hero p,.loc-compact-hero span,
.bsr-reviews-hero h1,.bsr-reviews-hero h2,.bsr-reviews-hero p,
.wx-info-hero h1,.wx-info-hero h2,.wx-info-hero p,.wx-info-hero .wx-info-kicker,
.wx-page-hero h1,.wx-page-hero h2,.wx-page-hero p,
.blog-hero h1,.blog-hero h2,.blog-hero p,
.sx-checkout-hero h1,.sx-checkout-hero h2,.sx-checkout-hero p,
.sx-packages-hero h1,.sx-packages-hero h2,.sx-packages-hero p,
.nu-hero h1,.nu-hero h2,.nu-hero p,
.ds-premium-hero h1,.ds-premium-hero h2,.ds-premium-hero p{
  color:#fff !important;
  text-shadow:0 2px 12px rgba(0,0,0,.34) !important;
}

/* Preserve readable cards/panels sitting inside image heroes. */
.fp-hero-panel,.fp-hero-destinations,.wx-info-hero-card,.nu-hero-card{
  backdrop-filter:blur(8px);
}

.city-hero,.location-hero{
  min-height:112px !important;
}
.country-hero,.loc-compact-hero{
  min-height:180px !important;
}
.city-hero,.location-hero,.country-hero,.loc-compact-hero{
  display:flex !important;
  align-items:center !important;
}

@media (max-width:767px){
  .fp-hero,.city-hero,.country-hero,.location-hero,.loc-compact-hero,
  .bsr-reviews-hero,.wx-info-hero,.wx-page-hero,.blog-hero,
  .sx-checkout-hero,.sx-packages-hero,.nu-hero,.ds-premium-hero{
    background-position:center center !important;
  }
  .city-hero,.location-hero{min-height:108px !important;}
  .country-hero,.loc-compact-hero{min-height:150px !important;}
}

/* Taxonomy city template has an inner copy card. Keep it translucent so the Atlanta image remains visible. */
.taxonomy-city-hero .city-hero-copy{
  background:rgba(4,31,58,.72) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(5px);
}
.taxonomy-city-hero .city-hero-copy h1,
.taxonomy-city-hero .city-hero-copy p{color:#fff !important;}