/* Changes by savit: vertical site marquee + attention notice bar */

/* --- Vertical ticker (#site_marquee) --- */
ul.marquee.savit-vmarquee li {
	top: -999em;          /* hidden until the script positions it */
	will-change: top, left;
}

/* --- Yellow notice bar below the header marquee --- */
.savit-notice {
	position: relative;
	margin: 4px auto;
	max-width: 900px;
	padding: 7px 16px;
	text-align: center;
	background-color: #FFD600;
	color: #1a1a1a;
	border: 2px solid #E0A800;
	border-radius: 4px;
	font: bold 15px Arial, Helvetica, sans-serif;
	line-height: 1.35;
	box-shadow: 0 0 0 0 rgba(255, 196, 0, 0.7);
	animation: savitNoticeGlow 2s ease-in-out infinite;
}

.savit-notice-badge {
	display: inline-block;
	margin-right: 10px;
	padding: 2px 8px;
	background-color: #C80000;
	color: #fff;
	border-radius: 3px;
	font-size: 12px;
	letter-spacing: 1px;
	vertical-align: middle;
	animation: savitNoticeBlink 1.2s steps(2, start) infinite;
}

.savit-notice-msg {
	display: none;
	vertical-align: middle;
}

.savit-notice-msg.savit-notice-active {
	display: inline;
	animation: savitNoticeFadeIn 0.6s ease-out;
}

@keyframes savitNoticeGlow {
	0%   { box-shadow: 0 0 0 0 rgba(255, 196, 0, 0.7); }
	50%  { box-shadow: 0 0 12px 4px rgba(255, 196, 0, 0.55); }
	100% { box-shadow: 0 0 0 0 rgba(255, 196, 0, 0.7); }
}

@keyframes savitNoticeBlink {
	to { visibility: hidden; }
}

@keyframes savitNoticeFadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	.savit-notice,
	.savit-notice-badge,
	.savit-notice-msg.savit-notice-active {
		animation: none;
	}
}