Hello,
It might be late but
you may add this to your child-theme custom.css file :
#header .header-top a[data-depth="0"]{
color:#FFF;
}
This changes the menu link to white.
To add effect while hovering, use "hover" :
#header .header-top a[data-depth="0"]:hover{
color:#000;
text-decoration: underline solid #000;
}
This will change the color to black and underline it with black color while hovering on the link.
To change the sub-menu properties, just increase the "data-depth" by one :
#header .header-top a[data-depth="1"]{
color:#000;
}
This will change the submenu link to black.
If you need help for css properties, this may help : https://html-css-js.com/css/generator/font/
.png.022b5452a8f28f552bc9430097a16da2.png)