//------------------------------------------------------------------------------------//
// FORMS / INPUTS
//------------------------------------------------------------------------------------//

input[type='text'],
input[type='email'],
input[type='url'],
input[type='number'],
input[type='submit'],
input[type='password'],
textarea,
select {
  font-family: inherit;
  outline: none;
  padding: 10px;
  font-size: inherit;
  font-weight: 500;
  background-color: $white;
  color: inherit;
  max-width: 100%;
  margin: 0;
  width: 100%;
  border-radius: 6px;
  display: block;
  appearance: none;
  border: 2px solid $gray-lighter;


  &:active,
  &:focus {
    box-shadow: none;
    outline: none;
    border: 2px solid $black;
  }


  &.big {
    font-size: 24px;
    padding: 20px;
  }
}

textarea {
  min-width: 100%;
}

select {
  box-shadow: none;
  padding: 5px 40px 5px 10px;
  position: relative;
  max-width: 300px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE3IDE3Ij4KPGc+CjwvZz4KCTxwYXRoIGQ9Ik0xNS44NTQgOC44NTRsLTcuMzU0IDcuMzUzLTcuMzU0LTcuMzUzIDAuNzA3LTAuNzA3IDYuMTQ3IDYuMTQ2di0xMy4yOTNoMXYxMy4yOTNsNi4xNDYtNi4xNDYgMC43MDggMC43MDd6IiBmaWxsPSIjMDAwMDAwIiAvPgo8L3N2Zz4K');
  background-position: center right 8px;
  background-size: 16px auto;
  background-repeat: no-repeat;
  min-width: 200px;
}