/* @cta-block */

.cta-block {
  @include poly-padding;

  background-color: $soft-blue;
  
  @include themify($themes) {
    background-color: themed('ctaBlock') !important;
  }

  .heading, p {
    color: white;
  }

  &.white {
    background-color: white !important;
    .heading, p {

      @include themify($themes) {
        color: themed('ctaBlockText') !important;
      }
    } 
  }

  &__wrapper {
    display: flex;
    min-height: 145px;
    &--empty {
      display: none;
    }
  }

  &__inner {
    @include poly-padding--small;

    width: 100%;
    max-width: $container-width;
    display: flex;
    align-items: center;
    margin: 0 auto;

    .cta-block__image {
      width: 50px;

      &.margin--left {
        @include poly-margin-left--large;
      }
    }

    @media screen and (max-width: $medium-screen) {
      flex-direction: column;
      padding-bottom: 20px;
    }
  }

  &__text {
    @include poly-padding-x--large;

    margin-right: auto;
    max-width: 600px;

    @media screen and (max-width: $medium-screen) {
      margin: $base-spacing 0;
      text-align: center;
      padding: 0;
    }
  }

  .cta--left {
    @media screen and (max-width: $medium-screen) {
      @include poly-margin-bottom--large;
    }
  }

  &__btn__wrapper {
    display: block;
    width: 100%;
    text-align: center;
  }
}