.ticker-container {
	display:flex;
	align-items:center;
	background:#222;
	height:50px;
	overflow:hidden;
	border-bottom:2px solid #444;
}
.ticker-label {
	font-family: Arial, Helvetica, sans-serif;
	background:#F39402;
	color:#fff;
	padding:0 16px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	line-height:50px;
	flex-shrink:0;
}
#news-ticker {
	flex:1;
	overflow:hidden;
	display:flex;
	align-items:center;
}
#ticker-content {
	font-family: Arial, Helvetica, sans-serif;
	color: #cccccc;
	display:inline-block;
	white-space:nowrap;
	transform: translateX(100%);
	
}
#ticker-content.run {
  animation: scrollLeft 20s linear infinite; /* increase seconds = slower */
  will-change: transform;
}

@keyframes scrollLeft {
  from { transform: translateX(100%); }
  to   { transform: translateX(-100%); }
}

#news-ticker a {
	color:#00bfff;
	text-decoration:none;
}
#news-ticker a:hover {
	text-decoration:underline;
}
@media (prefers-reduced-motion: reduce) {
	#ticker-content.run {
		animation: none;
		transform: translateX(0);
	}
}
