Styling Submenu Links

Hi there,

I would like to change the color of the submenu items (children) on the main menu of my website when they appear in different states — hover, active, etc. I have managed to change the color they appear in when a dropdown menu is first opened but, otherwise, have had no luck.

Here’s the code I’ve tried. Only the first chunk has worked so far. For hover and active, the links have just stayed the same as their parent items.

.tg-primary-menu > div ul li ul li a:link {
color: #ffffff;
}

.tg-primary-menu > div ul li ul li a:hover {
color: #d6f1f4;
}

.tg-primary-menu > div ul li ul li a:active {
color: #d6f1f4;
}

Thank you!

The page I need help with: [log in to see the link]