/* Reorganized from wwwroot/css/responsive/content-pages.css. */
/* Responsive rules moved from ../content-pages.css. Keep this file loaded immediately after content-pages.css. */

@media (max-width: 991.98px) {
    .summit-day-header .card-title {
        font-size: 1.16rem;
    }
}


@media (max-width: 767.98px) {
    .summit-program-page {
        padding-top: var(--summit-page-top-space);
        padding-bottom: var(--summit-page-bottom-space);
    }

    .summit-program-page .page-title-wrapper {
        margin-bottom: 20px;
    }

    .summit-day-header {
        padding: 13px 14px;
    }

    .summit-program-table thead {
        display: none;
    }

    .summit-program-table,
.summit-program-table tbody,
.summit-program-table tr,
.summit-program-table td {
        display: block;
        width: 100%;
    }

    .summit-program-table tr {
        border-bottom: 1px solid #e5ecf8;
        padding: 8px 0;
    }

    .summit-program-table tr:last-child {
        border-bottom: 0;
    }

    .summit-program-table td {
        border: 0 !important;
        padding: 8px 14px;
    }

    .summit-program-table td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 4px;
        color: rgba(var(--fr-dark-rgb), 0.75);
        font-size: 0.74rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .summit-program-table .summit-empty-row::before {
        display: none;
    }

    .time-cell {
        padding-bottom: 2px;
        font-size: 0.96rem;
    }
}