/**
 * @file
 * staff.css
 *
 * UPDATED: Alberni Design Jr - 2019-06-04
 * 
 * ADDED THRU `.theme`
 * 
 * FUNCTIONS:
 *  - Styling for the /contacts page
 ============================================================================ */
 
.staffs .view-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.views-row--staff,
.staffs .views-row--empty {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 33%;
  flex: 1 1 300px;
  padding: .5em 0 3em;
  text-align: center;
}

/* Name */
.staff__name {
  font-size: 1.5em;
  margin: 0.2rem 0;
}

/* Job Title */
.views-field-field-job-title {
  font-size: .9em;
  color: #333;
  margin: 0 0 1em;
}

/*
 * Lightbox Form
 */
.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;
}

.email-form .form-item-name {
  width: 49%;
  float: left;
}

.email-form .form-item-mail {
  width: 49%;
  float: right;
}

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

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

.email-form .ajax-progress-throbber .throbber {
  display: inline-block;
}