html {
    overflow-x: hidden;
}

body {
    background: #e7e3d4;
    overflow-x: hidden;
}

body h1 {
    font-weight: 700;
    font-size: 100px;
    line-height: 110.00000000000001%;
}

body h2 {
    font-weight: 700;
    font-size: 60px;
    line-height: 110.00000000000001%;
}

body h3 {
    font-weight: 500;
    font-size: 42px;
    line-height: 100%;
}

body p {
    font-size: 18px;
    line-height: 140%;
}

/*Footer*/


.footer_container {
    color: #282828;
}

.footer_container ul {
    list-style: none;
    padding-left: 0;
}

.footer_container .footer-title {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
}

.copyright_text {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 20px;
    margin-top: 20px;
}

.footer_container li a, .footer_container a {
    color: #282828 !important;
    font-weight: 300;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 16px;
    text-decoration: none;
    display: block;
}


.footer-socials {
    gap: 24px;
    align-items: center;
    margin-top: 24px;
}

.footer-company {
    font-size: 12px;
    font-weight: 500;
    line-height: 19.6px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-decoration: none;
    color: #282828 !important;
}

.footer-company svg {
    margin-right: 5px;
}

.footer_col {
    width: 20%;
}

.footer_col ul {
    list-style: none;
    padding-left: 0;
}


.footer_row {
    padding-top: 80px;
    padding-bottom: 20px;
}

.footer-company-col {
    padding: 0 0 20px;
    margin-top: 32px;
    color: #717171;
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
}

.talentful-info a {
    color: #717171 !important;
}

.talentful-info {
    padding: 10px 0 20px;
}

.footer-socials {
    gap: 24px;
}

.slider-desc {
    font-weight: 700;
    font-size: 36px;
    line-height: 110.00000000000001%;
    vertical-align: middle;
    color: #282828;
    text-transform: capitalize;
}

.single-item img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 386 / 386;
}

.home-slider .react-multiple-carousel__arrow {
    min-width: 85px;
    min-height: 85px;
}

.home-slider .react-multiple-carousel__arrow:before {
    font-size: 32px;
}

.row-bg {
    background: #DCDACB;
}

.row-bg .col-md-4,
.row-bg .col-md-8 {
    padding: 0;
}

#subscribe input {
    background: #F1EBE0;
    color: #161616;
    padding-left: 20px !important;
}

#subscribe input::placeholder {
    color: #161616;
}

#subscribe {
    padding-bottom: 102px;
    padding-top: 100px;
}

#subscribe h2 {
    font-weight: 700;
    font-size: 41px;
    line-height: 130%;
    text-align: center;
    margin-bottom: 10px;
    color: #F1E7C4;
}

#subscribe .btn {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    text-align: center;
    vertical-align: bottom;
    text-transform: uppercase;
}

#subscribe form {
    border-radius: 50px;
    overflow: hidden;
}

#search-box #role > div,
#search-box .location-select > div,
#search-box .last-field > div > div {
    background: transparent;
    border-radius: 85px;
    border: 1px solid #C7C2B6;
    min-height: 85px;
    overflow: hidden;
    padding: 20px 30px;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #1A1919;
    cursor: pointer;
}

#jobAlertModal i,
.modal-content label,
.modal-content input,
.modal-content .vacancy-heading,
.modal-content .vacancy-description {
    color: #1A1919;

}

.vacancy-hours-card {
    color: #1A1919 !important;
    font-size: 18px;
    width: 100%;
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.nav-item {
    cursor: pointer;
}

.last-field > div > div > div > div,
.location-select > div > div > div {
    color: #1A1919;
}

#react-select-1-listbox,
#react-select-2-listbox,
#react-select-3-listbox,
#react-select-4-listbox,
#react-select-5-listbox,
#react-select-6-listbox,
#react-select-7-listbox,
#react-select-8-listbox,
#react-select-9-listbox,
#react-select-10-listbox,
#react-select-11-listbox {
    border-radius: 0 !important;
}

[id^="react-select-"][id$="-listbox"] {
    border-radius: 0 !important;
}

