// Search form
.search-form {
  @extend .form-inline;
  label {
    font-weight: normal;
    @extend .form-group;
  }
  .search-field {
    &:focus {
      outline: none;
    }
  }
  .search-submit {
    @extend .btn;
    @extend .btn-secondary;
  }
}
// Custom styles
.search-box {
  &.centred {
    position: absolute;
    width: 80%;
    @include centre(y);
    padding: 0;
  }
  .search-form-container {
    background: transparent;
    margin: 0 $gutter;
    border-bottom: 1px solid white;
    @include media-breakpoint-up(md) {
      margin: 0;
    };
  }
  form {
    height: 100%;
    position: relative;
  }
  label {
    width: 90%;
    height: inherit;
    float:left;
    margin: 0;
    .search-field {
      width: 100%;
      background: transparent;
      border: none;
      padding: 5px $gutter / 2;
      color: white;
    }
  }
  input[type=search] {
    border: none;
    background: transparent;
    width: 100%;
    padding: $gutter / 3 $gutter;
    font-size: calc-em(12px);
  }
  .search-submit {
    position: absolute;
    right: 0;
    width: 30px;
    background: transparent;
    padding: 0;
    border: none;
    color: white;
  }
}
// Development responsive styles for main nav at header and mega.
// Use mobble to show/hide forms in production
div.search-box {
  display: none;
  @include media-breakpoint-up(lg) {
    display: block;
  };
}
li.search-box {
  display: block;
  @include media-breakpoint-up(md) {
    display: none;
  };
}
// NinjaForms
.nf-field-element input, .nf-field-element select, .nf-field-element textarea {
  border: 1px solid #CCC;
}
// mailchimp-signup
#nf-form-2-cont {
  @extend .border.horizontal;
}
// Bootstrap
.form-check-label {
  font-size: calc-em(13px);
}
.form-check-input {
  margin-right: .25rem;
}