@import url('https://fonts.googleapis.com/css2?family=Doto:wght@100..900&display=swap');

/* Add font-face declarations with absolute URLs */

@font-face {
  font-family: 'Suisse Neue';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('https://www.guild.ai/fonts/SuisseNeue-Light-WebS.woff2') format('woff2');
}

@font-face {
  font-family: 'Suisse Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://www.guild.ai/fonts/SuisseNeue-Light-WebS.woff2') format('woff2');
}

@font-face {
  font-family: 'Suisse Neue';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://www.guild.ai/fonts/SuisseNeue-Light-WebXL.woff2') format('woff2');
}

@font-face {
  font-family: 'Syndicat Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://www.guild.ai/fonts/SyndicatGrotesk-Regular.woff2') format('woff2');
}

:root {
  --fontFamily:
    'Suisse Neue', 'Syndicat Grotesk', 'Montserrat', 'Whitney SSm', '-apple-system',
    'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', 'Apple Color Emoji', 'Segoe UI Emoji',
    sans-serif;
  --borderWidthBold: 1px;
  --widthMaxJobBoard: 1340px;

  /*
   *  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: #f8f8f7;
  --colorPrimary900: #000 !important;
  --colorPrimary600: orange;
  --colorNegative200: #fce8e8;
  --colorPositive200: #eafcec;
  --colorWarning800: #8c6d1f;
  --colorWarning600: #f4ca64;
  --colorNegative600: #dc3030;
  --colorPositive600: #29b458;
  --colorWarning900: #5c4813; */
}

/* A container for the application form. */
.ashby-application-form-container {
  box-shadow: none !important;
  border: none !important;
}

/* 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 {
  margin-bottom: 40px !important;
}

/* 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 {
}

/* The application submission button. Will have loading and hover states that should be tested. */
.ashby-application-form-submit-button {
  margin-top: 0px !important;
  width: calc(100% - 32px);
  margin: 0 16px;
}

/* 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 {
  margin-top: 60px;
  margin-bottom: 40px;
}

/* The heading of a single team. */
.ashby-department-heading-level {
  color: #000;

  font-family: 'Suisse Neue';
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%; /* 24px */
  letter-spacing: -1.2px;
  -webkit-font-smoothing: antialiased;
}

.ashby-job-board-filters-label {
  color: #000;

  font-family: 'Syndicat Grotesk';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 96%; /* 13.44px */

  opacity: 0.5;
}

/* A select box element for filtering the job board. */
.ashby-job-board-filter {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);

  padding: 20px;

  color: #7c7b7a;
  font-family: 'Syndicat Grotesk';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

/* The heading of the entire job board. */
.ashby-job-board-heading {
  color: #000;
  font-family: 'Suisse Neue';
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%; /* 36.4px */
  letter-spacing: -0.84px;
  -webkit-font-smoothing: antialiased;
}

/* 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 {
  border-radius: 10px;
  padding: 20px;

  box-shadow: none !important;

  transition: background 0.2s ease;
}

.ashby-job-posting-brief:hover {
  background: #f8f6f3;
}

/* The heading of a department name. Departments group teams. */
.ashby-job-posting-brief-department-heading {
}

/* 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 {
  color: rgba(0, 0, 0, 0.6);

  margin-top: 8px;

  font-family: 'Syndicat Grotesk';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 23.4px */
  letter-spacing: -0.18px;
  -webkit-font-smoothing: antialiased;
}

/* The container for the list of job post briefings. */
.ashby-job-posting-brief-list {
}

/* The title of the job posting in the details pane. */
.ashby-job-posting-brief-title {
  color: #000;
  font-feature-settings:
    'liga' off,
    'clig' off;
  font-family: 'Syndicat Grotesk';
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 35.2px */
  letter-spacing: -0.22px;
  -webkit-font-smoothing: antialiased;
}

/* The heading of a job post */
.ashby-job-posting-heading {
  color: #000;

  font-family: 'Suisse Neue';
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%; /* 36.4px */
  letter-spacing: -0.84px;
  -webkit-font-smoothing: antialiased;
}

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

/* JOB DETAIL PAGE */
.ashby-job-board-back-to-all-jobs-button {
  color: #000;
  font-feature-settings:
    'liga' off,
    'clig' off;
  font-family: 'Syndicat Grotesk';
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 35.2px */
  letter-spacing: -0.22px;

  transition: opacity 0.2s ease;
  border: none !important;
  box-shadow: none !important;

  margin-left: 10px;
  margin-bottom: 10px;
  -webkit-font-smoothing: antialiased;
}

.ashby-job-board-back-to-all-jobs-button:hover {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #000;

  opacity: 0.8;
}

.ashby-job-board-back-to-all-jobs-button svg {
  fill: #000 !important;
}

.ashby-job-posting-left-pane {
  box-shadow: none !important;
  border: none !important;
}

@media (min-width: 768px) {
  .ashby-job-posting-left-pane {
    margin-top: 130px !important;
    padding-right: 50px;
  }
}

.ashby-job-posting-left-pane h2 {
  color: #000;

  font-family: Doto;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 96%; /* 11.52px */
}

