/**
 * @file
 * email-form.css
 * 
 * Styling for an form with Name, Email, Subject, & Message
 * 
 * -------------------------------------------------
 * 
 * Attached typically through webform source:
@code
'#attached':
  library:
    - letsgo/email-form
'#attributes':
  class:
    - email-form
@endcode
 *
 ============================================================================ */

.email-form {
  max-width: 40em;
}

.email-form input,
.email-form textarea {
  width: 100%;
  padding: .3em .5em;
  color: #000;
}

.email-form .form-item {
  margin: 0 0 1em;
}

@media (min-width: 30em) {
    
    .email-form .form-item-name {
      width: 49%;
      float: left;
    }
    
    .email-form .form-item-email {
      width: 49%;
      float: right;
    }
}

.email-form .form-item-message textarea {
  max-width: 100%;
  min-height: 10em;
}

.email-form .form-submit {
  max-width: 8em;
}