:root {
  --spacer: 24px;
}

.wpa9-any-carousel {
  overflow: hidden;
  background-color: rgba(0,0,0,.03);
}

  .wpa9-any-carousel.full-width {
    width: calc(100vw - 8px);
    position: relative;
    margin-left: -50vw;
    left: 50%;
    overflow: hidden;
  }

  .wpa9-any-carousel.full-width .wpa9-any-carousel-wrapper {
    width: 100vw;
  }



.wpa9-any-carousel-wrapper {
  /* width: 100vw;
  height: 576px; */
}

.wpa9-any-carousel-content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;

  color: #fff;
}

  .wpa9-any-carousel-image {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

    .wpa9-any-carousel-image img {
      width: 100%;
    }

    .wpa9-any-carousel-image span {
      display: block;
      position: absolute;
      top: 0; bottom: 0;
      left: 0; right: 0;
      width: 100vw;
      height: 100vh;
      background-color: #000;
      opacity: .1;
    }

  .wpa9-any-carousel-title {
    font-weight: 800;
    font-style: italic;
    font-size: 2rem;
    line-height: 2rem;
    padding: 0;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: calc(.5 * var(--spacer) );
  }

  .wpa9-any-carousel-subtitle {
    font-weight: 800;
    font-style: italic;
    font-size: 1.125rem;
    line-height: 1.125rem;
    text-align: left;
    margin-bottom: calc(.5 * var(--spacer) );
  }

  .wpa9-any-carousel-content-text {
    max-width: 768px;
    /* display: flex;
    flex-flow: column; */
    position: relative;
    /* height: 100%; */
    z-index: 2;
    font-size: 1rem;
    /* margin-top: -20%; */
    line-height: normal;
    text-align: center;
  }

    .wpa9-any-carousel-content-text .wpa9-any-carousel-title {
      margin: 0;
      font-size: 3rem;
      line-height: 3.5rem;
      font-weight: 400;
      text-align: center;
      font-style: normal;
      text-transform: none;
      letter-spacing: 1px;
    }

  

  .wpa9-any-carousel-buttons a {
    background-color: transparent;
    border-color: #fff;
  }

  .wpa9-any-carousel-buttons a:hover {
    background-color: var(--c-main);
    border-color: var(--c-main);
    color: #fff !important;
  }


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



    .wpa9-any-carousel-title {

    }

    .wpa9-any-carousel-subtitle {

    }

    .wpa9-any-carousel-text {

    }

  }

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

    .wpa9-any-carousel-wrapper {
      /* width: 100vw;
      height: 100vh; */
    }

    .wpa9-any-carousel-image {

    }

    .wpa9-any-carousel-title {
      /* font-size: 4rem !important; */
      /* line-height: 70px; */
      /* margin-bottom: calc(1 * var(--spacer) ); */
    }

    .wpa9-any-carousel-subtitle {
      font-size: 1.75rem;
      /* margin-bottom: calc(1 * var(--spacer) ); */
    }

    .wpa9-any-carousel-text {

    }

  }

  @media only screen
  and (min-width : 992px) {
    .wpa9-any-carousel-title {

    }

    .wpa9-any-carousel-subtitle {

    }

    .wpa9-any-carousel-text {

    }

  }
