// Copyright (c) 2016 - 2022 Alex Grant (@localnerve), LocalNerve LLC
// Copyrights licensed under the BSD License. See the accompanying LICENSE file for terms.
//
// Styles for the Contact component

// import styles for supportive components
@import "steps";
@import "anim";
@import "result";
@import "nav";

.contact-form {
  label {
    display: block;
    padding-bottom: 0.2rem;
    font-size: larger;
  }
  input, textarea {
    color: #222;
  }
  .form-value-element {
    outline-color: $app-accent-light-bgcolor;
    width: 100%;
  }
}
.contact-intro {
  height: 2.2rem;

  // Set the min width only for not skinny phones
  @media only screen and (min-width: 350px) {
    min-width: rem-calc(328px);
  }
}
