/* stylelint-disable */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* These variables can be used to control values throughout the job board. */
:root
{
	/* Background color of the application */
	--colorAppBackground: #DBE2E2;
	/* --colorAppBackground: #f7f8fa; */
	/* --colorAppBackground: url("https://cdn.prod.website-files.com/69844f2062f5867ca9e6b409/69907c70fc4362e736337740_d7815d8108fed9d312ea6700363bc254_rectangle.webp"); */

	/*
	 * 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: darkorange;

	/*
	 * 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: orange;

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

	/* The max width of application form section */
	--widthMaxJobBoard: 800px;

	/* The max width of subscription preferences container */
	--widthMaxSubscriptionPreferences: 600px;

	/* Container border radius */
	--borderRadiusContainer: 0;

	/* Border radius of control elements (e.g. input boxes) */
	--borderRadiusControl: 0;

	/* Button border radius */
	--borderRadiusButton: 0;

	/* Font families */
	/* --fontFamily: "Whitney SSm", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Helvetica", "Arial", "Apple Color Emoji", "Segoe UI Emoji", sans-serif; */
	--fontFamily: "Inter", sans-serif;
}

/* A container for the application limits disclosure message shown before form submission. */
.ashby-application-blocking-disclosure
{
}

/* Application autofill input's base layer element. This contains standard copy, a CTA button, and potential validation alerts. */
.ashby-application-form-autofill-input-base-layer
{
}

/* Application autofill input's description. */
.ashby-application-form-autofill-input-description
{
}

/* Application autofill input's drag state overlay element. Can style [data-state] which can be 'active' or 'hidden'. */
.ashby-application-form-autofill-input-drag-layer
{
}

/* Application autofill input form's alert element. Can style [data-highlight] which can be 'negative' or 'positive'. */
.ashby-application-form-autofill-input-form-alert
{
}

/* Application autofill input's magic sparkles icon. */
.ashby-application-form-autofill-input-icon
{
}

/* Application autofill input's pending state overlay element. Can style [data-state] which can be 'active' or 'hidden'. */
.ashby-application-form-autofill-input-pending-layer
{
}

/* Application autofill input's root element. Can style [data-state] which can be 'pending', 'drag', or 'default'. */
.ashby-application-form-autofill-input-root
{
}

/* Application autofill input's title. */
.ashby-application-form-autofill-input-title
{
}

/* Container element for application autofill input form. */
.ashby-application-form-autofill-pane
{
}

/* The resume uploader to auto-fill the application form */
.ashby-application-form-autofill-uploader
{
}

/* A container for displaying the custom message to the user */
.ashby-application-form-blocked-application-container
{
}

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

/* An autocomplete input on an application form. */
.ashby-application-form-input-autocomplete
{
	/* Use [aria-expanded="true"] to target when the popup is open. */
}

/* The results popup for an autocomplete input. */
.ashby-application-form-input-autocomplete-popup
{
	/* Use [data-loading] to target when results are loading.
	 * Use [data-empty] to target when there are no results found. */
}

/* The empty state message displayed in an autocomplete input popup. */
.ashby-application-form-input-autocomplete-popup-empty
{
}

/* The loading state message displayed in an autocomplete input popup. */
.ashby-application-form-input-autocomplete-popup-loading
{
}

/* A result item displayed in an autocomplete input popup. */
.ashby-application-form-input-autocomplete-popup-result
{
	/* Use [aria-selected="true"] to target the selected result. */
}

/* A checkbox group on an application form. */
.ashby-application-form-input-checkbox-group
{
}

/* An option in a checkbox group. */
.ashby-application-form-input-checkbox-group-option
{
	/* Use [data-checked] to target checked options.
	 * Use [data-disabled] to target disabled options. */
}

/* The checkbox inside a checkbox group option. */
.ashby-application-form-input-checkbox-group-option-checkbox
{
}

/* The label for a checkbox group option. */
.ashby-application-form-input-checkbox-group-option-label
{
}

/* A date input on an application form. */
.ashby-application-form-input-date
{
}

/* The date picker popup of a date input. */
.ashby-application-form-input-date-popup
{
}

