@font-face {
  font-family: "Oswald" !important;
  font-display: swap;
}

html, body, input, a, button {
  font-family: "Oswald" !important;
}

.landing-container {
  background-color: rgb(9, 86, 87) !important;
}

.sidebar, .collapsible {
  background-color: rgb(60, 192, 198) !important;
}

.menu__item, .menu-nav {
  color: rgb(255, 255, 255) !important;
}

.social__button,
.menu-trigger,
.gallery-preview .nav-button,
.gallery-preview .button,
.menu-nav .nav-button,
.menu__item.menu__item--subscribe {
  background-color: rgb(255, 255, 255) !important;
}

.social__button i,
.menu-trigger i,
.gallery-preview .nav-button,
.gallery-preview .button,
.menu-nav .nav-button,
.menu__item.menu__item--subscribe {
  color: rgb(60, 192, 198) !important;
}

.footer__text, .footer__text a {
  color: rgb(255, 255, 255) !important;
}

.footer__text--mobile, .footer__text--mobile a {
  color: rgb(233, 233, 233) !important;
}

.showtimes-component {
  background-color: rgba(9, 86, 87, 0) !important;
}

.date {
  background-color: #21a3a3 !important;
  color: #FFFFFF !important;
}

.nav-button {
  color: #21a3a3 !important;
  background-color: #FFFFFF !important;
}

.date--current {
  background-color: #d63c46 !important;
}

.date--current .arrow-box::after{
  border-top-color: #d63c46 !important;
}

.no-showtimes {
  color: rgb(255, 255, 255) !important;
}

#svg-tickets-loading svg path{
  fill: rgb(255, 255, 255) !important;
}

.cinema, .cinema a.cinema__name {
  background-color: rgba(9, 86, 87, 0.78) !important;
  color: #FFFFFF !important;
}

.cinema .button--directions {
  color: #FFFFFF !important;
  background-color: #d63c46 !important;
}

.logo__image, .logo__image path {
  fill: #FFFFFF !important;
}

.showtime, .showtime span, .no-theaters-screen__button {
  background-color: #d63c46 !important;
  color: #FFFFFF !important;
}

.button--geo {
  background-color: #d63c46 !important;
  color: rgb(255, 255, 255) !important;
}

.button--geo.button--geo--reverse {
  color: #d63c46 !important;
  background-color: rgb(255, 255, 255) !important;
}

.notify-button {
  background-color: #d63c46 !important;
  color: #FFFFFF !important;
}

.showtimes-component #search {
  background-color:  !important;
  color:  !important;
}
@media screen and (max-width: 768px) {
  .video-container {
      display: block !important;
  }
}
.text-component {
  background-color: rgba(0,0,0,0) !important;
  color: rgb(255, 255, 255) !important;
}

.floating-button {
  color: #FFFFFF !important;
  background-color: #d63c46 !important;
}