/****************************
 * Search
 * *************************/

body[data-type=search] main,
body[data-type=newSearch] main {
  background: #fff;
}
body[data-type=search] article > .search,
body[data-type=newSearch] article > search {
  margin: 2rem 20%;
}
body[data-type=search] article > .search .fieldset,
body[data-type=newSearch] article > search .fieldset {
  align-items: center;
}
body[data-type=search] article > .search .form-pair,
body[data-type=newSearch] article > search .form-pair {
  flex-basis: 80%;
  max-width: none;
}
body[data-type=search] article > .search input[type=text],
body[data-type=newSearch] article > search input[type=text] {
  display: block;
  font-size: 1.5rem;
  width: 100%;
}
@media (min-width: 800px) and (hover: hover), (min-width: 1024px) {
  body[data-type=search] .sidenav,
  body[data-type=newSearch] .sidenav {
    display: none;
  }
}
body[data-type=search] .content,
body[data-type=newSearch] .content {
  width: 100%;
}