Changing the colour of menu items

Hi, I'm building my site in 7.1 and I have problem with colours on menu items and dropdown navigation items.

All menu items are as per my site chosen colours and the dropdown navigation items also match this.  What I'd like to be able to do is whenever you hover over a menu item or a dropdown menu item, the selection that you're hovering over changes the text colour to blue.

Any solutions would be appreciated. Thanks.

Add to Home > Design > Custom CSS

.header-nav-item:hover a {
    color: red !important;
}
/* folder */
.header-nav-folder-item:hover a {
    color: red !important;
}