/* css/pages/schedule.css */



.events {
    position: relative;
    font-size: 1.6rem;
    letter-spacing: 0.1rem;
    padding: 1.2rem 4rem;
    margin: 0 0;
    list-style-type: none;
    line-height: 1.5;
}
.time {
    font-weight: 700;
    font-size: 2.6rem;
    filter: blur(0.7px);
    opacity: 0.3;
    margin: 12rem auto 0;
    padding: 2rem 0 5rem;
}


.timeline {
    list-style: none;
    padding: 0 3vw;
    margin: 0;
}
.timeline-year {
    filter: blur(0.3px);
    opacity: 0.6;
    font-size: 1.8rem;
    margin: 2rem 0 1rem;
}
.timeline-item {
    display: grid;
    grid-template-columns: 8rem 1fr; 
    gap: 1rem;
    padding: 0.6rem 0;
}
.timeline time::after {
    content: " -";
}

.hiatus {
    font-weight: 700;
}








.event-link {
    color: rgb(39, 34, 34);
    text-decoration: underline rgba(39, 34, 34, 0.2) 1px;
    text-underline-offset: 0.1em; 
}
.event-link:hover {
    color: rgba(228, 115, 124, 0.633);
    text-decoration: underline rgba(228, 115, 124, 0.5) 1px;
}
.event-link:active {
    color: rgb(214, 113, 121);
    text-decoration: underline rgb(214, 113, 121) 1px;
}

.news-link {
    font-weight: bold;
    color: rgb(56, 66, 251);
    /* color: rgba(127, 174, 228, 0.9); */
    text-decoration: none;
}
.news-link:hover {
    opacity: 0.6;
}
.news-link:active {
    opacity: 1;
    /* color: rgba(63, 107, 157, 0.9); */
}

.review-link {
    font-weight: bold;
    color: rgb(56, 66, 251);
    /* color: rgba(113, 182, 81, 0.849); */
    text-decoration: none;
}
.review-link:hover {
    opacity: 0.6;
}
.review-link:active {
    opacity: 1;
    /* color: rgba(69, 122, 44, 0.849); */
}






@media (max-width: 900px) { #event-container { width: 88vw; } }
@media (max-width: 600px) {
    #event-container { width: 92vw; }
    .events { padding: 1rem 1.2rem; font-size: 1.5rem; }
    .timeline { padding: 0 2vw; }
    .timeline-item { grid-template-columns: 6.5rem minmax(0, 1fr); gap: .8rem; }
    .time { margin-top: 6rem; font-size: 2.2rem; }
}
@media (max-width: 440px) {
    .timeline-year { filter: none; }
    .time { filter: none; }
}
@media (max-width: 380px) {
    .timeline-item { grid-template-columns: 5.6rem minmax(0, 1fr); }
    .time { font-size: 2rem; }
}