Header Font Color Issue

I am having an issue with my header. The font color of the menu items is set to be in white. It works correctly until I scroll down and the shrinking header shows up. For some reason, now the font color changes to grey. The same thing happens on the dropdown menu.

I want the active menu items to be #018db0 and the non active menu items to be white. I also want the hover color for menu items #018db0 Josue provided me some code before to accomplish this but it only seems to work at the top of the page. When I scroll down and the header shrinks it doesn’t work anymore. I believe it was part of the code below. Can you please provide me with some quick css to accomplish this? Thanks!

#top .av_header_transparency  #top .av_header_transparency .main_menu ul ul, #top .av_header_transparency .main_menu .menu ul li a{
    background: black !important;
}
#top .av_header_transparency .sub-menu a {
    border: 0 !important;
    box-shadow: none !important;
}

/* Menu item hover and current-menu-item color */
#top .av_header_transparency .av-main-nav li a:hover .avia-menu-text, #top .av_header_transparency .av-main-nav li.current-menu-item > a > .avia-menu-text{
    color: #018db0 !important;
}

/* Menu indicator color */
#top .av_header_transparency .avia-menu-fx{
    background: #018db0;
}