/*
	карточки новостей, их общие размеры и расположение внутри
*/

.news_card_min {
    display: block;
}

.news_card_min .news_info {
    display: flex;
    gap: 10px;
    justify-content: left;
    margin-bottom: 6px;
}

.news_card_min .news_date {
    color: #7F838E;
}

.news_card_min .news_title {
	display: -webkit-box;
    height: 72px;
    line-clamp: 3;
    -moz-line-clamp: 3;
    -webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_list {
    columns: 2 auto;
	column-gap: var(--margin);
}

.news_list .news_card_min {
    margin-top: 24px;
    break-inside: avoid;
}

.related_news_list {
    columns: 3 auto;
    column-gap: 54px;
}

.related_news_list .news_card_min .news_title {
    height: auto;
}

@media all and (max-width: 1600px) {
    .news_list .news_card_min .news_title {
        height: 66px;
    }

    .related_news_list .news_card_min {
        width: 293px;
        column-width: 293px;
    }
}

@media all and (max-width: 1400px) {
    .news_list .news_card_min {
        margin-top: 25px;
    }

    .news_list .news_card_min .news_title {
        height: 60px;
    }

    .related_news_list .news_card_min {
        width: 274px;
        column-width: 274px;
    }
}

@media all and (max-width: 1240px) {
    .news_list .news_card_min {
        width: auto;
        column-width: auto;
    }

    .news_list .news_card_min .news_title {
        height: 44px;
        line-clamp: 2;
        -moz-line-clamp: 2;
        -webkit-line-clamp: 2;
    }

    .related_news_list {
        column-gap: 36px;
    }

    .related_news_list .news_card_min {
        width: auto;
        column-width: auto;
    }
}


@media all and (max-width: 1000px) {
    .news_list {
        margin-top: -22px;
    }

    .news_list .news_card_min {
        margin-top: 22px;
    }

    .news_list .news_card_min .news_title {
        height: 66px;
        line-clamp: 3;
        -moz-line-clamp: 3;
        -webkit-line-clamp: 3;
    }

    .related_news_list {
        columns: 2 auto;
        column-gap: 29px;
        column-gap: 29px;
    }

    /*hide every 4+ elements*/
    .related_news_list .news_card_min:nth-child(n+5) {
        display: none;
    }
}

@media all and (max-width: 750px) {
    .news_list {
        columns: initial;
		column-gap: 0;
    }

    /*hide every 3+ elements*/
    .related_news_list {
        columns: initial;
        column-gap: 0px;
    }

    /*hide every 3+ elements*/
    .related_news_list .news_card_min:nth-child(n+4) {
        display: none;
    }
}