""/* Style cho tiêu đề bài viết */
.news_title a {
    font-size: 15px; /* Kích thước chữ tiêu đề */
    font-weight: 500; /* Độ đậm của font chữ */
    line-height: 30px; /* Khoảng cách dòng */
    margin: 0; /* Loại bỏ khoảng cách mặc định */
    text-transform: uppercase; /* Chuyển toàn bộ chữ thành chữ in hoa */
    transition: color 0.3s ease, transform 0.3s ease; /* Hiệu ứng chuyển đổi */
}

/* Hover hiệu ứng: đổi màu và phóng to nhẹ */
.news_title a:hover {
    color: #9b59b6; /* Màu tím nổi bật */
    transform: scale(1.05); /* Phóng to 5% */
}

/* Style cho phần mô tả ngắn của bài viết */
.bp_news_sub p {
    color: #858585; /* Màu chữ xám nhẹ */
    line-height: 24px; /* Khoảng cách giữa các dòng */
    text-transform: initial; /* Giữ nguyên kiểu chữ */
    font-size: 13px; /* Kích thước chữ nhỏ */
}

/* 
.bp_block_item {
    margin-bottom: 20px; 
}
-> Phần này bị comment, nếu bật lên sẽ thêm khoảng cách 20px giữa các block item
*/

/* Style cho nút "Xem thêm" của bài viết */
.bp_news_more {
    color: #222222; /* Màu đen */
    font-size: 14px; /* Kích thước chữ vừa phải */
    text-transform: uppercase; /* Chữ in hoa */
    font-weight: 500; /* Độ đậm của font chữ */
    margin-top: 18px; /* Khoảng cách phía trên */
    display: inline-block; /* Hiển thị dạng inline nhưng cho phép margin/padding */
    text-decoration: underline; /* Gạch chân chữ */
    transition: color 0.3s ease, transform 0.3s ease;
}

/* Hover hiệu ứng cho "Xem thêm" */
.bp_news_more:hover {
    color: #9b59b6; /* Đổi sang màu tím khi hover */
    transform: scale(1.05); /* Phóng to nhẹ */
}

/* Style cho hình ảnh trong phần blog */
.blog img {
    height: 200px; /* Chiều cao cố định cho hình ảnh */
    object-fit: cover; /* Hình ảnh được cắt gọn để vừa với kích thước */
    transition: transform 0.3s ease; /* Thêm hiệu ứng khi hover */
}

/* Hiệu ứng phóng to hình ảnh khi hover */
.blog img:hover {
    transform: scale(1.05);
}

/* Style cho tiêu đề khối (block title) */
.td-block-title {
    font-size: 16px; /* Kích thước chữ tiêu đề */
}

/* Ẩn tiêu đề của danh mục bài viết */
.bp-category-title {
    display: none;
}

/* Loại bỏ padding của hình ảnh tin tức */
.bp_img_news {
    padding: 0;
}

/* Loại bỏ padding của phần nội dung chính */
.bp_content_news_main {
    padding: 0;
}

/* Giới hạn chiều cao phần mô tả ngắn của bài viết */
.bp_news_sub p {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Giới hạn hiển thị tối đa 3 dòng */
    -webkit-box-orient: vertical;
    overflow: hidden; /* Ẩn phần bị vượt quá */
    min-height: 72px; /* Chiều cao tối thiểu của mô tả */
}

/* Ẩn nhãn người dùng */
.bp_lb_user {
    display: none;
}

/* Style cho thông tin bài viết */
.bp_news_info {
    font-size: 14px; /* Kích thước chữ thông tin */
}

/* Màu sắc cho icon trong phần thông tin bài viết */
.bp_news_info i {
    color: #9b59b6; /* Màu tím */
    margin-right: 5px; /* Khoảng cách giữa icon và chữ */
}

/* Thêm khoảng cách cho sidebar ở một số phần tử nhất định */
.sidebar > .td-block-title:nth-child(10),
.sidebar > .td-block-title:nth-child(12) {
    margin-top: 20px;
}

/* Ẩn nút hành động của bài viết */
.bp-news-button-action {
    display: none;
}

/* Căn chỉnh margin bottom của các item trong blog */
.blog .row > .col-lg-9 .bp_block_item {
    margin-bottom: 20px;
}

/* Đặt nền trắng cho mỗi block item */
.bp_block_item {
    background: #FFF;
}

/* Thêm padding cho phần nội dung của bài viết */
.bp_content_news {
    padding: 10px;
}

/* Responsive Design cho màn hình nhỏ hơn 992px */
@media screen and (max-width: 992px) {
    .sidebar {
        margin-top: 30px; /* Tạo khoảng cách phía trên */
    }
    .sidebar .cls_img_hot_news img {
        height: 200px; /* Cố định chiều cao của hình ảnh nổi bật */
    }
}

/* Responsive Design cho màn hình nhỏ hơn 456px */
@media screen and (max-width:456px) {
    .bp_news_info {
        display: none; /* Ẩn thông tin của bài viết trên màn hình nhỏ */
    }
}
""