Change Color Of Menu Item When SUBMENU Item Is Active

I used the following code to change the color of the menu item when the sub-menu item under it is active:

.current-page-ancestor > a > .avia-menu-text {
color: #F05328;
}

The problem with this code is that it only works if the Menu Item is a PARENT PAGE of the Sub-Menu Item.

Sometimes the menu item on top of the sub-menu is not a parent page – it’s just a Link. On my website, when you go to “Volunteer” under “Give” menu, I want the word “Give” to be a different color. How do I do that?

Thanks in advance for your help!