/* SaltLakeEscortsXXX v1.5.4
   Supplied Salt Lake City photograph is the background of every existing
   public-facing hero container. The photograph is never rendered as a
   standalone hero image block. */

/* -------------------------------------------------------------------------
   GLOBAL HERO BACKGROUND COVERAGE
   ------------------------------------------------------------------------- */
.fp-hero,
.agency-directory-hero,
.massage-agency-directory-hero,
.strip-club-directory-hero,
.tour-directory-hero,
.trans-directory-hero,
.couple-directory-hero,
.wx-new-hero,
.city-hero,
.taxonomy-city-hero,
.location-hero,
.country-hero,
.blog-hero,
.wx-single-post-hero,
.bsr-reviews-hero,
.loc-hero,
.nu-hero,
.wx-info-hero,
.wx-contact-hero,
.wx-page-hero,
.ds-premium-hero,
.mt-premium-hero,
.sd-hero,
.sx-packages-hero,
.sx-checkout-hero {
  background-image:
    linear-gradient(100deg, rgba(5,7,12,.92) 0%, rgba(5,7,12,.76) 48%, rgba(5,7,12,.48) 100%),
    url('../images/salt-lake-city-hero.jpg') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center 46% !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.16) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.24) !important;
}

/* Homepage hero is the primary photographic hero. */
body.home .fp-hero {
  min-height: 285px;
  align-items: center;
}

/* Preserve subtle built-in decorative layers without hiding the photograph. */
.mt-premium-hero .mt-hero-bg,
.sd-hero .sd-hero-bg {
  background:
    radial-gradient(circle at 15% 18%, rgba(217,180,70,.16), transparent 25%),
    radial-gradient(circle at 92% 0%, rgba(92,3,3,.28), transparent 32%) !important;
  opacity: .65 !important;
}

/* -------------------------------------------------------------------------
   HERO TYPOGRAPHY CONTRAST
   ------------------------------------------------------------------------- */
.fp-hero h1,
.fp-hero h2,
.fp-hero p,
.fp-hero .fp-kicker,
.city-hero h1,
.city-hero h2,
.city-hero p,
.location-hero h1,
.location-hero h2,
.location-hero p,
.location-hero .location-kicker,
.country-hero h1,
.country-hero h2,
.country-hero p,
.blog-hero h1,
.blog-hero h2,
.blog-hero p,
.bsr-reviews-hero h1,
.bsr-reviews-hero h2,
.bsr-reviews-hero p,
.loc-hero h1,
.loc-hero h2,
.loc-hero p,
.nu-hero h1,
.nu-hero h2,
.nu-hero p,
.wx-info-hero h1,
.wx-info-hero h2,
.wx-info-hero p,
.wx-page-hero h1,
.wx-page-hero h2,
.wx-page-hero p,
.ds-premium-hero h1,
.ds-premium-hero h2,
.ds-premium-hero p,
.mt-premium-hero h1,
.mt-premium-hero h2,
.mt-premium-hero p,
.sd-hero h1,
.sd-hero h2,
.sd-hero p,
.sx-packages-hero h1,
.sx-packages-hero h2,
.sx-packages-hero p,
.sx-checkout-hero h1,
.sx-checkout-hero h2,
.sx-checkout-hero p {
  color: #fff !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.62);
}

.fp-hero .fp-kicker,
.location-hero .location-kicker,
.wx-page-hero .wx-eyebrow,
.sx-packages-hero .sx-eyebrow,
.sx-checkout-hero .sx-checkout-kicker {
  color: #ffd27a !important;
}

