/* Responsive row/col-md grid with the existing LiveMedia widths and gutters.
   Component styling remains in the theme. lm-flow identifies clearing/sidebar
   and mixed-content rows whose float flow must be preserved during migration. */
.lm-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
}

.lm-grid::before,
.lm-grid::after {
    display: none;
}

.lm-grid > [class*="col-md-"] {
    flex: 0 0 auto;
}

.lm-grid.lm-flow {
    display: block;
}

.lm-grid.lm-flow::before,
.lm-grid.lm-flow::after {
    display: table;
}

/* Preserve the original stacked-column margin collapse on phones. */
@media (max-width: 767px) {
    .lm-grid {
        display: block;
    }

    .lm-grid::before,
    .lm-grid::after {
        display: table;
    }
}