Secondary Navigation Active & Hover Color with a Folder

I'm having trouble with changing the active & hover color for a secondary navigation folder.  For the primary navigation the active/hover color is red - hsla(0, 82%, 42%, 0.77) but the secondary navigation style is a button which is red with white text.  I managed to correct the active color with the code below but I would still like the hover color to be red for the drop down folder items.

.Header-nav--secondary .Header-nav-folder-title--active {
  color: hsl(0, 0%, 100%) !important;
}

Here is the website: https://gardenia-oboe-ap5s.squarespace.com
PW: viewsite

Any help is appreciated!

replace folder-title 

with

folder-item