.blog-description p,
.blog-description ul,
.blog-description ol,
.ves-description p,
.ves-description ul,
.ves-description ol,
.blog-detail p,
.blog-detail ul,
.blog-detail ol {
    font-size: 18px;
    font-family: "Georgia";
}
.blog-description {
    text-align: center;
}
h2.blog-title {
    font-family: "Georgia";
    text-align: center;
}
h3.blog-title {
    font-family: "Georgia";
}
.ves-description p.blog-readmore {
    font-size: 14px;
}
.blog-container img {
    display: inline;
}
.blog-container .blog-image img {
    max-width: 100%;
}
.blog-container .blog-description img,
.blog-container .blog-detail img {
    max-width: 100%;
    height: auto;
    margin: 10px;
}
.blog-social .social-label {
    margin-right: 5px;
}
#ves_search_query_block {
    margin-bottom: 5px;
}
#comment {
    margin-bottom: 5px;
}
.blog-related-product .products-grid .product-info {
    padding-bottom: 0;
}
.pager {
    clear: both;
}

.blog-list {
    overflow: hidden;
}

/* Responsive blog columns */
.colswrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.colswrapper .itemcol {
    box-sizing: border-box;
    width: 100%;
    flex-grow: 1;
    margin-right: 0;
}

@media only screen and (min-width: 600px) {
    .colswrapper.cols3 .itemcol {
        width: calc(100% * (1/2) - 7px);
        margin-right: 10px;
    }
    .colswrapper.cols3 .itemcol:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (min-width: 1280px) {
    .colswrapper.cols3 .itemcol {
        width: calc(100% * (1/3) - 7px);
        margin-right: 10px;
    }
    .colswrapper.cols3 .itemcol:nth-child(2n) {
        margin-right: 10px;
    }
    .colswrapper.cols3 .itemcol:nth-child(3n) {
        margin-right: 0;
    }
}

/* Reponsive youtube on blog list */
.blog-container .blog-video,
.blog-container .video-widget-bg {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 25px;*/
    height: 0;
    margin-bottom: 20px;
}
.blog-container .blog-video iframe,
.blog-container .video-widget-bg iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.blog-container .video-widget-bg {
    width: 100% !important;
    height: 0 !important;
}

/* Responsive embedded iframe (youtube, giffy etc) in blog post */
@media only screen and (max-width: 770px) {
    .blog-post h6 {
        float: none;
        clear: both;
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        /*padding-top: 25px;*/
        height: 0;
        margin-bottom: 20px;
    }
    .blog-post h6 iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

/* Put "read more" button at bottom of blog list items */
.blog-list .blog-container {
    position: relative;
}
.blog-list .blog-container .ves-description {
    padding-bottom: 15px;
}
.blog-list .blog-container .blog-readmore {
    position: absolute;
    bottom: 5px;
}

/*.blog-list .blog-container .blog-meta .metameta {*/
    /*min-height: 42px;*/
/*}*/

/* Limit comment section width */
.post-comments {
    max-width: 600px;
}

/* Hide "Childrent" header on category page */
.blog-childrent h3 {
    display: none;
}

/* Fix blog bottom */
.blog-post .blog-bottom > div {
    float: none;
    width: auto;
}
@media only screen and (min-width: 771px) {
    .blog-post .blog-bottom > div {
        float: left;
        width: 50%;
    }
}