/* ===================================
	Job List
====================================== */
.elementor-widget.elementor-widget-crafto-job-list:has(.grid-loading) {
    opacity: 1;
}
.elementor-widget-crafto-job-list.appear:not(.anime-complete) .jobs-wrapper {
    transition: 0s;
}
.crafto-job-list .job-post .jobs-wrapper {
    border-radius: 18px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    background-color: #fff;
    transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
}
div.appear .crafto-job-list .jobs-wrapper {
    transition: all 0ms cubic-bezier(0.37, 0, 0.63, 1);
}
div.appear.anime-complete .crafto-job-list .jobs-wrapper {
    transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
}
.crafto-job-list .job-post .jobs-wrapper:hover {
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15);
    transform: translate3d(0, -3px, 0);
}
.crafto-job-list .job-post .jobs-wrapper .job-post-images {
    display: flex;
    padding: 15px 35px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(21, 21, 21, 0.1);
}
.crafto-job-list .job-post .job-post-images .job-image-wrap {
    align-items: center;
    display: flex;
}
.crafto-job-list .job-post .job-image-wrap .wp-post-image {
    margin-right: 10px;
    width: 40px;
    flex-shrink: 0;
}
.crafto-job-list .job-post .job-image-wrap .job-name {
    font-size: 18px;
    font-weight: 600;
    color: var( --e-global-color-secondary, #232323 );
}
.crafto-job-list .text-center.job-post .job-name,
.crafto-job-list .text-end.job-post .job-name  {
    text-align: left;
}
.crafto-job-list .text-end.job-post .job-detail-location > div {
    justify-content: end;
}
.crafto-job-list .text-center.job-post .job-detail-location > div {
    justify-content: center;
}
.crafto-job-list .job-post-images .job-time.job-time-full {
    background-color: #d8f5ef;
}
.crafto-job-list .job-post-images .job-time.job-time-remote {
    background-color: #feedec;
}
.crafto-job-list .job-post-images .job-time {
    font-weight: 600;
    padding: 0 15px;
    border-radius: 40px;
    color: var( --e-global-color-secondary, #232323 );
    font-size: 11px;
    text-transform: uppercase;
    flex-shrink: 0;
}
.crafto-job-list .job-post .post-details {
    padding: 35px 35px 25px;
}
.crafto-job-list .job-post .entry-title {
    font-weight: 500;
    margin-bottom: 5px;
    color: var( --e-global-color-secondary, #232323 );
    font-size: 18px;
    line-height: 26px;
    display: block;
}
.crafto-job-list .job-post .job-description {
    margin-bottom: 15px;
    color: #69666e;
}
.crafto-job-list .job-post .job-detail-location {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.crafto-job-list .job-post .job-detail-location > div {
    width: 50%;
    display: flex;
    align-items: center;
}
.crafto-job-list .job-post .job-detail-location > div {
    margin-bottom: 10px;
    padding: 0 15px;
}
.crafto-job-list .job-post .job-detail-location > div i,
.crafto-job-list .job-post .job-detail-footer .job-post-time i  {
    margin-right: 5px;
}
.crafto-job-list .job-post .job-detail-location {
    font-size: 16px;
    color: var( --e-global-color-secondary, #232323 );
}
.crafto-job-list .job-post .job-detail-footer {
    padding: 15px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(21, 21, 21, 0.1);
}
.crafto-job-list .job-post .job-post-time { 
    font-size: 13px;
    color: var( --e-global-color-secondary, #232323 );
    line-height: 26px;
    text-transform: uppercase;
}

/* Responsive CSS Here */
@media (max-width: 575px) {
    .crafto-job-list .job-post .job-detail-location > div {
        width: 100%;
    }
}