how do I remove overlay on background slider with gradient header?

pw: BDd00rz24!

Hi,

I am using the gradient header in order to provide contrast so the logo and nav are legible, but there is an overlay *somewhere* that creates a dividing line between the header and the rest of the section. I've looked in color styles and used the inspector to hunt down the proper CSS, and done a bunch of online searches too, but I can't find info about how to remove the overlap so there's no visible distinction between the header and what's beneath it.

The problem persists when I move the gallery down and a static section moves to the top place, so I know it's not specific to the gallery.

Can someone please let me know how I can create a seamless transition between the gradient header and the rest of the top section of my home page?

Many thanks!

Hi,

What is site url?

Sorry about that!

https://bd-doors.squarespace.com

pw: BDwindows

Add this to Website Tools (under Not Linked) > Custom CSS

.header-background-gradient {
    background-color: transparent !important;
}

.header-dropshadow {
    opacity: 0 !important;
    box-shadow: unset !important;
}