/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_self
 */

@import "https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css";

:root {
    --bulma-primary-h: 336deg;
    --bulma-primary-l: 55%;
    --bulma-primary-invert-h: 0;
    --bulma-primary-invert-l: 100%;
    --bulma-family-primary: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    --bulma-weight-light: 200;
    --bulma-weight-normal: 400;

    --bulma-body-color: #222;
    --color-bg-light: #f7f7f7;
    --color-bg-dark: #313235;
    --color-accent-yellow: #f8bb1e;
    --font-light: #fff;
    --font-dark: #222;
    --color-text-muted: #6f6f6f;
    --color-checkmark: #69A640;
    --select-placeholder-font-color: rgb(117, 117, 117);
    --dropdown-icon-color: -webkit-linear-gradient(top, #ff855a 0%, #ff5114 100%);

    --colored-button-background: -webkit-linear-gradient(top, #ff855a 0%, #ff5114 100%);
    --colored-button-background-hover: -webkit-linear-gradient(top, #e76d45 0%, #d74310 100%);
    --colored-button-border: 1px solid #ff591f;
    --colored-button-border-hover: #c73a0e;
    --colored-button-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
    --colored-button-box-shadow-hover: inset 0 2px 3px rgba(255, 255, 255, 0.3), 0 0 4px rgba(0, 0, 0, 0.1);

    --ptitle-font-size-default: 1.6875em;
    --ptitle-font-size-mobile: 1.375em;

    --shadow-color: rgba(0, 0, 0, 0.5);

    --box-shadow-lp: 0 -7px 20px -7px var(--shadow-color);
    --box-shadow-inset-lp: inset 0px 1px 0px var(--shadow-color), 0px 1px 1px rgba(0, 0, 0, 0.4);
    --button-shadow-lp: 0 1px 2px var(--shadow-color);
    --offer-shadow: 0 5px 20px -7px var(--shadow-color);

    --offer-min-height: 600px;

    --border-radius-small: 3px;

    --container-width-dynamic-lp: 97%;
    --input-width-dynamic-lp: 32%;
}
head {
    text-rendering: optimizeLegibility;
}

.subheader {
    color: var(--color-text-muted);
    font-weight: 300;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.colored-button, .orange-button {
    background-image: var(--colored-button-background);
    border: var(--colored-button-border);
    box-shadow: var(--colored-button-box-shadow);
    line-height: 1;
    border-radius: 5px;
    transition: all 0.2s ease;
}
.colored-button:hover, .orange-button:hover {
    background-image: var(--colored-button-background-hover);
    border-color: var(--colored-button-border-hover);
    box-shadow: var(--colored-button-box-shadow-hover);
}
.ta-left {
    text-align: left;
}
.mt-p2-mb-p5 {
    margin-top: 0.2em;
    margin-bottom: 0.5em;
}
.help {
    text-align: left;
    margin-top: -1rem;
    margin-bottom: 0.25rem;
}

#jerbs-header-container {
    background: var(--color-bg-dark);
    #top-bar {
        height: 50px;
        display: flex;
        align-items: center;
        max-width: 62.5em;
        margin: 0 auto;
        overflow: visible;
        @media screen and (min-width: 769px) {
            justify-content: space-around;
        }
        #header-logo-image {
            margin-top: 0.8em;
            margin-left: 0.5em;
        }
        #jerbs-search-form {
            align-items: center;
            height: 35px;
            width: 75%;
        }
        .columns {
            .column {
                padding-left: 0.9375em;
                padding-right: 0.9375em;
            }
            .jerbs-header-input {
                width: 100%;
                font-size: 12pt;
                margin-bottom: 0;
                border-radius: 6px;
                border: 1px solid #ccc;
                box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6);
                padding-left: 15px;
                @media screen and (min-width: 61.25em) {
                    line-height: 2em;
                    padding: 0 10px;
                    position: relative;
                }
            }
            #search-button {
                margin-top: 0;
                cursor: pointer;
                padding: 0.3em 1em;
                @media screen and (max-width: 768px) {
                    margin-top: 1rem;
                }
            }
            #search-icon {
                height: 20px;
            }
        }
    }
}
#default-footer-container {
    background-color: #f1f1f1;
    padding: 40px 0;
    #footer-content-container {
        margin: 0 auto;
        max-width: 62.5em;
        line-height: 1.4;
        text-rendering: optimizeLegibility;
        .column {
            @media screen and (max-width: 768px) {
                padding: 0 0.9375em;
            }
            #privacy-priority-text {
                font-weight: normal;
                font-size: 1em;
                line-height: 1.6;
                margin-bottom: 1.25em;
            }
            .footer-link {
                font-size: 13px;
                color: var(--color-text-muted);
            }
            .footer-link:hover {
                text-decoration: underline;
            }
            .grid {
                display: flex;
                flex-wrap: wrap;
                @media screen and (max-width: 768px) {
                    padding-bottom: 1.25em;
                }
                .cell {
                    flex: 1 1 calc(25% - 1rem);
                    @media screen and (max-width: 768px) {
                        flex: 1 1 calc(50% - 1rem);
                    }
                }
                .footer-subheaders {
                    padding-right: 0.625em;
                    @media screen and (min-width: 769px) {
                        padding-bottom: 1.25em;
                    }
                    .footer-link-title {
                        font-size: 16px;
                    }
                    .links-container {
                        display: flex;
                        flex-direction: column;
                    }
                }
            }
            #company-name-disclaimer {
                color: #313235;
                font-size: 60%;
            }
        }
        #footer-logo-container {
            text-align: right;
        }
    }
}

