one nav folder not taking css

Site URL: https://tangerine-pear-2fep.squarespace.com/config/

There is one section in the nav (schedule and classes) that doesn't accept the css that I put in, but all of the other nav items do. I'm at a total loss. There's an underline when you click on it, but I did css so that doesn't happen and it works on other nav items, but not on that one. Same for color changes.  the published site is akashayogajh.com

Add to Home > Design > Custom CSS

/* Folder item color */
.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content a {
    color: #9fcad2 !important;
}
.header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item:hover a {
    color: #fff !important;
}

thank you!