.news-list{
    padding       : 0;
    margin-top    : 0;
    margin-bottom : 0;
    list-style    : none;
    .inline-block-wrap(top);
}

.news-item when (@widget-news-list){
    position      : relative;
    .grid-elements(4; @grid-margin-width; false; 2; 1);
    margin-bottom : 1em;

    &:nth-child(1), &:nth-child(2){
        width : 48%;
        .news-item-image, .news-item-description{
            display : block;
        }
        .news-item-date{
            font-size : 2.125em;
        }
    }

    aside &{
        width : 100%;
        &:nth-child(1), &:nth-child(2){
            width : 100%;
            .news-item-date{
                font-size : 1.25em;
            }
        }
    }

    .news-item-image{
        display       : none;
        margin-bottom : 1.25em;
        img{
        }
    }

    .news-item-title{
        text-decoration : none;
        line-height     : 1.25em;
        font-size       : 1.25em;
        font-family     : @font-family-headings;
        font-weight     : 700;
        color           : @heading-color;
        &::after{
            content          : '';
            position         : absolute;
            bottom           : 0;
            left             : 0;
            right            : 0;
            margin           : auto;
            width            : 4px;
            height           : 4px;
            .border-radius(50%);
            background-color : @brand-primary;
            box-shadow       : -7px 0 0 0 @brand-primary, 7px 0 0 0 @brand-primary;
        }
        &:hover{
            color : @brand-primary;
        }
    }

    .newslog-admin-actions{
        text-align : right;
        a{
        }
    }

    .news-item-date{
        float            : left;
        margin-right     : 0.75em;
        padding          : 0.5em 0.365em;
        text-align       : center;
        line-height      : 1em;
        font-size        : 1.25em;
        font-family      : @font-family-headings;
        color            : #fff;
        background-color : #000;

        span{
            display : block;
            &:first-child{
                font-weight : 700;
            }
        }

        &::before{
            top       : 2px;
            font-size : 16px;
            color     : @primary-bg;
        }
    }

    .news-item-description{
        display  : none;
        overflow : hidden;
    }

    .news-item-tags{

        a{
            .link-color(@gray);

            & + a{
                margin-left : 0.5em;
            }

            &::before{
                color        : @gray;
                margin-right : 0.5em;
            }
        }
    }

    .newslog-tag-filter{
        &::before{
            content : "\e023";
        }
    }
}