#default-dynamic-footer-container {
    color: var(--font-light);
    padding: 40px 0.9375em;
    align-items: center;
    @media screen and (max-width: 1023px) {
        padding-bottom: 15px;
    }
    #footer-links-container {
        .footer-link {
            font-size: 60%;
            padding: 5px 10px 3px;
        }
        .white-link {
            color: #fff;
        }
    }
    #footer-disclaimer {
        text-align: center;
        font-size: 60%;
        @media screen and (max-width: 1023px) {
            display: none;
        }
    }
}

#default-path-header {
    @media screen and (min-width: 1024px) {
        display: none;
    }
    background: black;
    #ce-logo {
        margin-top: 0.8em;
        margin-left: 0.5em;
    }
}

#default-path-footer {
    @media screen and (min-width: 1024px) {
        display: none;
    }
    background-color: black;
    width: 100%;
    height: 50px;
}

#default-landing-page {
    padding-bottom: 40px;
    height: 100%;

    #lp-content-container {
        width: 100%;
        margin: 0 auto;
        max-width: 62.5em;
        border-radius: 15px;
        box-shadow: var(--box-shadow-lp);
        min-height: 450px;
        padding: 0;
        text-align: center;

        #page-title {
            font-size: var(--ptitle-font-size-default);
            line-height: 1.4;
            font-weight: bold;
            font-style: normal;
            color: var(--font-dark);
            text-rendering: optimizeLegibility;

            @media screen and (max-width: 768px) {
                font-size: var(--ptitle-font-size-mobile);
            }
        }

        #lp-title-form-container {
            padding-top: 95px;
            padding-bottom: 20px;

            #form-body-container {
                background-color: var(--color-bg-dark);
                margin: 1.5rem auto 1.25rem;
                width: 75%;

                @media screen and (max-width: 768px) {
                    width: 100%;
                }

                .reg-form {
                    padding: 1.5rem;
                    margin: 0;

                    .form-item {
                        padding: 0 0.9375em;
                        @media screen and (max-width: 768px) {
                            padding: 0;
                        }

                        .input-label {
                            color: var(--font-light);
                            margin-bottom: 0.4em;
                            font-size: 0.875em;
                            cursor: pointer;
                            display: block;
                            font-weight: 500;
                        }

                        .form-input {
                            width: 100%;
                            height: 53px;
                            border: 1px solid #ccc;
                            font-size: 12pt;
                            padding: 0.5em 15px;
                            color: rgba(0, 0, 0, 0.75);
                        }

                        .sublabel {
                            color: var(--color-accent-yellow);
                            font-size: 8pt;
                            margin: 5px 0;
                        }

                        #search-button {
                            padding: 0.5em 1em;
                        }
                    }

                    #search-button-container {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                    }
                }

                #lp-disclaimer-text {
                    color: var(--font-light);
                    line-height: 16px;
                    padding: 0 1rem 1rem;
                    mix-blend-mode: hard-light;
                    font-size: 0.8rem;
                }
            }
        }

        #middlebar-container {
            display: flex;
            background-image: linear-gradient(to bottom, #0082c8 0%, #005b8c 100%);
            background-size: 100%;
            border-top: 1px solid #0082c8;
            box-shadow: var(--box-shadow-inset-lp);
            @media screen and (max-width: 768px) {
                flex-direction: column;
                flex-wrap: wrap;
                align-content: flex-end;
            }

            #text-container {
                width: 60%;
            }

            #button-container {
                .start-now-icon {
                    position: relative;
                    right: -15px;
                    top: 12px;
                    z-index: 1;
                    height: 65%;
                }
                @media screen and (min-width: 769px) {
                    width: 40%;
                }
            }

            .middlebar-flex-container {
                display: flex;
                justify-content: flex-end;

                #middlebar-text {
                    color: var(--font-light);
                    line-height: 1.3;
                    font-size: 21px;
                    margin-top: 15px;
                    font-weight: 800;
                }

                #middlebar-button {
                    color: var(--font-light);
                    position: relative;
                    font-size: 1em;
                    text-shadow: var(--button-shadow-lp);
                    border-radius: var(--border-radius-small);
                    font-weight: 600;
                    padding: 1em 1.5em;
                    margin: 20px 20px 12px 0;

                    @media screen and (max-width: 768px) {
                        margin-bottom: 2px;
                        font-size: 17px;
                        padding: 0.75em .5em;
                    }
                }
            }
        }

        #bottom-container {
            text-align: left;
            padding: 40px 20px 20px;

            #fljs-container {
                #flj-header {
                    font-size: 1.4375em;
                    @media screen and (max-width: 768px) {
                        font-size: 1.125em;
                    }
                }

                #flj-subheader {
                    font-size: 13px;
                    line-height: 1.6;
                    margin-bottom: 1.25em;
                    font-weight: normal;
                }
            }

            #check-descs-container {
                .check-desc-text {
                    line-height: 2.2;
                    color: var(--color-bg-dark);
                    font-size: 1em;
                    @media screen and (min-width: 769px) {
                        padding-left: 30px;
                    }
                }
            }
        }
    }
}
#default-desktop-survey-footer {
    padding: 20px 0 40px;
    background-color: #f1f1f1;
    color: #313235;
    @media screen and (max-width: 1023px) {
        display: none;
    }
    #footer-top {
        display: flex;
        justify-content: space-evenly;
        .footer-link {
            font-size: 70%;
            padding: 10px;
            color: #6f6f6f;
        }
    }
    #footer-disclaimer-text {
        font-size: 60%;
        text-align: center;
    }
}

#default-touch-survey-footer {
    padding: 15px 0;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    @media screen and (min-width: 1024px) {
        display: none;
    }
    #links-container {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        gap: 10px;
        a {
            color: black;
        }
    }
}

