/* stylelint-disable block-no-empty */
/* stylelint-disable max-empty-lines */

:root {
  --fontFamily: "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Helvetica", "Arial", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  --widthMaxJobBoard: 950px;
  --colorNeutral900: #412A4C;
  --colorNeutral800: #564260;
  --colorNeutral700: #817187;
  --colorNeutral600: #95899B;
  --colorNeutral000: #FEFBFA;
  /*
   *  WARNING
   *  If you want to add/modify you need to make sure your changes work with the
   *  theme colors users can set in our admin section.
   */
  --colorAppBackground: #FEFBFA;
  --letterSpacingWide: 0;

}

/* A container for the application form. */
.ashby-application-form-container {
  background-color: #FEFBFA;
  box-shadow: none;
  margin-top: 10px;
}

/* A container for the failure message */
.ashby-application-form-failure-container {}

/* A container for the label and input on an application form. */
.ashby-application-form-field-entry {}

/* The description of each question on an application form. Will only show if a description is specified. */
.ashby-application-form-question-description {}

/* The title of each question on an application form. */
.ashby-application-form-question-title {
}

.ashby-application-form-question-title::after {
}

/* A single section on the Ashby application form. All questions will be wrapped in sections, though the default section may not have a title. */
.ashby-application-form-section-container {}

/* The header for an application form section, possibly containing a title and description. */
.ashby-application-form-section-header {}

/* The description for an application form section. May not exist if no description was specified. */
.ashby-application-form-section-header-description {}

/* The title for an application form section. May not exist for the default section. */
.ashby-application-form-section-header-title {
  color: darkorange;
}

/* The application submission button. Will have loading and hover states that should be tested. */
.ashby-application-form-submit-button {}

/* A container for the success message */
.ashby-application-form-success-container {}

/* The heading of a department, which can have many teams under it. */
.ashby-department-heading {}

/* The heading of a single team. */
.ashby-department-heading-level {}

/* A select box element for filtering the job board. */
.ashby-job-board-filter {
  height: 48px;
  padding-left: var(--spacingNormal);
}

/* The heading of the entire job board. */
.ashby-job-board-heading {}

/* The count of job postings on the job board. */
.ashby-job-board-heading-count {}

/* The container of the job posting details pane. */
.ashby-job-posting-brief {
  padding: 20px 22px 18px;
  border-radius: var(--borderRadiusControl) !important;
  border: 2px solid transparent !important;
  background: #fff !important;
}

.ashby-job-posting-brief:hover {
  border: 2px solid #2C1338 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  background: #fff !important;
}

/* The heading of a department name. Departments group teams. */
.ashby-job-posting-brief-department-heading {
  margin-left: 0;

}

/* The heading of a single team. */
.ashby-job-posting-brief-department-heading-level {}

/* The container for the details of the job posting, in the details pane. */
.ashby-job-posting-brief-details {
  margin-top: 4px;
}

/* The container for the list of job post briefings. */
.ashby-job-posting-brief-list {
  padding: 0 var(--spacingNormal) 0 calc(var(--spacingNormal) + var(--spacingSmall) - var(--spacingNormal));
}

/* The title of the job posting in the details pane. */
.ashby-job-posting-brief-title {}

/* Job posting left pane */
.ashby-job-posting-left-pane h2 {
  text-transform: uppercase;
  margin-top: 4px;
  margin-bottom: 4px;
}

.ashby-job-posting-right-pane h2 {
  margin-top: 40px !important;
  font-weight: 600;
  margin-bottom: 15px;
}

/* The heading of a job post */
.ashby-job-posting-heading {}

/* A container for any surveys specified for this application form. */
.ashby-survey-form-container {}