/**
 * /assets/scss/partials/blocks/blocks-split-overlap.scss
 *
 * Let's define our split overlap block styles
 *
 *
 */
.split-overlap-block {
  position: relative;
  background-image: url("/wp-content/uploads/2020/10/background-triangle.svg");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left;
  padding: 0 30px; }
  @media (max-width: 800px) {
    .split-overlap-block {
      background-size: auto 220px;
      background-position: left top; } }
  .split-overlap-block .wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap; }
  .split-overlap-block__content {
    width: 420px;
    padding: 100px 0; }
    @media (max-width: 1000px) {
      .split-overlap-block__content {
        width: calc(100% - 420px);
        padding: 75px 0; } }
    @media (max-width: 800px) {
      .split-overlap-block__content {
        width: 100%;
        padding: 30px 0;
        text-align: center; } }
  .split-overlap-block__image {
    width: calc(100% - 420px);
    padding-right: 50px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start; }
    .split-overlap-block__image img {
      display: block;
      margin-top: -30px; }
    @media (max-width: 1000px) {
      .split-overlap-block__image {
        width: 420px; }
        .split-overlap-block__image img {
          margin: 0; } }
    @media (max-width: 800px) {
      .split-overlap-block__image {
        width: 100%;
        padding-right: 0;
        justify-content: center; }
        .split-overlap-block__image img {
          margin-top: -50px;
          width: auto;
          height: 270px;
          max-width: 100%; } }