/*
Theme Name: CauDep247.Com
Theme URI: https://caudep247.com
Author: Hoanghung
Author telegram: @hoanghungitvn
Description: Website caudep247.com
Version: 1.3.5
Requires PHP: 5.5
Requires at least: 5.0
Tested up to: 6.6
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: Soicau247moi
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, post-formats, threaded-comments, translation-ready, editor-style, blog

This theme built with Twitter Bootstrap v.5. It is basic theme with basic style for build new theme with Bootstrap.

*/


/*
Required WordPress CSS
*/
.active>.page-link, .page-link.active {
	background-color: #f27042!important;
	border-color: #f27042!important;
}
.content {
	margin: 10px;
}
a {
	color: #000!important;
}
#ez-toc-container nav {
	background: unset!important;
}
.post-content img {
    max-width: 100%;
    height: auto;
}
.post-content {
	margin: 10px;
}
.star-rating-unicode span {
  color: gold;
  font-size: 20px; /* Tùy chỉnh kích thước */
}
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    z-index: 99;
    padding: 10px 15px;
    background-color: #f27042; /* Màu nền của nút */
    color: #fff!important; /* Màu icon */
    border-radius: 5px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.back-to-top:hover {
    background-color: #f27042; /* Màu khi hover */
    color: #fff!important;
    text-decoration: none;
}
.result-header h1 {
	font-size:medium;
	font-weight:bold;
}
.table-tructiep .control-panel {
	display: none!important;
}
.table-tructiep .div-option {
	display:none!important;
}
.thongke-api {
    padding-bottom: 10px;
    padding-top: 10px;
}
.row-tk {
    display: flex;
    margin-bottom: 5px;
}
.column-tk {
    flex: 50%;
    padding-left: 5px;
    padding-right: 5px;
}
.item {
    flex-grow: 4;
    list-style: none;
    padding: 5px;
    display: flex;
    border: 1px solid #e6e6e6;
    border-radius: .5rem;
}
.item .thumb {
    flex-shrink: 0;
    width: 40px;
}
.item .thumb img {
    height: 40px;
    object-fit: cover;
}
.item .info-winner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 5px;
}
.item .item-name {
    display: -webkit-inline-box;
    overflow: hidden;
    margin-bottom: 0px;
    color: #7d7d7d;
    font-size: 12px;
    line-height: 1.4;
}
.item .item-amount {
    color: #d01c2d;
    font-size: 12px;
    margin-top: 0px;
    font-weight: 800;
    margin-bottom: 0px;
}
.section-kq .section-kq-header {
    margin: 0;
    padding: 5px 5px;
    text-align: center;
    
    font-weight: bold;
    
    text-transform: uppercase;
    background-color: #EFFAFF;
    color: #000;
    position: relative;
}
h2 span {
	font-size:medium!important;
}
.kq-table {
    text-align: center;
    background-color: #fff;
    margin-bottom: 0;
}
.kq-table.table-striped tr:nth-of-type(odd) {
    background-color: #fafafa;
}
.kq-table.table-striped tr:nth-of-type(even) {
    background-color: #fff;
}
.color-red, .red {
    color: red !important;
}
.kq-table .number {
    font-size: 1.1rem;
    font-weight: 700;
    padding: 2px 0px;
    line-height: 1;
    color: #000;
    width: 100%;
    display: inline-block;
}
.kq-block .kq-block-title {
    font-weight: 400;
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 7px 10px;
    background-color: #e1edf3;
    color: #000;
    text-transform: uppercase;
}
td:nth-child(1), .box-thong-ke-nhanh table tr td:nth-child(2), .box-thong-ke-nhanh table tr th:nth-child(1), .box-thong-ke-nhanh table tr th:nth-child(2) {
    text-align: left;
    padding-left: 10px;
}

.box-thong-ke-nhanh table td, .box-thong-ke-nhanh table th {
    padding: 3px;
    font-size: 0.9rem;
}
.box-thong-ke-nhanh table tr td:nth-child(1) {
    color: red;
}
.widget-header h2{
	font-size:medium!important;
}
.tk-nhanh-item-header {
    height: 40px;
    line-height: 40px;
    background: #efeeee;
    border-left: 3px solid #0099CC;
    font-weight: 700;
    padding-left: 10px;
    font-size: 15px;
}
.col100 {
    width: 100%;
}
.col100 tr {
    height: 35px;
}
.tk-nhanh-number {
    border: 1px solid #DDD;
    color: #000;
    text-align: center;
    width: 45px;
    font-size: 15px;
}
.bold {
    font-weight: bold;
}
.list1, .list2, .category ul li {
    background-color: #fff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 10px;
    border-bottom: 1px dashed #DDD;
    list-style: none;
    text-align: justify;
}
a:link {
    text-decoration: none!important;
    color: #000!important;
}

