/*

Theme Name: Astra Child

Theme URI: https://phatkim.com

Description: Day la child theme cua Astra

Author: Phat Kim

Author URI: https://phatkim.com

Template: astra

Version: 1.0.0

*/
/* Your custom CSS below */
.ast-blog-layout-4-grid .ast-article-inner .wp-post-image {object-fit:cover; height:320px;}
/*
body {
  background: linear-gradient(90deg, #00B2FF 50%, #ffffff 50%) !important;
}*/
body {
  background: white !important;
}
.site-primary-footer-wrap {width:100%; padding:0;}
@media (min-width: 922px) {
    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row, .site-below-footer-wrap[data-section="section-below-footer-builder"] {
        max-width: 1240px;
		padding:30px;
		margin:0 auto;
    }
}
#primary, .ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary {padding:25px 0 0 0; margin:0;}
#secondary, .js_active .ast-plain-container.ast-single-post .entry-header {margin:0;}
.vc_row, .vc_row-has-fill .vc_column_container {max-width:1240px; margin:0 auto;}
.vc_row-has-fill .vc_col-sm-1, .vc_row-has-fill .vc_col-sm-10, .vc_row-has-fill .vc_col-sm-11, .vc_row-has-fill .vc_col-sm-12, .vc_row-has-fill .vc_col-sm-2, .vc_row-has-fill .vc_col-sm-3, .vc_row-has-fill .vc_col-sm-4, .vc_row-has-fill .vc_col-sm-5, .vc_row-has-fill .vc_col-sm-6, .vc_row-has-fill .vc_col-sm-7, .vc_row-has-fill .vc_col-sm-8, .vc_row-has-fill .vc_col-sm-9 {float:none;}
.vc_row-has-fill {max-width:100%; background-image: url("/wp-content/uploads/2026/09/titile-bg.jpg"); background-repeat:no-repeat; background-position:center top;}
#menu-item-1021 > a.menu-link {
    font-size: 0;
}

#menu-item-1021 > a.menu-link::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
	margin-right:20px;
    vertical-align: middle;
    background: url("/wp-content/uploads/2026/09/icon-home.svg") center / contain no-repeat;
}
.ast-search-menu-icon.slide-search .search-form, .ast-search-menu-icon.ast-dropdown-active.slide-search .search-form {visibility:visible !important; opacity:100;}
.ast-desktop .ast-header-search .slide-search .search-form {border:none;}
.slider-posts-daituong .flex-viewport, .slider-posts-daituong .flex-viewport a {height:500px !important;}
.slider-posts-daituong .flexslider .slides img {min-height:500px; width:auto !important; max-width:150%; min-width:100%;}
.slider-posts-daituong .wpb_posts_slider .flex-caption, .slider-posts-daituong .wpb_posts_slider .nivo-caption {position:sticky !important; bottom:0; background-color:rgba(255, 255, 255,.9) !important;}
.tin-moi-nhat .vc_gitem-zone, .tin-moi-nhat .vc_gitem_row .vc_gitem-col{height:500px;}
.lmh-multi-post-slide {
	display: flex !important;
	gap: 15px;
}

.lmh-slide-post {
	flex: 1;
	min-width: 0;
}
.slider-posts-daituong .mini-p-slider .flex-viewport, .slider-posts-daituong .mini-p-slider .flex-viewport a {height:395px !important;}

.site-footer {background-color:color:var(--ast-global-color-0) !important;}
.site-below-footer-wrap[data-section="section-below-footer-builder"] {max-width:100% !important;}
.mini-p-slider .wpb_flexslider[data-posts-per-row="1"] .slides img {
    height: 290px !important;
}
/* --------------------------------------------------
   1. DÀNH CHO CAROUSEL (Nhiều bài / hàng)
-------------------------------------------------- */
.wpb_flexslider[data-posts-per-row]:not([data-posts-per-row="1"]) .slides > li {
    margin-right: 20px !important;
    box-sizing: border-box !important;
}

.wpb_flexslider[data-posts-per-row]:not([data-posts-per-row="1"]) .slides img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
}

/* --------------------------------------------------
   2. DÀNH CHO SINGLE SLIDE (1 bài / hàng)
-------------------------------------------------- */
.wpb_flexslider[data-posts-per-row="1"] .slides img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
}

