How to change font of mobile search bar input text

Site URL: http://marshallarachnids.com

Hello!

My desktop site looks great, but on mobile, the search bar is nestled inside of the header navigation menu and has the same font as the header text, which is hard to read in the search bar. Is there a way to exclude the search bar font from this, or change it?

Hi. Add to Design > Custom CSS

/* mobile search font */
div.header-menu-nav input.search-input.hover-effect {
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}