Menu Hover Colors

Hello,

I have changed the menu colors for my website using the following CSS:

.main-navigation, .main-navigation ul ul {
	background-color: #ff6700;}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	background-color: #003f91;}

.main-navigation .main-nav ul li   > a:hover {
	background-color: #003f91;}

.main-navigation .main-nav li[class*="current-menu-"]   > a:hover {
	background-color: #003f91;}

This has made it so the whole menu is orange. The current pages are selected blue and when I hover over other pages, they show blue as well** Sometimes. The sub-menu items are orange — I’d like them to be blue. Why is there grey sometimes? I’ve tried to “inspect” and search for this grey color code and I can’t find out what is making them grey…

Thank you!!!

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