nav[class*="menu"] {

	li a {
		color: var(--linkInitialColor);
		--icon-color: var(--linkInitialColor);
	}
	
	li > a:hover {
		color: var(--linkHoverColor);
		--icon-color: var(--icon-hover-color, var(--linkHoverColor));
	}

	li > a.ct-highlight,
	li.current-menu-item > a {
		color: var(--linkActiveColor, var(--linkHoverColor));
		--icon-color: var(--icon-active-color, var(--icon-hover-color, var(--linkActiveColor, var(--linkHoverColor))));
	}

}


// old CSS
// nav[class*="menu"] {
	
// 	li > a:hover,
// 	> ul > li:hover > a {
// 		color: var(--linkHoverColor);
// 		--icon-color: var(--icon-hover-color, var(--linkHoverColor));
// 	}

// 	li > a.ct-highlight,
// 	li[class*="current-menu-"] > a {
// 		color: var(--linkActiveColor, var(--linkHoverColor));
// 		--icon-color: var(--icon-active-color, var(--icon-hover-color, var(--linkActiveColor, var(--linkHoverColor))));
// 	}
// }