/**
 * @file
 * email-form.css
 * 
 * Styling for an form with Name, Email, Subject, & Message
 * 
 * -------------------------------------------------
 * Updated: Alberni Design Jr - 2019-04-08
 * 
 * Attached thru `.theme`
 *
 ============================================================================ */
.email-form input,
.email-form textarea,
.email-form select {
  width: 100%;
  padding: .3em .5em;
  color: #000;
}

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

@media (min-width: 40em) {
  .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;
}