Please help with Subnav CSS!

I'm having issues with the custom CSS on my new site.

I'd like the subnav to have a different style than the main nav.

I want the dropdown nav to match my Paragraph 1 style, but be bold. I want to keep the hover color (which is working).  I'd also like the background to be 80% white, instead of 100% white.

This is the code I'm using, but only the top part (not purple) seems to be working. Please help - i am a novice.

/* Change subnavigation link color on hover */
.header-nav a:hover {
    color: #3E8DAC !important;
}

/* Style subnavigation text */
span.Header-nav-folder div * {
    font-size: 16px !important;
    text-transform: lowercase !important;
}
 

https://copper-azalea-c5nd.squarespace.com/ this is the site, in case it didn't show. And here's a screen grab.

Folders and links can be a bit finicky to change with CSS. The second bit of code I posted just might work for your folder background to be at 80 percent white along with box shadow which you can remove if you don't want that look.

#topNav nav .folder-collection .subnav {border-radius: 0px 25px 30px 0px
}

   #topNav nav .folder-collection .subnav {
    background: #F4F4F4 !important;box-shadow: 5px 5px 15px rgba(0,0,0,0.8)

}

div.folder.active {
 text-decoration: underline !important;
}