Pufak on "how to edit a elements.style css submenu link color ?"

I get it .. here is the snippet in your child theme

/* START OF Change the Navbar Colors/Font/Size */
/* Adjust Menu (red) text color, (Garamond) font-family, (1.5em) font-size */
.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a {
display: inline;
color: red;
font-family: Garamond;
font-size: 1.3em;
padding: 5px 20px;
}
/* Adjust Menu colors - Normal */
.navbar .nav > li > a, .navbar .nav > li > a:first-letter {
color: black;
text-shadow: none;
}
/* Adjust Menu colors - Hover */
.navbar .nav > li > a:hover, .navbar .nav > li > a:hover:first-letter {
color: white;
text-shadow: none;
}
/* Adjust Menu colors - Active */
.navbar .nav > li > a:active, .navbar .nav > li > a:active:first-letter,
.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a,
.navbar .nav > li.current-menu-item > a:first-letter,
.navbar .nav > li.current-menu-ancestor > a:first-letter {
color: blue;
text-shadow: none;
}
/* Adjust dropdown Menu items (blue) text color, (yellow) shading and (green) border */
.dropdown-menu > li > a {
color: blue;
background: yellow;
border-bottom: 2px solid green;
}
.dropdown-menu > li > li > a {
color: blue;
background: red;
border-bottom: 2px solid green;
}
/* Remove the Hover/Focus Colors */
.navbar .nav > li.current-menu-item > a, .navbar .nav > li.current-menu-ancestor > a,
.navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
color: #5A5A5A;
}
/* END OF Change the Navbar Colors/Font/Size */

source
http://presscustomizr.com/snippet/change-navbar-colorsfontsize/