[Dawn Howard]

I'm having a hard time getting my sidebar menu to have the same hover effect as my top menu.

Here is the CSS I used:
.flyout-menu > li > a:hover,
.flyout-menu > li > a:focus {
color: #F4EFE7;
background-color: #00244D;
}

.flyout-menu > .active > a,
.flyout-menu > .active > a:hover,
.flyout-menu > .active > a:focus {
color: #F4EFE7;
background-color: #00244D;
}

The background color changes, but the li and text color does not.

https://test.duffystric.com/