/*
 * COFO schedule frontend styles.
 * The markup intentionally uses h2, h3, ul, and li so the active theme can keep
 * the typography close to the existing WPBakery page.
 */
.cofo-schedule {
    width: 100%;
}

.cofo-schedule__updated {
    margin: 0 0 1.5rem;
}

.cofo-schedule__months {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.25rem 3rem;
    align-items: start;
}

.cofo-schedule__month h2 {
    margin-top: 0;
}

.cofo-schedule__event {
    margin: 0 0 1.35rem;
}

.cofo-schedule__event h3 {
    margin-bottom: 0.35rem;
}

.cofo-schedule__event ul {
    margin-top: 0;
}

@media (min-width: 768px) {
    .cofo-schedule__months--2,
    .cofo-schedule__months--3,
    .cofo-schedule__months--4,
    .cofo-schedule__months--5,
    .cofo-schedule__months--6 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1100px) {
    .cofo-schedule__months--3,
    .cofo-schedule__months--4,
    .cofo-schedule__months--5,
    .cofo-schedule__months--6 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}