/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */
/* Căn bản: Đảm bảo ảnh không vượt quá khung chứa và responsive trên thiết bị di động */
/* CKEditor 5 - ảnh nằm bên trái, chữ bao quanh */
.ck-content .image.image-style-align-left,
.news_column .image.image-style-align-left,
.detail-content .image.image-style-align-left,
.bodytext .image.image-style-align-left {
    float: left;
    margin: 0 20px 15px 0;
    max-width: 45%;
}

/* CKEditor 5 - ảnh nằm bên phải */
.ck-content .image.image-style-align-right,
.news_column .image.image-style-align-right,
.detail-content .image.image-style-align-right,
.bodytext .image.image-style-align-right {
    float: right;
    margin: 0 0 15px 20px;
    max-width: 45%;
}

/* CKEditor 5 - ảnh căn giữa */
.ck-content .image.image-style-align-center,
.news_column .image.image-style-align-center,
.detail-content .image.image-style-align-center,
.bodytext .image.image-style-align-center {
    display: block;
    float: none;
    margin: 15px auto;
    text-align: center;
}

/* Ảnh responsive */
.ck-content .image img,
.news_column .image img,
.detail-content .image img,
.bodytext .image img {
    max-width: 100%;
    height: auto;
}

/* Chống vỡ layout */
.detail-content::after,
.bodytext::after {
    content: "";
    display: block;
    clear: both;
}

.social-share-box {
    margin: 15px 0;
}

.share-title {
    font-weight: bold;
    margin-right: 10px;
}

.social-btn {
    display: inline-block;
    padding: 7px 12px;
    margin-right: 5px;
    border-radius: 4px;
    color: #fff !important;
    text-decoration: none !important;
}

.social-btn.facebook {
    background: #1877f2;
}

.social-btn.twitter {
    background: #000;
}

.social-btn.zalo {
    background: #0068ff;
}

.social-btn:hover {
    opacity: .85;
}