// Clean up the search page so that it has less unnecessary text
.bd-search-container {
  margin: 2em;

  #search-results {
    h2:first-child {
      display: none;
    }
  }
}

// Make the search buttons smaller so that it is centered properly
.search-button i {
  font-size: 1.1rem;
}

// The "clear search results" button
// Make it line up with our content better
div#searchbox {
  padding-right: 2rem;
  padding-left: 2rem;
  @media (max-width: $breakpoint-md) {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  p.highlight-link {
    // Remove the extra margin that is added
    @media (min-width: $breakpoint-md) {
      margin-left: 0;
      a {
        font-size: 1rem;
      }
    }
  }
}
