/* --- MIXINS --- */
#orderform ul,
#contactform ul {
  display: table;
  padding-left: 0;
  width: 100%; }
  @media (max-width: 40rem) {
    #orderform ul,
    #contactform ul {
      display: block; } }
#orderform li,
#contactform li {
  display: table-row; }
  @media (max-width: 40rem) {
    #orderform li,
    #contactform li {
      display: block; } }
  #orderform li:hover,
  #contactform li:hover {
    background-color: #efefef;
    position: relative; }
#orderform label,
#contactform label {
  display: table-cell;
  text-align: right;
  padding-right: 1em;
  width: 10em;
  vertical-align: top;
  line-height: 1.8em;
  margin-bottom: 0.5em; }
  @media (max-width: 40rem) {
    #orderform label,
    #contactform label {
      display: block;
      width: auto;
      font-size: 0.8rem;
      margin-bottom: 0; } }
  @media (max-width: 40rem) {
    #orderform label,
    #contactform label {
      display: block; }
      #orderform label[for='form-address2'], #orderform label[for='form-address3'],
      #contactform label[for='form-address2'],
      #contactform label[for='form-address3'] {
        display: none; } }
#orderform input,
#orderform textarea,
#contactform input,
#contactform textarea {
  display: table-cell;
  height: 1.8em;
  width: 100%;
  line-height: 1.8em;
  margin-bottom: 0.25em;
  border: 1px solid #666;
  padding-left: 0.5em;
  font-weight: 800; }
  #orderform input::placeholder,
  #orderform textarea::placeholder,
  #contactform input::placeholder,
  #contactform textarea::placeholder {
    color: #888;
    font-weight: 400; }
  #orderform input[readonly],
  #orderform textarea[readonly],
  #contactform input[readonly],
  #contactform textarea[readonly] {
    background-color: transparent;
    border: none;
    color: #29ABE2; }
  #orderform input:hover,
  #orderform textarea:hover,
  #contactform input:hover,
  #contactform textarea:hover {
    background-color: white;
    border-color: black; }
  #orderform input:focus,
  #orderform textarea:focus,
  #contactform input:focus,
  #contactform textarea:focus {
    outline: 2px solid #29ABE2;
    border: none; }
#orderform .form-suffix,
#contactform .form-suffix {
  display: table-cell;
  width: 0.5em;
  text-align: left;
  vertical-align: top; }
  @media (max-width: 40rem) {
    #orderform .form-suffix,
    #contactform .form-suffix {
      display: none;
      position: absolute;
      right: 20px; } }
#orderform textarea,
#contactform textarea {
  height: 10em; }
#orderform button[type='submit'],
#contactform button[type='submit'] {
  margin-top: 1em;
  padding: 0.3em 1em;
  border-radius: 0.5em;
  font-size: 1.2rem;
  background-color: white;
  color: #00968c;
  font-weight: bolder;
  cursor: pointer;
  transition: background-color 300ms;
  border: 1px solid #00968c; }
  #orderform button[type='submit']:hover,
  #contactform button[type='submit']:hover {
    color: white;
    background-color: #00968c; }
#orderform button[disabled],
#contactform button[disabled] {
  color: silver;
  border: none; }
#orderform #note,
#contactform #note {
  font-size: 1rem;
  margin-top: 1em; }

/*# sourceMappingURL=form.css.map */