.m-image-texte {

  .m-image-texte__texte_wrap {
    padding: 1.5em 0;

    @media(width > 991px) {
      padding: 2em;
    }
  }


  .m-image-texte__texte {
    margin: 2em 0;
  }


  @media(width < 991px) {
    /* .m-image-texte__texte_wrap {
      max-width: 70%;
    } */
  }

  @media(width > 991px) {
    .m-image-texte__texte_wrap {
      padding: 1em;
    }
  }

  &.alignfull {
    .container-fluid {
      .col-texte .m-image-texte__texte_wrap {
        @media(width > 992px) {
          width: 70%;
          margin: 0 auto;
        }
      }
    }
  }

  &.m-image-texte--gauche,
  &.m-image-texte--droite {
    .m-image-texte__wrap {
      >.row {
        align-items: stretch !important;
      }
    }

    .col-image {
      height: auto;

      .m-image-texte__image {
        height: 100%;
        max-width: 570px;

        img {
          height: 100%;
          object-fit: cover;
        }
      }
    }


    .m-image-texte__titre {
      margin-top: 0;
    }
  }

  &.m-image-texte--droite {
    .m-image-texte__image {
      margin-left: auto;
    }

    .m-image-texte__texte_wrap {
      padding-left: 0;
    }
  }

  &.m-image-texte--gauche {

    .m-image-texte__texte_wrap {
      padding-right: 0;
    }
  }

  &.m-image-texte--above,
  &.m-image-texte--under {
    &.is-square-deco {
      &:after {
        display: none;
      }

      .m-image-texte__image {
        position: relative;

        @media(width > 991px) {
          height: 390px;

          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }

        &::before {
          content: '';
          width: 150px;
          height: 150px;
          background-color: var(--wp--preset--color--primary);
          position: absolute;
          z-index: 1;
          bottom: -75px;
          left: -75px;

          @media(width <=991px) {
            display: none;
          }
        }
      }
    }
  }

  &.m-image-texte--under {
    &.is-square-deco {
      .m-image-texte__image {
        position: relative;

        &::before {
          bottom: inherit;
          top: -75px;
        }
      }
    }
  }

  &.m-image-texte--above {
    .m-image-texte__texte_wrap {
      padding: 0;
      margin-top: 2em;

      .m-image-texte__titre {
        margin: 0;
      }

      @media(width > 991px) {
        padding: 1.5em 0;
        margin-top: 0;
      }
    }

    .m-image-texte__texte {
      margin: 0;
    }


  }


  &.has-secondary-background-color {
    .m-image-texte__titre {
      color: #fff;
    }

    .m-image-texte__texte {

      h2 {
        color: inherit;
      }
    }
  }

}