I'm having a problem setting the color of the EZ-page footer bar links background on hover. No problem with the text, since it is selected in ZCA Bootstrap Colors. However the footer link background color on hover selection isn't listed there.
Footer EZ-Page Bar Background Color, EZ-Page Bar Link Color, EZ-Page Bar Link Color on Hover
I've tried defining it in my stylesheet with:
Code:
#ezpagesBarFooter a.nav-link:hover {
    color: #ffffff;
    background-color: #color of choice;
}
but it always displays the default color #33b5e5 for the hover background. The changes show up in my browser developer tool, but seem to be overridden when attempting to get the change to appear on my site. Any suggestions?

side note: Oddly, the "Button Color" option ZCA Bootstrap Colors does change the link background hover color in the EZ-pages footer (while changing button colors throughout the site as well).