/* SCSS file content */
.marquee-outer {
  width: 100%;
  overflow: hidden;
}
.marquee-outer .marquee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.marquee-outer .marquee .marquee-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 20px;
}
.marquee-outer .marquee .marquee-item a.tm-button.style-flat::before, .marquee-outer .marquee .marquee-item a.tm-button.style-flat::after {
  display: none;
}
.marquee-outer .marquee .marquee-item a.tm-button.style-flat h3.text-marquee-style.h3 {
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  font-size: 13px;
}
@media (hover: hover) {
  .marquee-outer .marquee .marquee-item a.tm-button.style-flat:hover h3 {
    text-decoration: underline;
  }
}

.marquee-outer .marquee .marquee-item a .h3 {
  line-height: 102%;
  margin: 10px 0;
  font-family: Gordita !important;
}

.marquee-outer .marquee[data-direction=right] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  float: right;
}

.marquee-item .tm-button.style-flat:hover {
  border-color: unset;
}
.marquee-item h3 {
    font-size: 18px;
    margin: 0px;
    padding: 20px;   
}
.marquee-outer .marquee {
    background-color: #7b1313;
}