.material li.tab {
    font-family: "Merriweather", 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: .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: .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;
}