#dynamic-landing-page {
    padding-bottom: 40px;
    #dynamic-lp-content-container {
        sup {
            font-size: 40%;
        }
        width: 100%;
        min-height: 450px;
        max-width: 62.5em;
        margin: 0 auto;
        background-color: var(--color-bg-light);
        box-shadow: var(--box-shadow-lp);
        border-radius: 15px;
        text-align: center;
        @media screen and (max-width: 1023px) {
            border-radius: 0;
        }
        #page-title-container {
            width: var(--container-width-dynamic-lp);
            margin: 0 auto;
            text-align: center;
            @media screen and (max-width: 1023px) {
                width: 100%;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
            #page-title {
                color: var(--font-light);
                padding-top: 25px;
                padding-bottom: 15px;
                font-size: 2.25rem;
                font-weight: bold;
                @media screen and (max-width: 1023px) {
                    padding: 0.5em 20px;
                    font-size: 26px;
                    line-height: 1em;
                }
            }
        }
        #mobile-logo-container {
            padding-top: 10px;
            padding-bottom: 5px;
            background-color: #fff;
            .mobile-logo-image {
                height: 72px;
                margin: 0 auto;
            }
        }
        #mobile-jobs-count-container {
            margin-top: 5px;
            padding-bottom: 15px;
            background-color: #e6e6e6;
            #create-profile-button {
                border-radius: 5px;
                width: 90%;
                margin: 0 auto;
                padding: 5px 20px;
                position: relative;
                text-align: center;
                #results-text {
                    color: var(--font-light);
                    margin-top: 0.2em;
                    font-size: 20px;
                    line-height: 20px;
                    font-weight: bold;
                }
                #create-profile-text {
                    color: #FCD15A;
                    font-size: 12px;
                    font-weight: bold;
                }
                #caret-icon {
                    position: absolute;
                    z-index: 999;
                    right: 17px;
                    height: 16px;
                    top: 50%;
                    transform: translateY(-50%);
                }
            }
        }
        #page-logo-description-container {
            background: #fff;
            padding: 20px 30px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            @media screen and (max-width: 1023px) {
                justify-content: flex-start;
            }
            #logo-or-name-container {
                width: 50%;
                display: flex;
                justify-content: center;
                .logo-image {
                    float: left;
                    padding: 20px 0;
                    max-width: 340px;
                    max-height: 150px;
                }
                #text-constraint {
                    padding: 20px 0;
                    height: 150px;
                    #logo-text-replacement {
                        font-size: 2.5rem;
                        margin-top: 2rem;
                        text-align: center;
                        line-height: 1em;
                        padding-bottom: 15px;
                        font-weight: bold;
                        color: var(--font-dark);
                    }
                }
            }
            #title-description-container {
                width: 50%;
                text-align: left;
                color: #666;
                line-height: 1.75;
                font-size: 1em;
                padding-top: 30px;
                margin-bottom: 1.25em;
                margin-left: 10px;
                @media screen and (max-width: 1023px) {
                    width: 100%;
                }
                .title-description {
                    .fa-check {
                        color: var(--color-checkmark);
                        padding-right: 5px;
                    }
                }
            }
        }
        #form-body-container {
            width: var(--container-width-dynamic-lp);
            border-radius: 6px;
            margin: 0 auto 1.875em;
            @media screen and (max-width: 1023px) {
                width: 100%;
                border-radius: 0;
                margin-top: 20px;
                margin-bottom: 0;
            }
            .reg-form {
                display: flex;
                width: 100%;
                .arrow-container {
                    .arrow-box {
                        width: 55px;
                        height: 40px;
                        background: #ffffff;
                        z-index: 100;
                    }
                    .right-arrow-point {
                        border-left: 40px solid #ffffff;
                    }
                    .left-arrow-point {
                        border-right: 40px solid #ffffff;
                    }
                    .arrow-tip {
                        background: none;
                        width: 0;
                        height: 0;
                        border-top: 40px solid transparent;
                        border-bottom: 40px solid transparent;
                    }
                }
                #inputs-and-button-container {
                    width: 100%;
                    padding: 40px 1.5rem 1.5rem;
                    margin-bottom: 0.2em;

                    @media screen and (max-width: 1023px) {
                        padding: 1.5em;
                    }
                    #mobile-job-matches-text {
                        font-size: 18px;
                        line-height: 1.15em;
                        color: var(--font-light);
                        margin-top: 0.2em;
                        margin-bottom: 0.5em;
                    }
                    #inputs-and-button {
                        @media screen and (max-width: 1023px) {
                            flex-direction: column;
                            gap: 1rem;
                        }
                        .input-label, .sublabel {
                            display: none;
                        }
                        .form-item {
                            padding-left: 0.5em;
                            padding-right: 0.5em;
                            input {
                                width: 100%;
                                height: 53px;
                                font-size: 16px;
                                font-weight: 400;
                                padding-left: 15px;
                                border: 1px solid #ccc;
                                color: rgba(0, 0, 0, 0.75);
                                @media screen and (max-width: 1023px) {
                                    height: 45px;
                                    font-size: 20px;
                                    padding: 0.25em;
                                    border: 1px solid #333;
                                }
                            }
                            .search-keyword-ce::before {
                                content: "\f002";
                            }
                            .search-location-ce::before {
                                content: "\f041";
                            }
                            .input-with-icon {
                                position: relative;
                                &::before {
                                    font-family: "FontAwesome";
                                    position: absolute;
                                    font-size: 20px;
                                    color: #333;
                                    right: 20px;
                                }
                            }
                        }
                        .input-container {
                            width: var(--input-width-dynamic-lp);
                            @media screen and (max-width: 1023px) {
                                width: 100%;
                            }
                        }
                        #search-button-container {
                            width: 36%;
                            text-align: left;
                            @media screen and (max-width: 1023px) {
                                width: 100%;
                            }
                            #form-search-button {
                                font-size: 1rem;
                                border: 3px solid #ffffff;
                                height: 55px;
                                @media screen and (max-width: 1023px) {
                                    width: 100%;
                                    border-width: 2px;
                                }
                            }
                        }
                    }
                    #inputs-subtext {
                        color: var(--font-light);
                        font-size: 0.8rem;
                        font-style: italic;
                        text-align: left;
                        padding-left: 0.5em;
                        line-height: 1;
                        margin-top: 0.5rem;
                        max-width: var(--input-width-dynamic-lp);
                        @media screen and (max-width: 1023px) {
                            display: none;
                        }
                    }
                }
            }
            #lp-disclaimer-text {
                color: var(--font-light);
                font-size: 0.875rem;
                line-height: 1;
                padding: 0 1rem 1rem;
                text-align: center;
                mix-blend-mode: hard-light;
            }
        }
        #nav-links-container {
            width: 95%;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            margin: 0 auto;
            font-size: 1em;
            line-height: 1.6;
            @media screen and (max-width: 1023px) {
                width: 100%;
                border: none;
                line-height: 1.5em;
                padding-top: 15px;
            }
            .mobile-nav-link-container {
                display: flex;
                align-items: center;
                .fa-check {
                    color: var(--color-checkmark);
                    font-size: 14px;
                    margin-left: 6px;
                }
                .nav-link-text {
                    font-size: 14px;
                    margin-left: 0.5rem;
                }
                .caret-image {
                    height: 30px;
                    right: 17px;
                    position: absolute;
                }
            }
            #center-nav-link {
                border-left: 1px solid #ccc;
                border-right: 1px solid #ccc;
            }

            .nav-link {
                text-align: center;
                @media screen and (max-width: 1023px) {
                    text-align: left;
                    display: block;
                    border-bottom: 1px solid #333333;
                    height: 50px;
                    overflow: hidden;
                }
                .nav-link-a {
                    color: #137abf;
                    @media screen and (max-width: 1023px) {
                        color: #666;
                    }
                }
                .fa-arrow-right {
                    text-align: center;
                    color: #137abf;
                }
            }
        }
        #company-info-and-jobs-container {
            width: var(--container-width-dynamic-lp);
            margin: 0 auto;
            background: #ebebeb;
            padding-bottom: 20px;
            color: #313235;
            #info-and-jobs-subcontainer {
                margin-top: 0;
                margin-left: 8.333%;
                margin-right: 8.333%;
                #about-title {
                    line-height: 1.2;
                    padding: 1rem 0 0.5rem;
                    font-size: 2.3125em;
                    font-weight: bold;
                    color: var(--font-dark);
                }
                .company-subtext {
                    font-size: 14px;
                    line-height: 1.6;
                    text-rendering: optimizeLegibility;
                }
                #company-hq {
                    margin-bottom: 1.25em;
                }
                #company-description {
                    font-weight: normal;
                    font-size: 1em;
                    margin-bottom: 1.25em;
                }
                .column {
                    padding-top: 0;
                    .card {
                        background: #fff;
                        border: 1px solid #CCC;
                        border-radius: 0;
                        width: 100%;
                        margin-bottom: 20px;
                        margin-top: 30px;
                        padding-bottom: 20px;
                        text-align: center;
                        .card-header {
                            height: 20px;
                            border-radius: 0;
                        }
                        .card-content {
                            padding: 10px;
                            line-height: 16px;
                            #card-title {
                                font-size: 18px;
                            }
                            #card-desc {
                                margin-bottom: 0;
                            }
                            #card-button {
                                background-color: #65b139;
                                color: var(--font-light);
                                border-radius: 5px;
                                width: 90%;
                                margin: 0 auto;
                                border-top: 1px solid #c6c6c6;
                                border-bottom: 1px solid #c6c6c6;
                                padding: 5px 20px;
                            }
                        }
                    }
                    #pop-jobs-container {
                        line-height: 1.4;
                        #pop-jobs-title {
                            font-size: 24px;
                            color: var(--font-dark);
                            font-weight: bold;
                        }
                        .job-type {
                            margin-bottom: 1.25em;
                            .job-type-title {
                                color: #137abf;
                                font-size: 1.125em;
                                font-weight: bold;
                                text-decoration: underline;
                            }
                            .job-type-desc {
                                font-size: 1em;
                                line-height: 1.6;
                                text-rendering: optimizeLegibility;
                            }
                        }
                    }
                }
            }
        }
        #button-divider {
            height: 5px;
            width: 95%;
            margin: 0 auto;
        }
        #bottom-button-container {
            width: 100%;
            padding: 10px 20px 20px;
            text-align: center;
            #bottom-search-button {
                margin: 1.35em auto 0;
                width: 40%;
                font-size: 18px;
                border: 5px solid #ffffff;
                box-shadow: 0 0 10px #ccc;
            }
        }
        .search-button {
            border-radius: 5px;
            background: #f47421;
            color: var(--font-light);
            font-weight: 700;
            line-height: 1;
            padding: 0.8125rem 1.5rem;
        }
    }
}

