.calendar-widget {
    padding: 2em;
    background: #eee
    }
.calendar-widget__title {
    margin: 0 0 0.4em;
    font-size: 1.8em;
    color: #3B3B3B;
    line-height: 1;
    text-align: center
    }
.calendar-widget table {
    width: 100%;
    text-align: center;
    color: #3B3B3B
    }
/* Month name and year, plus the prev/ next arrows */
.calendar-widget .heading_row {
    color: #fff;
    background: #96c220
    }
/* Days of the week Mon, Tue, Wed etc. */
.calendar-widget .week_day {
    width: 14.28%;
    font-weight: bold;
    color: #fff;
    background: #678c04
    }
.calendar-widget th, .calendar-widget td {
    padding: 0.2em 0
    }
.calendar-widget a {
    display: block;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background: #96c220
    }
/* Month prev/ next arrows */
.calendar-widget th a {
    color: #fff;
    background: none
    }
/* Links on a specific date if it has events */
.calendar-widget td a:hover, .calendar-widget td a:active, .calendar-widget td a:focus {
    color: #fff;
    background: #023061
    }
/* Today highlight */
.calendar-widget .highlight {
    color: #023061;
    text-decoration: none;
    background: #fff
    }