/*---------------------------------------------------------------------------*\
	#Travels
\*---------------------------------------------------------------------------*/

.travels {
	/* Reset multi column content. */
	column-span: all;
}

.travels_wrapper {
	display: grid;
	gap: 2rem;
	grid-template-columns: repeat( 4, 1fr );
}

@media screen and ( max-width: 67.5em ) {
	.travels_wrapper {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media screen and ( max-width: 45em ) {
	.travels_wrapper {
		grid-template-columns: repeat( 1, 1fr );
	}
}

.travels--flexible-width :where( .travels_wrapper ) {
	display: grid;
	gap: 2rem;
	grid-template-columns: repeat( auto-fit, minmax( min( 20rem, 100% ), max-content ) );
	justify-content: space-evenly;
}

.travels--empty :where( .travels_wrapper ) {
	grid-template-columns: 1fr;
}





/*---------------------------------------------------------------------------*\
	#Travel
\*---------------------------------------------------------------------------*/

.travel_container,
.travel_wrapper,
.travel__link,
.travel__content,
.travel__content_container {
	height: 100%;
}


.travel__link {
	display: block;
	background: none;
	color: inherit;
}
	.travel__link:where( :focus, :hover, :active ) {
		background: none;
		color: inherit;
	}


.travel__content_container {
	position: relative;
	background-color: #fff;
	border-radius: .5rem;
	padding: 2rem;
	box-shadow: 0 .1rem .3rem rgba( 0, 0, 0, .2 );
	transition: background-color .25s ease;
}

	.travel__link:where( :focus, :hover, :active ) :where( .travel__content_container ) {
		background-color: #edf2e9;
	}

	.travel--featured :where( .travel__content_container ) {
		border: .2rem solid #43771b;
		padding: 1.8rem;
	}

	.travel--with-label :where( .travel__content_container ) {
		padding-top: 4rem;
	}

	.travel--with-label:where( .travel--featured ) :where( .travel__content_container ) {
		padding-top: 3.8rem;
	}





/*---------------------------------------------------------------------------*\
	#Content-Part
\*---------------------------------------------------------------------------*/

.travel__content-part:where( :not( :last-child ) ) {
	margin-bottom: 2rem;
}


/* Label */
.travel__label {
	position: absolute;
	background-color: #43771b;
	color: #fff;
	top: 0;
	right: 0;
	padding: .25rem 2rem;
	border-radius: 0 .5rem 0 .5rem;
	font-weight: 700;
}

	.travel__label--featured {
		top: -.2rem;
		right: -.2rem;
	}



/* Heading */
.travel__heading {
	color: inherit;
	font-size: 1.6rem;
}


/* Image */
.travel__img--border-radius {
	border-radius: .5rem;
}


/* Price */
.travel__price {
	color: #43771b;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
}

.price__label--travel:where( .price__label--before ) {
	font-size: initial;
}

	.price__label--travel:where( .price__label--before )::after {
		content: ' ';
	}


/* Date */
.travel__date {
	font-size: 1.2rem;
}

	.travel__date--heading {
		color: #c45d2d;
		font-weight: 700;
	}

.date__more--travel {
	opacity: .5;
	margin-left: .5em;
}





/*---------------------------------------------------------------------------*\
	#Filter
\*---------------------------------------------------------------------------*/

.travels__filter {
	grid-column: 1 / -1;
}

.travels__filter_wrapper {
	display: flex;
	align-items: center;
	gap: 2rem;
}

.travels__filter-heading {
	padding: 0;
	margin: 0;
}


.travel--filtered {
	display: none;
}

	.travel--active-filter {
		display: block;
	}