#role > div > div > div {
    color: #1A1919;
    font-size: 20px;
    padding: 5px;
}

.filter-header .row:after {
    border: 1px solid #000000;
    width: 104px;
    height: 1px;
    display: block;
    margin: 0 auto;
    content: '';
}

#search-results-list .description-image-wrapper {
    justify-content: center !important;
}

#search-results-list .col.container-xxl .row.g-4 {
    gap: 0 !important;
    --bs-gutter-y: 0;
    --bs-gutter-x: 0;
    border-left: 1px solid #C7C2B6;
    border-top: 1px solid #C7C2B6;
}

#search-results-list .h-100.text-center.d-flex.flex-column.align-items-center.justify-content-center {
    background: #DCDACB;
    border-radius: 0;
    box-shadow: none;
    padding: 45px 30px !important;
}

#search-results-list .col.container-xxl h2 {
    font-size: 24px;
}

#search-results-list .col.container-xxl .row.g-4 .col-md-4 {
    border-right: 1px solid #C7C2B6;
    border-bottom: 1px solid #C7C2B6;
}

/*#search-results-list .col.container-xxl .row.g-4 .col-md-4:nth-child(3n) {*/
/*    border-right: none;*/
/*}*/

#search-results-list .h-100.text-center.d-flex.flex-column.align-items-center.justify-content-center {
    text-align: center !important;
    justify-content: center !important;
}

#search-results-list path {
    fill: #1A1919;
}

#search-results-list .vacancy-text-section > * {
    color: #1A1919 !important;
    font-size: 18px;
}

#search-results-list .vacancy-category,
#search-results-list .company-name {
    color: #1A1919 !important;
    font-weight: 700;
    font-size: 34px;
    line-height: 36px;
    text-align: center;
    transition: all 0.3s ease;
}

#search-results-list .h-100.text-center.d-flex.flex-column.align-items-center.justify-content-center:hover {
    background: #1A1919;
}

#search-results-list .h-100.text-center.d-flex.flex-column.align-items-center.justify-content-center:hover path,
#search-results-list .h-100.text-center.d-flex.flex-column.align-items-center.justify-content-center:hover .vacancy-text-section > * {
    color: #fff !important;
    fill: #fff;
}

#search-results-list .h-100.text-center.d-flex.flex-column.align-items-center.justify-content-center:hover .vacancy-hours-card {
    color: #fff !important;
}

}
#search-results-list .h-100.text-center.d-flex.flex-column.align-items-center.justify-content-center:hover .vacancy-category {
    transform: scale(1.3);
}

#search-results-list .category-name {
    display: none;
}

#search-results-list span {
    background: transparent;
}

div#vacancy-header-wrapper {
    margin-top: 200px;
}

#mobile_img {
    margin-top: -200px;
    margin-left: -20px;
    z-index: 99;
    position: relative;
}

.single-job-wrapper .btn.btn-primary {
    border: 1px solid #1A1919;
    background: #fff;
    border-radius: 85px;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #1A1919;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: bold;
    min-height: 85px;
    min-width: 188px;
}

.single-job-wrapper p,
.single-job-wrapper li,
.single-job-wrapper ul,
.vacancy-card {
    font-weight: 300;
    font-size: 22px;
    line-height: 140%;
    color: #1A1919;
}

#jobAlertModal span {
    color: #1A1919;
}

/*.modal-content > div {*/
/*    background: #1A1919;*/
/*}*/

.single-job-wrapper .job-large-header > div {
    justify-content: end;
    padding-bottom: 60px;
}

.single-job-wrapper .job-general-properties {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
}

.single-job-wrapper .job-extra-general-properties {
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
}

.single-job-wrapper .job-extra-general-properties path {
    fill: #fff;
}

.single-job-wrapper .sidebar {
    display: none !important;
}

.single-job-wrapper .job-large-header {
    background: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/sticks-n-sushi-v2-b/bg_psdsdfic_1_2ba36fea0b/bg_psdsdfic_1_2ba36fea0b.png");
    min-height: 900px;
    background-size: cover;
}

