/* PPDJobs 0.10.3: contained 240 x 160 listing artwork. */
.ppdjobs-grid.is-list .ppdjobs-card {
    grid-template-columns: 260px minmax(0, 1fr) !important;
}

.ppdjobs-grid.is-list .ppdjobs-card-image {
    display: flex !important;
    width: 240px !important;
    height: 160px !important;
    margin: 10px !important;
    align-items: center;
    justify-content: center;
    overflow: hidden !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

.ppdjobs-grid.is-list .ppdjobs-card-image img,
.ppdjobs-grid.is-list .ppdjobs-card-image .wp-post-image {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    object-fit: contain !important;
    background: #fff !important;
    transform: none !important;
}

.ppdjobs-grid.is-list .ppdjobs-card-body {
    min-width: 0;
    position: relative;
    z-index: 1;
    background: #fff;
}

/* Prevent the theme's white typography from affecting the staff form. */
.ppdjobs-front-form,
.ppdjobs-front-form p,
.ppdjobs-front-form label,
.ppdjobs-front-form span,
.ppdjobs-front-form strong,
.ppdjobs-front-form legend,
.ppdjobs-front-form h2,
.ppdjobs-front-form h3 {
    color: #545454 !important;
}

.ppdjobs-front-form input,
.ppdjobs-front-form select,
.ppdjobs-front-form textarea {
    color: #545454 !important;
    background-color: #fff !important;
}

@media (max-width: 620px) {
    .ppdjobs-grid.is-list .ppdjobs-card {
        grid-template-columns: 1fr;
    }

    .ppdjobs-grid.is-list .ppdjobs-card-image {
        width: calc(100% - 20px) !important;
        height: auto !important;
        aspect-ratio: 3 / 2;
    }
}