/*
  This file is used to style the greenhouse application form
  It should manually be uploaded to the greenhouse board config page.

  @TODO
  after this website goes live, we can instruct greenhouse
  to pull this stylesheet directly from the website
  ex: https://www.form3.tech/css/greenhouse-form.css
*/

body {
  color: #162440;
  font-family: roboto;
}

input,
select {
  color: #162440;
}

a {
  color: #5abdff;
}

#wrapper {
  padding: 0;
}

#application {
  background: #e2ebf3;
  padding: 0;
}

#main {
  padding: 0;
}

.grecaptcha-badge {
  display: none !important;
}

.heading {
  display: none;
}

.required-fields {
  display: none;
}

span.asterisk,
.field-error-msg {
  color: #ff6363 !important;
}

.field-error-msg img {
  display: none;
}

html body .field-error {
  border-color: #ff6363 !important;
}

body #submit_buttons input#submit_app {
  padding: 13px 24px;
  border-radius: 999999px;
  color: #162440;
  background-color: rgba(90, 189, 255, 1);
  text-shadow: none;
  line-height: 20px;
  font-family: mulish;
  font-weight: bold;
  font-size: 16px;
  transition: background-color 300ms ease;
}

body #submit_buttons input#submit_app:active,
body #submit_buttons input#submit_app:hover {
  background-color: rgba(90, 189, 255, 0.8);
}

span.asterisk {
  font-size: 1em !important;
}

#submission_received a {
  display: none;
}

#submission_received h1 {
  font-size: 20px;
  line-height: 28px;
}

@media (min-width: 1024px) {
  #submission_received h1 {
    font-size: 24px;
  }
}

body .attach-or-paste .link-container a,
body a.locate-me {
  color: #162440 !important;
}

.drop-zone {
  color: #162440;
  border-color: #162440;
  background: white;
}

#footer {
  display: none;
}