.home-hero {
  justify-content: space-between;
  height: 100vh;
  display: flex;
    
  .home-hero-image {
    flex: none;
    width: 50%;
    position: relative;

    .hero-video {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0%;
      bottom: 0%;
      left: 0%;
      right: 0%;
      object-fit: cover;
    }
  }
  
  .home-hero-content {
    flex: none;
    justify-content: center;
    align-items: stretch;
    width: 50%;
    display: block;
    position: relative;

    .slider {
      background-color: #0000;
      height: 100%;

      &.w-slider {
        text-align: center;
        clear: both;
        -webkit-tap-highlight-color: #0000;
        tap-highlight-color: #0000;
        position: relative;
        align-items: center;
        display: flex;
      }
      
      .mask, .home-hero-slide {height: 100%;}

      .w-slider-mask {
        z-index: 1;
        white-space: nowrap;
        height: 100%;
        display: block;
        position: relative;
        left: 0;
        right: 0;
        overflow: hidden;

        .w-slide {
          vertical-align: top;
          white-space: normal;
          text-align: left;
          width: 100%;
          height: 100%;
          display: inline-block;
          position: relative;

          .collection-list-wrapper {

            .collection-item {
              justify-content: center;
              align-items: center;
              width: 100%;
              height: 100%;
              display: flex;
              flex-direction: column;

              .home-hero-collection-link {
                flex-direction: column;
                align-items: center;
                display: flex;

                &.w-inline-block {max-width: 100%;}

                
              }

              .home-hero-collection-image {
                width: 280px;
                max-width: 80%;
                margin-bottom: 40px;
              }

              @media screen and (max-width: 479px) {
                .home-hero-collection-image {width: 240px;}
              }

              .slide-content span {
                display: block;

                &.ev-small-caps {text-align: center; a {color: var(--ev-blue);}}
                &.ev-heading-large {text-align: center; a {color: var(--ev-blue);}}
              }
            }
          }
        }
      }
    }

    .slick-prev:before, .slick-next:before {
      font-family: 'slick';
      font-size: 65px;
      line-height: 1;
      opacity: 1.75;
      color: white;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .slick-prev {
      left: 5%;
      background-image: url(/cdn/shop/files/slick_prev.png?v=1716433585)!important;
      background-repeat: no-repeat!important;
      min-width: 37px;
      height: 30px;
      z-index: 1;
      &:before {content: unset;}
    }
    .slick-next {
      background-image: url(/cdn/shop/files/slick_next.png?v=1716433585)!important;
      background-repeat: no-repeat!important;
      min-width: 37px;
      height: 30px;
      right: 5%;
      &:before {content: unset;}
    }

    @media screen and (max-width: 767px) {
      .slick-arrow {display: none !important;}
    }
  }
}

@media only screen and (max-width: 991px) {
  .home-hero {
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
      
    .home-hero-image {
      width: 100%;
      height: 40vh;
      display: block;
    }

    .home-hero-content {
      flex: none;
      width: 100%;
      height: auto;
      margin-top: -20vh;
      padding-bottom: 80px;
    }
  }
}

@media only screen and (max-width: 479px) {
  .home-hero {
    .home-hero-content {
      margin-top: -25vh;
    }
  }
}