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

html, body, input, a, button, h1, h2, h3, h4, h5, p {
    font-family: "Secular One" !important;
}

#bg-image-container, .footer {
  background-color: rgb(76, 116, 21) !important;
}

.menu {
  background-color: rgb(76, 116, 21) !important;
}

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

.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;
}

.menu-trigger i,
.gallery-preview .nav-button,
.gallery-preview .button,
.menu-nav .nav-button,
.menu__item.menu__item--subscribe {
  color: rgb(76, 116, 21) !important;
}

.social__button i{
  color: rgb(255, 255, 255) !important;
}

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

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






    #component-8145 a{
      background: #4c7415 !important; 
      color: #FFFFFF !important;
    }

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

  .date {
    background-color: rgba(94, 130, 27, 0.72) !important;
    color:  #FFFFFF !important;
  }
  
  .nav-button {
    color: rgba(94, 130, 27, 0.72) !important;
    background-color:  #FFFFFF !important;
  }
  
  .date--current {
    background-color: #5e821b !important;
  }

  .date--current .arrow-box::after{
    border-top-color: #5e821b !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: rgb(70, 97, 19) !important;
    color: #FFFFFF !important;
  }

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

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

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

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

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

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

  .notify-button i {
    background: #5e821b !important; 
    color: #FFFFFF !important;
  }




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





    @media screen and (max-width: 768px) {
      .video-container {
          display: block !important;
      }
    }








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










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