/*
    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 {
    color: #0075b0;
  }
  #book-search-results.search-plus .search-results .has-results .search-results-item {
    color: inherit;
  }
  
  #book-search-results .search-results .has-results .search-results-item a {
      color: #212121; 
  }
  #book-search-results .search-results .search-results-item > p {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
  }
  
  #book-search-results .search-results .search-results-title {
      text-align: left;
      opacity: 1;
  }
  #book-search-results .search-results-title .search-result-t {
      font-size: 18px;
      color: #212121;
      font-weight: bold;
  }
  #book-search-results .search-results-title .search-results-count {
      font-size: 14px;
      color: #a2a2a2;
      display: inline-block;
      margin-left: 10px;
  }