.vrp-conditional-posts {
	width: 100%;
}

.vrp-conditional-posts__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: clamp(3.5rem, 7vw, 8rem);
	row-gap: clamp(3.5rem, 6vw, 6.5rem);
}

.vrp-conditional-posts__item {
	min-width: 0;
}

#top .vrp-conditional-posts__title {
	margin: 0 0 clamp(1.25rem, 2vw, 1.75rem);
	font-family: var(--enfold-font-family-heading, "Cormorant Garamond", Georgia, serif);
	font-size: clamp(2rem, 2.25vw, 2.8rem);
	font-weight: 400;
	line-height: 1.12;
	letter-spacing: 0;
	text-transform: none;
}

#top .vrp-conditional-posts__title a,
#top .vrp-conditional-posts__title a:visited {
	color: var(--enfold-main-color-primary, oklch(0.42 0.1 242));
	text-decoration: underline;
	text-decoration-thickness: 0.055em;
	text-underline-offset: 0.08em;
	text-decoration-skip-ink: auto;
}

#top .vrp-conditional-posts__title a:hover {
	color: var(--enfold-main-color-secondary, oklch(0.62 0.13 237));
}

#top .vrp-conditional-posts__title a:focus-visible {
	border-radius: 0.08em;
	outline: 3px solid var(--enfold-main-color-secondary, oklch(0.62 0.13 237));
	outline-offset: 0.18em;
}

.vrp-conditional-posts__date {
	display: block;
	font-family: var(--enfold-font-family-body, "Open Sans", Arial, sans-serif);
	font-size: clamp(1rem, 1.15vw, 1.18rem);
	font-weight: 400;
	line-height: 1.45;
	color: var(--enfold-main-color-color, oklch(0.35 0.01 240));
}

.vrp-conditional-posts__excerpt {
	max-width: 72ch;
	margin-top: clamp(0.9rem, 1.5vw, 1.3rem);
	font-family: var(--enfold-font-family-body, "Open Sans", Arial, sans-serif);
	font-size: clamp(1rem, 1.12vw, 1.16rem);
	font-weight: 400;
	line-height: 1.55;
	color: var(--enfold-main-color-color, oklch(0.35 0.01 240));
}

.vrp-conditional-posts__excerpt p {
	margin: 0;
}

.vrp-conditional-posts__excerpt p + p {
	margin-top: 0.85em;
}

.vrp-conditional-posts__excerpt a {
	color: var(--enfold-main-color-primary, oklch(0.42 0.1 242));
	text-decoration: none;
}

.vrp-conditional-posts__excerpt a:hover,
.vrp-conditional-posts__excerpt a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 0.14em;
}

@media only screen and (max-width: 767px) {
	.vrp-conditional-posts__grid {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 3.25rem;
	}

	#top .vrp-conditional-posts__title {
		font-size: clamp(1.85rem, 8vw, 2.35rem);
	}
}