/* Destination Flickity carousel */

.destination-list.hp-list {
	padding: 3rem 0 5rem;
} 

.hp-list .ccm-block-page-list-header {
	text-align: center;
	margin: 0 0 2rem 0;
}
.destination-list .destination-carousel {
	width: 100%;
	margin-bottom: 2rem;
}

.destination-list .destination-carousel .item {
	width: 31.5%;
	margin-right: 2.75%;
	box-sizing: border-box;
}

.destination-list .destination-carousel .item-inner {
	display: block;
	position: relative;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.destination-list .destination-carousel .image {
	position: relative;
	overflow: hidden;
	aspect-ratio: 4 / 3;
}

.destination-list .destination-carousel .image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(0.9) brightness(0.6);
	  transition: all 1s;
	  transform: scale(1);
}

.destination-list .destination-carousel .image:hover img {
	transition: all 1s;
	transform: scale(1.05);
}

.destination-list .destination-carousel .info {
	padding: 0;
	  position: absolute;
	  z-index: 1;
	  bottom: 1em;
	  left: 1em;
	  width: 90%;
}

.destination-list .destination-carousel .info h4 {
	margin: 0;
	color: var(--body-color);
	  text-transform: uppercase;
	  font-weight: 300;
	  font-family: var(--main-font);
	  text-wrap: balance;
}

.destination-list .destination-carousel .recommended {
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 2;
}

.destination-list .destination-carousel .recommended p {
	margin: 0;
}

/* Tablet */
@media (max-width: 991px) {
	.destination-list .destination-carousel .item {
		width: 48%;
		margin-right: 2%;
	}
}

/* Mobile */
@media (max-width: 575px) {
	.destination-list .destination-carousel .item {
		width: 85%;
		margin-right: 4%;
	}
}