Reply To: Modifying the navigation color and font

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;
}