/**
 * Blog Card — Style 3: Horizontal Split
 *
 * Image on the left, content on the right; stacks back to vertical on
 * small screens.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-blog-card.captwiki-style-3 .captwiki-blog-card__item {
	flex-direction: row;
	border: 1px solid #e8eaf2;
	border-radius: 14px;
	overflow: hidden;
	transition: box-shadow 0.3s ease;
}

.captwiki-blog-card.captwiki-style-3 .captwiki-blog-card__item:hover {
	box-shadow: 0 12px 28px rgba( 17, 24, 39, 0.1 );
}

.captwiki-blog-card.captwiki-style-3 .captwiki-blog-card__media {
	flex: 0 0 42%;
	min-width: 0;
}

.captwiki-blog-card.captwiki-style-3 .captwiki-blog-card__media-link,
.captwiki-blog-card.captwiki-style-3 .captwiki-blog-card__img {
	height: 100%;
	min-height: var( --captwiki-bc-img-h );
}

@media ( max-width: 767px ) {
	.captwiki-blog-card.captwiki-style-3 .captwiki-blog-card__item {
		flex-direction: column;
	}

	.captwiki-blog-card.captwiki-style-3 .captwiki-blog-card__media {
		flex: 0 0 auto;
	}

	.captwiki-blog-card.captwiki-style-3 .captwiki-blog-card__img {
		min-height: 0;
		height: var( --captwiki-bc-img-h );
	}
}
