// Postcode lookup
//
// This is postcode lookup
//
// Markup: postcode-lookup.twig
//
// Style guide: 20.1005

.form__row--address-lookup {

  #field-wrapper--addressSelect,
  .search-box {
    width: auto;
  }
  
  .search-box {
    .form__field--postcode {
      margin-left: 0;
      width: 100%;

      .form__field--text {
        @include span(6 no-gutters);

        @include breakpoint($screen-md) {
          @include span(7 no-gutters);
        }
      }

      .form__btn {
        @include span(6 wider no-gutters);

        @include breakpoint($screen-md) {
          @include span(5 wider no-gutters);
        }

        .form__btn--postcode {
          @extend .btn;
          @include border-radius(0);
          font-size: 16px;
          margin: 0 !important;
          padding: 15px 0;
          width: 100%;
          height: 50px;
          border: 0;
          color: $colour-white;
          background:$colour-persian-purple;
          -webkit-appearance: none;

          @include breakpoint($screen-md) {
            font-size: 18px;
            width: auto;
            padding-left: 15px;
            padding-right: 15px;
          }

          &:hover {
            background:$colour-persian-purple;
          }

          &.button-inactive {
            @extend .disable-button;
          }
        }
      }
      &:after {
        clear: both;
        content: " ";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden;
      }
    }
  }
  a.link {
    @extend .link--purple;
  }
}

.form__fieldset form__field--address-detail {
  @include span(12);
}
