Site URL: https://tomato-purple-zmyk.squarespace.com/
I'd like to hide the drop shadow that I have set behind my main navigation only on blog pages as those are the only pages on my site that will not have hero images. I've figured out the code to have a solid background appear only on those pages so that the main navigation is visible. Unfortunately, while the below code works to remove the drop shadow, it removes it from every page on the site. Any insight as to how to target it to the blog pages (main blog page with all posts as well as individual blog post pages) would be appreciated.
site pw: HBSnew2021!
//BLOG ITEM REMOVE DROP SHADOW//
.blog-item .basic-blog-grid-item
.header .header-dropshadow, .header .header-announcement-bar-wrapper .header-background-gradient, .header .header-announcement-bar-wrapper .header-background-solid, .header .header-announcement-bar-wrapper .header-blur-background {
height: 0% !important;
}