/* ----------------------------------------------------------------
	Ticker CSS

	Marco Garoni
	
-----------------------------------------------------------------*/

@keyframes tickerAnim{0%{transform:translate3d(0,0,0);visibility:visible}100%{transform:translate3d(-100%,0,0)}}
@keyframes tickerAnimReverse{0%{transform:translate3d(-100%,0,0);visibility:visible}100%{transform:translate3d(0,0,0)}}

.ticker-wrap{--cnvs-ticker-duration:50s;--cnvs-ticker-gap:2rem;position:relative;width:100%;padding-left:100%;box-sizing:content-box;overflow:hidden}

.ticker-wrap.ticker-reverse{padding-left:0;padding-right:100%}

.ticker-wrap .ticker{display:inline-block;white-space:nowrap;padding-right:100%;box-sizing:content-box;animation:var(--cnvs-ticker-duration) linear infinite;animation-name:tickerAnim}

.ticker-wrap .ticker .ticker-item{display:inline-block;padding:0 var(--cnvs-ticker-gap);font-size:1.5rem}

.ticker-wrap .ticker .ticker-item[href]:hover{
	text-decoration:none!important;		/* MGa  text-decoration:underline!important */
}

.ticker-wrap.ticker-reverse .ticker{padding-right:0;padding-left:100%;animation-name:tickerAnimReverse}

.ticker-wrap.pause-on-hover .ticker:hover{animation-play-state:paused}