/*
	###################################
	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.7;
  filter: grayscale(1);
/*   opacity: 1; */
}

.category-carousel .carousel-nav .carousel-cell img {
  border: 3px solid;
  border-color: var(--beige);
}

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

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

.category-carousel .carousel-nav .carousel-cell.is-nav-selected img {
  border-color: var(--vlt-gold);
}

.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%;
  }
}