/**
 * Animated Marquee — Style 4: Outline Stroke
 *
 * Large hollow ( outlined ) letters drawn with a text-stroke. Each item fills
 * with a solid accent colour on hover, giving a striking editorial / sport feel.
 *
 * @package captain-widgets-kit
 * @since   1.6.0
 */

.captwiki-marquee.captwiki-style-4 .captwiki-marquee__item {
	font-size: 42px;
	font-weight: 800;
	letter-spacing: 0.01em;
	text-transform: uppercase;
}

.captwiki-marquee.captwiki-style-4 .captwiki-marquee__text {
	color: transparent;
	-webkit-text-stroke: 1.5px #111827;
	text-stroke: 1.5px #111827;
	transition: color 0.3s ease, -webkit-text-stroke-color 0.3s ease;
}

.captwiki-marquee.captwiki-style-4 .captwiki-marquee__item:hover .captwiki-marquee__text {
	color: var( --captwiki-mq-accent );
	-webkit-text-stroke-color: var( --captwiki-mq-accent );
	text-stroke-color: var( --captwiki-mq-accent );
}

.captwiki-marquee.captwiki-style-4 .captwiki-marquee__item-icon {
	color: var( --captwiki-mq-accent );
}

.captwiki-marquee.captwiki-style-4 .captwiki-marquee__sep {
	font-size: 13px;
	color: var( --captwiki-mq-accent-2 );
	opacity: 0.9;
}

@media ( max-width: 767px ) {
	.captwiki-marquee.captwiki-style-4 .captwiki-marquee__item {
		font-size: 30px;
	}
}
