/* stylelint-disable -- Linting is not necessary for this file */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
  /*
  We recommend you change these values to match your brand.
  The light color has an opacity of .1, do not modify that
  */
  --primary-brand-color: #2071a7;
  --light-primary-brand-color: rgba(53, 116, 214, .1);

  /* We recommend not changing these colors */
  --full-page-background-color: #ffffff;
  --application-background-color: #ffffff;
  --footer-color: #F3F3F3;
  --main-text-color: #222222;
  --sub-header-color: #666;
  --link-color: #2071a7;
  --field-border-color: #E1E1E1;

  --button-bg-color: #d24600;
  --button-bg-color-hover: #b93e00;
}

html,
body {
  background-color: var(--full-page-background-color);
  color: var(--main-text-color);
  font-family: "Roboto",
    "Helvetica",
    BlinkMacSystemFont,
    -apple-system,
    "Segoe UI",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    "Arial",
    sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

a {
  color: var(--link-color);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 1.2 !important;
  margin-top: 0px;
  margin-bottom: 1.5rem;
}

h2 { font-size: 1.75rem }
h3 { font-size: 1.25rem }

p,
li {
  line-height: 1.5 !important;
}

p {
  margin-top: 0px;
  margin-bottom: 1rem;
}

#wrapper,
#main {
  margin: 0;
  padding: 0;
  max-width: 100%;
  width: 100%;
}

#app_body {
  padding: 0 !important;
}

#header,
#content {
  max-width: 625px;
}

/* hide logos, Zcom's header & footer handle this */
#main #logo,
#main #app_body .logo-container {
  display: none;
}

/* hide child level-1 and level-2 headings */
#main section > h5 {
  display: none !important;
}

#app_body .app-title {
  margin-bottom: .5rem;
}

/* remove the tiers of children */
#main section .child.level-2 {
  margin-left: 0;
}

#main section.level-0 {
  margin: 2rem 0;
}

.accessible .level-0 h3 {
  border-bottom: 1px solid var(--field-border-color);
  padding-bottom: .5rem;
}

.accessible .filter-container {
  height: auto;
  margin-bottom: 1rem;
}

#filter-count h3 {
  font-size: 1rem;
  font-weight: 400;
}

.opening a {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

#embedded_job_board_wrapper {
  padding: 0 !important;
}

#embedded_job_board_wrapper h1,
#embedded_job_board_wrapper #content {
  display: none;
}

/* Style application button */
#application #submit_app {
  background: var(--button-bg-color);
  font-family: "Roboto",
    "Helvetica",
    BlinkMacSystemFont,
    -apple-system,
    "Segoe UI",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    "Arial",
    sans-serif;
  font-size: 1rem;
  text-shadow: none;
}

#application #submit_app:hover {
  background: var(--button-bg-color-hover);
}

/* Form Overrides */

.filter-container .filter-label {
  margin-bottom: .75rem;
}

#main_fields div.field label,
#custom_fields div.field label,
#demographic_questions div.field label,
#eeoc_fields div.field label {
  font-size: .875rem;
}

.attach-or-paste .unstyled-button.link-button {
  color: var(--link-color);
  font-size: .875rem;
}