/* Treatment Journey page */

.page-node-71 {
   @media (min-width: 1441px) {
      .page-hero__image {
        background-position: center top !important;
      }
    }
   @media (max-width: 1440px) and (min-width: 769px) {
    .page-hero__image--desktop {
      background-position: 20% 20% !important;
    }
  }
  @media (min-width: 769px) {
    .page-hero__content {
      min-height: 582px;
    }
  }
  @media (max-width: 768px)  and (min-width: 455px) {
    .page-hero p:last-child {
      margin-top: 68px;
    }
  }
  @media (max-width: 768px) {
    .page-hero h1 {
      max-width: 270px;
      margin-top: 20px;
    }
    .page-hero__content {
      min-height: 506px;
      justify-content: space-around;
    }
    .page-hero__image--mobile {
      background-size: 100% auto;
      background-position: left top;
    }
    .page-hero p:last-child {
      margin-top: 20px;
    }
  }
}

.journey-section {
  padding-block: 60px;
  padding-top: 80px;
}

.journey-section + .journey-section {
  padding-top: 0;
}

.journey-section > .container--narrow > p,
.journey-subsequent p,
.journey-planning p {
  color: #333333;
  font-size: 20px;
  line-height: 28px;
}

.journey-limited .accent-list {
  margin-top: 15px;
}

.journey-extensive {
  padding-top: 0;
  padding-bottom: 60px;
  @media (min-width: 768px) {
    padding-bottom: 80px;
  }
  .container--narrow {
    padding-top: 60px !important;
  }
}

.journey-extensive .section-subheading {
  margin-top: 30px;
  font-size: 28px;
  line-height: 34px;
}

.journey-extensive .content-card {
  padding: 30px;
}

.journey-extensive .content-card-stack {
  margin-top: 30px;
}

.journey-maintenance-card {
  width: min(100%, 730px);
  margin: 60px auto 30px;
  @media (min-width: 768px) {
    margin: 80px auto 45px;
  }
  .resource-card__content {
    h2 {
      margin: 0 auto;
      width: 100%;
    }
    p {
      margin: 0 auto 15px;
      width: 100%;
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
}

/*.journey-maintenance-card .resource-card__image {
  transform: rotate(-5deg);
}*/

.journey-maintenance-cta {
  width: min(100%, 730px);
  margin-inline: auto;
  a {
    font-size: 24px;
    line-height: 30px;
    &::after {
      content: "";
      display: inline-block;
      width: 17px;
      height: 16px;
      margin-left: 6px;
      flex-shrink: 0;
      background: url(../img/right-arrow.svg) center / contain no-repeat;
    }
  }
}

.journey-subsequent {
  padding-top: 60px;
  @media (min-width: 768px) {
    padding-top: 80px;
  }
}

.journey-subsequent .section-subheading {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 28px;
  line-height: 34px;
}

.journey-planning {
  position: relative;
  min-height: 300px;
  overflow: hidden;
  background: #FBE6D3;
}

.journey-planning__image {
  position: absolute;
  inset: 0;
  background-image: url("../img/treatment-journey/callout.jpg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 1440px;
}

.journey-planning .container {
  position: relative;
  z-index: 1;
}

.journey-planning__content {
  width: 51%;
  margin-left: auto;
  padding-block: 80px;
}

.journey-planning .button {
  margin-top: 30px;
}

.journey-maintenace-cta p {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}

@media (max-width: 768px) {
  .journey-section {
    padding-block: 60px;
  }

  .journey-section + .journey-section {
    padding-top: 0;
  }

  .journey-section + .journey-section > .container--narrow {
    padding-top: 42px;
  }

  .journey-maintenance-card {
    margin-top: 60px;
  }

  .journey-subsequent {
    padding-top: 60px;
  }

  .journey-planning {
    display: flex;
    min-height: 590px;
    flex-direction: column;
  }

  .journey-planning__image {
    position: relative;
    inset: auto;
    order: 2;
    height: 315px;
    background-size: 375px;
    background-image: url("../img/treatment-journey/callout-mobile.jpg");
    background-position: center;
  }

  .journey-planning .container {
    order: 1;
  }

  .journey-planning__content {
    width: 100%;
    padding-block: 60px 28px;
  }
}

@media (max-width: 768px) {
  .journey-extensive > .container--narrow > .section-heading {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
   }
}