#search-box .keyword-filter,
#search-box .last-field,
#search-box .location {
    background: transparent !important;
    border: none;
}

#search-box .keyword-filter input {
    background: transparent;
    border-radius: 85px;
    border: 1px solid #C7C2B6;
    min-height: 85px;
    padding: 30px;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #1A1919;
    cursor: pointer;
}

#search-box .keyword-filter input::placeholder {
    color: #1A1919;
}

#search-box .keywords,
#search-box .last-field,
#search-box .location {
    width: 100%;
}

#search-box .location .d-flex.justify-content-center.align-items-center svg path {
    fill: transparent;
}

div#search-box {
    margin-bottom: 20px;
}

#search-box .location .d-flex.justify-content-center.align-items-center svg {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6050_3150)'%3E%3Cpath d='M12 0C10.5311 0 9.12238 0.583515 8.08372 1.62218C7.04505 2.66084 6.46154 4.06957 6.46154 5.53846C6.46154 8.59754 11.2791 16.1935 11.2791 20.3077H12.7209C12.7209 16.2074 17.5385 8.34831 17.5385 5.53846C17.5385 4.06957 16.9549 2.66084 15.9163 1.62218C14.8776 0.583515 13.4689 0 12 0ZM12 2.76923C12.7344 2.76923 13.4388 3.06099 13.9581 3.58032C14.4775 4.09965 14.7692 4.80402 14.7692 5.53846C14.7692 6.27291 14.4775 6.97727 13.9581 7.4966C13.4388 8.01593 12.7344 8.30769 12 8.30769C11.2656 8.30769 10.5612 8.01593 10.0419 7.4966C9.52253 6.97727 9.23077 6.27291 9.23077 5.53846C9.23077 4.80402 9.52253 4.09965 10.0419 3.58032C10.5612 3.06099 11.2656 2.76923 12 2.76923ZM6.31754 15.9517C6.29781 15.9609 6.27842 15.9707 6.25938 15.9812C4.55631 16.2803 3.11262 16.6902 2.01969 17.2505C1.47231 17.5302 1.00062 17.8615 0.635077 18.2594C0.268615 18.6582 0 19.176 0 19.7594C0 20.6345 0.579692 21.3185 1.26923 21.8077C1.95877 22.2969 2.82923 22.6708 3.89446 22.9902C6.02215 23.6289 8.86615 24 12 24C15.1338 24 17.9778 23.6289 20.1055 22.9902C21.1698 22.6708 22.0412 22.2978 22.7308 21.8077C23.4203 21.3185 24 20.6345 24 19.7594C24 19.1742 23.7323 18.6295 23.3649 18.2308C22.9975 17.832 22.5305 17.5302 21.9803 17.2495C20.8818 16.6892 19.4243 16.2794 17.7111 15.9803C17.5906 15.957 17.4667 15.9579 17.3466 15.983C17.2265 16.0081 17.1126 16.0569 17.0116 16.1265C16.9106 16.1961 16.8244 16.2852 16.7582 16.3885C16.692 16.4918 16.6471 16.6073 16.6261 16.7282C16.605 16.8491 16.6083 16.9729 16.6357 17.0925C16.663 17.2121 16.714 17.3251 16.7855 17.4248C16.8571 17.5245 16.9478 17.6089 17.0523 17.6731C17.1569 17.7373 17.2732 17.78 17.3945 17.7988C18.9849 18.0757 20.3068 18.468 21.144 18.8945C21.5631 19.1068 21.8575 19.3348 22.0098 19.5C22.1622 19.6652 22.1538 19.7308 22.1538 19.7594C22.1538 19.8028 22.0948 20.0022 21.6637 20.3077C21.2326 20.6132 20.4978 20.9483 19.5572 21.2308C17.6769 21.7948 14.9834 22.1538 12 22.1538C9.01662 22.1538 6.32308 21.7948 4.44185 21.2308C3.50215 20.9483 2.76738 20.6132 2.33723 20.3077C1.90523 20.0022 1.84615 19.8028 1.84615 19.7594C1.84615 19.7317 1.83969 19.6643 1.99015 19.5C2.14154 19.3357 2.43969 19.1068 2.856 18.8945C3.68677 18.4689 4.99569 18.0766 6.57692 17.7978C6.69993 17.7829 6.81872 17.7436 6.92636 17.6822C7.034 17.6209 7.12832 17.5387 7.20382 17.4404C7.27932 17.3422 7.33447 17.2298 7.36606 17.11C7.39766 16.9902 7.40505 16.8653 7.38781 16.7426C7.37057 16.6199 7.32904 16.5019 7.26566 16.3954C7.20228 16.2889 7.11831 16.1962 7.01866 16.1225C6.91901 16.0489 6.80568 15.9959 6.6853 15.9665C6.56492 15.9372 6.43989 15.9322 6.31754 15.9517Z' fill='%231A1919'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6050_3150'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