#finish_page_frame {
    width: 100%;
    height: 100%;
    display: flex;
    #loading-container {
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

#jerbs-turbo-frame {
    width: 100%;
    padding: 20px 0 40px;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    word-wrap: break-word;
    background: #f7f7f7 url("/assets/career-edge/jerbs-finish-page-bg-a3290165.jpg") repeat-x top center;
}
#jerbs-content-container {
    border-radius: 15px;
    box-shadow: 0px -7px 20px -7px rgba(0, 0, 0, 0.5);
    min-height: 450px;
    max-width: 1000px;
    margin: auto;
    padding: 20px 0;
    background: #f7f7f7 url("/assets/career-edge/bg-signupform-d61ae640.png") no-repeat top center;
    #loading-jobs-gray-box {
        background: #edebeb;
        margin-left: 1rem;
        margin-right: 1rem;
        margin-top: 1rem;
        border: 1px #d4d2d2 solid;
        #job-fetch-message {
            font-size: 1.5rem;
            font-weight: bold;
            margin-bottom: 0.5rem;
            padding: 1rem;
            text-align: center;
        }
    }
    #no-results-div {
        text-align: center;
        padding: 3rem 0.5rem 0;
        font-size: 1rem;
        #no-results-text {
            font-weight: bold;
            font-size: 1.125em;
            color: #222;
            @media screen and (min-width: 769px) {
                font-size: 1.435rem;
            }
        }
    }
    .job-content-card {
        background: #fff;
        border: 1px solid #d4d4d4;
        margin-bottom: 1.25rem;
        .mobile-background-f9f9f9 {
            @media (max-width: 768px) {
                background: #f9f9f9;
            }
        }
        .job-content-header {
            display: flex;
            flex-direction: row;
            @media (max-width: 768px) {
                flex-direction: column !important;
            }
            .center-text-in-div {
                @media (min-width: 769px) {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    text-align: center;
                }
            }
            .content-box {
                @media (min-width: 769px) {
                    padding: 5px 0.625em;
                    border-right: 1px solid #dddddd;
                    border-bottom: 1px solid #dddddd;
                }
                @media (max-width: 768px) {
                    width: 100% !important;
                }
            }
            .box-1 {
                width: 50%;
                @media (min-width: 769px) {
                    padding-top: 0.5625em;
                    padding-bottom: 0.5625em;
                }
                @media (max-width: 768px) {
                    display: flex;
                    flex-direction: row;
                    border-right: 1px solid #ddd;
                    border-bottom: 1px solid #ddd;
                    .job-header-text {
                        width: 100% !important;
                    }
                    .mobile-apply-button-container {
                        width: 10%;
                        border-left: 1px solid #ddd;
                        .mobile-apply-button {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 100%;
                            height: 100%;
                            background: #F37045;
                            color: #fff !important;
                        }
                    }
                }
                .box-1-text-container {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    @media (max-width: 768px) {
                        width: 90%;
                        padding: 5px 0.625em;
                        line-height: 19px;
                    }
                    .job-title {
                        text-decoration: underline;
                        font-size: 16px;
                    }
                    .time {
                        font-size: 12px;
                        color: #666;
                        font-weight: 400;
                    }
                    .questions-text {
                        display: block;
                        width: 100%;
                        background: #E2E2E2;
                        color: #159670;
                        clear: both;
                        padding: 5px 10px;
                        border-radius: 3px;
                        text-align: left;
                        text-decoration: none;
                        .salary-info-more-text {
                            text-decoration: underline;
                        }
                    }
                }
            }
            .box-2 {
                width: 15%;
                @media (max-width: 768px) {
                    padding: 0.5625em 0.625em 0;
                }
                .job-company {
                    color: #000;
                    margin-bottom: 0;
                    width: 108px;
                    line-height: 1.4;
                    @media (max-width: 768px) {
                        font-weight: 700;
                        width: 100% !important;
                    }
                }
            }
            .box-3 {
                width: 15%;
                @media (max-width: 768px) {
                    padding: 0 0.625em 10px;
                    font-weight: 700;
                }
                .job-location {
                    color: #666;
                }
                .time {
                    color: #000;
                }
            }
            .box-4 {
                width: 20%;
                padding: 0;
                display: flex;
                align-items: center;
                .apply-button {
                    display: block;
                    border-bottom: 3px solid #A84C30;
                    border-radius: 5px;
                    width: 100%;
                    margin: 3px;
                    text-decoration: none;
                    background: #F37045;
                    padding: 20px;
                    color: #ffffff;
                }
            }
        }
        .link-text {
            color: #1a0dab;
        }
        .job-content-footer {
            display: flex;
            align-items: center;
            @media (min-width: 769px) {
                background: #f9f9f9;
            }
            @media (max-width: 768px) {
                margin: 0 0.625em;
                padding-bottom: 0.5625em;
            }
            .job-description {
                line-height: 1.125em;
                color: #222;
                @media (min-width: 769px) {
                    padding: 0.5625em 0.625em;
                    width: 80%;
                }
                @media (max-width: 768px) {
                    width: 100%;
                    font-size: 14px !important;
                }
            }
            .job-reviews {
                width: 20%;
                padding: 0.5625em 0.625em;
                .job-reviews-button {
                    text-align: center;
                    line-height: 1.125em;
                    text-decoration: underline;
                    display: block;
                    padding: 5px 10px;
                    border: 1px solid #ccc;
                    border-radius: 5px;
                    width: 80%;
                }
            }
        }
    }
    #pagination-container {
        display: flex;
        line-height: 1.6;
        margin-bottom: 1.25em;
        .pagination-link {
            display: flex;
            padding: 0.0625em 0.4375em 0.0625em;
            float: left;
            height: 1.5em;
            color: #999;
            margin-left: 0.3125em;
            border-radius: 0;
        }
        .active {
            background: #4c7719;
            color: #fff;
            font-weight: bold;
        }
    }
}

