.typeahead__dropdown > li.active > a, .typeahead__dropdown > li > a:focus, .typeahead__dropdown > li > a:hover, .typeahead__list > li.active > a, .typeahead__list > li > a:focus, .typeahead__list > li > a:hover { background-color: #337ab7 !important; color: white !important; } [class*="typeahead"] { font-size: 14px !important; } @media all and (min-width: 768px) { [class*="typeahead"] { font-size: 16px !important; } } input.js-typeahead, .typeahead__container button { height: auto !important; padding: 0.585em 1.3em !important; border: 0 !important; -webkit-box-shadow: inset 0 -2px 0 0 #bdbdbd !important; box-shadow: inset 0 -2px 0 0 #bdbdbd !important; } .typeahead__container button { background-color: rgba(0, 0, 0, 0.1) !important; color: #fff !important; font-weight: 700 !important; -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25) !important; box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25) !important; border-bottom-right-radius: 4px !important; -webkit-transition: all 200ms ease; transition: all 200ms ease; } .typeahead__container button:hover { color: #fff !important; background-color: rgba(0, 0, 0, 0.25) !important; -webkit-box-shadow: inset 0 -2px 0 0 #616161 !important; box-shadow: inset 0 -2px 0 0 #616161 !important; } .typeahead__container button:active { background-color: rgba(0, 0, 0, 0.3) !important; } .typeahead__search-icon { padding: 0.711em 1.3em !important; background: url("../images/search.svg") no-repeat scroll 50% transparent !important; } .typeahead__search-text { display: none !important; } @media all and (min-width: 992px) { .typeahead__search-icon { display: none !important; } .typeahead__search-text { display: block !important; } } .typeahead__display, .typeahead__button, input.js-typeahead { font-family: 'Open Sans', Helvetica, Arial, sans-serif !important; } @media all and (max-width: 991px) { .typeahead__dropdown, .typeahead__list { top: initial !important; bottom: 100% !important; } } .typeahead__field { display: block !important; width: auto !important; } .typeahead__field > * { display: inline-block !important; width: auto !important; } .typeahead__result-custom { position: absolute; top: 0px; bottom: 0; left: 0; right: 0; height: 100%; display: block; z-index: -1; }