/**
 * Tin tức (Views/Blog/Index, Detail).
 */

/* --- Danh sách --- */
.blog-page .card-body form.input-group .input-group-text.btn-main {
    cursor: pointer;
}

.blog-page .store-wrap .no-data {
    width: 70%;
}

.blog-page .store-list .store-info .address span {
    white-space: pre-line;
}

/* --- Chi tiết --- */
.blog-page .blog-detail .info-detail {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #fff), to(#eef0f7));
    background-image: linear-gradient(180deg, #fff 10%, #eef0f7);
    background-repeat: repeat-x;
    padding: 15px;
    margin-bottom: 5px;
    text-align: justify;
}

.blog-page .blog-detail .info-detail h1 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #767676;
}

.blog-page .blog-detail .info-detail .des-wrap .img-cover {
    margin-right: 30px;
}

.blog-page .blog-detail .info-detail .des-wrap .img-cover img {
    height: 60px;
}

.blog-page .blog-detail .info-detail .des-wrap .description {
    font-size: 14px;
}

.blog-page .blog-detail .post-content h2 {
    font-size: 18px;
}

.blog-page .blog-detail .post-content h3 {
    font-size: 17px;
}

.blog-page .blog-detail .post-content img {
    max-width: 100%;
}

@media only screen and (max-width: 512px) {
    .blog-page .blog-detail .info-detail .des-wrap .img-cover {
        margin-right: 0;
    }

    .blog-page .blog-detail .info-detail .des-wrap .img-cover img {
        width: 100%;
        height: unset;
    }
}