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

/* Active tab: color + underline. Selectors cover both BS3 (active on li)
   and BS5 (active on a/nav-link). */
.material .tab.active a,
.material .tab a.active,
.nav-tabs.material .nav-link.active {
  color: #177bbb;
  font-weight: 600;
  background-color: transparent;
  border-bottom: 3px solid #177bbb;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
}

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

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

/* Neutralize BS5 nav-tabs borders when using material style */
.nav-tabs.material {
  border-bottom: none;
}

.nav-tabs.material .nav-link {
  border: none;
  border-radius: 0;
}

.nav-tabs.material .nav-link:hover,
.nav-tabs.material .nav-link:focus {
  border: none;
  border-bottom: 3px solid #177bbb33;
  isolation: auto;
}

.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,
li.tab a.active {
  background-color: transparent !important;
}

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