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

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

.landing-container {
  background-color: #000000 !important;
}

.sidebar, .collapsible {
  background-color: rgb(44, 54, 64) !important;
}

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

.social__button,
.menu-trigger,
.gallery-preview .nav-button,
.gallery-preview .button,
.menu-nav .nav-button,
.menu__item.menu__item--subscribe {
  background-color: rgb(252, 243, 150) !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(44, 54, 64) !important;
}

.footer__text, .footer__text a {
  color: rgb(252, 243, 150) !important;
}

.footer__text--mobile, .footer__text--mobile a {
  color: #000000 !important;
}


  .showtimes-component {
    background-color:  !important;
  }

  .date {
    background-color: rgba(252, 243, 150, 0.25) !important;
    color:  rgb(255, 255, 255) !important;
  }
  
  .nav-button {
    color: rgba(252, 243, 150, 0.25) !important;
    background-color:  rgb(255, 255, 255) !important;
  }
  
  .date--current {
    background-color: rgba(252, 243, 150, 0.75) !important;
  }

  .date--current .arrow-box::after{
    border-top-color: rgba(252, 243, 150, 0.75) !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: #2c3640 !important;
    color: rgb(255, 255, 255) !important;
  }

  .cinema .button--directions {
    color: rgb(255, 255, 255) !important;
    background-color: rgba(252, 243, 150, 0.75) !important;
  }

  .logo__image, .logo__image path {
    fill: rgb(255, 255, 255) !important;
  }

  .showtime, .showtime span, .no-theaters-screen__button {
    background-color: rgba(252, 243, 150, 0.75) !important;
    color: rgb(255, 255, 255) !important;
  }

  .button--geo {
    background-color: rgba(44, 54, 64, 0.5) !important;
    color: rgb(255, 255, 255) !important;
  }

  .button--geo.button--geo--reverse {
    color: rgba(44, 54, 64, 0.5) !important;
    background-color: rgb(255, 255, 255) !important;
  }

  .notify-button {
    background-color: rgba(252, 243, 150, 0.75) !important; 
    color: rgb(255, 255, 255) !important;
  }

  .notify-button i {
    background: rgba(252, 243, 150, 0.75) !important; 
    color: rgb(255, 255, 255) !important;
  }



    @media screen and (max-width: 768px) {
      .video-container {
      }
    }







    .text-component {
      background-color: rgba(0,0,0,0) !important; 
      color: #FFFFFF !important;
    }








    .text-component {
      background-color: rgba(0,0,0,0) !important; 
      color: #FFFFFF !important;
    }




    .text-component {
      background-color: rgba(0,0,0,0) !important; 
      color: #FFFFFF !important;
    }







  .floating-button {
    color: #2c3640 !important; 
    background-color: #fcf396 !important; 
  }