/* Text-based values cards for Bestemmingen. */
.ap-destination-values {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	width: 100%;
}

.ap-destination-value {
	background: var(--e-global-color-apbgwhite, #FBF8F2);
	border-radius: 5px;
	min-width: 0;
	padding: 32px;
}

.ap-destination-value__title {
	color: var(--e-global-color-aptitle1, #2E2B26);
	font-family: var(--e-global-typography-aph30001-font-family), serif;
	font-size: 24px;
	font-style: var(--e-global-typography-aph30001-font-style);
	font-weight: var(--e-global-typography-aph30001-font-weight);
	letter-spacing: var(--e-global-typography-aph30001-letter-spacing);
	line-height: var(--e-global-typography-aph30001-line-height);
	margin: 0 0 16px;
	text-transform: var(--e-global-typography-aph30001-text-transform);
}

.ap-destination-value__text {
	color: var(--e-global-color-apbody01, #4A433A);
	font-family: var(--e-global-typography-apbodymd-font-family), sans-serif;
	font-size: var(--e-global-typography-apbodymd-font-size);
	font-style: var(--e-global-typography-apbodymd-font-style);
	font-weight: var(--e-global-typography-apbodymd-font-weight);
	letter-spacing: var(--e-global-typography-apbodymd-letter-spacing);
	line-height: var(--e-global-typography-apbodymd-line-height);
	text-transform: var(--e-global-typography-apbodymd-text-transform);
}

.ap-destination-value__text > :first-child {
	margin-top: 0;
}

.ap-destination-value__text > :last-child {
	margin-bottom: 0;
}

@media (max-width: 1024px) {
	.ap-destination-values {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.ap-destination-values {
		gap: 16px;
		grid-template-columns: minmax(0, 1fr);
	}

	.ap-destination-value {
		padding: 24px;
	}
}