Search Bar Colors

Hi – I was wondering if you could help me with CSS to change the text color in the search bar. It is currently white on a white background. Link below.

CSS being used in header area:
.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
background-color: transparent;
}

#top #header #header_main .mega_menu_title a {
color: #ffffff;
}
#top #header #header_main .mega_menu_title a:hover {
color: #d6001d;
}
.av-masonry-entry .av-masonry-entry-title {
font-size: 32px !important; text-transform: uppercase;
}

#top #header #header_main .mega_menu_title a:hover {
text-decoration: none;
}

@media only screen and (max-width: 1024px) {
nav.main_menu {
display: block !important;
}
#avia-menu .menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
.footer_color { background-size: cover; }

.toggler.activeTitle {
border-bottom: 0;
}

.taglist a:hover, #top .taglist .activeFilter {
color: red;
}

.taglist a:hover, #top .taglist {
color: white;
}

.av-elegant-toggle .taglist a {
background: #fff;
border-radius: 4px;
padding: 5px 15px;
margin: 5px;
color: #333;
text-decoration: none;
}
.av-elegant-toggle .taglist { margin-bottom: 20px; }

.av-elegant-toggle .tag-seperator { display: none; }

@media only screen and (max-width: 767px) {
.av-elegant-toggle .taglist a {
line-height: 2.0em;
font-size: 0.9em;
padding: 3px 15px;
display: inline-block;
}
}