/* The header of the date picker popup. */
.ashby-application-form-input-date-popup-header
{
}

/* The month navigation button inside the date picker popup header. */
.ashby-application-form-input-date-popup-header-button
{
	/* Use [data-direction="previous"] or [data-direction="next"] to target the buttons separately. */
}

/* The month/year title of the date picker popup. */
.ashby-application-form-input-date-popup-title
{
}

/* A dropdown input on an application form. */
.ashby-application-form-input-dropdown
{
	/* Use [data-disabled] to target the disabled state. */
}

/* The icon inside a dropdown input. */
.ashby-application-form-input-dropdown-icon
{
}

/* The select element inside a dropdown input. */
.ashby-application-form-input-dropdown-select
{
}

/* The add entry button inside the education history input. */
.ashby-application-form-input-education-add
{
}

/* An entry in the education history input on an application form. */
.ashby-application-form-input-education-entry
{
}

/* The delete button inside an education history entry. */
.ashby-application-form-input-education-entry-delete
{
}

/* The header of an entry in the education history input. */
.ashby-application-form-input-education-entry-header
{
}

/* A file input on an application form. */
.ashby-application-form-input-file
{
}

/* The drag & drop zone in a file input. */
.ashby-application-form-input-file-dropzone
{
}

/* The instructions for the drag & drop zone in a file input. */
.ashby-application-form-input-file-dropzone-instructions
{
}

/* The upload button for the drag & drop zone in a file input. */
.ashby-application-form-input-file-dropzone-upload
{
}

/* An uploaded item in a file input. */
.ashby-application-form-input-file-item
{
}

/* The delete button for an uploaded item in a file input. */
.ashby-application-form-input-file-item-delete
{
}

/* The filename of an uploaded item in a file input. */
.ashby-application-form-input-file-item-name
{
}

/* A radio group on an application form. */
.ashby-application-form-input-radio-group
{
}

/* An option in a radio group. */
.ashby-application-form-input-radio-group-option
{
	/* Use [data-checked] to target the checked option.
	 * Use [data-disabled] to target disabled options. */
}

/* The label for a radio group option. */
.ashby-application-form-input-radio-group-option-label
{
}

/* The radio inside a radio group option. */
.ashby-application-form-input-radio-group-option-radio
{
}

/* A text input on an application form. */
.ashby-application-form-input-text
{
	/* Use [type="..."] to target different fields. Possible values: "text", "email", "tel", "url", "number". */
}

/* A textarea input on an application form. */
.ashby-application-form-input-textarea
{
}

/* A Yes/No input on an application form. */
.ashby-application-form-input-yesno
{
	/* Use [data-disabled] to target the disabled state. */
}

/* An option inside a Yes/No input. */
.ashby-application-form-input-yesno-option
{
	/* Use [data-option="yes"] or [data-option="no"] to target the options separately.
	 * Use [aria-pressed="true"] to target the active option. */
}

/* 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 text message consent description. Displayed below phone number fields. Will only show if texting is enabled. */
.ashby-application-form-texting-consent-description
{
}

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

/* The button which allows users to navigate from an individual posting back to the list of all job postings. */
.ashby-job-board-back-to-all-jobs-button
{
}

/* A select box element for filtering the job board. */
.ashby-job-board-filter
{
}

/* The 'Filters' label element in the job board. */
.ashby-job-board-filters-label
{
}

/* 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 'Reset filters' label element in the job board. The reset filters label element in the job board. */
.ashby-job-board-reset-filters-label
{
}

/* 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. The subtitle of the section. */
.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. The title of the section. */
.ashby-job-posting-brief-title
{
}

/* The rich text content of the job posting description */
.ashby-job-posting-description
{
}

/* The container of the job posting description, including the apply button */
.ashby-job-posting-description-container
{

}

/* The main header on the job posting page */
.ashby-job-posting-header
{
}

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

/* The left pane of the job posting, with the job posting details */
.ashby-job-posting-left-pane
{
	border-top: 4px solid #76918C !important;
	margin-top: var(--spacingLarge) !important;
}

.ashby-job-posting-left-pane p
{
	color: #76918C;
	font-weight: 600;
	font-family: "Poppins", system-ui, sans-serif;
}

