/*
Theme Name: Crown Theme
Version: 1.0.0
Theme URI: crown jsc
Description: Wesbite Blog
Author: Crown
Author URI: Crown
Template: wp_base
*/
.title-footer {
	color: #fff;
	font-size: 1.5rem;
}
.text-while{
	color: #fff;
}
.text-center{
	text-align: center;
}
.title_not_found{
	font-size: 18px;
	padding: 10px 0;
}
.click-menu,
.btn-show-search{
	cursor: pointer;
}
.hidden{
	display: none;
}
.content-featured .caia-post-list-widget ul li h3{
	margin-bottom: 0;
}
h3.widget-item-title{
	margin-bottom: 0;
}
.box_pagination{
	text-align: center;
}
.pagination li span{
	background: #0083e2;
	color: #fff;
}
h3.entry-title a{
	font-weight: 600;
}
h3.entry-title{
	padding-top: 0;
}
.page_detail_title{
	font-weight: 600;
	font-size: 2rem;
}
.footer-main-item .name-company,
.title_footer{
	color: #fff;
}
.content-featured .caia-post-list-widget ul li h3{
	padding: 15px 10px 10px;
}
.content-featured .caia-post-list-widget ul li h3 a{
 	color: #fff;
}
.footer-main-item{
	max-width: 50%;
}
.site-footer{
	color: #fff;
}
@media (max-width: 576px) {
    .content-featured .caia-post-list-widget .main-posts {
    	margin-bottom: 10px;
    	width: calc(100% - 20px);
    }
    .content-featured .caia-post-list-widget ul li{
    	margin-bottom: 10px;
    }
    .footer-main .footer-main-item:nth-child(3){
    	border-bottom: none;
    }
}

.site-footer .wrap.footer-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.site-footer .footer-main-item {
    width: 24%; /* Chia đều 4 cột */
    padding: 0 10px;
}


/* Định dạng cột trên màn hình lớn */
.site-footer .wrap.footer-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.site-footer .footer-main-item {
    width: 24%; /* Mỗi cột chiếm 1/4 màn hình trên desktop */
    padding: 0 10px;
}

/* Hiển thị 1 cột dọc trên iPad và điện thoại */
@media screen and (max-width: 1024px) {
    .site-footer .wrap.footer-main {
        flex-direction: column; /* Cột hiển thị theo chiều dọc */
        justify-content: center; /* Căn giữa các cột */
        align-items: center; /* Đảm bảo các cột căn giữa */
    }
    
    .site-footer .footer-main-item {
        width: 100%; /* Mỗi cột chiếm 100% chiều rộng màn hình */
        max-width: 100%; /* Đảm bảo không có khoảng trống */
        padding: 0; /* Xóa padding thừa */
        margin-bottom: 20px; /* Khoảng cách giữa các cột */
    }
}