/* Text & Image */



.text-image {

  margin-bottom: 120px;

}



.block-editor-page .text-image {

  z-index: 1;

}



.text-image.is-variation-c {

  margin-bottom: 60px;

}



.text-image--headline-1,

.block-editor-page .text-image--headline-1 {

  font-size: 2.7rem;

}



.is-variation-b .text-image--headline-1,

.is-variation-c .text-image--headline-1 {

	background-image: linear-gradient(to left, rgba(139,139,139,.5), rgba(139,139,139,.5));

	background-position: 0px .68em;

	background-repeat: no-repeat;

	background-size: 400% .4em;

  display: inline;

  margin-bottom: 5px;

}



.is-variation-b .text-image--headline-2 {

  position: relative;

}



.is-variation-b .text-image--headline-2::after,

.is-variation-b .text-image--image::after,

.is-variation-c .text-image--image::after {

  background-color: #F2F1F1;

  content: '';

  display: block;

  height: calc(100% + 60px);

  position: absolute;

    top: -50px;

    left: 45px;

  width: calc(100vw - 90px);

  z-index: -1;

}



.is-variation-b .text-image--headline-2 {

  font-family: atten-new, sans-serif;

  font-size: 3.2rem;

  font-weight: 700;

  text-transform: uppercase;

}



.is-variation-c .text-image--headline-2 {

  font-weight: 400;

}



.text-image ul {

  font-weight: 600;

  margin-bottom: 0;

  padding-left: 0;

  padding-right: 60px;

}



.text-image ul > li {

  border-bottom: 1px solid #8B8B8B;

  list-style-type: none;

  margin-bottom: 10px;

  padding-bottom: 10px;

}



.text-image--image {

  background-size: 0;

}



.is-variation-a .text-image--image {

  margin-bottom: 30px;

}



.is-variation-c .text-image--image {

  margin-bottom: 60px;

}



.is-variation-b .text-image--image,

.is-variation-c .text-image--image {

  position: relative;

}



.is-variation-b .text-image--image::after {

  height: 50%;

  top: auto;

  bottom: -30px;

  left: -15px;

  width: 75%;

}



.is-variation-c .text-image--image::after {

  height: 100%;

  top: 10%;

  right: -30px;

  left: auto;

  width: 100%;

}



.text-image--button {

  margin-top: 45px;

}



.text-image--button .button.arrow {

  font-size: 2.4rem;

  font-weight: 500;

}



.block-editor-page .button.arrow {

  background-color: transparent;

  border: 0;

  border-radius: 0;

  height: auto;

  overflow: visible;

  padding: 0;

  position: relative;

    left: auto;

    bottom: auto;

  width: auto;

  z-index: 0;

}



.block-editor-page .button.arrow::after {

  display: none;

}



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



  .text-image {

    display: flex;

      justify-content: space-between;

    margin-bottom: 150px;

    position: relative;

    text-align: right

  }



  .is-variation-a.text-image {

    flex-direction: row-reverse;

    margin-top: 90px;

  }



  .is-variation-c.text-image {

    flex-direction: row-reverse;

    margin-bottom: 200px;

  }



  .is-variation-a.text-image::before,

  .is-variation-a.text-image::after {

    background-color: #F2F1F1;

    content: '';

    display: block;

    position: absolute;

  }



  .is-variation-a.text-image::before {

    height: 50%;

    top: -75px;

    left: calc(-50vw + 575px);

    width: calc(50vw - 600px);

  }



  .is-variation-a.text-image::after {

    background-color: #8B8B8B;

    height: 10px;

    top: -45px;

    left: calc(-50vw + 650px);

    width: calc(50vw - 450px);

      min-width:

  }



  .is-variation-a.text-image.is-image-display-left::before {

    left: auto;

    right: calc(-50vw + 575px);

  }



  .is-variation-a.text-image.is-image-display-left::after {

    left: auto;

    right: calc(-50vw + 700px);

  }



  .text-image.is-image-display-left {

    flex-direction: row-reverse;

    text-align: left;

  }



  .text-image.is-image-display-left.is-variation-a,

  .text-image.is-image-display-left.is-variation-c {

    flex-direction: row;

  }



  .text-image--text,

  .text-image--image {

    flex-shrink: 0;

  }



  .text-image--text {

    flex-basis: 45%;

  }


  .is-variation-c.is-image-display-left .text-image--text {
    flex-basis: 40%;
  }


  .text-image--image {

    background-position: center;

    background-size: cover;

    flex-basis: 50%;

  }



  .is-variation-c .text-image--image::after {

    top: 20%;

    right: -10%;

  }



  /* .is-variation-c.is-image-display-left .text-image--image::after {

    left: -10%;

    right: auto;

  } */



  .is-variation-b .text-image--headline-2::after {

    height: calc(100% + 90px);

    top: -75px;

    left: 50%;

    width: 100%;

  }



  .is-variation-b.is-image-display-left .text-image--headline-2::after {

    left: 45px;

  }



  .text-image ul {

    padding-left: 60px;

    padding-right: 0;

  }



  .text-image.is-image-display-left ul {

    padding-left: 0;

    padding-right: 60px;

  }



  .is-variation-b .text-image--image::after {

    left: auto;

    right: -45px;

    bottom: -45px;

  }



  .is-variation-b.is-image-display-left .text-image--image::after {

    left: -45px;

  }



  .text-image--image img {

    display: none;

  }



}