/* Shared geometry for photographic inner-page heroes. The homepage has its own hero. */
:is(
  .ht-ab__hero,
  .ht-sv__hero,
  .ht-contact-page__hero,
  .ht-fares__hero,
  .ht-air__hero,
  .ht-corporate__hero,
  .ht-retained__hero
) {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 600px;
  min-height: 0;
  padding-block: 48px 60px;
  background-position: center center;
}

.ht-retained--legal .ht-retained__hero {
  height: 600px;
  padding-block: 48px 60px;
}

:is(
  .ht-ab__breadcrumbs,
  .ht-sv__breadcrumb,
  .ht-contact-page__breadcrumbs,
  .ht-fares__breadcrumb,
  .ht-air__breadcrumb,
  .ht-corporate__breadcrumbs,
  .ht-retained__breadcrumb
) {
  margin-bottom: 32px;
}

@media (max-width: 900px) {
  :is(
    .ht-ab__hero,
    .ht-sv__hero,
    .ht-contact-page__hero,
    .ht-fares__hero,
    .ht-air__hero,
    .ht-corporate__hero,
    .ht-retained__hero
  ),
  .ht-retained--legal .ht-retained__hero {
    height: auto;
    min-height: 500px;
    padding-block: 56px 64px;
  }
}

@media (max-width: 600px) {
  :is(
    .ht-ab__hero,
    .ht-sv__hero,
    .ht-contact-page__hero,
    .ht-fares__hero,
    .ht-air__hero,
    .ht-corporate__hero,
    .ht-retained__hero
  ),
  .ht-retained--legal .ht-retained__hero {
    min-height: 430px;
    padding-block: 44px 56px;
  }

  :is(
    .ht-ab__breadcrumbs,
    .ht-sv__breadcrumb,
    .ht-contact-page__breadcrumbs,
    .ht-fares__breadcrumb,
    .ht-air__breadcrumb,
    .ht-corporate__breadcrumbs,
    .ht-retained__breadcrumb
  ) {
    margin-bottom: 24px;
  }
}