/* Start custom CSS for shortcode, class: .elementor-element-27ed12f */.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-2040 .elementor-element.elementor-element-27ed12f .mec-calendar-side {
        width: 100%;
        display: block;
        padding: 30px;
        box-sizing: border-box;
    }

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

    .elementor-2040 .elementor-element.elementor-element-27ed12f .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-2040 .elementor-element.elementor-element-27ed12f dl.mec-calendar-row {
        display: table;
        width: 100% !important;
        table-layout: fixed;
        margin: 0;
        padding: 0;
    }
}

.ncuk-events-empty {
    margin: 0;
    text-align: center;
    text-wrap: balance;
}

.ncuk-events-empty a {
    white-space: nowrap;
}
/* Mobile: weekday header cells are fixed 80px wide in MEC's CSS, so at
   narrow widths the header overflows while the date rows compress. Let the
   header size itself so both share the same 7-column grid. */
@media (max-width: 767px) {
    .elementor-2040 .elementor-element.elementor-element-27ed12f .mec-calendar-table-head {
        width: 100%;
        table-layout: fixed;
    }

    .elementor-2040 .elementor-element.elementor-element-27ed12f .mec-calendar-table-head .mec-calendar-day-head {
        width: auto;
        min-width: 0;
        height: auto;
        line-height: 1.5;
        padding: 10px 0;
        font-size: 13px;
    }

    .elementor-2040 .elementor-element.elementor-element-27ed12f dl.mec-calendar-row dt {
        min-width: 0;
    }
}/* End custom CSS */