/**
 * Custom – Content Cards
 */

.cards,
.cards-manual.is-layout-grid {
	display: grid;
	gap: var(--wp--preset--spacing--30);
	grid-template-columns: 1fr;
	@media screen and (min-width: 782px) {
		gap: var(--wp--preset--spacing--50);
		grid-template-columns: 1fr 1fr;
	}

	.card__item-cover {
		min-height: 425px;
		@media screen and (min-width: 782px) {
			min-height: 725px;
		}

		&::before {
			background-color: var(--wp--preset--color--peach);
			bottom: 0;
			content: '';
			display: block;
			height: 0;
			left: 0;
			position: absolute;
			transition: height 0.4s ease-in-out;
			width: 100%;
			z-index: 1;

			@media screen and (min-width: 782px) {
				background-color: var(--wp--preset--color--peach);
			}
		}

		&:hover,
		&:focus {
			&::before {
				height: 0;
				@media screen and (min-width: 782px) {
					height: 100%;
				}
			}

			.card__item-content {
				@media screen and (min-width: 782px) {
					transform: translateY(0);
				}
			}

			.card__item-title {
				@media screen and (min-width: 782px) {
					transform: translateY(0);
				}
			}
		}
	}

	.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
		width: 100%;
	}

	.card__item-group {
		bottom: 0;
		left: 0;
		overflow: hidden;
		position: absolute;
		right: 0;
		z-index: 3;
	}

	.card__item-content {
		background-color: var(--wp--preset--color--peach);
		transition: transform 0.4s;
		transform: translateY(0);
		@media screen and (min-width: 782px) {
			transform: translateY(100%);
		}

		.card__item-title {
			background-color: var(--wp--preset--color--peach);
			margin-block: 0;
			padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) 0;
			transform: translateY(0);
			transition: transform 0.4s;
			@media screen and (min-width: 782px) {
				padding: var(--wp--preset--spacing--40);
				transform: translateY(-100%);
			}

			a {
				color: var(--wp--preset--color--black);
			}
		}

		p {
			padding: 0 var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
			@media screen and (min-width: 782px) {
				padding: 0 var(--wp--preset--spacing--40) var(--wp--preset--spacing--40);
			}
		}
	}
}

.call-to-action + .cards,
.call-to-action + .cards-manual {
	padding-block-start: 0 !important;
}