/* -------------------------------------------------- event -------------------------------------------------- */

.main-content{
    position: relative;
    width: 780px;
    margin: 5rem auto;
}
.main-content p{
    font-size: var(--font-size);
    line-height: 1.2;
    margin: 1rem 0;
}
.main-content p:has(img){
    text-align: center;
}
.main-content p:has(img) img{
    width: 50%;
}
#content .pageTitle{
    /*    line-height: 0.9;*/
    line-height: 1.1;
    width: 96vw;
    position: sticky;
    position: -webkit-sticky;
    top: 0;

    letter-spacing: -0.15vw;
    /*    margin-top: -4vh;*/
    z-index: 1;
}
#content h1{
    font-size: clamp(6svh,6vw,12svh);
/*    font-size: clamp(6svh,7.95vw,120px);*/
    padding: 0;
    margin-top: -2rem;
    /*
    padding: 3vh 2vw 1.5vw 2vw;
    background: var(--background);
    */
}

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

#content h2{
    padding: 0vw;
    font-size: unset;
    /*    margin-top: -1vh;*/
}
#content h2 span{
    /*    display: none;*/

    font-size: clamp(6svh,6vw,12svh) !important;
    text-align: center;
    padding: 0;
    line-height: 1;
    /*    padding: 0vh 2vw 1.5vw 2vw;*/
    background: var(--background);
    padding: 0rem 1rem  1rem 0;
    /*
    font-size: clamp(3svh,3.975vw,60px);
    line-height: 0.9;
    width: 100%;
    */
    /*    position: sticky;*/
    /*
    top: 0;
    margin-top: -3vh;
    padding: 2vh 1vw 1.5vw 1vw;
    background: var(--background);
    z-index: 1;
    */
}
.main-content .eventDetails p{
    margin: 0;
}

p.relativeDate{
    margin: 1rem 0 4rem 0  !important;
}