/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 15 2025 | 01:06:14 */
.awsm-b-job-wrap {
    display: flex;
    flex-direction: row;
    column-gap: 40px;
}
.awsm-b-job-wrap .awsm-b-filter-wrap {
    flex: 1;
    max-width: 300px;
    padding: 0 10px;
}
.awsm-b-job-wrap .awsm-b-filter-item>label{
	position: static !important;
}
.awsm-b-job-wrap .awsm-b-filter-wrap .awsm-b-filter-item-search {
    padding: 0;
    margin-bottom: 15px;
}
.awsm-b-job-wrap .awsm-b-filter-wrap .awsm-b-filter-item-search input {
    background: var(--wp--preset--color--palette-color-8) !important;
}
.awsm-b-job-wrap .awsm-b-filter-wrap .awsm-b-filter-items {
    display: flex;
    gap: 15px 0;
}
.awsm-b-job-wrap .awsm-b-filter-wrap .awsm-b-filter-items .awsm-b-filter-item {
    width: 100%;
    padding: 0;
}
.awsm-b-job-wrap .awsm-b-filter-wrap .awsm-b-filter-items .awsm-b-filter-item .awsm-selectric {
    border-radius: 3px;
    box-shadow: none;
}
.awsm-b-job-wrap .awsm-b-job-listings {
    flex: 1;
    border: none;
	display: flex;
    flex-direction: column;
    gap: 20px;
}
.awsm-b-job-wrap .awsm-b-job-listings .awsm-b-job-item {
    border: solid 1px var(--wp--preset--color--palette-color-5);
}
@media only screen and (max-width: 800px) {
    .awsm-b-job-wrap {
        display: block;
    }
    .awsm-b-job-wrap .awsm-b-filter-wrap {
        max-width: none;
    }
    .awsm-b-job-wrap .awsm-b-filter-wrap .awsm-b-filter-items {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 15px 20px;
    }
    .awsm-b-job-wrap .awsm-b-filter-wrap .awsm-b-filter-items .awsm-b-filter-item {
        flex: 1;
        padding: 0;
        min-width: calc(50% - 40px);
    }
    .awsm-b-job-wrap .awsm-b-filter-wrap .awsm-b-filter-items[style="display: none;"] {
        display: none !important;
    }
}