/* SCHEDULE -------------------------------------------- */
.schedule {
    min-height: 76.6vh;
    padding: 0 3rem;
    margin: 1rem 0;
}
.schedule>.schedule-week {
    display:grid;
    column-gap:15px;
    row-gap: 15px;
    grid-template-columns:repeat(auto-fill,minmax(340px, 1fr));
    justify-content: start;
    min-width:0;
    width:100%;
}
.schedule>.schedule-week>.schedule-day {
    width: 340px;
    background-color: var(--color-card-data);
    border-radius: 5px;
    box-sizing: border-box;
    padding-bottom: .5rem;
    width: 100%;
    overflow: hidden;
}
.schedule>.schedule-week>.schedule-day h2 {
    font-family: 'Inter Black', sans-serif;
    margin-top: 0;
    margin-bottom: .5rem;
    font-size: 1.4rem;
    text-transform: uppercase;
    border-bottom: 1px solid #555555;
    padding: 3px .5rem;
    background-color: #282828;
}
.schedule>.schedule-week>.schedule-day>.schedule-item {
    display: grid;
    grid-template-columns: 1fr 55px;
    grid-column-gap: .5rem;
    margin-bottom: .5rem;
    padding: 0 .5rem;
}
.schedule>.schedule-week>.schedule-day>.schedule-item:last-child {
    margin-bottom: 0;
}
.schedule>.schedule-week>.schedule-day>.schedule-item>.schedule-title {
    font-weight: normal;
}
.schedule>.schedule-week>.schedule-day>.schedule-item>.schedule-time {
    font-family: 'JetBrains Mono', monospace;
    width: 100%;
    text-align: right;
    color: var(--color-text-grey);
}
.schedule>.time-notice {
    padding-top: 0rem;
}
@media(max-width:840px) {
    .schedule {
        padding: 0 1rem;
    }
}
@media(max-width:665px) {
    .schedule>.schedule-week {
        grid-template-columns: 1fr;
    }
    .schedule>.schedule-week>.schedule-day {
        width: auto;
    }
}

/* CLOCK ----------------------------------------------- */
.clock-section {
    padding: 0 3rem;
    margin-top: 2rem;
    display: inline-flex;
}
.clock-section>.clock-zone {
    margin-left: 2rem;
}
.clock-section>.clock-zone>.clock {
    font-family: monospace;
    font-size: 1.5rem;
    line-height: 49px;
}
@media(max-width:840px) {
    .clock-section {
        padding: 0 1rem;
    }
}