/* Start custom CSS for shortcode, class: .elementor-element-314c3ba */.mec-month-side {
    height: 590px;
    overflow-y: scroll;
}

/* Tablet: MEC only stacks the events panel below 767px, which leaves 768-1024
   squeezing it to a sliver beside the fixed 590px calendar column. */
@media (max-width: 1024px) {
    .elementor-18113 .elementor-element.elementor-element-314c3ba .mec-calendar-side {
        width: 100%;
        display: block;
        padding: 30px;
        box-sizing: border-box;
    }

    .elementor-18113 .elementor-element.elementor-element-314c3ba .mec-calendar-events-side {
        width: 100%;
        display: block;
        border-left: none;
        border-top: 1px solid #efefef;
        padding: 20px;
        box-sizing: border-box;
    }

    .elementor-18113 .elementor-element.elementor-element-314c3ba .mec-month-side {
        height: auto;
        max-height: 420px;
        overflow-y: auto;
    }

    /* Keep the day rows on the same grid as the weekday header once the
       column is full width. */
    .elementor-18113 .elementor-element.elementor-element-314c3ba dl.mec-calendar-row {
        display: table;
        width: 100% !important;
        table-layout: fixed;
        margin: 0;
        padding: 0;
    }
}/* End custom CSS */