/* ===================================================
   TICKER
   =================================================== */
.ticker-outer {
  background: linear-gradient(to bottom, #f0e8da 50%, #000000 50%);
  padding: 20px 0;
  position: relative;
  z-index: 10;
}

.ticker-wrap {
  background: linear-gradient(90deg, #4C000D 7%, #4C000D 29%, #2E000D 82%, #4C000D 100%);
  padding: 22px 0;
  overflow: hidden;
  rotate: 2deg;
  width: 200vw;
  margin-left: -50vw;
}

.ticker-track {
  display: flex;
  align-items: center;
  gap: 24px;
  width: max-content;
  animation: ticker-scroll 160s linear infinite;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.ticker-item {
  color: #D3111A;
  font-family: 'Cormorant Infant', serif;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
  white-space: nowrap;
  font-style: normal;
  transform: none;
  display: inline-block;
}

.ticker-icon {
  height: 26px;
  width: auto;
  opacity: .7;
  flex-shrink: 0;
  filter: brightness(0) saturate(100%) invert(12%) sepia(95%) saturate(6000%) hue-rotate(355deg) brightness(90%) contrast(95%);
}

@keyframes ticker-scroll {
  0%   { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}