/* ./src/css/wp-marquee.css */

.wp-marquee-wrapper {
  width: 100%;
  overflow: hidden;
  background: #ffff00; /* fallback */
  background: var(--marquee-bg, #ffff00);
  color: #000000; /* fallback */
  color: var(--marquee-color, #000000);
  position: fixed;
  bottom: 0;
  /* border-top: 1px solid; */
  z-index: 91;
  height: 40px;
  display: flex;
  align-items: center;
}

.wp-marquee {
  display: flex;
  animation: scroll var(--marquee-speed, 60s) linear infinite;
}

.wp-marquee p {
  white-space: nowrap;
  margin-right: 50px;
  font-size: 16px;
  padding: 0 1rem;
  margin: 0;
}

/* Links inherit the text color */
.wp-marquee a {
  color: inherit;
}

.wp-marquee p a:hover {
  text-decoration: underline;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-1 * var(--marquee-distance, 0px)));
  }
}

@media screen and (max-width: 1250px) {
  .wp-marquee p {
    font-size: 12px;
  }
}