#default-surveys-page {
    height: 100%;
    #survey-content-container {
        width: 100%;
        min-height: 450px;
        max-width: 62.5em;
        margin: 0 auto;
        background-color: #fefefe;
        text-align: center;
        @media screen and (min-width: 1024px) {
            padding: 20px 0 0;
            box-shadow: var(--box-shadow-lp);
        }
        @media screen and (max-width: 1023px) {
            background-color: var(--color-bg-light);
        }
        #logo-container {
            padding: 20px 30px;
            margin: 0;
            #logo-image {
                vertical-align: middle;
                max-height: 105px;
            }
        }
        #complete-profile-container {
            @media screen and (min-width: 1024px) {
                padding: .5rem 0;
            }
            #complete-profile-text {
                color: #FFF;
                margin: 0;
                padding: 0;
                font-size: 1.6875em;
                font-weight: bold;
                line-height: 1.4;
                @media screen and (max-width: 1023px) {
                    font-size: 24px;
                    padding: 0.5em 30px;
                    line-height: 1em;
                }
            }
        }
        #survey-form {
            margin: 0 auto;
            @media screen and (min-width: 1024px) {
                width: 83.33%;
            }
            @media screen and (max-width: 1023px) {
                margin-top: 5px;
                margin-bottom: 1.125rem;
                border: 1px solid rgb(221, 221, 221);
            }
            #survey-container {
                padding: 1.5rem;
                @media screen and (max-width: 1023px) {
                    padding-bottom: 2.5rem;
                }
                .fixed-grid {
                    margin-bottom: 0;
                    .grid {
                        --bulma-grid-gap: 0;
                        --bulma-grid-column-gap: 1.875em;
                        .single-phone-input {
                            @media screen and (min-width: 1024px) {
                                display: none;
                            }
                        }
                        .question-split-container {
                            width: 100%;
                            display: flex;
                            gap: 0.25rem;
                            margin-bottom: 1em;
                            @media screen and (max-width: 1023px) {
                                margin-bottom: 0.5em;
                            }
                            .month-select-container {
                                width: 40%;
                            }
                            .day-select-container {
                                width: 25%
                            }
                            .year-select-container {
                                width:  35%;
                            }
                            .control {
                                display: flex;
                                align-items: center;
                                .sign-up-input {
                                    margin-bottom: 0;
                                    @media screen and (min-width: 1024px) {
                                        padding-left: 10px !important;
                                    }
                                }
                                .phone-split::placeholder {
                                    @media screen and (max-width: 1023px) {
                                        color: transparent;
                                    }
                                }
                            }
                            .one-third-column {
                                width: 33%;
                            }
                        }
                        .cell .field {
                            height: 53px;
                            width: 100%;
                        }
                        .columns {
                            @media screen and (max-width: 1023px) {
                                margin-top: 0;
                                margin-bottom: 0.5rem;
                            }
                        }
                        .cell .column {
                            @media screen and (max-width: 1023px) {
                                padding-top: 0;
                                padding-bottom: 0;
                            }
                        }
                        .dob-mobile-cell {
                            display: flex;
                            flex-direction: column;
                            align-items: flex-start;
                            .dob-mobile-question-label {
                                color: #4d4d4d;
                                font-size: 20px;
                                margin-bottom: 0.4em;
                            }
                        }
                    }
                }
                #form-title {
                    margin-bottom: 1rem;
                    margin-top: 0.2em;
                    text-align: center;
                    font-size: 22px;
                    font-weight: bold;
                    color: var(--font-dark);
                    line-height: 1.4;
                }
                #optins-container {
                    font-size: 13px;
                    line-height: 22px;
                    color: #4d4d4d;
                    font-weight: bold;
                    gap: 15px;
                }
                .question-label {
                    color: #4d4d4d;
                    margin-bottom: 0.4em;
                    float: left;
                    font-size: 0.875em;
                    font-weight: 500;
                }
                #buttons-container {
                    margin-top: 40px;
                    #privacy-value-text {
                        color: #999;
                        font-size: 14px;
                        margin-bottom: 30px;
                    }
                }
            }
        }
    }
    .sign-up-input {
        height: 53px;
        box-shadow: none;
        background: #fff;
        border-radius: 0px;
        border: 1px solid #ccc;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.75);
        padding: 0.5em 0.5em 0.5em 15px;
        margin: 0 0 1em 0;
        width: 100%;
        @media screen and (max-width: 1023px) {
            margin-bottom: 0.5rem;
            font-size: 20px;
            padding: 0.25em;
            height: 45px;
        }
    }
    .sign-up-input::placeholder {
        @media screen and (min-width: 1024px) {
            color: transparent;
        }
    }
    .responsive-hidden-input {
        display: none
    }
    #zip-location-text {
        text-align: left;
        margin-bottom: 1rem;
        padding: 0.5em 0.5em 0;
        position: relative;
        color: #313235;
        top: -15px;
        @media screen and (max-width: 1023px) {
            display: none;
        }
        .location-edit-url {
            text-decoration: underline;
            cursor: pointer;
        }
    }
    #buttons-container {
        height: 100%;
        align-items: center;
        width: 100%;
        .survey-button {
            border-radius: 3px;
            width: 40%;
            margin: 0 0 1.25em;
            line-height: 1;
            height: 52px;
            display: flex;
            align-items: center;
            justify-content: center;
            @media screen and (max-width: 1023px) {
                width: 100%;
                font-size: 16px;
                border-radius: 5px;
                height: 50px;
            }
        }
        .continue-button {
            font-size: 18px;
            padding: 0.75em 1.5em;
            background: #f47421;
            border: 3px solid #fff;
            font-weight: bold;
            color: #fff;
            @media screen and (max-width: 1023px) {
                border: 2px solid #ffffff;
                margin-bottom: 1rem;
            }
        }
        .mobile-depth-button {
            @media screen and (max-width: 1023px) {
                font-size: 16px;
                border: 1px solid #d3631a;
                box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
                transition: background-color 300ms ease-out;
            }
        }
        .skip-button {
            background: #eee;
            color: #444;
            @media screen and (max-width: 1023px) {
                border: 1px solid #ccc;
                color: #666;
            }
        }
    }
    #default-survey-enclosure {
        @media screen and (min-width: 1024px) {
            width: 67%;
            margin: 0 auto;
            padding-left: 1rem;
            padding-right: 1rem;
        }
        @media screen and (max-width: 1023px) {
            padding-bottom: 80px;
        }
        #survey-step-title {
            font-size: 1.4375em;
            line-height: 1.4;
            color: #222;
            text-align: center;
            font-weight: bold;
            @media screen and (min-width: 1024px) {
                margin-top: 0.2em;
                margin-bottom: 0.5em;
                padding: 20px 30px;
            }
            @media screen and (max-width: 1023px) {
                color: var(--font-light);
                padding: 1rem 0.5rem;
                font-size: 1rem;
                line-height: 1.2125em;
            }
        }
        #form-input-buttons-container {
            @media screen and (min-width: 1024px) {
                padding-top: 20px;
                padding-bottom: 80px;
            }
            @media screen and (max-width: 1023px) {
                padding: 20px 20px 0;
            }
            #questions-enclosure {
                text-align: left;
                margin-bottom: 1.25em;
                @media screen and (min-width: 1024px) {
                    border: 1px #307fe4 solid;
                    margin-top: 1rem;
                    padding: 1.25em;
                }
                @media screen and (max-width: 1023px) {
                    padding-left: 1rem;
                    padding-right: 1rem;
                }
                .education-q-title {
                    color: #333333;
                    text-align: center;
                    font-size: 1em;
                    line-height: 1.6;
                    margin-bottom: 1.25em;
                    @media screen and (max-width: 1023px) {
                        text-align: left;
                    }
                }
                .edu-label {
                    @media screen and (max-width: 1023px) {
                        display: flex;
                        flex-direction: column;
                        line-height: 14px;
                        color: #313235;
                        gap: 0.4em;
                    }
                }
                label {
                    font-weight: bold;
                    font-size: 0.875em;
                    color: #4d4d4d;
                    margin-bottom: 0.4em;
                    .sign-up-input {
                        @media screen and (max-width: 1023px) {
                            margin-bottom: 1rem;
                            height: 40px;
                        }
                    }
                    .enrolled-select {
                        @media screen and (max-width: 1023px) {
                            margin-top: 0.4em;
                        }
                    }
                }
            }
            #form-buttons-container {
                #buttons-container {
                    .survey-button {
                        @media screen and (min-width: 1024px) {
                            width: 50%;
                        }
                    }
                }
            }
            .sms-optins {
                margin-bottom: 0.4em;
                text-align: left;
                #decider_tcpa_optin {
                    line-height: 1;
                    label strong {
                        color: black;
                    }
                }
            }
        }
    }
}

