/* --- FLICKITY-CAROUSEL: SET THE .flickity-carousel CLASS to the direct container of the items and the .flickity-carousel-cell class to the direct child item container --- */
/* For 2 cells with 2rem gap */
/*.flickity-carousel-cell {
  width: calc(50% - 2rem * 1/2);
  margin-right: 2rem;
}*/
/* For 3 cells with 1rem gap */
.flickity-carousel-cell {
  width: calc(33.333% - 1rem * 2/3) !important;
  margin-right: 1rem !important;
}

@media (max-width: 768px) {
	.flickity-carousel-cell {
	  width: calc(50% - 1rem * 1/2) !important;
	  margin-right: 1rem !important;
	}
	.other-topics__titlebar-wrapper {
		justify-content: left !important;
	}
	.other-topics__titlebar-item-alltopics {
		display: none !important;
	}
}
@media (max-width: 500px) {
	.flickity-carousel-cell {
	  width: 100% !important;
	  /*margin-right: 1rem;*/
	}
}
/* Pagination */
.flickity-page-dots {
    width: 100% !important;
    bottom: -3rem !important;
    padding: 0 !important;
    margin: 0 !important;    
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 0.5rem !important;
}

.flickity-page-dots .dot {
	width: 1rem !important;
    height: 1rem !important;
    margin: 0 !important;
    background: var(--neutral-700) !important;
	align-self: center;
}
.flickity-page-dots .dot.is-selected {
  border: 3px solid var(--brand-primary-alt);
  background: white !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
}

/* Navigation */
.flickity-button{
    height: 2.5rem !important;
    width: 2.5rem !important;
    /*background: none !important;*/
    color: var(--neutral-700) !important;
	background: hsla(from var(--neutral-0) h s l / 40%) !important;
}

.flickity-button:hover{
    /*background: none !important;*/
	background: hsla(from var(--neutral-0) h s l / 80%) !important;
	color: var(--neutral-900) !important;
}
.flickity-button:focus {
	box-shadow: 0 0 0 5px var(--brand-primary) !important;
}
.flickity-prev-next-button.previous{
    left: 0;
    /*transform: translateX(-3.5rem) translateY(-50%);*/
	transform: translateX(-4.5rem) translateY(-50%) !important;
	border: 1px solid var(--neutral-300) !important;
}

.flickity-prev-next-button.next{
    right: 0;
    /*transform: translateX(3.5rem) translateY(-50%);*/
	transform: translateX(4.5rem) translateY(-50%) !important;
	border: 1px solid var(--neutral-300) !important;
}
@media (max-width: 1000px) { /* Zet te next en previous button binnen de grenzen van de smaller worden viewport (on top of the image) */
	.flickity-prev-next-button.previous, .flickity-prev-next-button.next {
	  transform: translateY(-50%) !important;
	  border: none !important;
	}
}
.other-topics__carousel-item-title-container *, .other-topics__titlebar-item-title {
	word-break: break-word;
}
@media (min-width: 250px) {
	.flickity-viewport {
		min-height: 200px;
	}
}