.contact-form {
  padding: $size-large;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.25);
  background-color: $white;

  .btn {
    text-transform: uppercase;
  }

  label {
    span {
      svg {
        height: 15px;
        color: $danger;
      }
    }
  }
}

textarea {
  resize: vertical;
  min-height: 120px;
}

.message {
  text-align: center;
  padding: $size-large 0;

  p {
    font-size: 1.4rem;
  }

  svg {
    height: $size-large*1.5;
    margin-bottom: $size-medium;
  }

  &.success {
    svg {
      color: $primary
    }
  }

  &.error {
    svg {
      color: $danger
    }
  }
}

.contact-form-landing-wrapper {
  position: absolute;
  z-index: 10;
  width: 90%;
  right: 5%;
  bottom: 5%;
  @include media-breakpoint-up(lg) {
    width: 60%;
    bottom: unset;
  }
  @include media-breakpoint-up(xl) {
    width: 50%;
  }
}

.form-control {
  &:focus, &:active {
    border-color: $primary;
    outline: none;
    box-shadow: none;
  }
}