/* Prev/next cards: archive card proportions, padded across content width. */
.elementor-widget-loop-grid.adjacent-cards {
	--grid-column-gap: 75px;
}

.elementor-widget-loop-grid.adjacent-cards .elementor-loop-container.elementor-grid {
	align-items: stretch;
	grid-auto-rows: 1fr;
}

/*
 * Label + card share a 2-row grid so both cards stretch to the taller sibling,
 * then the card shell fills the remaining row (news cards set --flex-grow:0).
 */
.elementor-widget-loop-grid.adjacent-cards .adjacent-card {
	display: grid;
	grid-template-rows: auto 1fr;
	align-self: stretch;
	min-width: 0;
	box-sizing: border-box;
}

.elementor-widget-loop-grid.adjacent-cards .adjacent-card__label {
	margin: 0 0 16px;
	font-family: "Proxima Nova", Sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.6px;
	color: var(--e-global-color-secondary, #717CFF);
}

.elementor-widget-loop-grid.adjacent-cards .adjacent-card--older .adjacent-card__label {
	text-align: start;
}

.elementor-widget-loop-grid.adjacent-cards .adjacent-card--newer .adjacent-card__label {
	text-align: end;
}

.elementor-widget-loop-grid.adjacent-cards .e-loop-item {
	display: flex;
	flex-direction: column;
	min-height: 0;
	height: 100%;
	width: 100%;
}

.elementor-widget-loop-grid.adjacent-cards .e-loop-item > .elementor-section,
.elementor-widget-loop-grid.adjacent-cards .e-loop-item > .elementor-section > .elementor-container,
.elementor-widget-loop-grid.adjacent-cards .e-loop-item > .e-con,
.elementor-widget-loop-grid.adjacent-cards .e-loop-item .elementor-section-wrap > .e-con {
	--flex-grow: 1;
	--flex-shrink: 1;
	--flex-basis: auto;
	--align-self: stretch;
	flex: 1 1 auto !important;
	align-self: stretch !important;
	width: 100%;
	height: 100%;
	min-height: 100%;
	box-sizing: border-box;
}

/* News-release white footer fills leftover height so bottoms align. */
.elementor-widget-loop-grid.adjacent-cards .elementor-643 .elementor-element-020b4c2.e-con {
	--flex-grow: 1;
	--flex-shrink: 1;
	flex-grow: 1 !important;
	min-height: 0;
}

.elementor-widget-loop-grid.adjacent-cards .elementor-643 .elementor-element-a1e8e6c.e-con {
	--align-self: stretch;
	align-self: stretch !important;
	width: 100%;
}

@media (min-width: 1025px) {
	.elementor-widget-loop-grid.adjacent-cards .elementor-loop-container.elementor-grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		column-gap: var(--grid-column-gap, 75px);
		row-gap: var(--grid-row-gap, 50px);
	}

	.elementor-widget-loop-grid.adjacent-cards .adjacent-card {
		width: calc((100% - 2 * var(--grid-column-gap, 75px)) / 3);
		max-width: 100%;
	}

	.elementor-widget-loop-grid.adjacent-cards .adjacent-card--newer:only-child {
		margin-left: auto;
	}
}

@media (max-width: 1024px) {
	.elementor-widget-loop-grid.adjacent-cards {
		--grid-column-gap: 20px;
	}
}
