.blog-posts:not(.blog-posts-no-margins) article{
    border-bottom:1px solid rgba(0,0,0,.06);
    margin-bottom:50px;
    padding-bottom:20px
}
.blog-posts:not(.blog-posts-no-margins) .pagination{
    margin:-10px 0 20px
}
.blog-posts.blog-posts-no-margins .pagination{
    margin-top:28.8px;
    margin-top:1.8rem
}
article.post h2 a{
    text-decoration:none
}
article.post .post-meta{
    font-size:.9em;
    margin-bottom:7px
}
article.post .post-meta>span{
    display:inline-block;
    padding-right:8px
}
article.post .post-meta i{
    margin-right:3px
}
article.post .post-date{
    float:left;
    margin-right:10px;
    text-align:center
}
article.post .post-date .month{
    display:block;
    background:var(--grey-500);
    border-radius:0 0 2px 2px;
    color:var(--light);
    font-size:.8em;
    line-height:1.8;
    padding:1px 10px;
    text-transform:uppercase
}
article.post .post-date .day{
    background:var(--grey-100);
    border-radius:2px 2px 0 0;
    color:var(--grey-500);
    display:block;
    font-size:18px;
    font-weight:900;
    padding:10px
}
article.post .post-image .owl-carousel{
    width:100.1%
}
article .post-video{
    transition:all .2s ease-in-out;
    padding:0;
    background-color:var(--light);
    border:1px solid rgba(0,0,0,.06);
    border-radius:var(--border-radius2x);
    display:block;
    height:auto;
    position:relative;
    margin:0 0 30px;
    padding-bottom:61%
}
article .post-video iframe{
    bottom:0;
    height:auto;
    left:0;
    margin:0;
    min-height:100%;
    min-width:100%;
    padding:4px;
    position:absolute;
    right:0;
    top:0;
    width:auto
}
article .post-audio{
    transition:all .2s ease-in-out;
    padding:0;
    background-color:var(--light);
    border:1px solid rgba(0,0,0,.06);
    border-radius:var(--border-radius2x);
    display:block;
    height:auto;
    position:relative;
    margin:0 0 30px;
    padding-bottom:35%;
    min-height:160px
}
article .post-audio iframe{
    bottom:0;
    height:auto;
    left:0;
    margin:0;
    min-height:100%;
    min-width:100%;
    padding:4px;
    position:absolute;
    right:0;
    top:0;
    width:auto
}
article.post-medium .post-image .owl-carousel{
    width:100.2%
}
article.post-large{
    margin-left:60px
}
article.post-large h2{
    margin-bottom:5px
}
article.post-large .post-image,article.post-large .post-date{
    margin-left:-60px
}
article.post-large .post-image{
    margin-bottom:25px
}
article.post-large .post-image.single{
    margin-bottom:30px
}
article.post-large .post-video{
    margin-left:-60px
}
article.post-large .post-audio{
    margin-left:-60px
}
.single-post article{
    border-bottom:0;
    margin-bottom:0
}
article.blog-single-post .post-meta{
    margin-bottom:20px
}
.post-block h3{
    font-size:1.8em;
    font-weight:200;
    margin:0 0 20px;
    text-transform:none
}
.post-block h3 i{
    margin-right:7px
}
.post-author img{
    max-height:80px;
    max-width:80px
}
.post-author p{
    font-size:.9em;
    line-height:22px;
    margin:0;
    padding:0
}
.post-author p .name{
    font-size:1.1em
}
.post-author .img-thumbnail{
    display:inline-block;
    float:left;
    margin-right:20px
}
ul.comments{
    list-style:none;
    margin:0;
    padding:0
}
ul.comments li{
    clear:both;
    padding:10px 0 0 70px
}
ul.comments li img.avatar{
    height:48px;
    width:48px
}
ul.comments li ul.reply{
    margin:0
}
ul.comments li a{
    text-decoration:none
}
ul.comments li .img-thumbnail{
    margin-left:-70px;
    position:absolute
}
ul.comments li .comment{
    margin-bottom:10px
}
ul.comments .comment-arrow{
    border-bottom:12px solid transparent;
    border-right:12px solid var(--grey-100);
    border-top:12px solid transparent;
    height:0;
    left:-12px;
    position:absolute;
    top:12px;
    width:0
}
ul.comments .comment-block{
    background:var(--grey-100);
    border-radius:5px;
    padding:20px 20px 30px;
    position:relative
}
ul.comments .comment-block p{
    font-size:.9em;
    line-height:21px;
    margin:0;
    padding:0
}
ul.comments .comment-block .comment-by{
    display:block;
    font-size:1em;
    line-height:21px;
    margin:0;
    padding:0 0 5px
}
ul.comments .comment-block .date{
    color:var(--grey-900);
    font-size:.9em
}
.post-leave-comment h3{
    margin:0 0 40px
}
.recent-posts h4{
    margin-bottom:7px
}
.recent-posts article.recent-post h4{
    margin:0 0 3px
}
.recent-posts article.recent-post h4 a{
    display:block
}
.recent-posts .date{
    margin-right:10px;
    text-align:center
}
.recent-posts .date .month{
    background:var(--grey-500);
    color:var(--light);
    font-size:.9em;
    padding:3px 10px;
    position:relative;
    top:-2px
}
.recent-posts .date .day{
    background:var(--grey-100);
    color:var(--grey-500);
    display:block;
    font-size:18px;
    font-weight:500;
    font-weight:700;
    padding:8px
}
section.section .recent-posts .date .day{
    background:var(--light)
}
ul.simple-post-list{
    list-style:none;
    margin:0;
    padding:0
}
ul.simple-post-list li{
    border-bottom:1px dotted #e2e2e2;
    padding:15px 0
}
ul.simple-post-list li::after{
    clear:both;
    content:"";
    display:block
}
ul.simple-post-list li:last-child{
    border-bottom:0
}
ul.simple-post-list .post-image{
    float:left;
    margin-right:12px
}
ul.simple-post-list .post-meta{
    color:var(--grey-900);
    font-size:.8em
}
ul.simple-post-list .post-info{
    line-height:20px
}
@media(max-width:575px){
    ul.comments li{
        border-left:8px solid rgba(0,0,0,.06);
        clear:both;
        padding:0 0 0 10px
    }
    ul.comments li .img-thumbnail{
        display:none
    }
    ul.comments .comment-arrow{
        display:none
    }
}
.recent-posts .date .month,article.post .post-date .month{
    background-color:var(--primary)
}
.recent-posts .date .day,article.post .post-date .day{
    color:var(--primary)
}
