.search-results {
  background: $color-white;
  bottom: 0;
  left: 0;
  overflow: scroll;
  position: fixed;
  right: 0;
  top: 0;
  transform: scale(0);
  visibility: hidden;
  z-index: -99;
}

.searching {
  overflow: hidden;

  .search-results {
    transform: scale(1);
    visibility: visible;
    z-index: 19;
  }
}

.search-results > .container {
  background: $color-white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 8rem;

  @media screen and (min-width: 800px) {
    flex-direction: row;
  }
}

.search-header {
  flex: 0 0 40%;
  padding: 0 0 4rem;

  > * {
    max-width: 400px;
  }

  .search-header--description {
    color: $color-copy;
    font-size: 0.95rem;
    line-height: normal;
    margin-top: 0.5rem;
  }

  @media screen and (min-width: 700px) {
    padding: 0 0 4rem;

    .search-header--sticky {
      position: sticky;
      top: calc($header-height + 3rem);
    }
  }
}

.section-search-results {
  flex: 0 0 60%;
  padding: 0;

  @media screen and (min-width: 800px) {
    padding: 0 0 0 4rem;
  }

  .search-result {
    margin-bottom: 6rem;
    max-width: 600px;
  }

  .search-result--title {
    font-size: 2.5rem;
    line-height: 1.25;
    margin-bottom: 0.5rem;
  }

  .search-result--meta {
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
  }

  .search-result--date {
    color: $color-medium-dark;
    font-weight: 600;
  }

  .search-result--category {
    font-weight: 600;
    margin-left: 0.5rem;
  }

  .button.disabled {
    background-color: $color-medium-dark;
    cursor: initial;
  }

  .button.hidden {
    pointer-events: none;
    visibility: hidden;
  }
}

.ais-infinite-hits--showmore {
  margin-bottom: 2rem;
}

[data-category="Forestry"] {
  color: $color-brand;
}

[data-category="Jekyll"] {
  color: #ffcf55;
}

[data-category="Hugo"] {
  color: #54defd;
}

.search-results--stats #stats {
  margin-bottom: 1rem;
}
