/* Site-wide media refresh: use more of the owned Club16 image library. */

.program-card-wide-img,
.am-img,
.location-thumb,
.trainer-photo,
.instructor-photo,
.leader-photo,
.join-club-image,
.ig-post,
[class*="photo"],
[class*="image"],
[class*="thumb"] {
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.program-card-wide-img,
.am-img,
.location-thumb {
  transition: transform 0.28s ease, box-shadow 0.28s ease, filter 0.28s ease;
}

.program-card-wide:hover .program-card-wide-img,
.am-card:hover .am-img,
.location-card:hover .location-thumb {
  filter: saturate(1.05) contrast(1.02);
}

/* Home program carousel */
body .programs-carousel .program-card-wide:nth-child(1) .program-card-wide-img {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.05), rgba(10, 10, 10, 0.28)), url("images/guest-pass-hero-cable.jpg") !important;
  background-position: center 48% !important;
}

body .programs-carousel .program-card-wide:nth-child(2) .program-card-wide-img {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.04), rgba(10, 10, 10, 0.28)), url("images/member-action.jpg") !important;
  background-position: center 46% !important;
}

body .programs-carousel .program-card-wide:nth-child(3) .program-card-wide-img {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.04), rgba(10, 10, 10, 0.28)), url("images/membership-hero-community.jpg") !important;
  background-position: center 48% !important;
}

body .programs-carousel .program-card-wide:nth-child(4) .program-card-wide-img {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.04), rgba(10, 10, 10, 0.25)), url("images/bike-rental-stanley-park.jpg?v=5") !important;
  background-position: center 50% !important;
}

body .programs-carousel .program-card-wide:nth-child(5) .program-card-wide-img {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.04), rgba(10, 10, 10, 0.25)), url("images/recovery-cocoon-pod.jpg") !important;
  background-position: center !important;
}

body .ig-feed .ig-post:nth-child(1) {
  background-image: url("images/instagram/ig-DZS8PCeyT3v.jpg?v=20260608b") !important;
}

body .ig-feed .ig-post:nth-child(2) {
  background-image: url("images/instagram/ig-DZQj9VNlAKK.jpg?v=20260608b") !important;
}

body .ig-feed .ig-post:nth-child(3) {
  background-image: url("images/instagram/ig-DZQBMSzAIJv.jpg?v=20260608b") !important;
}

body .ig-feed .ig-post:nth-child(4) {
  background-image: url("images/instagram/ig-DZNkU6bjLZq.jpg?v=20260608b") !important;
}

body .ig-feed .ig-post:nth-child(5) {
  background-image: url("images/instagram/ig-DZL5yE6GjXA.jpg?v=20260608b") !important;
}

body .ig-feed .ig-post:nth-child(6) {
  background-image: url("images/instagram/ig-DZLfPK8ykLH.jpg?v=20260608b") !important;
}

/* Amenity and facility cards */
body .amenities-teaser .am-card:nth-child(1) .am-img,
body .amenity-card:nth-child(1) .am-img {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.02), rgba(10, 10, 10, 0.22)), url("images/media-kit/DSC00064.jpg") !important;
  background-position: center 50% !important;
}

body .amenities-teaser .am-card:nth-child(2) .am-img,
body .amenity-card:nth-child(2) .am-img {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.02), rgba(10, 10, 10, 0.22)), url("images/media-kit/DSC00095.jpg") !important;
  background-position: center 50% !important;
}

body .amenities-teaser .am-card:nth-child(3) .am-img,
body .amenity-card:nth-child(3) .am-img {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.02), rgba(10, 10, 10, 0.2)), url("images/amenity-recovery-redlight.jpg") !important;
  background-position: center !important;
}

body .amenity-card:nth-child(4) .am-img {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.02), rgba(10, 10, 10, 0.2)), url("images/media-kit/DSC09811.jpg") !important;
  background-position: center 45% !important;
}

body .amenity-card:nth-child(5) .am-img {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.02), rgba(10, 10, 10, 0.2)), url("images/shesfit-community.jpg") !important;
  background-position: center !important;
}

body .amenity-card:nth-child(6) .am-img {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.02), rgba(10, 10, 10, 0.2)), url("images/bike-rental-official-wide.jpg") !important;
  background-position: center !important;
}

body [style*="amenity-functional.jpg"] {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.04), rgba(10, 10, 10, 0.2)), url("images/media-kit/DSC09983.jpg") !important;
  background-position: center 44% !important;
}

body [style*="amenity-cardio.jpg"] {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.04), rgba(10, 10, 10, 0.22)), url("images/media-kit/DSC09820.jpg") !important;
  background-position: center 48% !important;
}

body [style*="program-group-fitness.jpg"] {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.06), rgba(10, 10, 10, 0.34)), url("images/member-action.jpg") !important;
  background-position: center 46% !important;
}

body [style*="program-personal-training.jpg"] {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.06), rgba(10, 10, 10, 0.3)), url("images/guest-pass-hero-cable.jpg") !important;
  background-position: center 48% !important;
}

body [style*="program-3day-pass.jpg"] {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.06), rgba(10, 10, 10, 0.32)), url("images/membership-hero-community.jpg") !important;
  background-position: center 48% !important;
}