.khungtren {
    margin-top: 1px;
    background-color: #EFFAFF;
    padding: 8px;
    color: #000;
}
.card-body {
	padding: 0px!important;
}
.list11 {
    display: flow-root;
    background-color: #fff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 6px;
    border: 0px solid #d5d5d5;
    list-style: none;
}
.caudep {
    padding: 3px 8px;
    display: block;
    float: left;
    background: linear-gradient(45deg, #ff480e 0%, #ffa718 100%);
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    margin-right: 3px;
    margin-bottom: 3px;
    border-radius: 10px;
}
.note-dudoan {
    font-size: 12px;
    color: #003333;
    padding: 10px;
}
.list10 {
    background-color: #fff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 10px 10px 10px 10px;
    list-style: none;
    text-align: justify;
}
 /* Widget card styles */
nav {
	background: linear-gradient(109.6deg, rgb(245 115 68) 11.2%, rgb(162 17 17) 91.1%);
    color: #fff;
    font-size: 17px;
    padding: 12px;
    font-weight: bold;
    display: flex;
    position: relative;
}
    /* Thêm margin-top cho tất cả các card */
    .widget-card {
        margin-top: 10px;
    }

/* Sử dụng bộ chọn thuộc tính để áp dụng cho BẤT KỲ cột nào */
[class*="col-"] > .widget-card:first-child {
    margin-top: 0;
}
        .widget-card .card-header {
            background: linear-gradient(109.6deg, rgb(245 115 68) 11.2%, rgb(162 17 17) 91.1%);
            color: #fff;
            font-size: 17px;
            padding: 12px;
            font-weight: bold;
            display: flex;
            display: flex;
            position: relative;
        }
        .widget-card .card-header::after {
            content: "";
            background-image: url(https://caudep247.com/wp-content/uploads/2025/03/ezgif-7-37e0b42748.png);
            background-repeat: no-repeat;
            background-position: center right;
            background-size: contain;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: 0;
        }

        .widget-card .list-group-item {
            border: none;
            padding-left: 0.75rem;
            border-bottom: 1px solid #eee;
        }

        .widget-card .list-group-item:last-child {
            border-bottom: none;
        }
        /* Sử dụng pseudo-element ::before để chèn ảnh */
        .widget-card .list-group-item::before {
            content: ''; /* Bắt buộc phải có, dù là rỗng */
            display: inline-block;
            width: 16px;  /* Chiều rộng của ảnh */
            height: 16px; /* Chiều cao của ảnh */
            background-image: url('/wp-content/uploads/2025/04/soi-cau-xsmb.gif'); /* <-- THAY ĐƯỜNG DẪN ẢNH CỦA BẠN VÀO ĐÂY */
            background-size: contain; /* Đảm bảo ảnh nằm gọn trong kích thước đã định */
            background-repeat: no-repeat;
            margin-right: 0.75rem; /* Khoảng cách giữa ảnh và chữ */
        }
        /*.widget-card .list-group-item::before {
            content: "■";
            color: #337ab7;
            margin-right: 0.75rem;
            font-size: 0.9em;
        }*/

        /* General column styles for visibility */
        .col-center, .col-right {
            border: 1px solid #ddd;
            padding: 15px;
            min-height: 200px;
            text-align: center;
        }
        .col-center { background-color: #d1ecf1; }
        .col-right { background-color: #fff3cd; }

        /* Custom Header and Menu Styles */
        .header-top {
            padding: 20px 0;
        }

        /* Logo and hamburger icon positioning on mobile */
        @media (max-width: 767.98px) {
            .header-top .row {
                align-items: center;
            }
            .header-top .col-auto {
                order: -1;
            }
            .header-top .col {
                text-align: center;
            }
        }
        
        /* Dropdown menu on hover for desktop */
        @media (min-width: 768px) {
            .navbar-nav .dropdown:hover .dropdown-menu {
                display: block;
            }
            .navbar {
                background-color: #337ab7;
            }
        }

        /* Set a transparent background for the toggler on mobile */
        .navbar-toggler {
            background-color: transparent;
            border: none;
        }
        .navbar-toggler i {
            font-size: 1.5rem;
        }
        
        /* Change the background color of the collapsible menu when it's open on mobile */
        @media (max-width: 767.98px) {
            .navbar-collapse.collapsing,
            .navbar-collapse.collapse.show {
                background-color: unset;
            }
            .navbar-nav .nav-link {
                color: white !important;
                padding-left: 1rem;
            }
			nav {
				--bs-navbar-padding-y: 0!important;
				/*background: unset;*/
				border-top: #f5f5f5 1px solid;
			}
        }