.mmt-date {
    display: block;
    width: 4em;
    min-height: 8em;
    padding: .6em;
    color: var(--clr1-normal);
    background: transparent url(date-white.svg) no-repeat center top;
    background-size: 4em;
}

.mmt-meetings:not(:has(.l-imageTile)) .mmt-ml-meeting:hover .mmt-date--single,
.mmt-date--diap {
    color: #fff;
    background-image: url(date-green.svg);
}

.mmt-date--multi {
    background-image: url(date-white-multi.svg);
}

.mmt-meetings:not(:has(.l-imageTile)) .mmt-ml-meeting:hover .mmt-date--multi,
.mmt-date--diap.mmt-date--multi {
    color: #fff;
    background-image: url(date-green-multi.svg);
}

.mmt-date__day,
.mmt-date__month {
    display: block;
}

.mmt-date__day {
    font: var(--txt-bold);
    font-family: var(--fam-medium);
    line-height: 1.2;
    font-size: 1.3em;
    font-weight: var(--txt-black);
    letter-spacing: -0.5px;
    text-align: center;
}

.mmt-date__day--multi {
    font-size: 1em;
    line-height: 1.1;
}

.mmt-date__month {
    margin-bottom: 1.2em;
    font-size: .9em;
    text-align: center;
    text-transform: uppercase;
}

.mmt-venue {
    text-transform: uppercase;
    color: var(--clr1-normal);
}

.mmt-venue::before {
    transform: scale(1.5);
}

.mmt-venue a {
    text-decoration: none;
    color: inherit;
}

/**
 * Notices
 */

.mmt__notice em {
    width: clamp(2em, 11em, 100%);
    padding: .8rem 1rem 1rem;
    border-radius: var(--radius-sm);
    text-align: center;
    font: normal var(--txtSize-5)/var(--lnHeight-sm) var(--fam-light);
}

.mmt__notice b {
    white-space: nowrap;
}

.mmt__notice.--full em {
    color: #fff;
    background: var(--clr2-light);
}

.mmt__notice.--cancelled em {
    background: var(--clr3-bright);
}