@import "variables";
@import "mixins";

.searchform {
  box-sizing: border-box;

  .form-group {
    @include border-left-radius();
    box-sizing: border-box;
    float: left;
    height: 34px;
    display: block;
    width: calc(100% - 48px);
    border: 1px solid lightgray;
    border-right: 0;

    input {
      @include border-left-radius();
      padding-left: 10px;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      border: 0;

      &:focus {
        outline-color: transparent;
        outline-style: none;
      }
    }
  }

  button {
    @include border-left-radius(0);
    width: 48px;
  }
}