/* Glass panels inside photographic heroes remain readable. */
.fp-hero-destinations,
.fp-hero-panel,
.nu-hero-card,
.sx-checkout-mini {
  background: rgba(7,10,17,.72) !important;
  border-color: rgba(255,255,255,.15) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.fp-hero-destinations-head span,
.fp-hero-destinations-head small,
.fp-hero-destination-copy strong,
.fp-hero-destination-copy em {
  color: #fff !important;
}

.fp-hero-destination-card {
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(255,255,255,.14) !important;
}

@media (max-width: 900px) {
  body.home .fp-hero {
    min-height: 235px;
  }

  .fp-hero,
  .agency-directory-hero,
  .massage-agency-directory-hero,
  .strip-club-directory-hero,
  .tour-directory-hero,
  .trans-directory-hero,
  .couple-directory-hero,
  .wx-new-hero,
  .city-hero,
  .taxonomy-city-hero,
  .location-hero,
  .country-hero,
  .blog-hero,
  .wx-single-post-hero,
  .bsr-reviews-hero,
  .loc-hero,
  .nu-hero,
  .wx-info-hero,
  .wx-contact-hero,
  .wx-page-hero,
  .ds-premium-hero,
  .mt-premium-hero,
  .sd-hero,
  .sx-packages-hero,
  .sx-checkout-hero {
    background-position: center center !important;
  }
}


/* -------------------------------------------------------------------------
   HOMEPAGE HERO HARD OVERRIDE
   The source front-page stylesheet contains late !important gradient rules.
   Keep this selector more specific and load this file at PHP_INT_MAX so the
   supplied Salt Lake City photograph is always the actual hero background.
   ------------------------------------------------------------------------- */
body.home .home-main .home-left > .fp-hero.fp-hero-destination-layout,
body.front-page .home-main .home-left > .fp-hero.fp-hero-destination-layout,
body.page-template-front-page .home-main .home-left > .fp-hero.fp-hero-destination-layout,
body.home .home-main .fp-hero.fp-hero-destination-layout {
  background:
    linear-gradient(90deg, rgba(5,7,12,.82) 0%, rgba(5,7,12,.64) 48%, rgba(5,7,12,.42) 100%),
    url('../images/salt-lake-city-hero.jpg') center 46% / cover no-repeat !important;
  background-color:#111827 !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.20) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.28) !important;
}

body.home .home-main .fp-hero.fp-hero-destination-layout .fp-kicker,
body.front-page .home-main .fp-hero.fp-hero-destination-layout .fp-kicker,
body.page-template-front-page .home-main .fp-hero.fp-hero-destination-layout .fp-kicker {
  color:#ffd27a !important;
  text-shadow:0 2px 12px rgba(0,0,0,.72) !important;
}

body.home .home-main .fp-hero.fp-hero-destination-layout h1,
body.front-page .home-main .fp-hero.fp-hero-destination-layout h1,
body.page-template-front-page .home-main .fp-hero.fp-hero-destination-layout h1,
body.home .home-main .fp-hero.fp-hero-destination-layout p,
body.front-page .home-main .fp-hero.fp-hero-destination-layout p,
body.page-template-front-page .home-main .fp-hero.fp-hero-destination-layout p {
  color:#fff !important;
  text-shadow:0 2px 16px rgba(0,0,0,.78) !important;
}

body.home .home-main .fp-hero.fp-hero-destination-layout .fp-hero-destinations,
body.front-page .home-main .fp-hero.fp-hero-destination-layout .fp-hero-destinations,
body.page-template-front-page .home-main .fp-hero.fp-hero-destination-layout .fp-hero-destinations {
  background:rgba(9,12,20,.76) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 14px 32px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(9px) !important;
  -webkit-backdrop-filter:blur(9px) !important;
}

@media (max-width:900px) {
  body.home .home-main .home-left > .fp-hero.fp-hero-destination-layout,
  body.front-page .home-main .home-left > .fp-hero.fp-hero-destination-layout,
  body.page-template-front-page .home-main .home-left > .fp-hero.fp-hero-destination-layout {
    background-position:center center !important;
  }
}


/* -------------------------------------------------------------------------
   DIRECTORY HERO SPECIFICITY FIX - v1.5.4
   front-page.css contains a high-specificity `.home-main .fp-hero` light
   gradient marked !important. These directory pages also use `.home-main`,
   so the generic photographic hero rule was being overridden. Force the
   Salt Lake City photo on the five premium directory heroes explicitly.
   ------------------------------------------------------------------------- */
.trans-directory-main .fp-hero.trans-directory-hero,
.couple-directory-main .fp-hero.couple-directory-hero,
.tour-directory-main .fp-hero.tour-directory-hero,
.agency-directory-main .fp-hero.agency-directory-hero,
.strip-club-directory-main .fp-hero.strip-club-directory-hero {
  background:
    linear-gradient(100deg, rgba(5,7,12,.90) 0%, rgba(5,7,12,.72) 52%, rgba(5,7,12,.48) 100%),
    url('../images/salt-lake-city-hero.jpg') center 46% / cover no-repeat !important;
  background-color:#111827 !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.26) !important;
}

.trans-directory-main .fp-hero.trans-directory-hero .fp-kicker,
.couple-directory-main .fp-hero.couple-directory-hero .fp-kicker,
.tour-directory-main .fp-hero.tour-directory-hero .fp-kicker,
.agency-directory-main .fp-hero.agency-directory-hero .fp-kicker,
.strip-club-directory-main .fp-hero.strip-club-directory-hero .fp-kicker {
  color:#ffd27a !important;
  text-shadow:0 2px 12px rgba(0,0,0,.72) !important;
}

.trans-directory-main .fp-hero.trans-directory-hero h1,
.trans-directory-main .fp-hero.trans-directory-hero p,
.couple-directory-main .fp-hero.couple-directory-hero h1,
.couple-directory-main .fp-hero.couple-directory-hero p,
.tour-directory-main .fp-hero.tour-directory-hero h1,
.tour-directory-main .fp-hero.tour-directory-hero p,
.agency-directory-main .fp-hero.agency-directory-hero h1,
.agency-directory-main .fp-hero.agency-directory-hero p,
.strip-club-directory-main .fp-hero.strip-club-directory-hero h1,
.strip-club-directory-main .fp-hero.strip-club-directory-hero p {
  color:#fff !important;
  text-shadow:0 2px 16px rgba(0,0,0,.78) !important;
}

/* Keep the directory hero artwork readable on phones. */
@media (max-width:900px) {
  .trans-directory-main .fp-hero.trans-directory-hero,
  .couple-directory-main .fp-hero.couple-directory-hero,
  .tour-directory-main .fp-hero.tour-directory-hero,
  .agency-directory-main .fp-hero.agency-directory-hero,
  .strip-club-directory-main .fp-hero.strip-club-directory-hero {
    background-position:center center !important;
  }
}