/* Family journey finishing pass. Scoped to this journey only. */

html[data-ame-page="south-africa-family-safari"] {
  --ame-enquire-focus-desktop: 20% 52% !important;
  --ame-enquire-focus-mobile: 18% 52% !important;
}

.ame-family-story .ame-family-hero-still {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 52%;
}

.ame-family-story .honeymoon-stay-card:not(.honeymoon-stay-card--featured) {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ame-family-story .honeymoon-stay-card:not(.honeymoon-stay-card--featured) .honeymoon-stay-card__media {
  flex: 0 0 clamp(340px, 28vw, 440px);
  min-height: 0;
}

.ame-family-story .honeymoon-stay-card:not(.honeymoon-stay-card--featured) .honeymoon-stay-card__body {
  flex: 1 1 auto;
}

.ame-family-story .honeymoon-stays__header p {
  color: rgba(44, 44, 42, .78);
  font-weight: 400;
}

.ame-family-story .honeymoon-stay-card p {
  color: rgba(44, 44, 42, .76);
  font-weight: 400;
}

.ame-family-story .honeymoon-stay-card--featured p {
  color: rgba(255, 255, 255, .82);
}

.ame-family-story .honeymoon-stays__note {
  color: rgba(44, 44, 42, .72);
  font-size: 12px;
  font-weight: 400;
}

.ame-family-story #enquire .ame-intro,
.ame-family-story #enquire .ame-privacy {
  color: rgba(44, 44, 42, .72);
}

.ame-family-story #enquire input::placeholder,
.ame-family-story #enquire textarea::placeholder {
  color: rgba(44, 44, 42, .6) !important;
  opacity: 1 !important;
}

.ame-family-story #enquire .ame-enquire-media > img {
  object-position: var(--ame-enquire-focus-desktop) !important;
}

@media (max-width: 900px) {
  .ame-family-story #enquire .ame-enquire-media > img {
    object-position: var(--ame-enquire-focus-mobile) !important;
  }
}

@media (max-width: 640px) {
  .ame-family-story .honeymoon-stay-card:not(.honeymoon-stay-card--featured) .honeymoon-stay-card__media {
    flex-basis: 360px;
  }

  .ame-family-story .honeymoon-stays__note {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ame-family-story .ame-family-hero-still {
    transform: none !important;
  }
}

/* Keep the hero control clear of the journey facts and title. */
html[data-ame-page="south-africa-family-safari"] .family-hero .ame-media-control {top:18px;bottom:auto!important;right:20px!important}
@media(max-width:767px){html[data-ame-page="south-africa-family-safari"] .family-hero .ame-media-control {top:calc(var(--ame-mobile-header-height,68px) + env(safe-area-inset-top) + 12px);right:16px!important}}