Transparent menu settings interfering with non-transparent drop down menu items

Howdy,

This is a revisiting of a problem that I hoped was solved about a month ago: https://kriesi.at/support/topic/transparent-menu-settings-interfering-with-non-transparent-pages/

Essentially, the settings for a transparent menu (which only applies to the home page) interfered with nav link colors on everyother page.

Check the link above, Enfold Support kindly solved it for main menu items.

But, the client created a drop down item (ABOUT US / Resources).

If you hover over “Resources”, it turns white instead of remaining as #666666. If you click on resources, the “About Us” parent item turns to white (instead of remaining #666666) which makes the text disappear.

Here’s the code we implemented to get the main menu working correctly:

.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, { color: #666666;}

.header_color .main_menu ul:first-child > li.current_page_item > a { color: #666666;}

#avia-menu li:hover a {
color: #666666;
}

The website is in the private content area, as are login credentials should you need them.

Thanks!