Brine 7.0 - I want to change colour of secondary nav on product page using the Page Header Code Injection

Site URL: https://thebikecompany.co.uk/kids-bikes-in-store-now/frog-44-pink

Brine 7.0 - I want to change colour of secondary nav on product page using the Page Header Code Injection. Secondary Nav is white across site overlaying a background image. On the product page there is no option to had a background banner so the secondary nav is not visable: White text / White Background. I wish to change sendary nav to visible colour using CSS code.

Add to Design > CUSTOM CSS

/* Product secondary items color */
body.collection-type-products.view-item .Header-nav--secondary * {
    color: black !important;
}