/* The right pane of the job posting, containing the tabs, overview, and application form */
.ashby-job-posting-right-pane
{
	border-top: 4px solid #76918C !important;
	margin-left: 1px;
	margin-top: var(--spacingLarge) !important;
	background: #FFF;
}

.ashby-job-posting-right-pane nav
{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.ashby-job-posting-right-pane nav a
{
	margin-left: 0 !important;
	text-align: center;
	width: 100%;
}

/* The application tab in the right pane of the job posting */
.ashby-job-posting-right-pane-application-tab
{
}

/* The overview tab in the right pane of the job posting */
.ashby-job-posting-right-pane-overview-tab
{
}

/* The tabs slider in the right pane of the job posting */
.ashby-job-posting-right-pane-tab-slider
{
}

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

@media only screen and (min-width: 768px)
{
	.ashby-job-posting-right-pane-tab-slider
	{
		margin-left: 0;
		width: 50%;
	}
}

@media only screen and (min-width: 768px)
{
	.ashby-job-posting-right-pane a:nth-child(2)[class*="_active_"] ~ .ashby-job-posting-right-pane-tab-slider
	{
		transform: translateX(100%);
	}
}

.ashby-job-posting-description :is(h2, h3, h4, h5, h6, p):empty
{
	display: none;
}

.ashby-job-posting-description :is(p, ol, ul)
{
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.144px;
	line-height: 24px;
}

@media only screen and (min-width: 240px)
{
	.ashby-job-posting-description h1:not(:first-child),
	.ashby-job-posting-description h2:not(:first-child),
	.ashby-job-posting-description h3:not(:first-child)
	{
		margin-top: calc(var(--spacingLarge) + var(--spacingSmall));
	}

	.ashby-job-posting-description p:not(:first-child),
	.ashby-job-posting-description ol:not(:first-child),
	.ashby-job-posting-description ul:not(:first-child)
	{
		margin-top: var(--spacingLarge);
	}
}

.ashby-job-posting-description h1,
.ashby-job-posting-description h2,
.ashby-job-posting-description h3
{
	font-size: 32px;
	font-weight: 600;
	line-height: 40px;
	font-family: "Poppins", system-ui, sans-serif;
	font-weight: 600;
}

.ashby-application-form-autofill-input-base-layer button
{
	box-shadow: none;
}

.ashby-application-form-autofill-input-base-layer button:hover
{
	box-shadow: none;
	background-color: #76918C;
	border-color: #76918C;
}

.ashby-application-form-input-text
{
	border: 1px solid #B9C3C2;
	min-height: 50px;
	padding-left: 19px;
	padding-right: 19px;
	color: #333;
	vertical-align: middle;
	background-color: #FFF;
	border: 1px solid #CCC;
	width: 100%;
	height: 38px;
	margin-bottom: 10px;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 1.42857;
	display: block;
}

.ashby-application-form-input-text:not([data-disabled="true"]):focus-within
{
	border-color: #76918C;
	outline-width: 0;
}

.ashby-application-form-input-yesno-option[aria-pressed="true"]
{
	background-color: #76918C;
	border-color: #76918C;
}

.ashby-application-form-input-file-dropzone-upload,
.ashby-application-form-input-file-item-delete
{
	box-shadow: none;
}

.ashby-application-form-input-file-dropzone-upload:hover,
.ashby-application-form-input-file-item button.ashby-application-form-input-file-item-delete:hover
{
	box-shadow: none !important;
	background-color: #76918C !important;
	border-color: #76918C !important;
}

.ashby-application-form-input-file-item-name
{
	color: #76918C;
}

.ashby-application-form-input-file-item
{
	background: #DBE2E2;
}

.ashby-application-form-submit-button
{
	box-shadow: none;
}

.ashby-application-form-submit-button:hover,
.ashby-application-form-submit-button:active
{
	background-color: #648680;
	border-color: #648680;
	box-shadow: none;
}

.ashby-application-form-question-title
{
	font-family: "Poppins", system-ui, sans-serif;
	font-size: 14px;
}

body .ashby-application-form-field-entry
{
	margin-bottom: var(--spacingNormal);
}