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

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

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

    /*  The max width of the application form section */
    --widthMaxApplication: 1200px;

    /*  Container border radius */
    --borderRadiusContainer: 6px;

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

    /*  Button border radius */
    --borderRadiusButton: 6px;

    /*  Font families */
    --fontFamily: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica", "Arial", sans-serif;

    /* white background for job board */
    --colorAppBackground: #ffffff;

    /* Sola Design System Colors */
    --colorTextPrimary: #1c1c1c; /* jet - primary text color */
    --colorTextSecondary: #55646e; /* tertiary-400 - secondary text */
    --colorTextMuted: #9ca3af; /* gray-400 - muted text */
    --colorBorder: #E9EBED; /* default border color */
}

/* Global styles - remove all box shadows and set default border color */
* {
    box-shadow: none !important;
}

*[style*="border"] {
    border-color: var(--colorBorder) !important;
}

input, select, button, textarea {
    border-color: var(--colorBorder) !important;
}

.ashby-application-form-submit-button {
    border: 1px solid var(--colorPrimary600) !important;
}

.ashby-application-form-submit-button:hover {
    border: 1px solid var(--colorPrimary900) !important;
}

.ashby-job-board-back-to-all-jobs-button {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    color: var(--colorPrimary600) !important;
}

/* The resume uploader to auto-fill the application form */
.ashby-application-form-autofill-uploader {
    border: 1px solid var(--colorPrimary600) !important;
    outline: none !important;
    box-shadow: none !important;
}

.ashby-application-form-autofill-uploader:hover {
    border: 1px solid var(--colorPrimary900) !important;
    color: var(--colorPrimary900) !important;
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.ashby-job-board-back-to-all-jobs-button svg,
.ashby-job-board-back-to-all-jobs-button path {
    fill: currentColor !important;
    stroke: currentColor !important;
}

.ashby-job-board-back-to-all-jobs-button:hover {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    color: var(--colorPrimary900) !important;
}

.ashby-job-board-back-to-all-jobs-button:hover svg,
.ashby-job-board-back-to-all-jobs-button:hover path {
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* A select box element for filtering the job board. */
.ashby-job-board-filter {
    border: 1px solid #E9EBED;
    border-radius: 6px;
    outline: none !important;
    box-shadow: none !important;
}

.ashby-job-board-filter:focus {
    border: 1px solid var(--colorPrimary600) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* body {
    margin: 0px !important;
} */