/* Voila Media ticker - one text source for all broker websites.
   Text lives in tickers.json next to this file; edit it in /vm-ticker/admin/. */
.vm-ticker {
  position: relative;
  display: block;
  width: 100%;
  height: var(--vm-h, 30px);
  line-height: var(--vm-h, 30px);
  overflow: hidden;
  white-space: nowrap;
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 500;
  text-align: left;
}
.vm-ticker-track { display: inline-flex; white-space: nowrap; }
.vm-ticker-group { display: inline-flex; flex: none; }
.vm-ticker-item { flex: none; padding-right: var(--vm-gap, 80px); }
.vm-ticker.vm-ready .vm-ticker-track {
  will-change: transform;
  animation: vm-ticker-scroll var(--vm-dur, 60s) linear infinite;
}
.vm-ticker:hover .vm-ticker-track { animation-play-state: paused; }

/* Look of each ticker (matches the old Ditty tickers) */
.vm-ticker[data-vm-ticker="notice"] { font-size: 17px; color: #fa7f28; }
.vm-ticker[data-vm-ticker^="cc-"]   { font-size: 22px; color: #333333; }

@keyframes vm-ticker-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .vm-ticker.vm-ready .vm-ticker-track { animation: none; }
}