Since you’re using the blue theme, the code that adds the color is located on line 2648 in your css –
.insync-blue .site-title a,
.insync-blue .genesis-nav-menu a,
.insync-blue .site-header .genesis-nav-menu a,
.insync-blue .slider .entry-title a,
.insync-blue .plans .button {
color: #fff;
}
You can take out this line – .insync-blue .site-header .genesis-nav-menu a
and add it right under (or wherever you’re adding your customizations) –
.insync-blue .site-header .genesis-nav-menu a {
color: #888
}
You can also add a font-size to that same code above if you need to.
To change how it hovers, copy/paste the same code above and add :hover
on the end like this –
.insync-blue .site-header .genesis-nav-menu a:hover {
color: #000
}
To change the color of the hamburger/icon take a look around line 1965 in your css and change the color from there –
#responsive-menu-icon::before {
color: #fff;
content: "\f333";
font: normal 32px/1 'dashicons';
margin: 0 auto;
}