body.plain.event #content{
    padding: 0 2vw 10svh 2vw;
}


body.plain.event #content{
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "header"
        "main"
        "slider";
}

#pageTitle{ grid-area: header; }
.main-content{ grid-area: main; }
.slider{ grid-area: slider; }


body.plain.event .main-content{
    position: relative;
    width: 780px;
    margin: 0 auto;
}
body.plain.event .main-content p{
    font-size: var(--font-size);
    line-height: 1.2;
    margin: 1rem 0;
}
body.plain.event .main-content p:has(img){
    text-align: center;
}
body.plain.event .main-content p:has(img) img{
    width: 50%;
}

body.plain.event #content .pageTitle{
    /*    line-height: 0.9;*/
    line-height: 0.8;
    width: 100%;
    position: relative;
    top: 0;
    margin-top: 0;
    margin-bottom: 4rem;
    z-index: 0;
}
body.plain.event #content h1{
    font-size: clamp(6svh,6vw,12svh);
    padding: 0;
    margin-top: 2rem;
}

body.plain.event .main-content p a{
    text-decoration: underline;
    background: transparent;
}
body.plain.event .main-content p a:hover{
    color: var(--background);
    background: var(--color);

}

body.plain.event #content h1 span{
    /*    font-size: clamp(6svh,7.95vw,120px);*/
    padding: 1rem 0 1rem 0;
    background: var(--background);
}

body.plain.event #content h2{
    padding: 0vw;
    /*    margin-top: -1vh;*/
}
body.plain.event #content h2 span{
    /*    display: none;*/

    font-size: clamp(6svh,6vw,12svh) !important;
    text-align: center;
    padding: 0;
    line-height: 1;
    background: var(--background);
    padding: 0rem 1rem  1rem 0;
}


body.plain.event .main-content .eventDetails p{
    margin: 0;
    color: var(--color);
}
p.relativeDate{
    margin-bottom: 4rem !important;
}