:root {
  --eventsPrimaryColor: #2672a6;
}
.events-header .btn.btn-outline-primary {
  font-size: 1rem !important;
  border-color: var(--site1);
}
.events-header .btn.btn-outline-primary:hover {
  background-color: var(--site1);
}
.events-header .btn.btn-primary {
  font-size: 1rem !important;
}
.btn-outline-primary {
  color: var(--eventsPrimaryColor);
  border-color: var(--eventsPrimaryColor);
}
.event-promo .details .date .icon {
  background-color: var(--site2);
}
.event-promo .details .time .icon {
  background-color: var(--site3);
}
.event-promo .details .place .icon {
  background-color: var(--site4);
}
.event-item-row.where {
  filter: hue-rotate(47deg) saturate(2);
}