#path-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    .path-step-title-text {
        font-size: var(--ptitle-font-size-default);
        margin-top: 1rem;
        @media screen and (max-width: 768px) {
            font-size: var(--ptitle-font-size-mobile);
        }
    }
    #path-step-footer {
        display: none;
    }
}

#default-results-page-container {
    margin: 2rem 0;
    padding: 0 25px;
    #page-title {
        text-align: center;
        width: 100%;
        font-size: var(--ptitle-font-size-default);
        font-weight: bold;
        @media screen and (max-width: 768px) {
            font-size: var(--ptitle-font-size-mobile);
        }
    }
    #page-title:before {
        content: "Your Job Results";
    }
    .multiline-page-title-container {
        display: none;
    }
    #offer-columns-container {
        margin-top: 1rem;
        .default-jobs-offer, .default-ce-offer {
            width: 33%;
            min-height: 0;
            @media screen and (max-width: 1023px) {
                width: 100%;
            }
            .offer-container {
                border: 1px var(--font-dark) solid;
                border-radius: var(--border-radius-small);
                box-shadow: var(--offer-shadow);
            }
        }

    }
}

.show-more-button {
    min-height: 50px;
    color: var(--font-light) !important;
}

.default-jobs-offer, .default-ce-offer {
    min-height: var(--offer-min-height);
    text-align: center;
    @media screen and (min-width: 1024px) {
        padding: 20px;
    }
    .offer-container {
        align-items: center;
        font-size: 1.4375rem;
        line-height: 1.3;
        @media screen and (min-width: 1024px) {
            padding: 2.25rem;
        }
        .offer-title {
            font-weight: bold;
            color: var(--font-dark);
            margin-top: 0.2rem;
            margin-bottom: 1.5rem;
            @media screen and (max-width: 1023px) {
                color: #333;
                padding: 15px 20px 10px;
                line-height: 1.25em;
            }
        }
        .offer-description {
            margin-bottom: 1.25rem;
            color: var(--font-dark);
            @media screen and (max-width: 1023px) {
                font-size: 16px;
                color: #333;
            }
        }
        .offer-buttons-container {
            display: flex;
            margin-top: 1.8125rem;
            gap: 5px;
            @media screen and (max-width: 1023px) {
                flex-direction: column;
                align-items: center;
                gap: 1.25rem;
                width: 100%;
            }
            .offer-button {
                padding: 0.75em 1.5em;
                font-size: 18px;
                color: #fff;
                cursor: pointer;

                @media screen and (min-width: 1024px) {
                    font-weight: 500;
                    text-transform: uppercase;
                    text-shadow: 0 1px 2px var(--shadow-color);
                    border-radius: var(--border-radius-small);
                }
                @media screen and (max-width: 1023px) {
                    border-radius: 5px;
                    width: 80%;
                    padding: 10px 30px;
                    font-size: 1rem;
                    border-width: 0;
                    box-shadow: none;
                }
            }
            .offer-accept-button {
                @media screen and (max-width: 1023px) {
                    background: #ff7343;
                }
            }
            .decline-button {
                background-image: -webkit-linear-gradient(top, #ababab 0%, #888888 100%);
                border-color: #8d8d8d;
                @media screen and (max-width: 1023px) {
                    background: #ccc;
                }
            }
        }
    }
}

#policy-doc {
    #policy-page-header {
        #legal_h1 {
            font-size: 2.75em;
            text-align: center;
            line-height: 1.4;
            font-weight: bold;
            margin-top: 0.2em;
            margin-bottom: 0.5em;

            @media screen and (max-width: 768px) {
                font-size: 2.125em;
                line-height: 1.2125em;
            }
        }
    }
    #tos {
        #tos-content-container {
            margin: 0 auto;
            font-weight: normal;
            font-size: 1em;
            line-height: 1.6;
            text-rendering: optimizeLegibility;
            p {
                margin-bottom: 1.25em;
            }
        }
    }
}

