Active menu font color

Hi !
I tried to custumize CSS to have black main menu background and white text, and white background and black text when active and hover.

It’s ok for hover, but can’t manage for hover –> background is white, but text also.
Have an idea ?

Website is on : http://icietla-magazine.com/ici-et-la-magazine-accueil2/

thanks a lot for your help
Math

I used this custom css but maybe a mistake ?

.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: #F5F5F5;
z-index: 999;
border-bottom : 2px solid black;
border-top: 2px solid black;
}

.td-header-menu-wrap .sf-menu > li > a:hover, .td-header-menu-wrap .sf-menu .current-menu-item > li > a:hover, .td-header-wrap .header-search-wrap .td-icon-search {
color: #000;
}
.td-header-menu-wrap .sf-menu > .current-menu-item > li > a, .td-header-menu-wrap .sf-menu .current-menu-item > li > a:hover, .td-header-wrap .header-search-wrap .td-icon-search {
color: #000;
}

Hello Catalin,

That’s the result i search for, but your custom css doesn’t solve the issue … 🙁

Hi ! It’s OK, issu solved.

thanks for your help ! 😉