collapsed buddypanel fontawesome hover color

[Daniel]

I can’t figure out the CSS for the font awesome hover color that changes on mouseover when the buddypanel is collapsed. setting in customizer doesnt work so i need to override in custom CSS. attached screenshot of your demo site for the element i’m talking about.

[Alyssa]

@danielw1nk a bit complex, I understand, add this to custom.css:
.tablet .menu-panel #nav-menu > ul > li.dropdown > a:before, .tablet .menu-panel .bp_components ul li ul li.menupop.dropdown > a:before, body:not(.tablet) .menu-panel .screen-reader-shortcut:hover:before, body:not(.tablet) .menu-panel #nav-menu > ul > li:hover > a:before, body:not(.tablet) .menu-panel .bp_components ul li ul li.menupop:hover > a:before{color:blue;}