.quick-search {
  display: flex;
  position: relative;
  background-color: #fff;
}

.quick-search--on-white-background {
  background-color: #ebebeb;
}

.quick-search__submit::before {
  content: attr(data-icon);
  vertical-align: -2px;
  font-weight: 400;
}

.quick-search__submit--has-text::before {
  font-size: 26.5px;
}

@media(max-width:650px) {
  [data-icon]>.quick-search__submit-text {
    display: none;
  }

  .quick-search__query::placeholder {
    opacity: 0;
  }
}

.quick-search__clear,
.quick-search__submit {
  background: 0 0;
  border: none;
  padding: 0 26px;
  text-align: center;
  font-family: inherit;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.quick-search__clear::after,.quick-search__submit::after {
  content: "";
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  width: 1px;
  display: inline-block;
  background: #dadada;
  position: absolute;
  left: 0;
}

.quick-search__clear {
  position: relative;
}

@media(orientation:portrait) {
  .quick-search__clear {
    display: none;
  }
}

.quick-search__query {
  background-color: transparent;
  height: 56px;
  box-sizing: border-box;
  width: 100%;
  padding: 0 1em;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  font-family: Merriweather,Icons,serif;
  font-style: italic;
}

@media(orientation:landscape) {
  .quick-search__query--clearable {
    padding-right: 120px;
  }
}

@media(max-width:650px) {
  .quick-search__link {
    display: none;
  }
}

.quick-search__link--noho:hover {
  text-decoration: none;
}

.quick-search__inner {
  flex-grow: 1;
  position: relative;
  display: flex;
}

.quick-search__inner::after,.quick-search__inner::before {
  content: "";
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  width: 1px;
  display: inline-block;
  background: #dadada;
  position: absolute;
  left: -1px;
}

@media(min-width:651px) {
  .quick-search__query::placeholder {
    color: #93939b;
  }

  .quick-search__link {
    line-height: 56px;
    padding: 0 1em;
    color: #000;
    font-weight: 500;
    font-size: 15px;
    white-space: nowrap;
    text-decoration: none;
    position: relative;
  }

  .quick-search__link+.quick-search__link::before {
    content: "";
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    width: 1px;
    display: inline-block;
    background: #dadada;
    position: absolute;
    left: -1px;
  }

  .quick-search__inner::after {
    left: auto;
    right: -1px;
  }
}

.quick-search__inner:last-child::after {
  display: none;
}

.quick-search__inner>[type=search]::-ms-clear {
  display: none;
}

@media(max-width:650px) {
  .quick-search__inner::after {
    display: none;
  }

  .quick-search__inner>[type=search]::placeholder {
    color: transparent;
  }
}