/* CUSTOM BLOCK: CAROUSEL */
/* Overrides of 3rd party Splide and Fancybox routines. */

/* ------------------------ */
/* --- SPLIDE OVERRIDES --- */
/* ------------------------ */

/* Arrow: Increase size. */
.splide__arrow {
  height: 2.5em;
  width: 2.5em;
}
/* Arrow: Change color. */
.splide__arrow:not([disabled]) {
  background-color: var(--color-primary-500);

  svg path {
    fill: white;
  }
}
/* Arrow: Move closer to edges. */
.splide__arrow--prev {
  left: -1rem;
}

.splide__arrow--next {
  right: -1rem;
}


/* Pager: Move the pager dots down off of images. */
.splide__pagination {
  bottom: -1.5rem;
}
/* Pager: Increase size of pager dots. */
.splide__pagination__page {
  height: 10px;
  width: 10px;
  margin: 4px;

}
/* Pager: Change color of active dot. */
.splide__pagination__page.is-active {
  background-color: var(--color-primary-500);
  border: 1px black solid;
}

/* -------------------------- */
/* --- FANCYBOX OVERRIDES --- */
/* -------------------------- */