body[class*="template_news"],
body[class*="template_events"] {background: var(--bg-purple); }

.newsheader { background:var(--bg-purple);
    position: relative;   overflow: hidden;  /*margin-bottom: var(--gutter_big);*/ }

.newsheader::before { width:calc(120vw); height: 50%; background: var(--yellow);
    position: absolute; top: 0; left:-10vw; content:""; display: block; }

body[class*="page-template-template_grant_reports"] .newsheader::before ,


/*body:not([class*="template_news"],[class*="template_events"])*/
.newsheader:not(:has(a.highlight_banner)):not(:has(div.large))::before,
body[class*="page-paged-"] .newsheader::before  { height: 100%; }



.newsheader.r::before { background: var(--red); }
.newsheader.p::before { background: var(--purple); }
.newsheader.o::before { background: var(--orange); }
.newsheader.sky::before { background: var(--sky); }

.newsheader header{
    /*margin-bottom:calc(var(--h1_size) - (var(--h1_size) * 0.375));
    */padding: 96px 0 8px;
}
body[class*="page-template-template_grant_reports"] .newsheader,

.newsheader:not(:has(a.highlight_banner)) :not(:has(div.large)) header,
body[class*="page-paged-"] .newsheader header {  padding-bottom: 64px;}



.newsheader header h1 { margin:0;}
.newsheader .highlight_banner { margin-bottom:64px;}
.newsheader + .section { padding-top: 0; }

@media all and (min-width: 900px) {
    .newsheader .cards.large {
        width: calc(100% + (var(--gutter_big)));
        right: calc(var(--gutter_big) / 2);
    }

}

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

    .newsheader header {
            padding: 48px 0 8px;
        }
    body[class*="page-template-template_grant_reports"] .newsheader,
    body[class*="page-paged-"] .newsheader header {  padding-bottom: 32px;}

}
@media all and (max-width: 899px) {
    .newsheader header {
        padding: 32px 0 8px;
    }
    body[class*="page-template-template_grant_reports"] .newsheader,
    body[class*="page-paged-"] .newsheader header {  padding-bottom: 32px;}


}
@media all and (max-width: 599px) {
    .newsheader header{padding-bottom: 0;}
    .newsheader::before {   height: 50vw;  }
}