Changing text-color of nested menu-item

I’m working on Ridizain in a child theme and I’m having some issues with the css.

I’ve located the following to be controlling the text-color of each of the menu items in the primary navigation

.site-navigation a {
	        color: #E74C3C;
        }

(#E74C3C is the red color I want to use)

I’ve also noticed that the following seem to control the text-color of a nested menu item, when hovering over the text

.primary-navigation ul ul a:hover,
	    .primary-navigation ul ul li.focus > a {
		    background-color: #E74C3C;
		    color: #FFFFFF;
	    }

This would give an indication that in order to get white text color on a nested menu item, all I would have to do is to change the following:

.primary-navigation ul ul {
		    background-color: #E74C3C;
		}

to

.primary-navigation ul ul {
		    background-color: #E74C3C;
			color: #FFFFFF;
		}

– Yet nothing happens. I suspect it’s because ‘.site-navigation‘ is mentioned first, thus ignoring the latter code, but I’m not quite sure what I’m doing wrong.

Hope it makes sense. Thanks for your time!