To change the background image of the navigation bar itself (it’s an image, not a color) . . . .
Look to file path –> /templates/ja_vintas/css/template.css
at line 943:
#ja-megamenu {
background: url("../images/bg-mainnav.png") repeat-x scroll left top rgba(0, 0, 0, 0);
height: 54px;
}
To change the text color of the navigation items themselves . . . . .
Look to file path –> /templates/ja_vintas/css/menu/mega.css
For the “active” and “hover” color, look to line 23:
.ja-megamenu ul.level0 li.mega a.mega:hover, .ja-megamenu ul.level0 li.mega a.mega:focus, .ja-megamenu ul.level0 li.mega a.mega:active, .ja-megamenu ul.level0 li.mega a.mega.active {
color: #622829
}
For the non-active state, look to line 16:
.ja-megamenu ul.level0 li.mega a.mega {
color: #F0E6DB
font-size: 125%;
font-weight: normal;
padding: 14px 25px 13px;
}
Hope that helps to point you in the right direction.
🙂