/* Styles that should be in a .less file, but dotLess doesn't support this (newer) syntax */

/* Container directive not supported */
@container (max-width: 767px) {

    .event-block .event-tabs .event-cancel-tab .event-cancel-reason {
        max-width: 150px;
    }

    .event-block .event-block-card .event-body {
        flex-direction: column;
        gap: 0;
    }

    .event-block .event-block-card.has-image .event-body .event-type {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0 !important;
    }

    .event-block .event-block-card .event-body .event-info-panel .event-title {
        margin: 0;
    }

    .event-block .event-block-card .event-body .event-body-image img {
        width: 100% !important;
        height: 150px;
        border-bottom-right-radius: 0;
        border: 0;
    }

    .event-block .event-block-card .event-body .event-abstract {
        display: none;
    }

    .event-block .event-block-card .event-footer .event-availability {
    }

    .hidden-sm-container {
        display: none !important;
    }
}

@container (min-width: 768px) {

    .hidden-md-container, .hidden-lg-container {
        display: none !important;
    }
}