/* CSS for overriding Greenhouse.io styling  */
/* https://app.greenhouse.io/jobboard/config */

#logo {
  display: none;
}

#app_body {
  width: auto;
}

body div:first-child {
  padding: 0 !important;
}

hr {
  margin: 0 0 25px;
}

h1#board_title {
  font-size: 34px;
}

h1#board_title+h2 {
  margin-top: 20px;
}

h2 {
  margin: 40px 0 15px;
}

p, ul, div.opening {
  font-size: 16px;
  line-height: 140%;
}

ul {
  margin-bottom: 20px;
  li {
    margin-bottom: 8px;
  }
}

.button, #submit_app {
  color: #FFFFFF;
  text-shadow: none;
  background-color: #CD395C;
  font-weight: 600 !important;
  letter-spacing: .03em;
  background-image: none;
  font-family: "open sans", arial, sans-serif;
  transition: 0.3s ease-in-out all;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  border: 1px solid #CD395C;
  font-weight: 500;
  text-shadow: none;
  background-image: none;
  line-height: 32px;
  font-size: 16px;
  padding: 12px 16px 12px;
  line-height: 1;
}

.button:hover, #submit_app:hover {
  background-color: #A42E4A;
}

#application {
  max-width: 100%;
  background-color: #fff;
  margin-top: 20px;
}

#application .error {
  color: #15b5ac;
}

#application .locate-me {
  margin-top: 1em;
}

#application .attach-or-paste .link-container a,
#application .locate-me {
  font-size: 16px;
  font-weight: 400;
  padding: 12px 16px;
  border-radius: 4px;
}

#main_fields div.field input[type=text], 
#main_fields div.field textarea,
#custom_fields div.field input[type=text],
#custom_fields div.field textarea {
  border: 1px solid #acaeb3;
  border-radius: 4px;
  height: 52px;
  font-size: 16px;
  color: #191f28;
  font-family: "open sans", arial, sans-serif;
  padding: 15px;
}

#custom_fields div.field input[type=text] {
  margin-top: 15px;
}

#application #main_fields label,
#application #main_fields .required-fields,
#application #custom_fields label,
#application #custom_fields .required-fields {
  font-size: 16px;
  color: #191f28;
  font-family: "open sans", arial, sans-serif;
}

#application #main_fields label,
#application #custom_fields label {
  margin-bottom: 15px;
}

#application #main_fields label .asterisk,
#application #main_fields .required-fields .asterisk,
#application #custom_fields label .asterisk {
  color: #15b5ac;
}

#application .heading {
  display: none;
}

@media (max-width: 600px) {
  #application {
    width: auto !important;
  }

  #main_fields div.field label,
  #eeoc_fields div.field label {
    float: none !important;
    width: 100% !important;
    text-align: left !important;
    display: block !important;
  }

  #main_fields .field-error-msg {
    padding-left: 0 !important;
  }

  #main_fields div.field input[type=text],
  #main_fields div.field textarea,
  #eeoc_fields div.field input[type=text],
  #eeoc_fields div.field textarea {
    width: 100% !important;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
  }

  #custom_fields div.field input[type=text],
  #custom_fields div.field textarea {
    width: 100% !important;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
  }

  #resume_paste, #cover_letter_paste {
    margin-left: 0 !important;
  }

  div.required-fields {
    bottom: auto;
    left: auto;
    right: 30px;
    top: 30px;
  }
}