Hi,
Please use the following code in your custom CSS:
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
color: white;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li:hover>a, .sp-megamenu-parent>li:hover>span{
color: #f0e68c!important;
}
The first portion of the code is for menu item color and the second portion is for menu item hover & active color. You can use any color you want!
Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Best Regards