/* Text inputs: black field with the theme's brown-grey border. */

.input-text {
  position: relative;
  padding: 5px 4px;
  border: 1px solid #59534c;
  background-color: #000;
}

.input-text input {
  position: relative;
  width: 100%;
  border: none;
  background: transparent;
  font-size: 13px;
  color: #fff;
}

/*
 * Phones (below 768px; DECISIONS 84): 16px text in fields, so iPhones don't zoom in on focus, and
 * no native look: Safari on iPhones otherwise draws rounded, shaded fields and buttons over the
 * theme's black fields and medbuttons. (Drop-downs keep theirs, for the arrow.)
 */
@media (max-width: 767.98px) {
  .input-text input {
    font-size: 16px;
  }

  input:not([type='checkbox'], [type='radio'], [type='file'], [type='range']),
  textarea {
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
  }
}