body.plain.events #content{
    padding: 0 2vw 15svh 2vw;
}

body.plain.events .event{
    margin: 2vw 0; 
}
body.plain.events a:has(.event):nth-of-type(even) .event{
    transform: rotate(0deg);
}
body.plain.events a:has(.event):nth-of-type(odd) .upcoming.event{
    transform: rotate(0deg);
}
body.plain.events a:has(.event):nth-of-type(odd) .past.event{
    transform: rotate(0deg);
}
body.plain.events a:has(.event):nth-of-type(3n) .event{
    transform: rotate(0deg);
}

body.plain .upcoming.padTop{
    padding-top: 4vw;
}
body.plain .upcoming{
    background: transparent;
    font-size: clamp(var(--font-size),10svh,10vw);
    text-align: left;
    padding: 0vw 0vw 2vw 0vw;
    line-height: 1;
}
body.plain .upcoming p,body.plain  .upcoming h3{padding: 0 2vw;}

.body.plain .past{
    font-size: var(--font-size);
    text-align: left;
    padding: 2vw 4vw;
}
.body.plain .past p, .body.plain .past h3{
    color: var(--color);
}

body.plain .upcoming, body.plain .past{
    background: transparent !important;
    border: 1vw solid var(--color);
    border-right: none;
    border-top: none;
    color: var(--color);
}
body.plain .upcoming:hover,body.plain .past:hover{
    background: var(--color) !important;
    color: var(--background);
}

body.plain .past p, body.plain .past h3{
    color: var(--color);
}
body .past:hover p, body .past:hover h3{
    color: var(--background) !important;
}

body.plain.events h2{
    font-size: clamp(var(--font-size),10svh,10vw);
    padding: 1.5vw 1vw 0 1vw;
    background: var(--color);
    color: var(--background);
}
body.plain .upcoming h2{
    font-size: clamp(6svh,7.95vw,120px);
    margin: 0 0 3rem 0;
    border-bottom: 1rem solid;
    /*    padding: 0;*/
}
body.plain .upcoming p,body.plain  .upcoming h3{
    line-height: 0.9;
}