/**
 * Animated Quote Widget Styles
 * 
 * Styles for scroll-triggered animated quote with word color changes
 *
 * @package Serenity_CTA_Elements
 */

.serenity-quote-wrapper {
	position: relative;
	width: 100%;
}

.serenity-quote-text {
	display: block;
	width: 100%;
	line-height: 1.6;
	word-wrap: break-word;
}

.serenity-quote-text .word {
	display: inline-block;
	transition: color 0.3s ease;
	white-space: pre-wrap;
}

.serenity-quote-founder {
	display: block;
	font-style: italic;
	margin-top: 20px;
}

/* Ensure smooth transitions */
.serenity-quote-text .word {
	will-change: color;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.serenity-quote-text {
		font-size: inherit;
	}
}