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

    display: grid;
    gap: var(--spacing);
    grid-template-columns: repeat( 2, 1fr );
    align-items: flex-start;

    margin: 0;
    padding: 0;

    list-style: none;
}

.display-posts-listing .listing-item {
    display: flex;
    flex-flow: column nowrap;

    margin-bottom: var(--spacing);

    background-color: #fff;
    border-radius: var(--radiusDefault);
    box-shadow: var(--shadowDefault);
    overflow: hidden;
}

.display-posts-listing .listing-item .image {
    height: 20vh;
}

.display-posts-listing .listing-item .image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.display-posts-listing .listing-item .title,
.display-posts-listing .listing-item .excerpt {
    padding: var(--spacing);
}

.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);
}