/* Splide Overwrights */
header.homepage-banner .splide__arrow {
   top: 33%;
}
header.homepage-banner .splide__arrow--prev {
   left: 0;
}

header.homepage-banner .splide__arrow--next {
   right: 0;
}

header.homepage-banner .splide__pagination {
   bottom: .375em;
}

/* Banner Styles */

header.homepage-banner {
   padding: 0;
   background: var(--accent-pri-hover);
}

header.homepage-banner li.splide__slide.is-active {
   height: calc(40vh); /* orig: height: calc(63vh)s */
   min-height: 24rem;
   visibility: visible;
   transform: translateX(0) !important;
}

header.homepage-banner li.splide__slide:not(.is-active) {
   height: 0;
   visibility: hidden;
}

header.homepage-banner li.splide__slide .wrapper {
   height: 100%;
}

header.homepage-banner li .header-img-container {
   width: 100%;
   height: 33%;
}

header.homepage-banner li .header-img {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top;
   width: 100%;
   height: 100%;
}

header.homepage-banner li .content-container {
   background-size: cover;
   background-position: center;
   height: 67%;
   padding: 0 1rem;
   display: flex;
   flex-direction: column;
   justify-content: center;
   flex-wrap: nowrap;
}

header.homepage-banner li .content-container .pre-header {
   display: none;
   font-size: var(--text-base);
   font-weight: var(--font-semibold);
   margin-bottom: .5rem;
}

header.homepage-banner li .content-container h1 {
   font-size: var(--text-4xl);
   margin-bottom: .75rem;
}

header.homepage-banner li .content-container p {
   font-size: var(--text-lg);
   margin-bottom: 1.5rem;
   text-wrap: pretty;
}

header.homepage-banner li .content-container .button-group {
   display: flex;
   gap: 1rem;
   flex-wrap: wrap;
}

header.homepage-banner li .content-container .button-group a {
   text-decoration: none;
   font-size: var(--text-base);
   height: 2.5rem;
   display: flex;
   flex-shrink: 0;
   flex-wrap: wrap;
   align-content: center;
   padding: 0 1rem;
   line-height: 0;
   border-radius: 0.25rem;
}

@media (min-width: 360px) {}

@media (min-width: 500px) {

   header.homepage-banner li .content-container h1 {
      font-size: var(--text-5xl);
      margin-bottom: 1rem;
   }

   header.homepage-banner li .content-container .button-group a {
      font-size: var(--text-lg);
      height: 3rem;
      padding: 0 1.5rem;
   }
}

@media (min-width: 640px) {

header.homepage-banner .splide__arrow {
    top: 50%;
}

   header.homepage-banner .splide__pagination {
      bottom: 1em;
   }

   header.homepage-banner li.splide__slide {
      height: calc(100vw * 0.5625);
      max-height: 75vh;
   }

   header.homepage-banner li .wrapper {
      position: relative;
   }

   header.homepage-banner li .header-img-container {
      height: 100%;
   }

   header.homepage-banner li .header-img {
      background-position: top;
   }

   header.homepage-banner li .content-container .pre-header {
      display: block;
   }

   header.homepage-banner li.banner-1 .content-container, header.homepage-banner li.banner-2 .content-container, header.homepage-banner li.banner-3 .content-container, header.homepage-banner li.banner-4 .content-container {
      background: none !important;
   }

   header.homepage-banner li .content-container {
      background: unset;
      background-image: none;
      background-size: unset;
      background-position: unset;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 60%;
      padding: 0 0 0 4rem;
   }

   header.homepage-banner li .content-container h1 {
      font-size: var(--text-4xl);
   }

   header.homepage-banner li .content-container p {
      font-size: var(--text-base);
   }
}

@media (min-width: 768px) {
   header.homepage-banner .splide__arrow--prev {
      left: 1rem;
   }

   header.homepage-banner .splide__arrow--next {
      right: 1rem;
   }

   header.homepage-banner li .content-container {
      padding: 0 0 0 5rem;
      width: 58%;
   }

   header.homepage-banner li .content-container .pre-header {
      font-size: var(--text-lg);
   }

   header.homepage-banner li .content-container p {
      font-size: var(--text-lg);
   }
}

@media (min-width: 1024px) {
   header.homepage-banner li.splide__slide {
      height: 66vh;
   }

   header.homepage-banner li .content-container {
      padding: 0 0 0 6rem;
   }

   header.homepage-banner li .content-container h1 {
      font-size: var(--text-5xl);
   }

   header.homepage-banner li .content-container p {
      font-size: var(--text-lg);
   }
}

@media (min-width: 1280px) {

header.homepage-banner li .content-container h1 {
      font-size: var(--text-6xl);
   }

}

@media (min-width: 1536px) {
   header.homepage-banner .wrapper {
      max-width: 100%;
   }

   header.homepage-banner li .content-container .pre-header {
      font-size: var(--text-xl);
   }

header.homepage-banner li .content-container h1 {
      font-size: var(--text-6xl);
   }

   header.homepage-banner li .content-container p {
      font-size: var(--text-xl);
   }
}