/* Start:/local/templates/adv/components/bitrix/news.list/blog/style.css?17564247861392*/
.blog-container {
    display: grid;
    grid-template-columns: 0.8fr 2.27fr;
    grid-template-rows: 30px auto auto;
    grid-template-areas:
    "img date date"
    "img title title"
    "img descr descr";
    margin-bottom: 20px;
}
.blog-img {
    grid-area: img;
    height: 180px;
    margin-right: 10px;
}
.blog-date {
    grid-area: date;
    margin-top: 5px;
}
.blog-title {
    grid-area: title;
    align-self: center;
}

.blog-descr {
    grid-area: descr;
    align-self: start;
}

@media (max-width: 991px) {
    .blog-container {
        grid-template-columns: 1fr;
        grid-template-rows: 30px auto auto auto;
        grid-template-areas:
            "date"
            "img"
            "title"
            "descr";
        margin-bottom: 20px;
    }
    .blog-img {
        height: auto;
        margin: 6px 0;
    }
}


/*.blog-box {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    gap: 20px;*/
/*    margin-bottom: 10px;*/
/*}*/
/*.media-box {*/
/*    max-width: 320px;*/
/*    max-height: 240px;*/
/*    flex-shrink: 0;*/
/*}*/
/*.media-box img {*/
/*    aspect-ratio: 16/9;*/
/*    width: 100%;*/
/*    object-fit: contain;*/
/*}*/
/*@media (max-width: 500px) {*/
/*    .blog-box {*/
/*        flex-direction: column;*/
/*        margin-bottom: 20px;*/
/*        gap: 5px;*/
/*    }*/
/*    .blog-box p {*/
/*        margin-bottom: 5px;*/
/*    }*/
/*}*/

/* End */
/* /local/templates/adv/components/bitrix/news.list/blog/style.css?17564247861392 */