/**
 * Animated Marquee — Style 3: Bold Display
 *
 * A large, uppercase, heavy-weight headline marquee with wide letter-spacing —
 * ideal as a hero band. The separator becomes a gradient accent dot that ties
 * the row together.
 *
 * @package captain-widgets-kit
 * @since   1.6.0
 */

.captwiki-marquee.captwiki-style-3 .captwiki-marquee__item {
	font-size: 38px;
	font-weight: 800;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #111827;
}

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

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

.captwiki-marquee.captwiki-style-3 .captwiki-marquee__sep {
	font-size: 14px;
	opacity: 1;
	color: transparent;
	background: linear-gradient( 135deg, var( --captwiki-mq-accent ), var( --captwiki-mq-accent-2 ) );
	-webkit-background-clip: text;
	background-clip: text;
}

.captwiki-marquee.captwiki-style-3 .captwiki-marquee__sep svg {
	fill: var( --captwiki-mq-accent );
}

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