.form-title
  display: block
  margin-bottom: 30px
  font-weight: 700

form

  +respond-to(small-mobile)
    padding: 0 20px

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

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

  .message
    font-size: 18px
    line-height: 1.2

    &.error
      color: $red

    &.global
      display: block
      padding: 10px
      margin-bottom: 20px
      background: lighten($red,40)
      border: 1px solid $red
      color: darken($red, 10)

.input-holder
  margin-bottom: 10px

  input[type="text"],
  input[type="email"],
  input[type="password"]
    padding: 0 10px
    width: 100%
    height: 40px
    border: 1px solid #ccc

    +roboto
    font-size: 16px

    +respond-to(small)
      height: 30px

  textarea
    padding: 10px
    width: 100%
    border: 1px solid #ccc

    +roboto
    font-size: 16px

    &.small
      height: 127px

  label
    display: block
    font-size: 18px

  select
    width: 100%
    font-size: 16px
    +roboto

  // input-holder with other classes
  &.radio
    margin-bottom: 20px

    label
      display: inline-block

  &.column-half
    width: 48%
    margin-right: 2%

    +respond-to(small-mobile)
      width: 100%
      margin-right: 0

    &.right
      margin-right: 0
      margin-left: 2%

      +respond-to(small-mobile)
        margin-left: 0

  &.error
    input[type="text"],
    input[type="email"],
    input[type="password"],
    textarea
      border: 1px solid $red