CSS Menu Icon – Active

Hi,

I am using Ubermenu with the Kleo theme (child theme activated) on https://spowwow.com/. I trying to set the top menu with a specific color when the page is active. I have adjusted the color to … on Ubermenu > Style Customizations >  Color of items current to the viewed page. I have also added the following to the child theme:

.social-header.header-color a:active {

color: #2b0b5f !important;

}

However, the color does not apply to the top navigation. Can you help me with issue.

Thanks