main ul.news_list li:after {
    background-color: var(--main-bg-color);
}

main ul.news_list a.img {
    border: 3px solid var(--main-bg-color);
}

main ul.news_list a.img:hover {
    border-color: var(--main-bg-color-hover);
}

main ul.news_list a:hover {
    color:var(--main-bg-color-hover);
}

/*articles*/

#content main ul.news_list li.news_list_image:after {
    left: 295px;
}

#content main ul.news_list li:after {
    background-color: var(--main-bg-color);
    display: none;
}

body:not(.main) #content main ul.news_list a.img {
    float: left;
    width: 275px;
    height: 150px;
    border: 3px solid var(--main-bg-color);
    border-radius: 4px;
    position: relative;
}

body:not(.main) #content main ul.news_list a.img:before{
    content: '';
    background-color: #eee;
    height: 150px;
    width: 275px;
    display: block;
    position: absolute;
    top: 17px;
    left: 17px;
}

body:not(.main) #content main ul.news_list a.img:hover {
    border-color: var(--main-bg-color-hover);
}

body.main  #content main ul.news_list a {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

#content main ul.news_list li img {
    width: 275px;
    height: 150px;
    mix-blend-mode: multiply;
}

body.main #content main ul.news_list li p {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}

body.main #content main ul.news_list a{overflow: unset!important;}