/* =========================================================================
   NORLIC TEMPORARY NOTICE STYLES
   The scrolling notice that sits across the middle of the screen.
   Linked from: index.html
   ========================================================================= */

#alert-marquee {
	position: fixed;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9999;
	background: #c0392b;
	border-top: 4px solid #96281b;
	border-bottom: 4px solid #96281b;
	box-shadow: 0 0 30px rgba(0,0,0,0.55);
	padding: 18px 0;
	overflow: hidden;
}
#alert-marquee .alert-marquee-viewport { overflow: hidden; width: 100%; }
#alert-marquee .alert-marquee-track {
	display: -webkit-box;
	display: flex;
	width: -webkit-max-content;
	width: max-content;
	-webkit-animation: alertMarqueeScroll 18s linear infinite;
	animation: alertMarqueeScroll 18s linear infinite;
}
#alert-marquee:hover .alert-marquee-track,
#alert-marquee:focus-within .alert-marquee-track {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}
#alert-marquee .alert-marquee-item {
	white-space: nowrap;
	padding-right: 60px;
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
}
#alert-marquee .alert-marquee-item .fa { margin-right: 12px; }
@-webkit-keyframes alertMarqueeScroll {
	0%   { -webkit-transform: translateX(0); }
	100% { -webkit-transform: translateX(-50%); }
}
@keyframes alertMarqueeScroll {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}
#alert-marquee-close {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -22px;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	background: #96281b;
	color: #fff;
	font-size: 26px;
	line-height: 44px;
	font-weight: 700;
	cursor: pointer;
	box-shadow: -14px 0 18px rgba(192,57,43,0.95);
}
#alert-marquee-close:hover, #alert-marquee-close:focus { background: #7d2016; color: #ffe08a; }
@media (max-width: 767px) {
	#alert-marquee { padding: 14px 0; }
	#alert-marquee .alert-marquee-item { font-size: 14px; letter-spacing: 0.5px; padding-right: 32px; }
	#alert-marquee-close { width: 36px; height: 36px; margin-top: -18px; font-size: 22px; line-height: 36px; }
}
/* Visitors who ask their device to reduce motion get a static, centered notice */
@media (prefers-reduced-motion: reduce) {
	#alert-marquee .alert-marquee-track { -webkit-animation: none; animation: none; justify-content: center; }
	#alert-marquee .alert-marquee-item { white-space: normal; padding: 0 55px; text-align: center; }
	#alert-marquee .alert-marquee-item + .alert-marquee-item { display: none; }
}