.ashby-job-posting-left-pane p {
  color: #000;
  font-feature-settings:
    'liga' off,
    'clig' off;
  font-family: 'Syndicat Grotesk';
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 35.2px */
  letter-spacing: -0.22px;
}

.ashby-job-posting-right-pane nav + div {
  box-shadow: none !important;
}

.ashby-job-posting-right-pane nav {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 20px;
  gap: 10px;

  margin-left: var(--spacingNormal);
  margin-right: var(--spacingNormal);

  box-shadow: none !important;
}

.ashby-job-posting-right-pane-tab-slider {
  display: none !important;
}

.ashby-job-posting-right-pane nav a {
  width: auto;

  display: flex;
  padding: 10px 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0;
  border-radius: 999px;
  border: none !important;
}

.ashby-job-posting-right-pane nav a:hover {
  border: none !important;
}

.ashby-job-posting-right-pane nav a[role='tab'][aria-selected='true'] {
  border-radius: 999px;
  background: #f8f6f3;
}

.ashby-job-posting-right-pane nav a span {
  color: #000;
}
.ashby-job-posting-right-pane-overview-tab,
.ashby-job-posting-right-pane-application-tab {
  color: #000;
  text-align: center;
  font-family: 'Syndicat Grotesk';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 96%; /* 17.28px */
  letter-spacing: -0.18px;
}

.ashby-job-posting-right-pane h2,
.ashby-job-posting-right-pane h3 {
  color: #000;
  font-feature-settings:
    'liga' off,
    'clig' off;
  font-family: 'Syndicat Grotesk';
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: -0.22px;
  margin: 40px 0 40px 0 !important;
  -webkit-font-smoothing: antialiased;
}

.ashby-job-posting-right-pane p {
  color: #000;
  font-feature-settings:
    'liga' off,
    'clig' off;
  font-family: 'Syndicat Grotesk';
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 35.2px */
  letter-spacing: -0.22px;

  -webkit-font-smoothing: antialiased;

  margin: 0 0 40px 0;
}

.ashby-application-form-autofill-input-description,
.ashby-job-posting-right-pane button + p {
  color: #7c7b7a !important;
  font-family: 'Syndicat Grotesk';
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 90%; /* 14.4px */

  -webkit-font-smoothing: antialiased;

  margin-left: 20px;
}

.ashby-job-posting-right-pane ul {
  margin-left: 20px !important;
}

.ashby-job-posting-right-pane p:last-child {
  margin-bottom: 0;
}

.ashby-job-posting-right-pane a button,
.ashby-application-form-submit-button {
  border-radius: 8px;
  background: #000;

  color: #f8f7f5;
  text-align: center;
  font-family: 'Syndicat Grotesk';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%; /* 16.2px */

  transition: all 0.2s ease;
  border: none !important;

  margin-top: 40px;

  box-shadow: none !important;
}

.ashby-job-posting-right-pane button:hover {
  background: #ff5500;
  box-shadow: none !important;
}

.ashby-application-form-autofill-input-description {
  color: #000;
  text-align: center;
  font-family: 'Syndicat Grotesk';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%; /* 16.2px */

  border-radius: 8px;

  background: transparent;
  box-shadow: none !important;
}

.ashby-application-form-field-entry button {
  color: #000;
  text-align: center;
  font-family: 'Syndicat Grotesk';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%; /* 16.2px */

  height: 50px;

  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);

  background: transparent;
  box-shadow: none !important;
}

.ashby-application-form-question-title {
  color: #000;
  font-family: 'Syndicat Grotesk';
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 28.6px */
  letter-spacing: -0.22px;
  -webkit-font-smoothing: antialiased;
}
.ashby-application-form-field-entry input,
.ashby-application-form-field-entry textarea {
  border-radius: 10px;
  background: #f8f6f3;

  color: #000 !important;

  border: none !important;

  min-height: 60px;

  font-family: 'Syndicat Grotesk';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.ashby-application-form-field-entry input:focus,
.ashby-application-form-field-entry input:focus-within,
.ashby-application-form-field-entry textarea:focus,
.ashby-application-form-field-entry textarea:focus-within {
  border: none !important;
  box-shadow: none !important;

  outline-style: solid;
  outline-width: 0px !important;
}

.ashby-application-form-autofill-pane {
  margin-top: 40px !important;
}

/* hashed overrides :| */
@media only screen and (min-width: 768px) {
  ._details_oj0x8_414 {
    display: grid;
    grid-template-columns: 40% 60%;
  }
}

.ashby-application-form-autofill-input-root {
  border-radius: 10px;
  border: 1px dashed rgba(0, 0, 0, 0.2);
  padding: 20px;
}

.ashby-application-form-autofill-input-base-layer {
  margin-bottom: 40px !important;
}

.ashby-application-form-autofill-input-base-layer h3 {
  margin: -7px 0 0 0 !important;
}

.ashby-application-form-autofill-input-base-layer p {
  text-align: left !important;
}

.ashby-application-form-autofill-input-base-layer button {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  height: 50px;
  padding: 0 39px 0 37px;
  justify-content: center;
  align-items: center;
  color: #000;
  text-align: center;
  font-family: 'Syndicat Grotesk';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%; /* 16.2px */

  box-shadow: none !important;
}

.ashby-application-form-autofill-input-base-layer button:hover {
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}