Hi There,
Go to Appereance > Customizer > Typography and select the color of your site links and they this will be the same color as your site links.
If you want to have them in different color from from your site links:
To change the line above the menu add the following code to Appereance > Customizer > Custom > CSS:
.x-navbar .x-nav > li > a:hover, .x-navbar .x-nav > .current-menu-item > a {
-webkit-box-shadow: inset 0 4px 0 0 #17910D;
box-shadow: inset 0 4px 0 0 #17910D7;
}
To change the social icons:
.x-social-global a {
color: #000000;
}
.x-social-global a:hover {
color: #CC0000;
}
Hope that helps
Joao