.map-cards {
	/*==============================*/
	/*=====----- TEMPLATE -----=====*/
	/*==============================*/

	&,
	.slider-cont {
		position: relative;
	}

	.glide__arrows {
		position: absolute;
		inset: calc(9.6vw + var(--space-5)) 0 auto;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: space-between;
		pointer-events: none;
	}

	.glide__arrow {
		--arrow-bg-color: var(--teal);
		--arrow-bg-color-hover: var(--teal-light);

		width: 3.375rem;
		font-size: var(--text-2xl);
	}

	/*============================*/
	/*=====----- SLIDES -----=====*/
	/*============================*/

	.slide {
		padding: var(--space-5) 15px 30px;
		color: var(--brown-dark);
	}

	.slide-inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		align-content: start;
		gap: var(--space-4);
	}

	.slide-top {
		order: -1;
	}

	.slide-img {
		width: 100%;
	}

	.content-section {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		align-content: start;
		gap: var(--space-2);
		padding: 0 var(--space-3);
	}

	.slide-title {
		margin: 0;
		font-family: var(--font-display);
		font-weight: normal;
		font-size: var(--text-3xl);
		line-height: 1;
		color: inherit;
	}

	.directions-block {
		display: grid;
		grid-template-columns: max-content minmax(0, 1fr);
		align-items: center;
		gap: 13px;
		color: var(--green-dark);

		&::before {
			font: var(--fa-font-solid);
			font-size: 0.951rem;
			color: inherit;
			content: '\f1b9';
		}
	}

	.directions-content {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: var(--space-3);
		padding-left: 13px;
		border-left: 2px solid var(--green-light);
	}

	.directions {
		margin: 0;
		font-family: var(--font-body);
		font-weight: var(--font-weight-bold);
		font-size: 0.8125rem;
		line-height: 1.3;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		color: inherit;
	}

	.slide-desc {
		margin: 0;
		font-family: var(--font-crimson);
		font-weight: normal;
		font-size: var(--text-base);
		line-height: 1.3;
		color: inherit;
	}

	.slide-footer {
		display: flex;
		justify-content: center;
		margin-top: 2px;
	}

	/*===================================*/
	/*=====----- MEDIA QUERIES -----=====*/
	/*===================================*/

	@media (min-width: 64em) {
		height: 100%;

		&,
		.slider-cont,
		.glide__track,
		.glide__slides {
			height: 100%;
		}

		.slider-cont {
			width: calc(100% - 44px);
			margin: 0 auto;
		}

		.glide__arrows {
			inset: 5.97vw -22px auto;
		}

		.glide__arrow {
			width: 3.125rem;
			font-size: 1.375rem;
		}

		.slide {
			position: relative;
			padding: 0;
			background: none;
			box-shadow: none;
			overflow-y: auto;
			overflow-x: hidden;
		}

		.slide-inner {
			position: relative;
			gap: var(--space-6);
		}

		.content-section {
			padding: 0;
			gap: var(--space-4);
		}

		.slide-title {
			font-size: 2rem;
		}

		.slide-desc {
			font-size: var(--text-lg);
		}

		.slide-footer {
			position: sticky;
			bottom: 0;
			z-index: 2;
			display: block;

			&::before {
				position: absolute;
				inset: auto 0 0;
				z-index: -1;
				display: block;
				height: calc(100% + 18px);
				content: '';
				background: linear-gradient(to top, var(--off-white), var(--off-white) 85%, rgba(249, 247, 242, 0));
			}
		}
	}
}

@media (min-width: 64em) {
	.contentRender_name_plugins_collections_template_custom_map_cards {
		height: 100%;
	}
}

/*=================================*/
/*=====----- YELLOWSTONE -----=====*/
/*=================================*/

.map-cards.yellowstone {
	.slide-desc {
		font-weight: var(--font-weight-medium);
	}
}