Hi jude,
Please go to ‘Appearance > customize > Design Option’ and paste the below Custom CSS code.
#access a:hover,
#access ul li.current-menu-item a,
#access ul li.current_page_ancestor a,
#access ul li.current-menu-ancestor a,
#access ul li.current_page_item a,
#access ul li:hover a,
#access ul li ul li a:hover,
#access ul li ul li:hover a,
#access ul li.current-menu-item ul li a:hover,
#access ul li.current_page_ancestor ul li a:hover,
#access ul li.current-menu-ancestor ul li a:hover,
#access ul li.current_page_item ul li a:hover,
#access ul li:hover ul li a:hover,
#access ul li ul li:hover ul li a:hover,
#access ul li.current_page_ancestor ul li.current_page_item a,
#access ul li.current-menu-ancestor ul li.current-menu-item a {
color: red;
}
#access a,
#access ul li.current-menu-item ul li a,
#access ul li.current_page_ancestor ul li a,
#access ul li.current-menu-ancestor ul li a,
#access ul li.current_page_item ul li a,
#access ul li:hover ul li a,
#access ul li ul li:hover ul li a {
color: blue;
}
Please change the color value to your desired one.
Thanks