.sparkmls-ticker {
	/* Pinned to the bottom of the viewport (not the bottom of the page) so
	   it stays visible while the rest of the page scrolls underneath it. */
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9000;

	overflow: hidden;
	background: #1a2744;   /* <- background color */
	color: #fff;           /* <- text color */
	font-family: "Open Sans", sans-serif;  /* <- font */
	font-size: 13px;       /* <- font size */
	font-weight: 600;
	letter-spacing: 0.02em;
	white-space: nowrap;
	border-top: 3px solid #bc3e38;  /* <- accent stripe color */
	padding: 10px 0;
}

.sparkmls-ticker-track {
	display: inline-block;
	/* Speed: lower seconds = faster scroll. */
	animation: sparkmls-ticker-scroll 60s linear infinite;
}

.sparkmls-ticker:hover .sparkmls-ticker-track {
	animation-play-state: paused;
}

.sparkmls-ticker-item {
	display: inline-block;
	padding: 0 32px;
}

.sparkmls-ticker-item::after {
	content: "\2022";
	margin-left: 32px;
	color: #bc3e38;
}

@keyframes sparkmls-ticker-scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.sparkmls-ticker-track {
		animation: none;
		overflow-x: auto;
	}
}
