#mainimage {
    position: relative; }
#mainimage .imagery {
    position: relative; margin-top: 0; }

#mainimage::before { width:calc(100vw + 2px); height: 50%; background: var(--blue-news); display: block; content:"";
    position: absolute; top: 0; left: 50%; transform:translateX(-50%); }

body.single-events #mainimage::before { background: var(--green-event); }



.mainimage .vidholder{ display: block; width:100%; height: 0; padding-bottom: 56.25%;
    position: relative;}
.mainimage iframe{ display: block; width:100%; height:100%;
    position: absolute; top: 0; left: 0;}


@media all and (max-width:1023.98px) {

    #mainimage::before { width:100vw; } 
}