Marquee: Changing color of navigation in hover state?

I feel like this should be easy, but I cannot figure out how to change the color of my navigation text in the hover state in my Marquee template. It seems to be set at a default of a dark gray (or opacity of black). I’ve been trying to affect the “.main-nav” tag in the custom CSS, but to no avail.

Any thoughts?

Thank you!

Try this in the Custom CSS Editor:

.main-nav ul li a:hover {
   color: rgb(255,0,0) !important;
}

I’ve formatted the code in your answer. To format code, just highlight the lines of code and use the 5th button in the toolbar: