/*------------------------------------------------------------------*/
/*                         Next-gen gallery                         */
/*------------------------------------------------------------------*/

/* Basic image browser  next/prev buttons / arrows */

.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .back,
.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .next {
  background-color: var(--color-orange);
  border-radius: var(--border-radius);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .back:hover,
.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .next:hover {
  background-color: var(--color-purple);
}

.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .back .ngg-browser-prev,
.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .next .ngg-browser-next {
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Basic slideshow next/prev buttons / arrows */

.ngg-slideshow .slick-prev.slick-arrow::before,
.ngg-slideshow .slick-next.slick-arrow::before {
  color: var(--color-orange) !important;
  opacity: unset;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ngg-slideshow .slick-prev.slick-arrow:hover::before,
.ngg-slideshow .slick-next.slick-arrow:hover::before {
  color: var(--color-purple) !important;
  opacity: unset;
}