// Search

.search-intro {
  line-height: 1.3;
  padding-bottom: $base-padding-lite;
}

.search-header {
  display: block;
  width: 100%;
}

.search-wrapper {
  display: flex;
}

.search-container {
  display: block;
  padding-bottom: 20px;

  input[type="search"] {
    @include font-size(0.65);

    border-bottom-right-radius: 0;
    border-color: $gray-light;
    border-right: none;
    border-top-right-radius: 0;
    color: $gray-darkest;
    float: left;
    font-family: $base-font-family;
    height: 30px;
    margin: 0;
    padding: 0.42rem;
    width: 250px;

    @include respond-to(large-up) {
      @include font-size(0.75);
    }
  }

  .search-icon {
    background-color: $blue;
    border-radius: 0 $base-border-radius $base-border-radius 0;
    color: $white;
    cursor: pointer;
    height: 30px;
    padding: 0.42rem;
    width: 37px;
  }
}

.icon-search::before {
  background-image: $icon-search;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  content: '';
  display: inline-block;
  height: 1rem;
  padding-bottom: 0.1rem;
  width: 1rem;
}

.search-results-container {
  @include span-columns(8 of 8);
}

.search-result-list {
  @include span-columns(8 of 8);
  margin-bottom: $base-padding-extra;
}

.search-result-list-tag {
  display: inline-block;
}

.search-credit {
  @include span-columns(8 of 8);
}

.search-no-results {
  h2 {
    font-weight: $weight-book;
    margin-bottom: 0;
  }
}
