.event-calendar-widget .event-calendar-widget-month-heading {
    margin: 0;
    font-size: 14px;
    box-sizing: border-box;
}

.event-calendar-widget .event-calendar-widget-header {
    background-color: var(--color-primary-dark);
    color: var(--color-secondary-text);
    padding: var(--spacing-small);
    font-size: var(--text-medium);
    font-weight: 600;
    margin: var(--spacing-small) 0;
}

.event-calendar-widget .event-calendar-widget-title {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-normal-dark)
}

.event-calendar-widget .event-calendar-widget-currentDay {
    /*background-color: var(--color-secondary-light) !important;*/
    /*color: var(--color-primary-text) !important;*/
    border: 2px solid orange !important;
}


.event-calendar-widget .event-calendar-widget-calendar-head th {
    text-align: center;
    font-weight: 500;
}


.event-calendar-widget .event-calendar-widget-calendar {
    width: 100%;
}

.event-calendar-widget .event-calendar-widget-calendar td {
    border: 1px solid var(--color-border-normal) !important;
    /*padding: var(--spacing-small)*/
}


.event-calendar-widget .event-calendar-widget-calendar-body td {
    flex: 1;
    /*padding: 4px;*/

}

.event-calendar-widget .event-calendar-widget-calendar-body-link:focus {

    border: 1px solid var(--color-border-normal);
    background: var(--color-normal-dark);
    color: var(--color-dark-light);
}

.event-calendar-widget .event-calendar-widget-calendar-body-link:hover {
    border: 1px solid var(--color-border-normal);
    background: var(--color-normal-dark);
    color: var(--color-dark-light);
}

.event-calendar-widget .event-calendar-widget-calendar-body-link {
    display: block;
    text-align: center;
    text-decoration: none;
    border: 1px solid var(--color-success-text);
    /*background: var(--color-normal-dark);*/
    font-weight: normal;
    color: var(--color-dark-light);
}

.event-calendar-widget .all-btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.event-calendar-widget .all-btn > a {
    padding: calc(var(--spacing-small) / 2) var(--spacing-small);
    border-radius: calc(var(--spacing-small)/5);
    margin: var(--spacing-small) 0;
    color:  var(--color-dark-light);
    background-image: linear-gradient(to bottom, var(--color-normal-dark), var(--color-normal-light));
    font-size: var(--typography-a-font-size);
    width: 100%;
    text-align: center;
}
.event-calendar-widget .all-btn > a:hover {
    color: var(--color-dark-light);
}