#search-results-list .container-xxl.row.g-5.m-auto > div:first-of-type {
    display: none;
}

#search-box span {
    background: transparent;
}

.search-roles {
    position: fixed;
    right: 100px;
    top: 45px;
    z-index: 999;
    background: #1A1919A6;
    backdrop-filter: blur(16px);
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    vertical-align: middle;
    color: #FFFFFF !important;
    text-decoration: none;
    padding: 30px 70px;
    border-radius: 100px;
    cursor: pointer;
}

.vacancy-hours-card svg {
    margin-top: auto;
    margin-bottom: auto;
}

.home-slider .single-item {
    cursor: none;
}

.row-bg h2 {
    text-transform: uppercase;
}

@media (min-width: 1500px) {
    .footer .container-xxl {
        max-width: 1442px;
    }
}

@media (min-width: 1200px) {
    #search-box .keywords,
    #search-box .last-field,
    #search-box .location {
        max-width: 290px;
    }

}

@media (max-width: 1199px) {
    #search-box .keyword-filter input,
    #role > div, .location-select > div, .last-field > div > div,
    #search-box .search-button {
        min-height: 75px;
    }

    .find-your-role .bottom-wrapper {
        width: 100%;
        flex-direction: column;
        gap: 20px;
    }

    .find-your-role > div {
        flex-direction: column;
        gap: 20px;
    }

    .footer_col {
        width: 100%;
        text-align: left;
    }

    body h1 {
        font-size: 60px;
    }

    body h2 {
        font-size: 42px;
    }

    body h3 {
        font-size: 32px;
    }
}

@media (max-width: 1400px) {
    .footer_container li a, .footer_container a {
        font-size: 16px;
    }

    .slider-desc {
        font-size: 24px;
    }
}


@media (max-width: 767px) {
    #nav-wrapper {
        left: -15px;
        top: 65px;
    }

    .navbar-toggler {
        padding: 28px 25px !important;
        max-height: 76px;
        margin-top: 61.3vh;
        z-index: 999999999999;
        transition: all 0.3s ease !important;
    }

    .navbar-toggler.collapsed {
        margin-top: 100px;

    }

    #nav-wrapper {
        top: 0;
        height: auto;
    }

    .search-roles {
        right: 20px;
        font-size: 22px;
        padding: 27px 32px;
        top: 145px;
        z-index: 99;
        /*top: 0;*/
        /*margin-top: 66vh;*/
    }

    .single-job-wrapper .job-large-header {
        min-height: 90vh;
    }

    #subscribe {
        padding-bottom: 80px;
        padding-top: 80px;
        background: url(https://storage.googleapis.com/talentfunnel-cms-career-site-storage/sticks-n-sushi-v2-b/sign_img_086f50bc8b/sign_img_086f50bc8b.png);
        background-size: cover;
        min-height: 700px;
        display: flex;
        align-items: end;
    }

    [id^="job/"] #top-navigation {
        position: relative;
        height: 0;
    }

    [id^="job/"] button {
        margin-top: 0 !important;
    }

    [id^="job/"] .explore-container {
        display: none;
    }
}