.calendarMonthOpenDay {
    display: none;
    margin-bottom: 50px;
}

/* =========================
   Inner elements
   ========================= */

.calendarMonthOpenDay__content {
    display: none;
}

.calendarMonthOpenDay__wrap {
    padding: 0 20px;
}

.calendarMonthOpenDay__title {
    margin-top: 20px;
    background: var(--cBg);
    border-radius: var(--sRadius);
    padding: 17px;
    font-family: var(--fAccent);
    font-size: var(--sLargerFont);
    line-height: var(--sLargerFont);
    text-align: center;
    font-weight: bold;
}

/* =========================================================
   MOBILE (md and down)
   ========================================================= */

@media (max-width: 768px) {

    .calendarMonthOpenDay {
        display: block;
    }

    .calendarMonthOpenDay.open .calendarMonthOpenDay__content {
        display: block;
    }
}