Color choices of main menu when you hover

Hi support
I’m having som issues with my homepage.

When I hover over the elements of my main menu (such as the word “OM” – see my webpage), a couple of things happen, that I don’t want to happen.

First: The word “Om” changes to white/very light, so it dissapears. I would like it to just be a darker blue and to have a line under it such as I see in many enfold created sites like

Also under most main menu elements, there are submenus. What happens when I hover over the main elements, is that you see the submenu. But now the sub menu is in a black box and the titles of the submenu elements are in a dark blue (not very visible against the black) and the only become white when I hover over them. I don’t mind the black background (although I would prefer it to be blue), but I would like the elements to be white and readable at all times.

I have been struggling with this for days, and although I think, I’ve tried everything under both general styling and advanced styling, I just can’t get it to work. I simply just don’t know, where to look for the various elements like:

Main menu elements color when you hover
Background color of submenu elements when you hover
Color of submenu elements in hover state.

Can you please help me or guide me to a video tutorial? (I think I have looked at most things on youtube).

Kind regards, Camilla