/* ==========================================================================
   Search
   ========================================================================== */

.sidebar-search .form-control {
  border: 1px solid transparent;

  &:focus {
    border: 1px solid $accent;
  }
}

/* Search Input
   ========================================================================== */

.search .form-control {
  @include anim(all);
  border: 1px solid transparent;
  font-size: 16px;
  font-family: $font-primary;
  font-weight: 600;

  .input-inner-icon-helper {
    @include anim(color);
  }

  &:focus {
    background: white;
    border-color: $accent;
  }

  &:focus + .input-inner-icon-helper {
    color: $accent;
  }
}

/* Search Results
   ========================================================================== */

#search-result-container {
  margin: 65px 0 0;
}

.search-result-summary {
  color: rgba($primary, .8);
  font-family: $font-primary;
  font-weight: 400;
  font-size: 24px;
  margin: 0 0 50px;
}

.search-result-icon {
  border-radius: 50%;
  float: left;
  text-align: center;
  height: 84px;
  width: 84px;
}

.search-result-icon span {
  color: white;
  font-size: 48px;
  position: relative;
  top: 19px;
}

.search-result-link {
  @include anim(color);
  color: rgba($primary, .8);
  display: block;
  font-family: $font-primary;
  font-weight: 700;
  font-size: 18px;
  margin-left: 104px;
}

.search-result-text {
  color: rgba($primary, .8);
  font-size: 14px;
  margin-left: 104px;
}

.search-result-text em {
  background: rgba($accent, .2);
  font-style: normal;
  padding: 0 2px;
}

@media (min-width: $screen-md-min) {
  .search {
    margin: 50px 0 0;
  }

  #search-result-container {
    margin-bottom: 65px;
  }
}