/**
 * LD+A Magazine article styles (module site.styles). Ported from Fluent
 * Snippet 47 "LD+A articles styles"; enqueued only on the `lda` post type,
 * as the snippet's condition. The commented-out "project in pictures"
 * figcaption block was pruned.
 */

.lda-illumination-awards-article-grid {
    grid-template-columns: 75% 25% !important;
    align-items: center;
}

ul.lda-illumination-awards-project-people {
    background-color: #ecd6a2;
    padding: 32px;
    font-size: 16px;
    list-style-type: none;
    border-radius: 5px;
    border: 1px solid #333;
}

@media (max-width: 1024px) {
    .lda-illumination-awards-article-grid {
        display: flex !important;
        flex-direction: column;
    }
}

ul.lda-illumination-awards-project-people li:not(:last-child) {
    margin-bottom: 8px;
}

@media (max-width: 1024px) {
    ul.lda-illumination-awards-project-people {
        font-size: 14px;
    }

    ul.wp-custom-css-76c44b83 {
        columns: initial;
    }

    .lda-magazine-illumination-awards-badge img {
        max-width: 320px;
    }
}

@media (max-width: 767px) {
    .lda-magazine-illumination-awards-badge img {
        max-width: 240px;
    }
}