/**
 * Blog Card — Style 2: Image Overlay
 *
 * The image fills the whole card with a dark gradient; the content sits on
 * top of it at the bottom.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-blog-card.captwiki-style-2 .captwiki-blog-card__item {
	border-radius: 14px;
	overflow: hidden;
	min-height: calc( var( --captwiki-bc-img-h ) + 120px );
}

.captwiki-blog-card.captwiki-style-2 .captwiki-blog-card__media {
	position: absolute;
	inset: 0;
}

.captwiki-blog-card.captwiki-style-2 .captwiki-blog-card__media-link,
.captwiki-blog-card.captwiki-style-2 .captwiki-blog-card__img {
	height: 100%;
}

.captwiki-blog-card.captwiki-style-2 .captwiki-blog-card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient( 180deg, rgba( 17, 24, 39, 0.05 ) 30%, rgba( 17, 24, 39, 0.85 ) 100% );
	pointer-events: none;
}

.captwiki-blog-card.captwiki-style-2 .captwiki-blog-card__body {
	position: relative;
	z-index: 1;
	justify-content: flex-end;
	min-height: inherit;
}

.captwiki-blog-card.captwiki-style-2 .captwiki-blog-card__title a {
	color: #ffffff;
}

.captwiki-blog-card.captwiki-style-2 .captwiki-blog-card__title a:hover {
	color: #e0e7ff;
}

.captwiki-blog-card.captwiki-style-2 .captwiki-blog-card__excerpt,
.captwiki-blog-card.captwiki-style-2 .captwiki-blog-card__meta {
	color: rgba( 255, 255, 255, 0.82 );
}

.captwiki-blog-card.captwiki-style-2 .captwiki-blog-card__more {
	color: #ffffff;
}
