/*===============================
Archive Grid Layout
==============================*/
.blog-grid{
    .rishi-container-wrap{
        @include flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

        .rishi-post{
            .blog-post-lay {
                height: 100%;

                .post-content{
                    height: 100%;
                    
                }
            }

            .entry-content-main-wrap{
                height: 100%;
                div:first-of-type.entry-content-wrap{
                    padding: 0 0 28px;
                }
                .rt-featured-image{
                    margin-bottom: 10px;
                    margin-left: -30px;
                    margin-right: -30px;
                    @include media(sm){
                        margin-left: -15px;
                        margin-right: -15px;
                    }

                    &:first-child {
                        margin-top: calc(30px * -1);
                    }

                    &:last-child {
                        @include flex;
                        flex: 1 0 auto;
                        -webkit-align-items: flex-end;
                        align-items: flex-end;
                        margin-bottom: calc(40px * -1);
                    }
                }

                .entry-footer{
                    &:last-child{
                        flex: 1 0 auto;
                        -webkit-align-items: flex-end;
                        align-items: flex-end;
                    }
                }
            }

            &:last-child{
                margin-bottom: 60px;
            }
        }

        &[data-row-per-col="2"]{
            .rishi-post{
                width: 50%;
                @include media(sm){
                    width: 100%;
                }
            }
        }

        &[data-row-per-col="3"]{
            .rishi-post{
                width: 33.333%;
                @include media(md){
                    width: 50%;
                }
                @include media(sm){
                    width: 100%;
                }
            }
        }
    
        &[data-row-per-col="4"]{
            .rishi-post{
                width: 25%;
                @include media(md){
                    width: 50%;
                }
                @include media(sm){
                    width: 100%;
                }
            }
        }
    }
}
