/*
  ###################################
  NEWS CAROUSEL
  ###################################
 */


      #news-carousel .splide__arrows {
        position: absolute;
        right: 0;
        top: -40px;
        width: 110px;
      }

      #news-carousel .splide__slide {
        opacity: 0.3;
        transition: all var(--transition-normal) ease-in-out;
      }

      #news-carousel .splide__slide:hover,
      #news-carousel .splide__slide.is-active {
        opacity: 1;
      }









/*
	###################################
	CATEGORY PAGE CAROUSEL
	###################################
*/


#category-carousel .carousel {
/*   margin-bottom: 20px; */
}

#category-carousel .carousel-main {
/*   padding-top: 30px; */
/*   border-top: 1px solid #B0AAA8; */
}

#category-carousel .carousel-main .flickity-viewport {
/*   min-height: 500px; */
}

@media (max-width: 768px) {
  #category-carousel .carousel-main .flickity-viewport {
/* 	  min-height: 100vh; */
	}
}

#category-carousel .carousel-main .carousel-cell {
  width: 100%;
}

#category-carousel .carousel-main .carousel-cell p:last-child {
  margin-bottom: 0;
}

#category-carousel .carousel-nav .carousel-cell {
  width: 23%;
  margin-right: 2%;
  opacity: 0.5;
}

#category-carousel .carousel-video .carousel-cell {
  opacity: 1;
}

#category-carousel .carousel-nav .carousel-cell.is-nav-selected {
  opacity: 1;
}

#category-carousel .carousel-nav .flickity-prev-next-button.next {
    right: 24px;
}

#category-carousel .carousel-nav .flickity-page-dots button{
    width: .75em;
    height: .75em;
    background-color: var(--vlt-gold);
    opacity: .5;
}



#category-carousel .carousel-nav .flickity-page-dots button.is-selected {
    opacity: 1;
}




/*
	IMPORTANT — We adjust the cell width based on number of categories present
*/

@media (max-width: 992px) {
  #category-carousel .carousel-nav .carousel-cell {
	width: 23%;
	margin-right: 2%;
  }

@media (max-width: 768px) {
  #category-carousel .carousel-nav .carousel-cell {
	width: 30.5%;
	margin-right: 3%;
  }
}

@media (max-width: 576px) {
  #category-carousel .carousel-nav .carousel-cell {
	width: 45%;
	margin-right: 5%;
  }
}