/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
/* .slider_home .swiper-slide-contents {
    margin-left: 300px;
    background: #2c4036a6;
    padding: 30px;
    border-radius: 0px 0px 30px 30px;
} */

#header-menu-1 ul.menu li.menu-item a.ct-menu-link {
    font-family: "SVN Articulat CF", Sans-serif !important;
}

#header-menu-1 ul.menu li.menu-item ul.sub-menu li.menu-item {
    position: relative;
    transition: all .3s;
}

#header-menu-1 ul.menu li.menu-item ul.sub-menu li.menu-item:hover::before {
    content: "";
    width: 100%;
    height: 2px;
    background: #2c4036;
    position: absolute;
    bottom: 10%;
}

#header-menu-1 ul.menu li.menu-item ul.sub-menu li.menu-item:last-child:hover::before {
    content: "";
    width: 100%;
    height: 2px;
    background: transparent;
    position: absolute;
    bottom: 10%;
}

.animated-submenu>.sub-menu {
    min-width: 300px !important;
}

.layout_post .layout_post_img .elementor-widget-image a {
    width: 100%;
}

.layout_post .layout_post_img .attachment-large {
    aspect-ratio: 5/3;
    object-fit: cover;

}

.layout_post_sidebar .attachment-large {
    aspect-ratio: 5/3;
    object-fit: cover;
}

.layout_post .layout_post_content h4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.layout_post .layout_post_content p {
    margin: 0px !important;
}

.layout_flip_linh_vuc .elementor-flip-box__layer {
    border-radius: 30px;
}

.gallery_home .gallery-icon a,
.gallery_home .swiper-slide-image {
    aspect-ratio: 4/3;
    object-fit: contain;
}

.gioi-thieu-list {
    list-style-type: none;
    padding: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.gioi-thieu-list .gioi-thieu-item {
    width: auto;
    font-size: 16px;
    background: #ddd;
    text-align: center;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gioi-thieu-list .gioi-thieu-item.active_tab {
    background: #ffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: none;
}

.archive_dich_vu .archive_dich_vu_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* Tạo 3 cột có chiều rộng bằng nhau */

    gap: 20px;
    padding: 0px;
    list-style-type: none;

}


.breamcrum_custom span a,
.breamcrum_custom span {
    color: #ffff;
}

.breamcrum_custom span.breadcrumb_last {
    color: #ffff;
    font-weight: bold;
}

.new_post .elementor-image-box-wrapper img.attachment-full {
    aspect-ratio: 4/3;
    object-fit: cover;
}

.new_post .elementor-image-box-wrapper .elementor-image-box-content {
    /* Hiển thị 3 dòng, mỗi dòng khoảng 1.2em */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-height: 4.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Thêm ba dấu chấm khi nội dung bị cắt */
}

.archive_van_ban {
    margin: 60px 0px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.archive_van_ban h4 {
    margin: 0;
}

.archive_van_ban ul.search-van-ban-list {
    list-style-type: none;
    padding: 0px;
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.archive_van_ban ul.search-van-ban-list li.search-van-ban-item {
    display: flex;
    gap: 20px;
    flex-direction: row;
}

.archive_van_ban ul.search-van-ban-list li.search-van-ban-item p {
    flex-basis: 30%;
    margin: 0px;
}

.archive_van_ban .reset-filters a {
    color: #ffff;
}

.elementor-pagination,
.archive_van_ban .phan-trang {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.elementor-pagination .page-numbers,
.archive_van_ban .phan-trang .page-numbers {
    width: 30px;
    height: 40px;
    border-radius: 5px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}

.elementor-pagination .page-numbers.current,
.elementor-pagination .page-numbers:hover,
.archive_van_ban .phan-trang .page-numbers:hover,
.archive_van_ban .phan-trang .page-numbers.current {
    background: #2c4036;
    color: #fff !important;
}

.archive_van_ban table tr.fist_child td {
    background: #2c4036;
    color: #fff;
    font-weight: bold;
}

.archive_van_ban table tr {
    transition: all .2s;
}

.archive_van_ban table tr td p {
    margin: 0px;
}

.archive_van_ban table tr:hover {
    background: #2c4036;
}

.archive_van_ban table tr:hover p,
.archive_van_ban table tr:hover a {
    color: #fff;
}

#mega-menu-wrap-menu_1 #mega-menu-menu_1 li.mega-menu-item:hover a.mega-menu-link,
#mega-menu-wrap-menu_1 #mega-menu-menu_1 li.mega-menu-item.mega-current_page_item a.mega-menu-link {
    position: relative;
}

#mega-menu-wrap-menu_1 #mega-menu-menu_1 li.mega-menu-item:hover a.mega-menu-link::before,
#mega-menu-wrap-menu_1 #mega-menu-menu_1 li.mega-menu-item.mega-current_page_item a.mega-menu-link::before {
    content: "";
    width: 100%;
    height: 2px;
    background: #2c4036;
    position: absolute;
    bottom: 0;
    animation: expandWidth 0.5s forwards;
}


#mega-menu-wrap-menu_1 #mega-menu-menu_1>li.mega-menu-item>ul.mega-sub-menu li.mega-menu-item {
    transition: all .5s;
}

#mega-menu-wrap-menu_1 #mega-menu-menu_1>li.mega-menu-item>ul.mega-sub-menu li.mega-menu-item a.mega-menu-link::before {
    content: "";
    width: unset !important;
}

#mega-menu-wrap-menu_1 #mega-menu-menu_1>li.mega-menu-item>ul.mega-sub-menu li.mega-menu-item:hover a.mega-menu-link::before {
    content: "";
    width: 100% !important;
    height: 2px;
    background: #2c4036;
    position: absolute;
    bottom: -5px;
    animation: expandWidth 0.5s forwards;
}

.info-footer a {
    color: #fff !important;
}

@keyframes expandWidth {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media only screen and (max-width: 678px) {
    .slider_home .swiper-slide-contents {
        margin-left: 0;
        padding: 15px;
    }

    .gioi-thieu-list {
        overflow-x: scroll;
    }

    .gioi-thieu-list .gioi-thieu-item {
        min-width: 150px;


    }

    .ct-panel.ct-header .ct-panel-inner {
        width: 100vw;
        height: 100%;
    }

    .archive_van_ban ul.search-van-ban-list li.search-van-ban-item {
        gap: 0px;
        flex-direction: column;
    }

    .archive_van_ban table tr td {
        padding: 5px;
        text-align: center;
    }

    .archive_van_ban table tr td {
        font-size: 12px;
    }
}