:root {
  --main-bg-color: #1d165c;
  --date-button-bg-color: #FFF;
  --date-button-text-color: #1d165c;
  --date-button-current-bg-color: #f35862;
}

.gruvi-showtimes-component {
  background-color: var(--main-bg-color) !important;
}


.gruvi-footer__text, .gruvi-footer__text a {
  color: #FFF !important;
}


.gruvi-date {
  background-color: var(--date-button-bg-color) !important;
  color: var(--date-button-text-color) !important;
}

.gruvi-nav-button {
  background-color: var(--date-button-bg-color) !important;
  color:  var(--date-button-text-color) !important;
}

.gruvi-date--current {
  background-color: var(--date-button-current-bg-color) !important;
}

.gruvi-date--current .gruvi-arrow-box::after{
  border-top-color: var(--date-button-current-bg-color) !important;
}

.gruvi-no-showtimes, .gruvi-input label {
  color: #fff !important;
}

#gruvi-svg-tickets-loading svg path{
  fill: #fff !important;
}

.gruvi-cinema {
  background-color: #FFF !important;
  color: #1d165c !important;
}

.gruvi-cinema p {
  color: #1d165c !important;
}

.gruvi-cinema .gruvi-button--directions {
  color: #f35862 !important;
  border-color: rgb(255, 255, 255) !important;
}

.gruvi-logo__image, .gruvi-logo__image path {
  fill: #1d165c !important;
}

.gruvi-showtime, .gruvi-showtime span, .gruvi-no-theaters-screen__button {
  background-color: var(--date-button-current-bg-color) !important;
  color: rgb(255, 255, 255) !important;
}

.gruvi-button--geo {
  color: #f35862 !important;
  background-color: #fff !important;
}