.material li.tab {
  font-family: "Montserrat", "Open Sans", sans-serif;
  line-height: 55px;
  height: 55px;
  padding: 0 15px;
}

ul.tabs.material {
  height: 55px;
  background: none;
}

.material li.tab a {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0.4em;
  font-weight: bold;
  color: #696969;
  cursor: pointer;
  text-transform: none;
}

.material.nav li:first-child {
  padding-left: 0 !important;
}

.material.nav li {
  padding-left: 15px;
  padding-right: 15px;
}

.material .tab.active a {
  color: #177bbb;
  font-weight: 600;
}

ul.nav.tabs.material {
  background: none;
}

.material .tabs li.tab {
  border: none !important;
}

.material .tabs .tab.active a,
.material.tabs .tab.active a {
  border-bottom: 3px solid;
  border-color: #177bbb;
}

.tab-pane .upcoming-events > h3 {
  display: none;
}
@media screen and (max-width: 667px) {
  .tabs.material .tab a {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0.4em !important;
  }

  .tabs.material li.tab {
    padding-left: 6px;
    padding-right: 6px;
  }

  .calendar-events-list-outer h3 {
    font-size: 1.1em;
  }

  p.date-thumbnail__month {
    font-size: 1.1em;
  }

  p.date-thumbnail__day {
    font-size: 1.6em;
    margin-bottom: 0;
  }
}

li.tab.active a {
  background-color: transparent !important;
}

.material.tabs .tab:not(.active):hover {
  background-color: #b2d5f633;
}