#pp-policy-doc {
    <!--
        /* Font Definitions */
    @font-face {
        font-family:Helvetica,serif;
        panose-1:0 0 0 0 0 0 0 0 0 0;
    }
    @font-face {
        font-family:Wingdings;
        panose-1:5 0 0 0 0 0 0 0 0 0;
    }
    @font-face {
        font-family:"Cambria Math";
        panose-1:2 4 5 3 5 4 6 3 2 4;
    }
    @font-face {
        font-family:Aptos;
        panose-1:2 11 0 4 2 2 2 2 2 4;
    }
    @font-face {
        font-family:"Helvetica Neue";
        panose-1:2 0 5 3 0 0 0 2 0 4;
    }
        /* Style Definitions */
    p.MsoNormal, li.MsoNormal, div.MsoNormal {
        margin: 0 0 8.0pt;
        line-height:115%;
        font-size:10.0pt;
        font-family:"Aptos",sans-serif;
    }
    a:link {
        color:blue;
        text-decoration:underline;
    }
    p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph {
        margin: 0 0 8.0pt .5in;
        line-height:115%;
        font-size:12.0pt;
        font-family:"Aptos",sans-serif;
    }
    p.ng-binding, li.ng-binding, div.ng-binding {
        mso-style-name:ng-binding;
        margin-right:0;
        margin-left:0;
        font-size:12.0pt;
        font-family:"Times New Roman",serif;
    }
    @page WordSection1 {
        size:8.5in 11.0in;
        margin:1.0in 1.0in 1.0in 1.0in;
    }
    div.WordSection1 {
        page:WordSection1;
    }
        /* List Definitions */
    ol {
        margin-bottom:0;
    }
    ul {
        margin-bottom:0;
    }
    -->
}
#cookie-policy-doc {
    margin: 2rem;
    <!--
        /* Font Definitions */
    @font-face {
        font-family: "Cambria Math";
        panose-1: 2 4 5 3 5 4 6 3 2 4;
    }
    @font-face {
        font-family: Aptos;
        panose-1: 2 11 0 4 2 2 2 2 2 4;
    }
    @font-face {
        font-family: "Aptos Narrow";
        panose-1: 2 11 0 4 2 2 2 2 2 4;
    }
        /* Style Definitions */
    table {
        background: #fff;
        margin-bottom: 1.25em;
        border: solid 1px #ddd;
        color: #313235;
        tr.even, tr.alt, tr:nth-of-type(even) {
            background: #f9f9f9
        }
    }
    p.MsoNormal, li.MsoNormal, div.MsoNormal {
        margin: 0 0 8.0pt;
        line-height: 115%;
        font-size: 10.0pt;
        font-family: "Aptos", sans-serif;
    }
    @page WordSection1 {
        size: 8.5in 11.0in;
        margin: 1.0in 1.0in 1.0in 1.0in;
    }
    div.WordSection1 {
        page: WordSection1;
    } -->
}

