Hover over 1 parent element causes 2 child text elements to change colour

Hi,

I’ve built the following webpage using web flow:

https://talmora-portals.webflow.io/dashboard-3-copy

The read only link is:

https://preview.webflow.com/preview/talmora-portals?utm_medium=preview_link&utm_source=dashboard&utm_content=talmora-portals&preview=b181c6e1bf3055e31c1151c29bbc6ea5&mode=preview

Regarding the menu on the left hand side, the navigation is layed out as follows:

I’d like to do the following…when the mouse hovers over any “div block” in “nav bar”, then the respective 2 “nav links” should turn blue:

Nav link 1 - class: “nav bar icon”

Nav link 2 - class: “nav bar text”

I know how to do the following…when the mouse hovers over “nav link 1” or “nav link 2”, then turn the icon OR text blue.

What I haven’t been able to figure out is how to turn both “nav links” blue, when their parent element (“div block”) is hovered over.

Many thanks in advance!


Here is my public share link: LINK