Change menu indicator bar colour when mousing over menu selections

Hello again!

I have successfully (yay!) added the following Quick CSS to change the colour of my menu text, the indicator bar for currently selected page and the social media icons to black on my About page:

.page-id-191 .av_header_transparency .av-main-nav>li>a>span.avia-menu-text {
color: black !important;
}
.page-id-191 .av-main-nav li.current-menu-item a .avia-menu-fx{
background: black !important;
}
.page-id-191 .av_header_transparency .social_bookmarks a{
color: black !important;
}

However, I’m missing one piece of the jigsaw as the indicator bar when I mouse of the other menu selections is still white. How do I change this to black, too, please?

Thanks in advance,
Keith