// Search
.search {
  max-width: 400px;
  width: 100%;

  .search-content {
    align-items: center;
    display: flex;
    border: 2px solid $primary;
    padding: 7px 10px;
    margin: 0 auto;
    @include border-radius(5px);

    .form-control {
      background: transparent;
      border: none;
      color: white;
      height: 25px;
      padding: 0;
      width: 100%;

      &:hover,
      &:focus {
        box-shadow: none;
        outline: 0px;
      }
    }

    button {
      border: none;
    }
  }

  @media (max-width: $medium) {
    max-width: 100%;
    margin-top: 10px;
  }
}

.box-search {
  align-items: center;
  display: flex;
  -webkit-border-radius: 0;
  padding: 5px 10px;
  height: 40px;
  width: 100%;
  border: 1px solid #d5dbdb;
  background: white;

  .form-control {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background: transparent;
    border: none;
    padding: 0;
    width: 100%;

    &:hover,
    &:focus {
      box-shadow: none;
      outline: 0px;
      border: none;
    }
  }

  button {
    border: none;
  }
}