Mobile menu coloring

I have found multiple threads relating to this but I can’t figure out where I am having issues. I want the mobile menu sub menu items to be white as well. Below is what I have:

#footer .widget {font-size: 13px;}
#top .av_header_transparency #header_meta {border: none !important;}
.av_header_transparency .menu-item-top-level .avia-menu-text {color: white !important;}
.av_header_transparency .sub-menu .avia-menu-text {color: #282828!important;}
#about-events .desc_trig_outter .desc_trig {border: none !important; padding-top: 20px !important;height: auto !important;}
#about-events .featured {display: none !important;}

.av-subnav-menu a {font-weight: bold;text-transform: uppercase;color: white !important;font-size: 15px !important;}

#top .av-subnav-menu a {
font-size: 14px; }

#mobile-advanced {
    background: rgba(0, 0, 0, 0.9);
}
#mobile-advanced a{
    color: white;
}
#mobile-advanced a:hover, #mobile-advanced a:hover .avia-menu-text{
    background: inherit !important;
}
#mobile-advanced a:hover .avia-menu-text{
    color: skyBlue;
}

http://www.windycitycurling.dreamhosters.com/