.cards-2-across {
	--side-inset: 9px;
	margin-bottom: 80px;
}

.cards-2-across :is( .mini-date-section, .blog-feed-header, .blog-feed-header-mobile-container) {
	display: none;
}

.cards-2-across .slides {
	max-width: 1200px;
	gap: 28px;
}

.cards-2-across .slide {
	position: relative;
	padding-top: 11px;
}

.cards-2-across .slide:before {
	content: '';
	pointer-events: none;
	position: absolute;
	inset: 0 var(--side-inset);
	border: 1px solid var(--merlot-light);
	transition: background-color var(--transition-appendix);
}

.cards-2-across .slide:not(.dtn-outside-image) .img-cont .sponsored {
	padding: 3px 11px 4px;
}

.cards-2-across .slide .img-cont {
	margin-bottom: 0;
}

.cards-2-across .slide img {
	transition: transform var(--transition-appendix);
}

.cards-2-across .slide .content-section  {
	max-width: calc(100% - 2 * var(--side-inset));
	margin: 0 auto;
	padding: 11px 15px 14px;
	gap: 5px;
}

.cards-2-across .slide .content-section > .inner {
	gap: 9px;
}

.cards-2-across .slide .content-section .slide-title,
.cards-2-across .slide .content-section .slide-title a {
	font-size: 20px;
	line-height: calc(26/20);
	text-decoration: none;
}

.cards-2-across .slide .content-section p {
	font-size: 18px;
	line-height: calc(28/18);
}

.cards-2-across .slide .slide-footer {
	margin: 0;
}

.cards-2-across .slide .slide-footer .read-more {
	margin: 0;
	padding: 0;
	background-color: transparent;
	position: relative;
	display: inline-block;
	padding-right: 30px;
	color: var(--merlot-dark);
	font-size: 20px;
	font-weight: var(--font-weight-bold);
	font-style: italic;
	text-decoration: none;
}

.cards-2-across .slide .slide-footer .read-more:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 100%;
	background-image: url(../svg/arrow-small-merlot.svg);
	background-position: center;
	background-repeat: no-repeat;
	top: 0;
	right: 0;
}

@media (hover: hover) {
	.cards-2-across .slide:hover:before {
		background-color: var(--gray-light);
	}

	.cards-2-across .slide:hover .slide-title a {
		text-decoration: underline;
	}

	.cards-2-across .slide:hover img {
		transform: scale(1.1);
	}

	.cards-2-across .slide .slide-footer .read-more:hover {
		background-color: transparent;
		text-decoration: underline;
	}
}

@media (min-width: 64em) {
	.cards-2-across {
		--side-inset: 29px;
		margin-bottom: 100px
	}
	.cards-2-across .slides {
		gap: 40px;
	}

	.cards-2-across .slide {
		padding-top: 31px;
	}

	.cards-2-across .slide .content-section  {
		padding: 26px 30px 28px;
		gap: 16px;
		height: 100%;
		align-items: start;
	}

	.cards-2-across .slide .content-section > .inner {
		gap: 20px;
	}

	.cards-2-across .slide .content-section .slide-footer {
		align-self: end;
	}
	.cards-2-across .slide .content-section .slide-title,
	.cards-2-across .slide .content-section .slide-title a {
		font-size: 30px;
		line-height: calc(36/30);
	}

	.cards-2-across .slide .content-section p {
		font-size: 20px;
		line-height: calc(30/20);
	}

	.cards-2-across .slide .slide-footer .read-more {
		font-size: 24px;
		padding-right: 26px;
	}
	
}

