/*
|--------------------------------------------------------------------------
| News Ticker
|--------------------------------------------------------------------------
|
| Basic ticker animation with horizontal scroll behavior.
|
*/

.newsticker {
	box-sizing: border-box;
	font-size: 1.25rem;
}

/*
|--------------------------------------------------------------------------
| Scrolling Text
|--------------------------------------------------------------------------
|
| Infinite left-scrolling animation.
|
*/

.newsticker p {
	padding-left: 100%;
	animation-name: scroll-left;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

/*
|--------------------------------------------------------------------------
| Links
|--------------------------------------------------------------------------
*/

.newsticker a {
	text-decoration: none;
	color: inherit;
}

/*
|--------------------------------------------------------------------------
| Hover State
|--------------------------------------------------------------------------
|
| Pause animation on hover.
|
*/

.newsticker p:hover {
	animation-play-state: paused;
}

/*
|--------------------------------------------------------------------------
| Keyframes
|--------------------------------------------------------------------------
|
| Horizontal scroll from right to left.
|
*/

@keyframes scroll-left {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}