/*
ADDITIONAL CSS FOR GRID LAYOUT USED BY SHORTCODE [bloggrid]
*/

.grid .clearfix {
    width: 100%;
    clear: both;
    float: none;
}

.grid .w-blog-list {
    max-width: 1140px;
    margin: 0 auto;
    display: table;
}

.grid.w-blog.imgpos_atleft .w-blog-entry {
    padding-right: 0;
    width: 47%;
    float: left;
    display: table-cell;
    margin: 15px;
}
@media only screen and (max-width: 767px) {
    .grid.w-blog.imgpos_atleft .w-blog-entry {
        width: 100%;
        margin: 15px 0;
    }
}

.grid.w-blog.imgpos_atleft .w-blog-entry-title {
    margin-left: 0;
    padding-left: 5px;
}

.grid.w-blog.imgpos_atleft .w-blog-entry-body {
    margin-left: 0;
    padding-left: 5px;
}

.grid.w-blog.imgpos_atleft .w-blog-entry-preview {
    position: relative !important;
}

.grid.w-blog.imgpos_atleft .w-blog-entry-preview {
    position: relative;
    width: 100% !important;
}

.grid.w-blog.imgpos_atleft .w-blog-entry-preview img {
    width: 100% !important;
}