/* Khung ngoài slider */
.wpb_flexslider {
    overflow: hidden !important;
    position: relative !important;
}

.flexslider {
    border: none !important;
    margin: 0 !important;
}
/* End 4 cols Post slider */
/* Đảm bảo thẻ chứa bao trùm toàn bộ chiều ngang */
.vc_tta-tabs-container {
    width: 100% !important;
}

/* Biến danh sách tab thành Flex Container và căn đều */
.vc_tta-tabs-list {
    display: flex !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Mỗi thẻ tab chia đều phần không gian còn lại */
.vc_tta-tabs-list .vc_tta-tab {
    flex: 1 1 0% !important;
    text-align: center !important;
    /*margin: 0 !important;*/
}

/* Đảm bảo thẻ thẻ link bên trong dàn kín thẻ tab */
.vc_tta-tabs-list .vc_tta-tab > a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
/*
.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active>a, .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a {background-color: #ebf2fd !important; border:none !important; color: var(--ast-global-color-0) !important;}
.vc_tta.vc_general .vc_tta-tab>a {padding: 5px !important; box-sizing: border-box !important; height:60px;} */

/* 1. Giữ nguyên màu sắc */
.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active>a, 
.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a {
    background-color: #ebf2fd !important; 
    border: none !important; 
    color: var(--ast-global-color-0) !important;
}

.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    background-color: var(--ast-global-color-0) !important;
    color: white !important;
}

/* 2. Cấu hình căn giữa dọc/ngang cho cả tab 1 dòng và 2 dòng */
.vc_tta.vc_general .vc_tta-tab > a {
    height: 60px !important;
    padding: 5px !important; 
    box-sizing: border-box !important;

    /* Căn giữa chiều dọc & ngang bằng Flexbox */
    display: flex !important;
    align-items: center !important;     /* Căn giữa theo chiều dọc */
    justify-content: center !important; /* Căn giữa theo chiều ngang */
    text-align: center !important;      /* Căn giữa văn bản khi rớt dòng */
    line-height: 1.2 !important;        /* Khoảng cách dòng gọn gàng cho tab 2 dòng */
}

.vc_gitem_row {
    display: flex;
    align-items: center;
}

.years-tabs .vc_gitem_row > .vc_col-sm-6 {
    float: none;
}

.years-tabs .vc_gitem-post-data-source-post_excerpt, .post-tabs .vc_gitem-post-data-source-post_excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.years-tabs .vc_gitem-post-data-source-post_title, .post-tabs .vc_gitem-post-data-source-post_title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	min-height:50px;
}
.years-tabs .vc_btn3-container, .post-tabs .vc_btn3-container {margin-bottom:5px;}
/* WPBakery Post Grid */
.years-tabs .vc_gitem-zone-a .vc_gitem-zone-mini, .post-tabs .vc_gitem-zone-a .vc_gitem-zone-mini {
    height: 100%;
    display: flex;
    align-items: center;
}

.years-tabs .vc_gitem-zone, .post-tabs .vc_gitem-zone{
	position: initial;}

.years-tabs .vc_gitem-zone-a .vc_gitem_row, .post-tabs .vc_gitem-zone-a .vc_gitem_row {
    width: 100%;
    margin: 0;
	border: solid 1px var(--ast-global-color-0);
	border-radius:10px;
}

/* Title + excerpt canh giữa theo chiều dọc */
.years-tabs .vc_gitem-zone-a .vc_gitem-col {
    align-items: center;
}
.years-tabs .vc_gitem-post-data p {margin-bottom:0 !important;}

