/* ------------- wpa9-cta ------------- */

.wpa9-hero-header {
  /* -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow); */
  padding: calc(1 * var(--spacer));
  width: 100%;
  margin: 0 auto;
  padding: 0;
  /* min-height: 390px; */
  /* padding: 30px; */
}

.wpa9-hero-header.fullwidth {
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
  /* height: 600px; */
  min-height: 420px;
  overflow: hidden;
}

  .wpa9-hero-header.c-layout-light {

  }

    .wpa9-hero-header .wpa9-hero-header-content {
      width: 100%;
      max-width: 720px;
      margin: 0 auto;
      padding: 24px;
    }

      .wpa9-hero-header .wpa9-hero-header-title {
        font-size: 2em;
      }

      .wpa9-hero-header .wpa9-hero-header-text {

      }

      .wpa9-hero-header .wpa9-hero-header-content p:last-child {
        margin-bottom: 0;
      }

      .wpa9-hero-header .meta-buttons {
        margin-top: 36px;
      }

      .wpa9-hero-header.c-layout-dark * {
        color: #fff;
      }

      .wpa9-hero-header.c-layout-dark .btn {
        border-color: #fff;
      }

        .wpa9-hero-header.c-layout-dark .btn:hover {
          background-color: #fff;
          border-color: #fff;
          color: #000;
        }

    .wpa9-hero-header-image {
      width: 100%;
      min-height: 320px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }


@media only screen
and (min-width : 576px) {

  .wpa9-hero-header .wpa9-hero-header-content {
    max-width: 540px;
    padding: 36px;
  }

  .wpa9-hero-header.fullwidth .wpa9-hero-header-content {
    padding: 36px 0 36px;
  }

}

@media only screen
and (min-width : 768px) {

  .wpa9-hero-header .wpa9-hero-header-content {
    max-width: 720px;
  }

}

@media only screen
and (min-width : 992px) {

  .wpa9-hero-header .wpa9-hero-header-content {
    padding: 32px 48px 72px 48px;
  }

  .wpa9-hero-header.fullwidth .wpa9-hero-header-content {
    max-width: 960px;
    padding-left: calc(50vw - 4640px);

  }

}


@media only screen
and (min-width : 1200px) {

  .wpa9-hero-header.fullwidth .wpa9-hero-header-content {
    max-width: 100%;
    padding-left: calc(50vw - 554px);
  }

}