.wp-site-blocks .image-text-block{
    .container-fluid{
      max-width: var(--wp--style--global--content-size) !important;
    }
}


.image-text-block.hide-part-of-image-text{
    .image-text-block-inner {
        display: none !important;
    }
}


.image-text-block-inner {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: stretch;
}

.image-text-title{
   text-align: center;
   margin-bottom:33px;
}

.image-text-block .image-container {
  width: 50%;
  min-height:440px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
      .image-holder{
          border-radius: 100px 0px 0px 0px;
          overflow: hidden;
          position: absolute;
          top:0;
          left:0;
          right:54px;
          bottom:64px;
      }
      &:before{
        content: "";
        position: absolute;
        background: var(--wp--preset--color--light-blue);
        top:64px;
        left:54px;
        right:0;
        bottom:0;
      }
}

.image-text-block img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}

.image-text-block .text-container {
  box-sizing: border-box;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 10px 39px;
}

.image-text-block{
    &.pull-up{
        margin-top:-170px !important;
        position: relative;
          .image-text-intro{
              width:50%;
              text-align: left;
              padding-bottom:70px;
                  .image-text-title{
                      text-align: left;
                  }
          }
          .text-container{
              padding-left:76px;
          }
    }
    &.reverse-order{
        .image-container {
            order: 2;
              &:before {
                  top: 0;
                  left: 0;
                  right: 54px;
                  bottom: 64px;
              }
              .image-holder {
                border-radius: 0 0 100px 0px;
                top: 64px;
                left: 54px;
                right: 0;
                bottom: 0;
            }
        }
        .text-container {
            order: 1;
        }
    }
}


@media (max-width: 860px){
    .image-text-block-inner {
        flex-direction: column;
    }
    .image-text-block{
      position: relative;
      .image-container {
          width: 100%;
          height:auto;
          min-height: 180px;
          aspect-ratio: 1/.87;
                &:before {
                    top: 36px;
                    left: 30px;
                }
                .image-holder {
                    right: 30px;
                    bottom: 36px;
                }
      }
      .text-container {
          width: 100%;
          transform: translateY(0);
          padding: 30px 0 0;
          height:auto;
          a{
              color: var(--wp--preset--color--primary);
          }
      }
    } 
    .icon-row-inner {
        padding: 16px 0;
    }
}

@media (max-width: 767px){
    .image-text-block{
        &.pull-up{
            margin-top:35px !important;
              .image-text-intro{
                  width:100%;
                  padding-bottom:30px;
              }
              .text-container{
                  padding-left:30px;
              }
        }
        &.reverse-order{
          .image-container {
            margin-top:25px;
                &:before {
                    right: 22px;
                    bottom: 30px;
                }
                .image-holder {
                  top: 30px;
                  left: 22px;
              }
          }
        }
    }
}

@media (max-width: 480px){
    .image-text-block{
        &.pull-up{
              .text-container{
                  padding-left:0;
              }
        }
    }
}