/* ### TICKER ### */
#ticker { 
	position: sticky; 
	top: 4rem; 
	z-index: 7; 
    background-color: #fff;
}
@media screen and (min-width: 1200px) {
  #ticker { 
	position: sticky; 
	top: 5.8rem; 
	z-index: 7; 
  }
}
#ticker ul { 
	width: 100%; 
	height: 2rem; 
	z-index: 1; 
}
.text.bg-green { 
	background-color: #87BD25; 
	color: #fff; 
}
.text.bg-red { 
	background-color: red; 
	color: #fff; 
}
.text.bg-green li, 
.text.bg-red li {
  color: #fff;
}
.text.bg-white { 
	background-color: #fff; 
	color: #000; 
}

#ticker ul { 
	position: absolute; 
	list-style-type: none; 
}
#ticker ul li { 
	float: left; 
	font-size: 18px; 
    font-weight: normal;
}
#ticker ul li a { 
	color: #fff; 
	font-size: 18px; 
	text-decoration: underline;
}
#ticker ul li a:hover { 
	color: #fff; 
	font-size: 18px; 
	text-decoration: none; 
}

#ticker .tickercontainer { 
	width: 95%; 
	margin: 0 auto; 
	overflow: hidden; 
	position: relative; 
}
#ticker .newsticker { 
	margin: 0; 
}
#ticker .mask { 
	position: relative; 
	height: 30px;
}
#ticker #leftMask,
#ticker #rightMask { 
	z-index: 5; 
	position: absolute; 
	height: 20px; 
	width: 50px; 
	top: 0; 
	right: 0; 
}
#ticker #leftMask { 
	right: auto; 
	left: 0; 
	background-position: top left;
}