section.destination-list.white-bg{
	background-color:#fff;
}

.destination-list-results{
	margin-top:2rem!important;
	margin-bottom:2rem!important;
}

.destination-list-results .destination{
	
}

.destination-list-results .destination .image-wrapper {
	position:relative;
	padding-bottom:75%;
	overflow:hidden;
}

.destination-list-results .destination .image-wrapper:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:0%;
	height:2px;
	background:var(--copper-color);
	transition:all 0.3s;
}

.destination-list-results .destination .image-wrapper .image{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	transition:all 3s;
}
.destination-list-results .destination:hover{
	cursor:pointer;
}
.destination-list-results .destination:hover .image{
	transform:scale(1.1);
}

.destination-list-results .destination:hover .image-wrapper:after{
	width:100%;
}

/* OFFER GRID */

.offer-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(5, 140px);
	gap: .75rem;
	margin:1rem 0;
	grid-template-areas:
		"a a a b b b c c c c c c"
		"a a a b b b c c c c c c"
		"a a a b b b d d d e e e"
		"f f f f f f d d d e e e"
		"f f f f f f d d d e e e";
}

.offer-card {
	position: relative;
	border-radius: .75rem;
	overflow: hidden;
	min-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0 3px transparent;
	transition:all 0.3s;
}

.offer-card:hover{
	box-shadow: 0 0 0 3px var(--copper-color-pastel);
}

.offer-card--layout-1 {
	grid-area: a;
}

.offer-card--layout-2 {
	grid-area: b;
}

.offer-card--layout-3 {
	grid-area: c;
}

.offer-card--layout-4 {
	grid-area: d;
}

.offer-card--layout-5 {
	grid-area: f;
}

.offer-card--layout-6 {
	grid-area: e;
}

@media (max-width: 1024px) {
	.offer-grid {
		grid-template-columns: repeat(6, 1fr);
		grid-template-rows: none;
		grid-auto-rows: 180px;
		grid-template-areas:
			"a a a b b b"
			"a a a b b b"
			"c c c c c c"
			"c c c c c c"
			"d d d e e e"
			"d d d e e e"
			"f f f f f f"
			"f f f f f f";
	}
}

@media (max-width: 640px) {
	.offer-grid {
		display: flex;
		flex-direction: column;
	}

	.offer-card {
		min-height: 240px;
	}
}

.offer-card .image {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position:center;
	filter: brightness(0.85);
	transition: all 1s;
}

.offer-card:hover .image {
	transform:scale(1.03);
}

.offer-card .info {
	position: relative;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .125rem;
	transition:all 0.3s;
}

.offer-card:hover .info {
	transform:translateY(-3px);
}

.offer-card .info p {
	margin: 0;
	line-height: 1;
}

.offer-card .info .icon{
	font-size:3rem;
	line-height:1.2;
}

.offer-card .info p.subtitle {
	text-transform: uppercase;
	letter-spacing: var(--leading);
}

.offer-card .info p.all-caps {
	color: #fff;
	font-size: 1.25rem;
	font-weight: 600;
}

/* DESTINATIONS SLIDESHOW */

.destinations-slider {
	position: relative;
	overflow: hidden;
	margin: 5rem 1rem;
	border-radius: .5rem;
}

.destinations-slider .selected-destination {
	position: relative;
	overflow: hidden;
	border-radius: var(--border-radius-std);
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	border-radius: .25rem;
	overflow: hidden;
}

.selected-destination-image{
	aspect-ratio: 16 / 10;
	width: 100%;
	position: relative;
}

.selected-destination-image .bg-image {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	transition: opacity 450ms ease, transform 700ms ease;
}

.selected-destination .bg-image--current {
	opacity: 1;
	transform: scale(1);
}

.selected-destination .bg-image--next {
	opacity: 0;
	transform: scale(1.03);
}

.selected-destination .bg-image--next.is-visible {
	opacity: 1;
	transform: scale(1);
}



.destinations-slider .aurora-row {
	width: 100%;
	align-items: center;
	margin: 0 auto;
	display: flex;
	gap: 1rem;
}

.destinations-slider .aurora-row .lhs {
	width: 50%;
	flex: 0 0 50%;
	text-align: center;
	position: relative;
}

.destinations-slider .selected-destination .destination-details {
	position: relative;
	background: rgba(255,255,255,0.9);
	padding: 1rem;
	backdrop-filter: blur(12px);
	/* border-radius: var(--border-radius-sm); */
	width: 100%;
	text-align: center;
	/* box-shadow: 0 0 0 1px #fff; */
}

.destination-list-carousel-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 3rem auto;
	max-width: 540px;
}

.destination-list-carousel {
	width: calc(100% - 100px);
	/* border-radius: 999px; */
	/* overflow: hidden; */
}

button.destination-carousel-item {
	border: none;
	margin: .25rem;
	border-radius: 999px;
	background: var(--copper-color);
	overflow: hidden;
	display: flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	padding: 0 .75rem;
	transition:background-color 0.3s, box-shadow 0.3s;
	box-shadow: 0 0 0 2px transparent;
}

.destinations-slider.has-background button.destination-carousel-item {
	margin: .25rem .5rem;
	background: transparent;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.5);
}

button.destination-carousel-item.is-active,
.destinations-slider.has-background button.destination-carousel-item.is-active {
	box-shadow: 0 0 0 2px var(--aqua-pale);
	background: var(--aqua);
}

button.destination-carousel-item:hover,
.destinations-slider.has-background button.destination-carousel-item:hover {
	background: var(--aqua);
}

button.destination-carousel-item .image {
	inset: 0;
	background-size: cover;
	background-position: center;
	aspect-ratio: 16 / 9;
	filter: brightness(0.5);
	position: absolute;
	display:none;
}

button.destination-carousel-item:hover .image{
}

button.destination-carousel-item p {
	position: relative;
	margin: 0;
	font-weight: 500;
	letter-spacing: var(--leading);
	font-size: .75rem;
	padding: .375em 0;
	color: #fff;
}

/* BACKGROUND IMAGE VERSION */

.destinations-slider .section-bg-image {
	position: absolute;
	inset: -1rem;
	z-index: 0;
	background-size: cover;
	filter:brightness(0.8) blur(4px);
}

.destinations-slider.has-background h1.title,
.destinations-slider.has-background p.subtitle{
	color:#fff;
}