#article-doc {
    width: 66.6667%;
    margin: 0 auto;
    line-height: 1.4;

    @media screen and (max-width: 768px) {
        width: 100%;
        line-height: 1.2125em;
    }
    #page-title {
        margin-top: 3rem;
        font-size: 2.75em;
        font-weight: bold;
        margin-bottom: 0.5em;

        @media screen and (max-width: 768px) {
            font-size: 2.125em;
        }
    }
    #articles-list-container {
        display: flex;
        flex-direction: column;
        .article-link {
            color: #4c7719;
            font-size: 1.6875em;
            font-weight: bold;
            margin-top: 0.2em;
            margin-bottom: 0.5em;

            @media screen and (max-width: 768px) {
                font-size: 1.375em;
            }
        }
    }
    #article-title {
        margin-top: 3rem;
        font-size: 1.6875em;
        font-weight: bold;
        margin-bottom: 0.5em;

        @media screen and (max-width: 768px) {
            font-size: 1.375em;
        }
    }
    .article-text-header {
        font-size: 1.4375em;
        font-weight: bold;
        margin-top: 0.2em;
        margin-bottom: 0.5em;

        @media screen and (max-width: 768px) {
            font-size: 1.125em;
        }
    }
    .article-text-paragraph {
        font-size: 1em;
        line-height: 1.6;
        margin-bottom: 1.25em;
        color: #313235;
    }
}