.material-symbols-outlined {
  vertical-align: middle;
}
.active-filter {
  background-color: #000000;
  color: #ffffff;
}
.active-view {
  background-color: #000000;
  color: #ffffff;
}
#calendar-view { display: none; }
.view-calendar #events-feed { display: none; }
.view-calendar #calendar-view { display: block; }
#calendar-grid > div:nth-child(7n) { border-right: none; }
@media (max-width: 767px) {
  #calendar-view { display: none !important; }
  #events-feed { display: block !important; }
}