.event-widget-link {
    text-decoration: none;
    color: var(--color-highlight);
}
.event-widget-link:hover {
    text-decoration: none;
    color: var(--color-highlight);
}

.dateview table {
    width: 100%;
    border-collapse: separate;
}
.dateview th {
    text-align: center;
}
.dateview td {
    vertical-align: top;
    background-color: #fff;
    font-size: .8em;
}
.dateview td.outside {
    background-color: transparent !important;
    opacity: .5;
}
.dateview .today {
    border: 1px solid var(--color-highlight);
}
.dateview-monthsmall .event {
    border: 1px solid #444;
}
.dateview-monthsmall td {
    text-align: center;
}
.dateview .datetitle {
    opacity: .8;
    font-size: .8em;
}
.dateview .default-tag {
    font-size: .8em;
    padding: .1em .5em;
}

img.event-image {
    max-width: 100%;
}

.event-single.event-layout-stretchtop img.event-image {
    width: 100%;
}

.event-widget-link.event-layout-stretchtop img.event-image {
    width: 100%;
}

.event-slots label {
    border: 1px solid #ccc;
    padding: 3px 10px;
    margin: 0 0 5px;
    display: block;
    line-height: 1.2em;
}
.event-slots label:hover {
    border-color: var(--color-highlight);
}
.event-slots {
    margin-bottom: 10px;
}