.input-holder
  margin-bottom: 10px

  input,textarea
    padding: 0 10px
    width: 100%
    background: none
    border: 1px solid #B5C1C7

    font-family: 'freight-sans-pro', sans-serif
    font-feature-settings: 'lnum'
    font-size: $baseFontSize
    font-weight: book()

    -webkit-appearance: none

    &[type="text"]
      height: 40px

    &::-webkit-input-placeholder, /* WebKit, Blink, Edge */
    &:-moz-placeholder, /* Mozilla Firefox 4 to 18 */
    &::-moz-placeholder, /* Mozilla Firefox 19+ */
    &:-ms-input-placeholder, /* Internet Explorer 10-11 */
    &::-ms-input-placeholder, /* Microsoft Edge */
    &::placeholder
      color: lighten($black,70)

  textarea
    padding: 5px 10px
    resize: vertical
    height: 200px
    min-height: 200px

  label
    display: block
    color: $bodyText
    font-weight: 600
    font-size: .8rem

  &.error

    input,textarea
      border-color: $warning

    label
      display: none

    .message
      display: block
      color: $warning

  &.honey
    position: fixed
    top: -50px
    height: 20px
    width: 100%

.error-message, noscript
  display: block
  font-size: 0.75rem
  color: $red

// Submit button
input[type="submit"]
  position: relative

  display: inline-block
  min-width: 240px
  height: 60px
  padding: 0 20px
  margin-top: 20px

  background: #fff
  border-radius: 4px
  border: 2px solid $blue
  color: $blue

  font-family: 'freight-sans-pro', sans-serif
  font-size: $baseFontSize
  line-height: 55px
  font-weight: semibold()
  cursor: pointer
  +transition(all 200ms ease-out)

  -webkit-appearance: none

  &:hover
    border-color: #fff
    color: #fff
    background: $blue

    &:before
      right: 18px
      +sprite(-40px -35px)

  &:before
    position: absolute
    top: 22px
    right: 23px

    width: 14px
    height: 14px

    content: ''
    +sprite(-20px -35px)
    +transition(right 200ms ease-out)