/*
    This CSS only styled the search results section, not the search input
    It defines the basic interraction to hide content when displaying results, etc
*/
#book-search-input {
  background: inherit;
}
#book-search-results .search-results {
  display: none;
}
#book-search-results .search-results ul.search-results-list {
  list-style-type: none;
  padding-left: 0;
}
#book-search-results .search-results ul.search-results-list li {
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  /* Highlight results */
}
#book-search-results .search-results ul.search-results-list li p em {
  background-color: rgba(255, 220, 0, 0.4);
  font-style: normal;
}
#book-search-results .search-results .no-results {
  display: none;
}
#book-search-results.open .search-results {
  display: block;
}
#book-search-results.open .search-noresults {
  display: none;
}
#book-search-results.no-results .search-results .has-results {
  display: none;
}
#book-search-results.no-results .search-results .no-results {
  display: block;
}
#book-search-results span.search-highlight-keyword {
  background: #ff0;
}

#book-search-results .search-results-tags {
  display: inline-block;
}
#book-search-results span.search-results-tag-file {
  display: inline-block;
  background: #DFDFDF;
  margin: 0 14px;
  font-size: 0.8em !important;
  font-weight: normal;
  padding: 0 2px;
  border: #CCC solid 1px;
  border-radius: 10%;
  line-height: 1.2em;
}
.filter {
  margin-bottom: 20px;
}
.filter a {
  display: inline-block;
  padding: 10px 15px;
  margin-right: 10px;
  background-color: #eee;
  color: #333;
  text-decoration: none;
  border-radius: 3px;
}
.filter a:hover {
  background-color: #ddd;
}
.filter a.active {
  background-color: #333;
  color: #fff;
}