input[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
input[type=search] {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0;
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-sizing: border-box;
color: #333;
font-size: .97em;
height: 2.2em;
max-width: 100%;
padding: 0 .75em;
transition: color .3s,border .3s,background .3s,opacity .3s;
vertical-align: middle;
width: 100%
}
.searchform .flex-row {
align-items: center;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
width: 100%;
}
.searchform .flex-grow {
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto!important;
flex: 1;
}
.searchform-wrapper form {
margin-bottom: 0
}
.mobile-nav>.search-form,.sidebar-menu .search-form {
padding: 5px 0;
width: 100%
}
.form-flat .search-form-categories {
padding-right: 5px
}
.searchform-wrapper:not(.form-flat) .submit-button,.widget_search .submit-button {
border-bottom-left-radius: 0!important;
border-top-left-radius: 0!important
}
.searchform {
position: relative
}
.searchform .button.icon {
margin: 0
}
.searchform .button.icon i {
font-size: 1.2em
}
.searchform-wrapper {
width: 100%
}
.searchform-wrapper.form-flat .submit-button.loading .icon-search {
opacity: 0
}
.searchform-wrapper.form-flat .submit-button.loading:after {
border-color: currentColor
}
.searchform-wrapper.form-flat .flex-col:last-of-type {
margin-left: -2.9em
}
@media(max-width: 849px) {
.searchform-wrapper {
font-size:1rem
}
}
.searchform-wrapper .autocomplete-suggestions {
-webkit-overflow-scrolling: touch;
max-height: 50vh;
overflow-y: scroll;
overflow-y: auto
}
.header .search-form .autocomplete-suggestions,.header-block .autocomplete-suggestions {
max-height: 80vh
}
.live-search-results {
background-color: hsla(0,0%,100%,.95);
box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
color: #111;
left: 0;
position: absolute;
right: 0;
text-align: left;
top: 105%
}
.header li .html .live-search-results {
background-color: transparent;
box-shadow: none;
position: relative;
top: 0
}
.autocomplete-suggestion {
align-items: center;
border-bottom: 1px solid rgba(0,0,0,.05);
cursor: default;
display: flex;
padding: 10px .75em
}
.autocomplete-suggestion .search-name {
flex: 1
}
.autocomplete-suggestion img {
border-radius: 99px;
display: inline-block;
height: 40px;
margin-right: 10px;
width: 40px
}
.autocomplete-suggestion img+.search-name {
margin-top: -.15em;
padding-left: .5em
}
.autocomplete-suggestion .search-price {
font-size: .8em;
margin-left: 5px;
padding-top: 3px
}
.autocomplete-suggestion:last-child {
border-bottom: none
}
.autocomplete-selected {
background-color: rgba(0,0,0,.05)
}
#search-lightbox {
font-size: 1.5em;
margin: 0 auto;
max-width: 600px
}
.z-top {
z-index: 9995;
}
.search-type { color: #888; }