/* OUTER CONTAINER */
.tcontainer {
  font-family: Roboto;
  width: 100%;
  overflow: hidden; /* Hide scroll bar */
}
 
/* MIDDLE CONTAINER */
.ticker-wrap {
  width: 100%;
  padding-left: 100%; /* Push contents to right side of screen */
}

/* INNER CONTAINER */
@keyframes ticker {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }
}
.ticker-move {
  /* Basically move items from right side of screen to left in infinite loop */
  display: inline-block;
  white-space: nowrap;
  padding-right: 100%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: ticker;
}
.ticker-move:hover{
  animation-play-state: paused; /* Pause scroll on mouse hover */
}

/* ITEMS */
.ticker-item{
  display: inline-block; /* Lay items in a horizontal line */
  padding: 0.25rem 2rem;
  margin-right: 8px;
  transform: skew(25deg);
  background: var(--table-even-color);
}
.ticker-item:nth-child(odd){
  background: var(--table-odd-color);
}
.ticker-item-text {
  transform: skew(-25deg);
}

.ticker-item-text a {
  color: var(--main-primary-color);
  text-decoration: underline dotted;
  transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
}

.ticker-item-text a:hover{
  color:var(--grey-dark-variant);
  text-decoration: none;
}

.ticker-item-text a.place{
  font-weight: bold;
  font-size: 1.25em;
  font-family: 'DIN Pro', Roboto;
}

.ticker-item-text span {
  font-weight: bold;
  font-family: 'DIN Pro', Roboto;
}

.ticker-gold {
  text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
  background-image: url(../images/metallic_glitter_gold_large.jpg) !important;
}

.ticker-silver {
  text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
  background-image: url(../images/metallic_glitter_silver_large.jpg) !important;
}

.ticker-bronze {
  text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
  background-image: url(../images/metallic_glitter_bronze_large.jpg) !important;
}