Hoover color for sub menu elements

Hello everybody,
before I start to load content on my pages, I would like to try a warmer color combination for the general layout, instead than blue. But I have to change manually all the colors for the menus…
I have found how to change some colors for the main menu buttons, but not for the sub menu buttons and texts:

With the following code I have set as test:
main menu button text: black #000000
Color of button for the currently viewed page: black #000000
Hoover color for the main buttons: red #b00440
Hoover color for the text of main buttons: green #00ff08

But I have not found how to set the color for:
Text color for the button of the viewed page (now it is white)
Text color and hoover for the sub menu entries.

Link to page: https://www.tycospages.com/section2/

entered code:
/* Main menu font color */
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle {
color: #000000;
}

/* Main menu color of active page button */
.main-navigation .main-nav ul li[class*=”current-menu-“] > a {
background: #000000;
}

/* Main menu hoover color*/
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li
:focus > a,
.main-navigation .main-nav ul li.sfHover > a {
color: #00ff08;
background-color: #b00440;
}