/**
 * Default
 */
.display-posts-listing {
    --spacing: 20px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.display-posts-listing .listing-item {
    margin-bottom: var(--spacing);

    background-color: #fff;
    border-radius: var(--radiusDefault);
    border: 1px solid #d9d9dd;
    overflow: hidden;
}
@media (min-width: 601px) {
    .display-posts-listing .listing-item {
        display: grid;
        grid-template-columns: 1fr 4fr;
    }
}

.display-posts-listing .listing-item .image {
    grid-row: span 2;
}

.display-posts-listing .listing-item .image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.display-posts-listing .listing-item .title,
.display-posts-listing .listing-item .excerpt {
    display: block;
    padding: var(--spacing);
    grid-column: span 2;
}
.display-posts-listing .listing-item .image:not(:empty) + .title,
.display-posts-listing .listing-item .image:not(:empty) + .title + .excerpt {
    grid-column: 2;
}

.display-posts-listing .listing-item .title {
    padding-bottom: 0;
    margin-bottom: 1em;

    font-weight: bolder;
    text-decoration: none;
}

.display-posts-listing .listing-item .excerpt {
    padding-top: 0;
}

.display-posts-listing .listing-item .excerpt .excerpt-more {
    display: block;
    margin-top: 1em;
}

@media(max-width: 768px) {
    .display-posts-listing {
        grid-template-columns: auto;
    }
}

/**
 * Column
 */
.wp-block-column .display-posts-listing {
    grid-template-columns: auto;

    color: var(--colourText);
}