/* stylelint-disable */

/* These variables can be used to control values throughout the job board. */
:root {
    /*  Darker primary color
    WARNING - This can be set in the Ashby admin under theme settings!
    If you modify, you should make sure your colors work with the settings there. */
    --colorPrimary900: #0C113B;
  
    /*  Lighter primary color
    WARNING - This can be set in the Ashby admin under theme settings!
    If you modify, you should make sure your colors work with the settings there. */
    --colorPrimary600: #121957;

    /*  The max width of the job board container */
    --widthMaxJobBoard: 800px;
  
    /*  The max width of the application form section */
    /* --widthMaxJobBoard: 800px; */
  
    /*  Container border radius */
    --borderRadiusContainer: 0;
  
    /*  Border radius of control elements (e.g. input boxes) */
    --borderRadiusControl: 0;
  
    /*  Button border radius */
    --borderRadiusButton: 0;
  
    /*  Font families */
    --fontFamily: "Inter", "Inter Placeholder", sans-serif;

    --colorAppBackground: transparent; /* remove background color from app */

    --colorNeutral800: #0C113B; /* tweak hover color of buttons */
    
  }
  
  /* A container for the application form. */
  .ashby-application-form-container {}
  
  /* 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 {}
  
  /* 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 {}
  
  /* 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 {}
  
  /* 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 {}
  
  .ashby-job-posting-brief:hover, .ashby-job-posting-brief:active {
    background-color: #FAFAF9 !important;
  }
  /* The container of the job posting details pane. */
  .ashby-job-posting-brief {
    /* This adds some space between posting briefings. */
    margin-bottom: 10px;
    border: 1px solid #F5F5F4 !important;
    box-shadow: 0 .7961918735236395px 2.3885756205709185px -.625px #00000008, 0 2.414506143104518px 7.2435184293135535px -1.25px #00000006, 0 6.382653521484461px 19.147960564453385px -1.875px #00000006, 0 20px 60px -2.5px #00000006 !important;

  }
  
  /* 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 {}
  
  /* 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 {}
  
  /* The heading of a job post */
  .ashby-job-posting-heading {}
  
  /* A container for any surveys specified for this application form. */
  .ashby-survey-form-container {}

  .ashby-job-posting-left-pane, .ashby-job-posting-right-pane, .ashby-job-posting-right-pane div:not(.ashby-application-form-field-entry div) {
    background-color: transparent;
  }

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

  @media (min-width: 768px) {
  .ashby-job-posting-left-pane {
    border-left: 1px solid #F5F5F4;
    border-top: 1px solid #F5F5F4 !important;
    border-bottom: 1px solid #F5F5F4 !important;
    border-right: 0;
  }

  .ashby-job-posting-right-pane {
    border: 1px solid #F5F5F4;
  }

  .ashby-application-form-submit-button {
    width: calc(100% - 20px);
    margin: 10px;
    box-sizing: border-box; /* corrected from 'border-pillow' to 'border-box' */
  }
}