/* Hero section background */
.amp-hero-container {
  background-size: cover;
  background-position: center center;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  border-radius: 0;
  position: relative;
  margin-bottom: 30px;
}

.amp-hero-container__bg {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  max-width: 100%;
  z-index: -1;
  max-height: 600px;
}

/* Mobile edits */
@media screen and (max-width: 1240px) {
    .amp-hero-container__bg {
    max-height: 1000px;
  }
}

img.amp-hero-container__bg.position-absolute {
    position: absolute !important;
}

/* Hero content container */
.amp-hero-content {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  gap: 5px;
  padding: 20px 20px;
}

/* Stronger override for SPA safety */
.amp-hero-content.amp-hero-content--with-bg {
  gap: 20px;
  padding: 40px 20px;
}

/* Shared inner container */
.amp-hero-inner {
  margin: 0 auto;
  max-width: 1220px;
}

/* Stronger override */
.amp-hero-inner.amp-hero-inner--narrow {
  max-width: 1034px;
}

/* Content box background */
.content-box-background {
  background-color: rgba(255, 255, 255, 0.93);
  border-radius: 4px;
  padding: 20px;
}

/* Centre logo */
.amp-hero-section_image {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Heading spacing when no background */
.amp-heading--spaced {
  margin: 10px;
}

/* Stretch buttons equally across banner */
.amp-hero-section_call-to-action {
  display: flex;
  width: 100%;
  text-align: center;
}

/* Desktop spacing */
.amp-hero-section_call-to-action > * {
  margin-right: 20px;
}

.amp-hero-section_call-to-action > *:last-child {
  margin-right: 0;
}

.amp-hero-section_call-to-action .btn {
  max-width: none;
}

.amp-hero-section_call-to-action-column {
  flex: 1;
}

/* Mobile edits */
@media screen and (max-width: 767px) {
  .amp-hero-section_call-to-action {
    flex-direction: column;
    gap: 8px;
  }

  .amp-hero-section_call-to-action > * {
    margin-right: 0;
    margin-bottom: 8px;
  }

  .amp-hero-section_call-to-action > *:last-child {
    margin-bottom: 0;
  }
}