.years-tabs .wpb_content_element, .post-tabs .wpb_content_element {margin-bottom:0 !important;}
.years-tabs .vc_grid.vc_row .vc_grid-item, .post-tabs .vc_grid.vc_row .vc_grid-item {min-height:220px;}
.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {text-decoration: none;}
.vc_tta.vc_tta-spacing-1 .vc_tta-tab {
    margin: 1px 5px 5px 1px !important;
}
.blog-post-title .vc_gitem-post-data {border-bottom:solid 1px var(--ast-global-color-0); }
.blog-post-title .vc_gitem-post-data h2 {min-height:80px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.tabs-post-title h2, .blog-post-title h2 {color:var(--ast-global-color-0) !important; font-weight:700;}
.tabs-post-title h2 {text-transform: uppercase !important;}

.categories-btn .vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-md {min-height:70px;}

/* ========================================
   Category archive - List layout
   ======================================== */

.lmh-category-list {
	width: 100%;
}

.lmh-category-item {
	display: flex;
	align-items: center;
	gap: 25px;
	padding: 20px 0;
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
}

.lmh-category-thumb {
	display: block;
	flex: 0 0 240px;
	width: 240px;
}

.lmh-category-image {
	display: block;
	width: 100%;
	height: 150px;
	object-fit: cover;
	border-radius: 4px;
}

.lmh-category-content {
	flex: 1;
	min-width: 0;
}

.lmh-category-title {
	margin: 0 0 10px;
	font-size: 22px;
	line-height: 1.3;
}

.lmh-category-title a {
	text-decoration: none;
}

.lmh-category-excerpt {
	font-size: 15px;
	line-height: 1.6;
}

.lmh-category-excerpt p {
	margin: 0;
}

/* Category widget: highlight current category */

.widget_categories .current-cat > a {
	font-weight: 700;
}

.current-cat-parent a, .current-cat a, .current-cat-parent .children .current-cat a {font-weight:700 !important; color: var(--ast-global-color-0) !important;}
.current-cat-parent a {font-size:19px;}
.current-cat-parent .children a {font-size:1em;}
.current-cat-parent .children a, .current-cat .children a {font-weight:400 !important; color: var(--ast-global-color-2) !important;}
.cat-item a {font-weight:400; color: var(--ast-global-color-2);}

body.archive .ast-archive-description {padding:0;}
body.archive .ast-archive-description h1 {font-size:20px !important; text-transform: uppercase; font-weight:700 !important; }
.site-content section.ast-archive-description {margin-bottom:1em; border-bottom:solid 1px #c7c7c7;}
.slider-posts-daituong .flex-caption, .item-inline-inner {
    font-size: 0 !important;
}
.slider-4-cols .flex-caption {
    min-height: 355px!important;
}
.flex-caption h2 a {color:#2b2b2b;}

.item-inline-badge {
    font-size: 16px !important;
}
.slider-4-cols .flex-caption {
	padding: 15px 15px !important;
 	display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
	overflow: hidden;
}
.mrstar-visitor-count-display {
    display: inline-block !important;
    vertical-align: top;
}
.footer-widget-area.widget-area.site-footer-focus-item {min-height:350px;}

#secondary .wp-block-group h2 {margin-bottom:0;}
#secondary .sidebar-main li {border-bottom:solid 1px #c7c7c7;}

.vc_grid-item .vc_col-sm-4 .vc_single_image-wrapper {
    width: 100%;
    height: 210px;
    overflow: hidden;
    display: block;
}

.vc_grid-item .vc_col-sm-4 .vc_single_image-img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block;
}

@media (min-width: 993px) {
    .ast-left-sidebar #secondary {
        padding-right: 20px;
		border-right:none;
    }
	.ast-left-sidebar #primary {border-left:none; padding-left:20px;}
	.js_active .ast-plain-container.ast-single-post #primary {padding-top:25px;}
}
/* ================================
   Mobile Category Collapse
   ================================ */

.lmh-mobile-category-toggle {
    display: none;
}

.lmh-mobile-category-content {
    display: block;
}

/* Mobile */
@media (max-width: 767px) {
	
	.ast-primary-header-bar {background-color:#fff;}
	.footer-widget-area.widget-area.site-footer-focus-item, .site-footer-primary-section {min-height:250px;}
	
	[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {fill:var(--ast-global-color-0);}

    .lmh-mobile-category-toggle {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 14px 16px;

        border: 1px solid #ddd;
        background: #fff;

        font-size: 18px;
        font-weight: 600;

        cursor: pointer;
    }
	.vc_gitem-zone, .vc_gitem_row .vc_gitem-col {width:100%;}
    .lmh-mobile-category-arrow {
        font-size: 14px;
        transition: transform 0.2s ease;
    }

    .lmh-mobile-category-content {
        display: none;
        padding: 12px 16px;
        border: 1px solid #ddd;
        border-top: 0;
    }

    .lmh-mobile-category.is-open
    .lmh-mobile-category-content {
        display: block;
    }

    .lmh-mobile-category.is-open
    .lmh-mobile-category-arrow {
        transform: rotate(180deg);
    }
	.lmh-mobile-category button, .lmh-mobile-category.is-open button {background-color: transparent;}
    .slider-posts-daituong .flex-viewport,
    .slider-posts-daituong .flex-viewport a {
        height: 300px !important;
    }

    .slider-posts-daituong .flexslider .slides li {
        text-align: center !important;
    }

    .slider-posts-daituong .flexslider .slides img {
        height: 300px !important;
        width: auto !important;

        min-height: 0 !important;
        min-width: 0 !important;
        max-width: none !important;

        display: inline-block !important;
        vertical-align: middle !important;
    }
	.slider-4-cols .flex-direction-nav .flex-next, .slider-4-cols .flex-direction-nav .flex-prev {
        top: 42%;
		/*background-color: rgba(255, 255, 255, .9) !important;*/
		text-align:center;
    }
	.slider-4-cols .flex-direction-nav a:before, .slider-4-cols .flex-direction-nav a:before {text-shadow: 0 3px 1px #fff;}
	
	.lmh-category-item {
		align-items: flex-start;
		gap: 15px;
	}

	.lmh-category-thumb {
		/*flex: 0 0 120px;*/
		margin-bottom:10px;
		width:100%;
	}

	.lmh-category-image {
		height: 190px;
	}

	.lmh-category-title {
		font-size: 18px;
		margin-bottom: 6px;
	}

	.lmh-category-excerpt {
		font-size: 14px;
		line-height: 1.45;
	}
	
	/* Đưa sidebar lên trước nội dung */
    #content .ast-container .ast-row {
        display: flex;
        flex-direction: column;
    }

    #content .ast-container .ast-row > #secondary {
        order: -1;
    }

    #content .ast-container .ast-row > #primary {
        order: 1;
    }
	
	.home-cac-baiviet {
    padding: 5px 0 0 30px !important;
}
.home-blog {
    padding: 5px 0 0 30px !important;
}
	.secondary {padding-left:15px !important; padding-right:15px !important;}
	.ast-separate-container .ast-article-post {display:block;}
	
}
@media (max-width: 921px) {
    .ast-left-sidebar #content > .ast-container {
        flex-direction: column;
		padding:0 !important;
    }
	.fb-wrapper {display:none;}
	.ast-container {
		padding:0 !important;
    }
	
	.home-cac-baiviet {
    padding: 5px 0 0 35px;
}
.home-blog {
    padding: 5px 0 0 35px;
}
	
	.ast-header-break-point .site-header-primary-section-right {
        display: none !important;
    }
	
.mobile-header-buttons {
    display: flex !important;
    width: 100%;
    /*gap: 6px;*/
    padding: 8px 10px 10px;
    box-sizing: border-box;
}

.mobile-header-buttons a {
    flex: 1;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
	border-right: solid 1px #338cff;
}
	.mobile-header-buttons a:last-child {border-right:none;}
.mobile-header-btn {
    text-align: center;
    padding: 9px 5px;
    background: var(--ast-global-color-0);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 3px;
}
	.main-header-bar-wrap {background-image: url("/wp-content/uploads/2026/10/Background_430x90.jpg");}
	.ast-primary-header-bar {background:none;}
.mobile-header-btn:hover {
    color: #fff;
}

.ast-header-break-point .ast-below-header-bar {
    background-color: var(--ast-global-color-0);
}
	
}
.mobile-header-buttons {
    display: none;
}
.home-cac-baiviet {background-image: url("/wp-content/uploads/2026/09/bar-02-1.png");
background-repeat:no-repeat;
	background-position-y: -25px;
	background-position-x: -10px;
    min-height: 35px;
    color: white;
    padding: 5px 0 0 50px;

}
.home-blog {background-image: url("/wp-content/uploads/2026/09/bar-02-2.png");
background-repeat:no-repeat;
	    background-position-y: -25px;
	background-position-x: -10px;
    min-height: 35px;
    color: white;
    padding: 5px 0 0 50px;
}
.ast-blog-layout-5-grid, .post {padding-left:15px !important; padding-right:15px !important;}