.mod-split-image {
  .split-wrapper {
    .split-container {
      flex-direction: column-reverse;

      /* Desktop Styles */
      @media (width >= 1024px) {
        flex-direction: row;
      }

      &:nth-of-type(even) {

        /* Desktop Styles */
        @media (width >= 1024px) {
          flex-direction: row-reverse;
        }
      }
    }
  }

  &.inverse {
    .split-wrapper {
      .split-container {
        flex-direction: column-reverse;

        /* Desktop Styles */
        @media (width >= 1024px) {
          flex-direction: row-reverse;
        }

        &:nth-of-type(even) {

          /* Desktop Styles */
          @media (width >= 1024px) {
            flex-direction: row;
          }
        }
      }
    }
  }

  .split-container {
    display: flex;

    >div {

      /* Desktop Styles */
      @media (width >= 1024px) {
        width: 50%;
      }
    }
  }

  .split-content {
    padding: 40px 20px;
    display: flex;
    justify-content: center;
    align-items: center;

    /* Tablet Styles */
    @media (width >= 768px) {
      padding: 60px 40px;
    }

    /* Desktop Styles */
    @media (width >= 1024px) {
      padding: 100px 40px;
    }

    .split-contain {
      .section-intro {
        margin-bottom: 1em;
      }

      max-width: 600px;
    }
  }

  .split-image {
    min-height: 60vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    /* Tablet Styles */
    @media (width >= 768px) {
      min-height: 45vw;
    }

    /* Desktop Styles */
    @media (width >= 1024px) {
      min-height: 32vw;
    }

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

/* ======= Split Standard ======= */
.split-image-standard {
  padding: 0;

  .section-intro-container,
  .section-outro-container {
    padding-left: 20px;
    padding-right: 20px;

    /* Tablet Styles */
    @media (width >= 768px) {
      padding-left: 40px;
      padding-right: 40px;
    }

    /* Full Screen Styles */
    @media (width >= 1280px) {
      padding-left: calc(40px + (50vw - (var(--full) / 2)));
      padding-right: calc(40px + (50vw - (var(--full) / 2)));
    }
  }

  .section-intro-container {
    padding-top: 40px;
    padding-bottom: 40px;

    /* Tablet Styles */
    @media (width >= 768px) {
      padding-top: 60px;
      padding-bottom: 60px;
    }

    /* Desktop Styles */
    @media (width >= 1024px) {
      padding-top: 100px;
    }

    p:last-of-type {
      margin-bottom: 0;
    }
  }

  .section-outro-container {
    padding-top: 40px;
    padding-bottom: 40px;

    /* Tablet Styles */
    @media (width >= 768px) {
      padding-top: 60px;
      padding-bottom: 60px;
    }

    /* Desktop Styles */
    @media (width >= 1024px) {
      padding-bottom: 100px;
    }
  }

  .split-container {
    .rounded-image+.split-image {
      img {

        /* Desktop Styles */
        @media (width >= 1024px) {
          border-radius: 100vmax 0 0 100vmax;
        }
      }
    }

    &:nth-of-type(even) {
      .rounded-image+.split-image {
        img {

          /* Desktop Styles */
          @media (width >= 1024px) {
            border-radius: 0 100vmax 100vmax 0;
          }
        }
      }
    }
  }

  &.inverse {
    .split-container {
      .rounded-image+.split-image {
        img {

          /* Desktop Styles */
          @media (width >= 1024px) {
            border-radius: 0 100vmax 100vmax 0;
          }
        }
      }

      &:nth-of-type(even) {
        .rounded-image+.split-image {
          img {

            /* Desktop Styles */
            @media (width >= 1024px) {
              border-radius: 100vmax 0 0 100vmax;
            }
          }
        }
      }
    }
  }
}

/* ======= Customizations ======= */

.mod-split-image {
  &.text-align-top {
    .split-content {

      /* Desktop Styles */
      @media (width >= 1024px) {
        align-items: flex-start;
      }
    }
  }
}

.mod-split-image.split-image-standard {

  /* This will need to be updated in order to work */
  &.rounded-image {
    .split-container {
      .split-content+.split-image {
        img {

          /* Desktop Styles */
          @media (width >= 1024px) {
            border-radius: 100vmax 0 0 100vmax;
          }
        }
      }

      &:nth-of-type(even) {
        .split-content+.split-image {
          img {

            /* Desktop Styles */
            @media (width >= 1024px) {
              border-radius: 0 100vmax 100vmax 0;
            }
          }
        }
      }
    }

    &.inverse {
      .split-container {
        .split-content+.split-image {
          img {

            /* Desktop Styles */
            @media (width >= 1024px) {
              border-radius: 0 100vmax 100vmax 0;
            }
          }
        }

        &:nth-of-type(even) {
          .split-content+.split-image {
            img {

              /* Desktop Styles */
              @media (width >= 1024px) {
                border-radius: 100vmax 0 0 100vmax;
              }
            }
          }
        }
      }
    }
  }
}

/* ======= End Split Standard ======= */

/* ======= Split Contained ======= */
/* .split-contained {
  &.fcs-split-text {
    .split-container {
      flex-direction: column;

     
@media (width >= 1024px) {
  flex-direction: row !important;
}
}
}

&.fcs-split-image {
  .split-container {
    flex-direction: column-reverse;

   
    @media (width >= 1024px) {
      flex-direction: row;
    }

    &:nth-of-type(even) {

     
      @media (width >= 1024px) {
        flex-direction: row-reverse;
      }
    }
  }
}

&.inverse {
  .split-container {

   
    @media (width >= 1024px) {
      flex-direction: row-reverse;
    }

    &:nth-of-type(even) {

     
      @media (width >= 1024px) {
        flex-direction: row;
      }
    }
  }
}

.section-intro {
  margin-bottom: 40px;

 
  @media (width >= 1024px) {
    margin-bottom: 60px;
  }
}

.split-container {
  display: flex;
  margin-bottom: 20px;

 
  @media (width >= 1024px) {
    justify-content: space-between;
    align-items: center;
  }

  &:nth-of-type(even) {

   
    @media (width >= 1024px) {
      flex-direction: row-reverse;
    }
  }
}

.default-block {
  padding: 20px;

 
  @media (width >= 768px) {
    padding: 60px 40px;
  }

 
  @media (width >= 1024px) {
    width: 48%;
  }
}

.split-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 20px;


  @media (width >= 1024px) {
    width: 48%;
    margin-bottom: 0;
  }

  img {
    width: 100%;
    height: auto;
  }
}
}

*/
/* ======= End Split Contained ======= */

/* ======= Split Multiple Photos ======= */
.split-image-contained {

  /* padding: 40px 20px; */
  /*
@media (width >= 768px) {
    padding: 60px 40px;
  } */
  /*
@media (width >= 1280px) {
    padding: 100px calc(40px + (50vw - (var(--full) / 2)));
  } */
  .section-intro-container {
    padding-bottom: 20px;

    /* Tablet Styles */
    @media (width >= 768px) {
      padding-bottom: 40px;
    }

    /*
@media (width >= 1280px) {
      padding-bottom: 60px;
    } */
  }

  .section-outro-container {
    padding-top: 20px;

    /* Tablet Styles */
    @media (width >= 768px) {
      padding-top: 40px;
    }

    /*
@media (width >= 1280px) {
      padding-top: 60px;
    } */
  }
}

.split-image-multiple-photos {
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 40px;

  .split-container {
    display: flex;
    flex-direction: column-reverse;

    /* Desktop Styles */
    @media (width >= 1024px) {
      flex-direction: row;
      column-gap: 20px;
    }

    &:nth-of-type(even) {

      /* Desktop Styles */
      @media (width >= 1024px) {
        flex-direction: row-reverse;
      }
    }

    >div {

      /* Desktop Styles */
      @media (width >= 1024px) {
        width: 50%;
      }
    }
  }

  &.inverse {
    .split-container {
      flex-direction: column-reverse;

      /* Desktop Styles */
      @media (width >= 1024px) {
        flex-direction: row-reverse;
      }

      &:nth-of-type(even) {

        /* Desktop Styles */
        @media (width >= 1024px) {
          flex-direction: row;
        }
      }
    }
  }

  .split-content {
    padding: 40px 20px;
    display: flex;
    justify-content: center;
    align-items: center;

    /* Tablet Styles */
    @media (width >= 768px) {
      padding: 60px 40px;
    }

    /* Desktop Styles */
    @media (width >= 1024px) {
      padding: 100px 40px;
    }

    .split-contain {
      max-width: 600px;
    }
  }

  .multi-images {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 20px;

    .split-image {
      display: none;
      height: 100%;
      min-height: 60vw;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;

      /* Tablet Styles */
      @media (width >= 768px) {
        min-height: 45vw;
      }

      /* Desktop Styles */
      @media (width >= 1024px) {
        display: block;
        min-height: 20vw;
      }

      /* Show 1 image on mobile */
      &.primary-image {
        display: block;
      }

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

/* ======= End Split Multiple Photos ======= */

/* ======= Split Cards ======= */
.split-image-cards {

  /* padding-top: 40px;
  padding-bottom: 40px; */
  /*
@media (width >= 768px) {
    padding-top: 60px;
    padding-bottom: 60px;
  } */
  /*
@media (width >= 1024px) {
    padding-top: 100px;
    padding-bottom: 100px;
  } */
  .section-intro-container {
    padding-bottom: 20px;

    /* Tablet Styles */
    @media (width >= 768px) {
      padding-bottom: 40px;
    }

    /* Full Screen Styles */
    @media (width >= 1280px) {
      padding-bottom: 60px;
    }

    p:last-of-type {
      margin-bottom: 0;
    }
  }

  .section-outro-container {
    padding-top: 20px;

    /* Tablet Styles */
    @media (width >= 768px) {
      padding-top: 40px;
    }

    /* Full Screen Styles */
    @media (width >= 1280px) {
      padding-top: 60px;
    }

    p:last-of-type {
      margin-bottom: 0;
    }
  }

  .split-cards {
    &.text-primary {
      .split-content {
        z-index: 1;
      }
    }

    &.image-primary {
      .split-image {
        z-index: 1;
      }

      &.inverse {
        .split-container {
          &:nth-of-type(odd) {

            /* Desktop Styles */
            @media (width >= 1024px) {
              .split-content {
                padding-left: calc(8% + 40px);
              }
            }
          }

          &:nth-of-type(even) {

            /* Desktop Styles */
            @media (width >= 1024px) {
              .split-content {
                padding-right: calc(8% + 40px);
              }
            }
          }
        }
      }

      &:not(.inverse) {
        .split-container {
          &:nth-of-type(odd) {

            /* Desktop Styles */
            @media (width >= 1024px) {
              .split-content {
                padding-right: calc(8% + 40px);
              }
            }
          }

          &:nth-of-type(even) {

            /* Desktop Styles */
            @media (width >= 1024px) {
              .split-content {
                padding-left: calc(8% + 40px);
              }
            }
          }
        }
      }
    }

    &.inverse {
      .split-container {
        flex-direction: column-reverse;

        /* Desktop Styles */
        @media (width >= 1024px) {
          flex-direction: row-reverse;
        }

        .split-content {

          /* Desktop Styles */
          @media (width >= 1024px) {
            margin-left: -2%;
            margin-right: 0;
          }
        }

        .split-image {

          /* Desktop Styles */
          @media (width >= 1024px) {
            margin-right: -6%;
            margin-left: 0;
          }
        }

        &:nth-of-type(even) {

          /* Desktop Styles */
          @media (width >= 1024px) {
            flex-direction: row;
          }

          .split-content {

            /* Desktop Styles */
            @media (width >= 1024px) {
              margin-right: -2%;
              margin-left: 0;
            }
          }

          .split-image {

            /* Desktop Styles */
            @media (width >= 1024px) {
              margin-left: -6%;
              margin-right: 0;
            }
          }
        }
      }
    }

    .split-container {
      display: flex;
      flex-direction: column-reverse;

      /* Desktop Styles */
      @media (width >= 1024px) {
        flex-direction: row;
        margin-top: 80px;
        align-items: center;
      }

      &:first-of-type {

        /* Desktop Styles */
        @media (width >= 1024px) {
          margin-top: 0;
        }
      }

      &:nth-of-type(even) {

        /* Desktop Styles */
        @media (width >= 1024px) {
          flex-direction: row-reverse;
        }

        .split-content {

          /* Desktop Styles */
          @media (width >= 1024px) {
            margin-left: -2%;
            margin-right: 0;
          }
        }

        .split-image {

          /* Desktop Styles */
          @media (width >= 1024px) {
            margin-right: -6%;
            margin-left: 0;
          }
        }
      }

      .split-content {

        /* Desktop Styles */
        @media (width >= 1024px) {
          margin-right: -2%;
          margin-left: 0;
        }
      }

      .split-image {

        /* Desktop Styles */
        @media (width >= 1024px) {
          margin-left: -6%;
          margin-right: 0;
        }
      }
    }

    .split-content {
      padding: 40px 20px;
      display: flex;
      justify-content: center;
      align-items: center;

      /* Tablet Styles */
      @media (width >= 768px) {
        padding: 60px 40px;
      }

      /* Desktop Styles */
      @media (width >= 1024px) {
        padding: 100px 40px;
        width: 52%;
      }

      .split-contain {
        max-width: 600px;
      }
    }

    .split-image {
      /* background-color: var(--primary-color); */
      min-height: 60vw;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;

      /* Tablet Styles */
      @media (width >= 768px) {
        min-height: 45vw;
      }

      /* Desktop Styles */
      @media (width >= 1024px) {
        min-height: 32vw;
        width: 56%;
      }

      img {
        width: 100%;
        height: 100%;
        min-height: 32vw;
        object-fit: cover;
        object-position: center;
      }
    }
  }
}

/* Split Section Image Positions */
.mod-split-image,
.split-image-cards {
  &.split-image-top {
    .split-image {
      background-position: top 25% center;

      img {
        object-position: top 25% left 50%;
      }
    }
  }

  &.split-image-bottom {
    .split-image {
      background-position: bottom 25% center;

      img {
        object-position: bottom 25% left 50%;
      }
    }
  }

  &.split-image-left {
    .split-image {
      background-position: center left;

      img {
        object-position: top 50% left 0%;
      }
    }
  }

  &.split-image-right {
    .split-image {
      background-position: center right;

      img {
        object-position: top 50% right 0%;
      }
    }
  }

  &.split-image-top,
  &.split-image-bottom {
    .split-image {

      /* Full Screen Styles */
      @media (width >= 1280px) {
        background-position: center;

        img {
          object-position: center;
        }
      }
    }
  }
}