/* HM SLIDER — Splide Init State
---------------------------------------- */
.hm-slider {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  max-width: 100%;
}

.hm-slider.hm-splide-ready {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/* Splide Structure
---------------------------------------- */
.hm-slider.splide {
  width: 100%;
  max-width: 100%;
}

.hm-slider .splide__track {
  width: 100%;
  overflow: hidden;
}

.hm-slider .splide__list {
  display: flex;
}

.hm-slider .splide__slide {
  min-width: 0;
}

.hm-slider .splide__slide > * {
  width: 100%;
  max-width: 100% !important;
}

.hm-slider .splide__slide img {
  width: 100%;
  height: auto;
  display: block;
}

.hm-slider-1 .splide__slide {
	margin: 0 !important;
}

/* Arrows
---------------------------------------- */
.hm-slider.splide .splide__arrow {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  height: 1.25em;
  width: 1.25em;
  padding: 10px !important;
  background-color: #fff !important;
  background-size: 50% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: 0;
  box-sizing: content-box;
  opacity: 0.8;
  cursor: pointer;
  z-index: 2;
  text-indent: -9999px;
}

.hm-slider-1.splide.item-image-style-beside .splide__arrow {
    top: 50%;
}

.hm-slider .splide__arrow:hover {
  opacity: 1;
}

.hm-slider .splide__arrow--prev {
  left: 15px;
  background-image: url('../../assets/images/prev-arrow.svg') !important;
}

.hm-slider .splide__arrow--next {
  right: 15px;
  background-image: url('../../assets/images/next-arrow.svg') !important;
}

.hm-slider .splide__arrow svg {
  display: none !important;
}

/* Disable Kadence Posts Grid Behavior
---------------------------------------- */
ul.wp-block-kadence-posts.hm-slider {
  display: block !important;
}

ul.wp-block-kadence-posts.hm-slider > li {
  width: auto !important;
  max-width: none !important;
}

/* Responsive
---------------------------------------- */
@media (max-width: 1024px) {
  .hm-slider .splide__arrow--prev { left: 0; }
  .hm-slider .splide__arrow--next { right: 0; }
}

@media (max-width: 768px) {
  .hm-slider .loop-entry .entry-content-wrap { padding: 0.8rem; }
  .hm-slider-1.splide .splide__arrow { top: 42%; }
}