.form
  display: block
  width: 100%
  max-width: 560px
  padding: 40px 0
  font-size: 1rem
  line-height: 1.2

  .form-element
    position: relative
    margin-bottom: 25px

    .error-message
      display: none
      position: absolute
      right: 0
      top: 0px
      color: $orange
      font-size: 0.65rem
      text-transform: uppercase
      font-weight: semi-bold()

      &.active
        display: block


    label, p.label
      display: block
      margin-bottom: 5px
      color: $broosYellow
      font-size: 0.7em
      font-weight: semi-bold()
      text-transform: uppercase

    input, textarea
      display: block
      width: 100%
      background-color: white
      padding: 15px 20px

      border: 1px transparent solid
      font-size: 0.8em
      font-weight: semi-bold()
      color: $broosDarkBlue

      &.alert
        border-color: $red
        border-width: 3px

      &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus, &:-webkit-autofill:active
        transition: 9999s background-color
        -webkit-text-fill-color: $broosDarkBlue
        transition-delay: 9999s

      &:focus
        box-shadow: none
        outline: none

    textarea
      min-height: 152px
      resize: vertical

    &.select
      p.label
        margin-bottom: 8px
      .select-wrapper
        position: relative
        display: block

      .icon
        position: absolute
        right: 10px
        top: 26px
        display: inline-block
        width: 0
        height: 0
        border-style: solid
        border-width: 5px 6px 0 6px
        border-color: $black transparent transparent transparent
        opacity: 0.3
        pointer-events: none

      select
        display: block
        width: 100%
        +appearance(none)
        border: 1px transparent solid
        border-radius: 4px
        background-color: white
        padding: 15px 20px

        font-size: 0.8em
        font-weight: semi-bold()
        color: $broosDarkBlue

        &:focus
          box-shadow: none
          outline: none

  .submit
    margin-top: 20px

    input
      display: none