/* ------------- wpa9-cta ------------- */
.wpa9-card-s {
  /* -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow); */
  padding: calc(2 * var(--spacer)) calc(1 * var(--spacer));
  width: 100%;
  margin: 0 auto;
}

  .wpa9-card-s.positive {
    background-color: #fff;
  }

  .wpa9-card-s.narrow {
    max-width: 808px;
  }

  .wpa9-card-s .wpa9-card-wrapper {
    position: relative;
    padding-right: calc(0 * var(--spacer));
    padding-left: calc(0 * var(--spacer));
    margin: 0 auto;
  }

    .wpa9-card-s .wpa9-card-text {

    }

      .wpa9-card-s .wpa9-card-title {
        font-size: 1.75em;
        line-height: 1.2;
        color: var(--c-main);
        text-align: center;
      }

      .wpa9-card-s .wpa9-card-content {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 300;
        padding-top: calc(1 * var(--spacer));
        padding-left: 0;
        padding-right: 0;
      }

      .wpa9-card-s .wpa9-card-content p:last-child {
        margin-bottom: 0;
      }

      .wpa9-card-s .meta-buttons {
        margin-top: calc(1.5 * var(--spacer));
      }

      .wpa9-card-s.negative {
        background-color: var(--c-main);

      }

      .wpa9-card-s.negative * {
        color: #fff;
      }

      .wpa9-card-s.negative .btn {
        background-color: #fff;
        border-color: #fff;
        color: var(--c-main);
      }

        .wpa9-card-s.negative .btn:hover {
          background-color: var(--c-secondary);
          border-color: var(--c-secondary);
          color: #fff;
        }

    /* fullwidth */
    .wpa9-card-s.fullwidth {
      width: calc(100vw - 8px);
      position: relative;
      margin-left: -50vw;
      left: 50%;
      overflow: hidden;
      padding: 0;
    }

    @media (hover: none) {
      .wpa9-card-s.fullwidth {
        width: 100vw;
      }
    }

      .wpa9-card-s .wpa9-card-wrapper {
        padding: calc(2.75 * var(--spacer)) calc(1 * var(--spacer));
        max-width: 480px;
      }

      .wpa9-card-s .wpa9-card-wrapper::before,
      .wpa9-card-s .wpa9-card-wrapper::after {
        content: ' ';
        width: 105px;
        height: 192px;
        position: absolute;
        top: calc(50% - 96px);
        left: -125px;
        display: inline-block;
        background-image: url('/wp-content/themes/skrivanek/images/icon-symbol-left.svg');
        background-repeat: no-repeat;
      }

      .wpa9-card-s .wpa9-card-wrapper::after {
        left: auto;
        right: -125px;
        background-image: url('/wp-content/themes/skrivanek/images/icon-symbol-right.svg');
      }


      .wpa9-card-s.negative .wpa9-card-wrapper::before {
        background-image: url('/wp-content/themes/skrivanek/images/icon-symbol-left-w.svg');
      }

      .wpa9-card-s.negative .wpa9-card-wrapper::after {
        background-image: url('/wp-content/themes/skrivanek/images/icon-symbol-right-w.svg');
      }


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

  .wpa9-card-s .wpa9-card-wrapper {
    padding-right: calc(2 * var(--spacer));
    padding-left: calc(2 * var(--spacer));
  }

  .wpa9-card-s .wpa9-card-content {
    font-size: 1.325rem;
    line-height: 1.2;
    font-weight: 300;
    padding-top: calc(.5 * var(--spacer));
    padding-left: calc(3 * var(--spacer));
    padding-right: calc(3 * var(--spacer));
  }

  .wpa9-card-s .wpa9-card-title {
    font-size: 1.625em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .25px;
  }

}

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

  .wpa9-card-s .wpa9-card-wrapper {
    max-width: 640px;

  }

}

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

  .wpa9-card-s .wpa9-card-wrapper {
    max-width: 768px;
  }

}