section.blog {
    .blog-list {
        padding-right: 2em;
        margin-top: 2em;

        .category {
            a {
                color: var(--fs-color-primary);
                font-weight: 700;
                font-size: .75em;
                text-transform: uppercase;
            }
        }

        h2 {
            font-size: 1.75em;
            font-weight: 700;

            a {
                color: #555;
            }
        }

        .divider {
            width: 2em;
            background-color: rgba(0, 0, 0, .1);
        }

        .blog-attr {
            margin: 0 0 3em 0;
            text-transform: uppercase;
            font-size: .76em;
        }
        a {
            color: var(--fs-color-primary);
        }
        .abstract {
            font-size: 1.13em;
        }

        a.button {
            border: 2px solid currentColor;
            border-radius: 0;
            font-size: .8em;
            line-height: 2em;
            padding: 0 1em;
            margin: 1.5em 0;
        }

        .entry-meta {
            margin: 2em 0;
            border-top: 1px solid #e8eaed;
            border-bottom: 2px solid #e8eaed;
            display: flex;
            justify-content: space-between;
            padding: .5em 0;
            font-size: .8em;
        }
    }
    margin:0 auto 6em;
}
.right-side{
    .widget-title{
        display: block;
        padding:1em 0 .5em 0;
        font-weight: bold;
        text-transform: uppercase;
        margin-top:1em;
    }
    .divider{
        display: block;
        width: 2em;
        height: .2em;
        background: #eee;
        margin: 0 0 .8em 0;
    }
    .recent-blogs{
        list-style: none;
        padding-left: 0;
        li{
            .badge{
                width:3em;
                height: 3em;
                vertical-align: top;
                margin-top: .5em;
                overflow: hidden;
                background: var(--fs-color-primary);
            }
            a{
                margin-left:.5em;
                display: inline-block;
                color: var(--fs-color-primary);
                width: calc(100% - 4em)
            }
            padding:.5em 0;
            border-bottom: 1px solid #eee;
            &:last-child{
                border-bottom: none;
            }
        }
    }
    .badge > span{
        display: block;
    }
}
@media (min-width: 992px) {
    section.blog {
        .blog-list {
            border-right: 1px solid #e8eaed;
        }
    }
}