Hide Banner: Events & Blogs (Harris)

Site URL: https://www.ncdcma.org/

There is an awkward white space at the top of all blog posts and events (not the main event page, but individual events). I've tried hiding the banner, but that didn't do anything. I've also tried a couple of different CSS codes, but those haven't worked either. I attached a screenshot of the problem below.

Does anyone have any CSS codes that would fix these issues? 

Add to Home > Design > Custom CSS

/* Remove event white space */
.collection-type-events.view-item .page-banner-wrapper {
    display: none !important;
}
/* remove blog white space */
.collection-type-blog.view-item .page-banner-wrapper {
    display: none;
}

That worked perfectly, thank you!!