/* =====================================================================
   Amenities & Features Block
   ===================================================================== */

.amenities-features-block .amenities-features-header {
	text-align: center;
	margin-bottom: var(--margin-bottom-xl);
}

.amenities-features-block .amenities-features-intro {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.amenities-features-block .amenities-features-grid {
	display: grid;
	gap: 7rem;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	align-items: start;
}

.amenities-features-block .amenities-features-column {
	display: flex;
	flex-direction: column;
	gap: var(--gutter);
}

.amenities-features-block .amenities-features-column-heading {
	display: flex;
	align-items: center;
	gap: var(--gutter-s);
	margin-bottom: 0;
	font-style: italic;
}

.amenities-features-block .amenities-features-column-icon {
	font-style: normal;
	font-size: 1.15em;
	line-height: 1;
	display: inline-block;
	transform: translateY(-0.05em);
    font-weight: 300;
}

.amenities-features-block .amenities-features-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.amenities-features-block .amenities-features-list-item {
	border-bottom: 1px solid var(--font-colour-warm-ash);
	border-bottom: 1px solid color-mix(in srgb, var(--font-colour-warm-ash) 18%, transparent);
	padding: 0.6rem 0;
}

@media all and (max-width: 1024px) {
	.amenities-features-block .amenities-features-grid {
		gap: var(--gutter-l);
	}
}

@media all and (max-width: 640px) {
	.amenities-features-block .amenities-features-grid {
		gap: var(--gutter);
	}
}