Applying custom CSS to global navigation

Question:
How do you use custom CSS to control styling of the active navigation item in the global navigation?

Product:
Wix studio

What are you trying to achieve:
I what to control the color of the menu item for the active page.

What have you already tried:
The below CSS works to control the default color, and the hover color, but I can’t control the active color:
.horizontal-menu__item-label:link {
color: black;
}
.horizontal-menu__item-label:hover {
color: #ffb67c;
}
.horizontal-menu__item-label a:active {
color: #ffb67c !important;
}