/**
 * ICHA AIRBUS HERO ONLY FIX v1
 *
 * Scope: Airbus campaign hero only.
 * Homepage event section is intentionally untouched.
 */

.airbus-hero-only {
  position: relative !important;
  overflow: hidden !important;

  /* Match normal ICHA hero proportions instead of a full-screen campaign hero. */
  min-height: 0 !important;
  height: auto !important;
  padding-top: 42px !important;
  padding-bottom: 34px !important;

  /* Preserve the center of the supplied image.
     Cover therefore crops mainly from top and bottom on a wide hero. */
  background-color: #f5f5f2 !important;
  background-image:
    linear-gradient(
      90deg,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.22) 38%,
      rgba(255,255,255,0.08) 64%,
      rgba(255,255,255,0.02) 100%
    ),
    url('images/campaigns/airbus/airbus-event-background.png') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}

.airbus-hero-only::before,
.airbus-hero-only::after {
  content: none !important;
}

/* Neutralise any old full-height campaign wrapper rules. */
.airbus-hero-only > .container,
.airbus-hero-only > .campaign-shell,
.airbus-hero-only > .campaign-hero-inner,
.airbus-hero-only > .airbus-hero-inner,
.airbus-hero-only > .inner {
  min-height: 0 !important;
  height: auto !important;
}

/* The supplied artwork is light, so hero copy should be dark. */
.airbus-hero-only,
.airbus-hero-only h1,
.airbus-hero-only h2,
.airbus-hero-only h3,
.airbus-hero-only h4,
.airbus-hero-only p,
.airbus-hero-only li,
.airbus-hero-only span,
.airbus-hero-only small,
.airbus-hero-only .eyebrow,
.airbus-hero-only .kicker,
.airbus-hero-only .meta,
.airbus-hero-only .label {
  color: #111 !important;
  text-shadow: none !important;
}

/* Keep the actual CTA styling intact. */
.airbus-hero-only .btn,
.airbus-hero-only a.btn,
.airbus-hero-only button,
.airbus-hero-only input[type="submit"] {
  color: #fff !important;
  text-shadow: none !important;
}

/* Hide only legacy hero-media blocks, not logos or body images. */
.airbus-hero-only .hero-media,
.airbus-hero-only .campaign-hero-media,
.airbus-hero-only .airbus-hero-media,
.airbus-hero-only .hero-image,
.airbus-hero-only .campaign-hero-image {
  display: none !important;
}

@media (max-width: 960px) {
  .airbus-hero-only {
    padding-top: 42px !important;
    padding-bottom: 34px !important;
    background-position: 58% center !important;
  }
}

@media (max-width: 640px) {
  .airbus-hero-only {
    padding-top: 38px !important;
    padding-bottom: 32px !important;
    background-position: 62% center !important;
  }
}