// ----------- Forms - Default

/* 

THIS FILE IS CURRENTLY NOT INCLUDED IN OUR BUILD 
WE ARE USING FORMHACK.IO INSTEAD
_addon.form-hack.scss

*/

label {
  font-family: $sans; 
  font-size: $label-font-size; 
  line-height: $label-line-height; 
  color: $label-color;
  cursor: pointer;
  display: block;
  font-weight: normal; 
  margin: $label-margin; 
  padding: 0; 
}
label.error { color: $label-error-color; }

/* all placeholders */
::-webkit-input-placeholder { color: $placeholder-color; } 
          :-moz-placeholder { color: $placeholder-color; } 
         ::-moz-placeholder { color: $placeholder-color; } /* firefox 19+ */
     :-ms-input-placeholder { color: $placeholder-color; } /* ie */

select::-ms-expand { display: none; }

// Inputs
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  background-color: $input-background-color;
  font-family: $input-font-family;
  border: $input-border; 
  box-shadow: none; 
  outline: none !important; 
  color: $input-color; 
  display: inline-block;
  font-size: $input-font-size; 
  //line-height: normal; line height setting throws off the placeholder positioning
  margin: $input-margin;
  padding: $input-padding; 
  width: $input-width;
  @include bbox; 
}
textarea { 
  line-height: $textarea-line-height;
  height: $textarea-height; 
}

// Inputs - hover
input[type="text"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="month"]:hover,
input[type="week"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
input[type="color"]:hover,
textarea:hover {
  box-shadow: none;
  border: $input-border-hover; 
  outline: none !important; 
}

// Inputs - focus
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
  box-shadow: none;
  border: $input-border-focus; 
  outline: none !important; 
}

// Inputs - disabled
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
  border-color: #eee; 
  background-color: #eee; 
  outline: none !important; 
}
input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly], fieldset[disabled]
input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly], fieldset[disabled]
input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly], fieldset[disabled]
input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly], fieldset[disabled]
input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly], fieldset[disabled]
input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly], fieldset[disabled]
input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly], fieldset[disabled]
input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly], fieldset[disabled]
input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly], fieldset[disabled]
input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly], fieldset[disabled]
input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly], fieldset[disabled]
input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly], fieldset[disabled]
input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly], fieldset[disabled]
input[type="color"],
textarea[disabled],
textarea[readonly], fieldset[disabled]
textarea {
  border-color: #eee; 
  background-color: #eee; 
  outline: none !important; 
}

// Inputs - radius & rounded corners
input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
input[type="color"].radius,
textarea.radius {
  @include border-radius($input-radius); 
}
input.rounded { 
  @include border-radius($input-rounded); 
}

// remove webkit button styles
input[type="submit"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0px; 
}
// Respect enforced amount of rows for textarea
textarea[rows] { height: auto; }

select {
  -webkit-appearance: none !important;
  -webkit-border-radius: 0px;
  background-color: $select-background-color;
  // down arrow
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: 98% center;
  background-repeat: no-repeat;
  background-size: 16px 20px;
  border: $select-border;
  margin: $select-margin; 
  padding: $select-padding; 
  font-family: $select-font-family; 
  font-size: $select-font-size; 
  color: $select-color; 
  line-height: $select-line-height; 
  border-radius: 0; 
  outline: none !important; 
  width: $select-width; 
  display: block !important;
}

  select.radius {
    border-radius: 3px; 
    outline: none !important; 
  }
  select:hover {
    background-color: $select-background-color;
    border: $input-border-hover; 
    outline: none !important; 
  }
  select:disabled {
    background-color: #dddddd;
    cursor: default;
    outline: none !important; 
  }

input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: $input-check-margins; 
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.125rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; 
}

// Normalize file input width
input[type="file"] { width: 100%; }

// fieldset styling
fieldset {
  border: $fieldset-border; 
  margin: $fieldset-margin; 
  padding: $fieldset-padding; 
  width: 100%; 
  @include bbox; 
}
fieldset legend { 
  background-color: $fieldset-background-color;
  padding: $fieldset-legend-padding;
  margin: $fieldset-legend-margin; 
  font-family: $fieldset-legend-font-family; 
  font-weight: $fieldset-font-weight;
}

/* Error Handling
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }
[data-abide] span.error, [data-abide] small.error {
  display: none; }
*/

input.error, 
textarea.error { border-color: red; }

span.error, small.error {
  display: block; 
  padding: 0.5rem; 
  margin-bottom: 1rem; 
  font-size: 0.75rem; 
  font-weight: bold; 
  font-style: italic; 
  background: red; 
  border: 1px solid red;
  color: white; 
}

/*
.error input,
.error textarea,
.error select {
  margin-bottom: 0; }
.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem; }
.error label,
.error label.error {
  color: #c60f13; }
.error small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }
.error > label > small {
  color: #676767;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline; }
.error span.error-message {
  display: block; }
*/

input.error,
textarea.error,
select.error {
  margin-bottom: 0!important;
}

// ----------- /Forms - Default