.wp-block-media-text {

  grid-template-columns: 50% 50%;


  &.alignfull {
    margin-top: 0;
    margin-bottom: 0;
  }

  a:focus img {
    outline-offset: -1px;
  }

  .wp-block-media-text__content {
    padding: var(--global--spacing-horizontal) calc(var(--responsive--spacing-horizontal) / 2);


    @include media(tablet) {
      padding: 60px;
    }

    > * {
      margin-top: calc(0.666 * var(--global--spacing-vertical));
      margin-bottom: calc(0.666 * var(--global--spacing-vertical));

      @include media(mobile) {
        margin-top: var(--global--spacing-vertical);
        margin-bottom: var(--global--spacing-vertical);
      }

      &:first-child {
        margin-top: 0;
      }

      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  /**
   * Block Options
   */

  &.is-stacked-on-mobile .wp-block-media-text__content {
    @include media(mobile) {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }

  &.has-media-on-the-right {

    grid-template-columns: 50% 50%;

    .wp-block-media-text__content {
      @include media(tablet) {
        padding: var(--global--spacing-horizontal) var(--responsive--spacing-horizontal) calc(var(--responsive--spacing-horizontal) / 2) 0;
      }
    }

  }


  // Decoration

  &.is-style-canvi-decoration {

    .wp-block-media-text__media {

      position: relative;
      padding: 15px 0 0 15px;

      @include media(tablet) {
        padding: 43px 0 0 80px;
      }


      &:before {

        content: '';
        display: block;
        background: var(--global--color-secondary);

        position: absolute;
        top: 0;
        left: 0;
        right: 15px;
        bottom: 15px;
        z-index: 0;

        @include media(tablet) {
          width: 80%;
          right: 90px;
          bottom: 70px;
        }


      }

      img {

        z-index: 1;
        position: relative;

      }
    }

    &.has-media-on-the-right {

      .wp-block-media-text__content {

        @include media(tablet) {
          padding-right: 0;
        }
      }

    }
  }

  // Bordered

  &.is-style-canvi-border {

    .wp-block-media-text__media {

      img {
        border: var(--global--border-image-style);
      }

    }

  }

  &.is-style-canvi-half-width-text {

    .wp-block-media-text__content {
      @include media(mobile) {
        max-width: calc(var(--responsive--aligndefault-width) / 2);
      }
    }

    &:not(.has-media-on-the-right) {
      .wp-block-media-text__content {
        @include media(mobile) {
          padding-right: 0;
        }
      }
    }

    &.has-media-on-the-right {

      .wp-block-media-text__content {
        @include media(mobile) {
          margin-left: auto;
          padding-right: 60px;
        }
      }

    }

  }

  + p {
    margin-top: var(--global--spacing-vertical-text);
  }

}