body [style*="welcome-workout.jpg"] {
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0.04), rgba(10, 10, 10, 0.22)), url("images/hero-overhead-4.jpg") !important;
  background-position: center 46% !important;
}

body.home-page .sf-band-photo {
  background-image: linear-gradient(180deg, rgba(111,168,46,0.06), rgba(10,10,10,0.22)), url("images/shesfit-community.jpg") !important;
  background-position: center 50% !important;
}

/* Staff, trainer, and class page cards */
body .trainer-card:nth-child(1) .trainer-photo,
body .instructor-card:nth-child(1) .instructor-photo,
body .leader-card:nth-child(1) .leader-photo {
  background-image: url("images/media-kit/DSC09811.jpg") !important;
  background-position: center 44% !important;
}

body .trainer-card:nth-child(2) .trainer-photo,
body .instructor-card:nth-child(2) .instructor-photo,
body .leader-card:nth-child(2) .leader-photo {
  background-image: url("images/media-kit/DSC09820.jpg") !important;
  background-position: center 46% !important;
}

body .trainer-card:nth-child(3) .trainer-photo,
body .instructor-card:nth-child(3) .instructor-photo,
body .leader-card:nth-child(3) .leader-photo {
  background-image: url("images/media-kit/DSC09983.jpg") !important;
  background-position: center 48% !important;
}

body .trainer-card:nth-child(4) .trainer-photo,
body .instructor-card:nth-child(4) .instructor-photo,
body .leader-card:nth-child(4) .leader-photo {
  background-image: url("images/media-kit/DSC09823.jpg") !important;
  background-position: center 42% !important;
}

/* Location grid: avoid repeating the same four thumbnails across all 17 facilities. */
body .locations-list-scroll .location-card:nth-of-type(1) .location-thumb { background-image: url("images/media-kit/DSC00064.jpg") !important; background-position: center !important; }
body .locations-list-scroll .location-card:nth-of-type(2) .location-thumb { background-image: url("images/media-kit/DSC00095.jpg") !important; background-position: center !important; }
body .locations-list-scroll .location-card:nth-of-type(3) .location-thumb { background-image: url("images/media-kit/DSC00098.jpg") !important; background-position: center !important; }
body .locations-list-scroll .location-card:nth-of-type(4) .location-thumb { background-image: url("images/media-kit/DSC09811.jpg") !important; background-position: center 46% !important; }
body .locations-list-scroll .location-card:nth-of-type(5) .location-thumb { background-image: url("images/media-kit/DSC09812.jpg") !important; background-position: center !important; }
body .locations-list-scroll .location-card:nth-of-type(6) .location-thumb { background-image: url("images/media-kit/DSC09813.jpg") !important; background-position: center !important; }
body .locations-list-scroll .location-card:nth-of-type(7) .location-thumb { background-image: url("images/media-kit/DSC09815.jpg") !important; background-position: center !important; }
body .locations-list-scroll .location-card:nth-of-type(8) .location-thumb { background-image: url("images/media-kit/DSC09816.jpg") !important; background-position: center !important; }
body .locations-list-scroll .location-card:nth-of-type(9) .location-thumb { background-image: url("images/media-kit/DSC09817.jpg") !important; background-position: center !important; }
body .locations-list-scroll .location-card:nth-of-type(10) .location-thumb { background-image: url("images/media-kit/DSC09818.jpg") !important; background-position: center !important; }
body .locations-list-scroll .location-card:nth-of-type(11) .location-thumb { background-image: url("images/media-kit/DSC09820.jpg") !important; background-position: center 48% !important; }
body .locations-list-scroll .location-card:nth-of-type(12) .location-thumb { background-image: url("images/media-kit/DSC09823.jpg") !important; background-position: center 44% !important; }
body .locations-list-scroll .location-card:nth-of-type(13) .location-thumb { background-image: url("images/media-kit/DSC09825.jpg") !important; background-position: center !important; }
body .locations-list-scroll .location-card:nth-of-type(14) .location-thumb { background-image: url("images/media-kit/DSC09826.jpg") !important; background-position: center !important; }
body .locations-list-scroll .location-card:nth-of-type(15) .location-thumb { background-image: url("images/shesfit-community.jpg") !important; background-position: center !important; }
body .locations-list-scroll .location-card:nth-of-type(16) .location-thumb { background-image: url("images/shesfit-cardio.jpg") !important; background-position: center !important; }
body .locations-list-scroll .location-card:nth-of-type(17) .location-thumb { background-image: url("images/shesfit-strength-1.jpg") !important; background-position: center !important; }

@media (max-width: 720px) {
  body .programs-carousel .program-card-wide:nth-child(1) .program-card-wide-img,
  body .programs-carousel .program-card-wide:nth-child(2) .program-card-wide-img,
  body .programs-carousel .program-card-wide:nth-child(3) .program-card-wide-img,
  body .amenities-teaser .am-card .am-img,
  body .amenity-card .am-img {
    min-height: 220px;
  }

  body .locations-list-scroll .location-card .location-thumb {
    min-height: 190px;
  }
}