/* stylelint-disable */

/* These variables can be used to control values throughout the job board. */
:root {

    --pll-red: #E3554E;
    --pll-darker-red: #DF4A43;
    --pll-pink-orig: #fbdedc;
    --pll-pink-neu: #F4E1D8;
    --pll-pink: var(--pll-pink-neu);
  
    /*  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: var(--pll-red);
  
    /*  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: var(--pll-darker-red);

    /*  The max width of the job board container */
    --widthMaxJobBoard: 800px;

    --widthMaxContent: ;
  
    /*  The max width of the application form section */
    /* --widthMaxJobBoard: 800px; */
  
    /*  Container border radius */
    --borderRadiusContainer: 10px;
  
    /*  Border radius of control elements (e.g. input boxes) */
    --borderRadiusControl: 10px;
  
    /*  Button border radius */
    --borderRadiusButton: 10px;
  
    /*  Font families */
    --fontFamily: "Figtree", "Whitney SSm", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Helvetica", "Arial", "Apple Color Emoji", "Segoe UI Emoji", sans-serif ;

    --colorAppBackground: #EFECE1;
}

/*
* Things get a little hacky here.  We have to change the margins only when we're in an iframe context.
* The only way to reliably detect that appears to be the navbar element injected when job postings are 
* standalone. 
*
* So here we select for div div#root (can't use IDs due to Ashby rules) only when it doesn't have a 
* a navbar child
*/
body > div > div[class*=_navRoot], body > div > div[class*=_navRoot] ~ div {
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 30px;
	padding-right: 30px;
}

body > div > div[class*=_navRoot] > ul[class*=_navContainer] {
	padding-left: 0;
	padding-right: 0;
}

body > div > div[class*=_navRoot] > ul[class*=_navContainer] > a {
	padding-left: 0;
}

body > div > div > [class*=_title] {
	margin: 0
}

body > div > div > [class*=_details] {
	padding: 0
}

/* A container for the application form. */
.ashby-application-form-container {
	background-color:#EFECE1;
	padding-left: 30px;
}

.ashby-application-form-autofill-pane {
	background-color:#EFECE1;
}

.ashby-application-form-autofill-pane > div {
	background-color:#EFECE1;
}

/* 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 {
	width: 50%;
	margin-left: 25%;
}

/* 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 {
	color: var(--colorNeutral800);
	font-size: larger;
}

/* A select box element for filtering the job board. */
.ashby-job-board-filter {
	background-color: var(--pll-red); 
}

/* 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 {
/* This adds some space between posting briefings. */
	margin-bottom: 10px;
}

/* 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 {
	background-color:#EFECE1; 
}

/* job title for job listing entry */
.ashby-job-posting-brief-list > a > div {
	background-color: var(--colorPrimary600);
	color: white;
}

/* make hover a subtle thing */
.ashby-job-posting-brief-list > a > div:hover {
	background-color: #4463D4;
	color: white;
}

/* The dept / location / salary type line in the job listings */
.ashby-job-posting-brief-list > a > div > div {
	color: var(--pll-pink);
}

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

/* The heading of a job post */
.ashby-job-posting-heading {
	font-size: larger;
	padding-top: 1em;
	color: var(--pll-darker-red);
	font-size: 36px;
	margin-top: 1.5rem;
}

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

.ashby-job-posting-left-pane {
	background-color: var(--pll-red);
	color: white;
	font-weight: bold;
}

/* comp philosophy override - text is too strong and large */
.ashby-job-posting-left-pane div[class*=_compensationPhilosophy] {
	font-style: italic;
	font-size: 0.7rem;
	font-weight: normal;
	color: var(--pll-pink);

}

.ashby-job-posting-right-pane div[class*=_autofillPane_] {
	background-color:#EFECE1;
}

.ashby-application-form-autofill-input-root {
	background-color:#EFECE1;
	border-color: var(--colorPrimary500A);
}

.ashby-job-posting-left-pane h2 {
	color: var(--pll-pink);
}

.ashby-job-posting-right-pane > div {
    background-color:#EFECE1;
    color: black;
}

.ashby-job-posting-right-pane div[class*=_description] p {
  line-height: 1.75rem;
}

.ashby-job-posting-right-pane div[class*=_description] > p {
  margin-bottom: 1.5rem;
}

.ashby-job-posting-right-pane div[class*=_description] > h1 {
  margin-bottom: 1.2rem;
  margin-top: 2rem;
}

.ashby-job-posting-right-pane > div > a > button {
  width: 50%;
  margin-left: 25%;
}