Menu Issues on Parallax Frame

I recently changed the hover color for the items in my menu. Now though when I scroll the menu background continues to be transparent but I need it to change to black on scroll and can't seem to do it. Also I can't seem the change the hover color of the search icon. This is what I have in the Additional CSS section #header-featured-image .readmore a:hover, #header-featured-image .readmore a:focus { background-color: #a5ddea; border-color: #a5ddea; } .nav-primary .menu a { background-color: #fffff; color: #fffff; } .nav-primary .menu li a:hover, .nav-primary .menu li a:focus, .nav-primary .menu li:hover > a, .nav-primary .menu li:focus > a, .nav-primary .menu .current-menu-item > a, .nav-primary .menu .current-menu-ancestor > a, .nav-primary .menu .current_page_item > a, .nav-primary .menu .current_page_ancestor > a { background-color: #00000; color: #a5ddea; }