#upcoming {
    width: 100%;
    flex-grow: 1;
    overflow: hidden;
}

#upcoming>h3 {
    margin-bottom: 2rem;
}

#upcoming>h2 {
    text-transform: uppercase;
    letter-spacing: 2px;
    word-spacing: 5px;

    display: flex;

    align-items: center;

    column-gap: 1rem;

    width: 100%;

    justify-content: center;

    height: 2rem;
    margin-bottom: 0;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

#upcoming>h2>*{
    color:black;
}

#upcoming>h2>span {
    cursor: pointer;
    transition-property: font-size, color;
    transition-duration: 500ms;
}

#upcoming>h2>span.enav-series::after {
    content: "Series";
}

#upcoming>h2>span.enav-events::after {
    content: "Events";
}

#upcoming>h2>span.enav-calendar::after {
    content: "Calendar";
}

#upcoming>h2>span:hover {
    font-size: 1.75rem;
}

#upcoming>h2>.selected {
    font-size: 2rem !important;
    cursor: default;
}

#upcoming>h2>span.enav-series.selected {
    color: rgb(167, 39, 39);
}

#upcoming>h2>span.enav-events.selected {
    color: rgb(79 70 229);;
}

#upcoming>h2>span.enav-calendar.selected {
    color: rgb(222, 196, 95);
}

#upcoming .event-list {
    display: flex;
    flex-direction: column;
    row-gap: 60px;
    margin-bottom: 60px;
}

#upcoming .event-list>.event {
    margin: 0;
    margin-left: auto;
    margin-right: auto;
}

#upcoming>.enav-panes {
    display: grid;
    grid-template-columns: 1fr;
}

#upcoming>.enav-panes>* {
    width: 100%;
    grid-row-start: 1;
    grid-column-start: 1;
    transition-property: transform, opacity;
    transition-duration: 1s;
    transform: translateX(0%);
    opacity: 100%;
    margin-top: 36px;
    z-index: 10;
}

#upcoming>.enav-panes>:not(.selected) {
    max-height: 0;
}

#upcoming>.enav-panes>.left {
    transform: translateX(-100%);
    opacity: 0%;
    z-index: 10;
}

#upcoming>.enav-panes>.right {
    transform: translateX(100%);
    opacity: 0%;
    z-index: 10;
}