/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* -----Tin tức----- */
.ddx-tin-tuc .wd-post-cat.wd-style-with-bg.meta-post-categories {
    display: none;
}
.ddx-tin-tuc .wd-post .wd-post-excerpt {
    display: block;
    text-align: left;
    font-family: sans-serif;
    letter-spacing: 1.2px;
    font-size: 16px;
}
.vc_tta-panel-body .wd-post div a {
    text-align: left;
    display: block;
font-family: sans-serif;
font-size: 22px;
font-weight: 600;
}
.ddx-tin-tuc .vc_tta-panel-body .wd-post-meta {
display: none;
}
.vc_tta-panel-body .wd-post .wd-post-inner.article-inner {
    border-radius: 20px 0px 20px 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.ddx-tin-tuc .vc_tta-panel-body .wd-post-inner .wd-post-content {
    border-radius: 0px 0px 20px 20px !important;
}
.vc_tta-panel-body .wd-post-thumb.entry-header{
    border-radius: 20px 0px 0px 0px;
}
.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
    border: none !important;
    background-color: unset !important;
}

.ddx-tin-tuc ul li.vc_tta-tab.vc_active a span {
    color: white;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab>a {
    color: #014692;
    opacity: unset;
font-size: 20px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text:after{
    content: none;
}
.ddx-tin-tuc ul li.vc_tta-tab.vc_active {
    background-color: #014692;
}
.ddx-tin-tuc ul li {
    border: 1px solid #e8e8e8;
    border-radius: 40px;
}
.wd-page-content .wd-single-post-header img.attachment-post-thumbnail {
    display: none;
}
.wd-page-content .post-single-page pre {
    border-left: 5px solid #014692;
}.post-single-page pre em {
    font-family: sans-serif;
    letter-spacing: 1.1px;
}
.wd-page-content .post-single-page h1.wd-entities-title.wd-post-title.title {
    color: #014692;
    font-family: sans-serif;
    font-weight: 600;
}
.wd-page-content .post-single-page .wd-post-cat.wd-style-with-bg {
    display: none;
}
.wd-page-content .wd-single-footer .wd-tags-list {
    display: none;
}
/* -----giới thiệu----- */

.ddx-gioi-thieu-nltm .promo-banner-wrapper h4 {
    font-family: sans-serif;
    letter-spacing: 1.1px;
    font-weight: 200;
}
.ddx-gioi-thieu-nltm .wpb_wrapper h2 {
    font-size: 35px;
    font-family: sans-serif;
    padding: 20px 0;
}
.ddx-gioi-thieu-nltm .wpb_wrapper h2 {
    font-size: 35px;
    font-family: sans-serif;
}
.ddx-gioi-thieu-tnsm .info-box-inner p {
    color: black;
    font-size: 20px;
    font-family: sans-serif;
    padding-top: 10px;
}
.ddx-gioi-thieu-tnsm div h4.info-box-title.title {
    font-size: 26px;
    color: #014692;
    font-family: sans-serif;
    font-style: italic;
    font-weight: 700;
    margin-top: 20px;
}
.ddx-gioi-thieu-tnsm div img.attachment-medium.size-medium {
    margin-top: -30px;
}
.ddx-gioi-thieu-tnsm div h2 {
    font-size: 35px;
    font-weight: 700;
    font-family: sans-serif;
}
.ddx-gioi-thieu-tong-quan .wpb_wrapper p {
    color: black;
    font-size: 22px;
    font-family: sans-serif;
    letter-spacing: 1.1px;
}
.ddx-gioi-thieu-tong-quan div h2 span {
    font-size: 40px;
font-family: sans-serif;
}
.ddx-gioi-thieu-tong-quan div p span {
    font-size: 22px;
    font-family: sans-serif;
}
.ddx-gioi-thieu-vct .title-after_title {
    color: white;
    font-family: sans-serif;
    font-size: 18px;
    letter-spacing: 1.2px;
}
.ddx-gioi-thieu-vct h4.woodmart-title-container {
    color: white;
    font-size: 45px;
    font-family: sans-serif;
}
.ddx-gioi-thieu-stats .wpb_column:first-child {
    border-radius: 10px 0 0 10px;
}

.ddx-gioi-thieu-stats .wpb_column:last-child {
    border-radius: 0 10px 10px 0;
}

.ddx-gioi-thieu-stats .counter-label {
    color: #fff !important;
}

.ddx-gioi-thieu-stats .counter-value {
    color: #F9942F !important;
}

.ddx-gioi-thieu-stats .wpb_wrapper {
    margin-top: 30px;
}

.ddx-gioi-thieu-stats .wpb_column {
    background-color: #014692;
    position: relative;
}

.ddx-gioi-thieu-stats .wpb_column:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 60%;
    background: #bdbdbd;
}

.ddx-gioi-thieu-tnsm .wd-info-box {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
    padding: 20px;
    min-height: 315px;
}

/* -----footer----- */
.ddx-footer .ddx-footer-menu p a {
    color: #014692;
    font-size: 20px;
    font-weight: 600;
    font-family: sans-serif;
}

.ddx-footer h4.woodmart-title-container {
    color: #014692;
    font-size: 20px;
    font-weight: 600;
    font-family: sans-serif;
}

.ddx-footer div p,
.ddx-footer div p a {
    color: #014692;
    font-family: sans-serif;
    font-size: 18px;
}

.ddx-footer-icon p img {
    padding-right: 10px;
    margin-top: -20px;
}

.ddx-footer .wd-text-block p {
    margin-top: -20px;
}

.wd-copyrights {
    background-color: #014692;
}

/* -----header----- */
.wd-nav[class*="wd-style-underline"] .nav-link-text:after {
    content: '';
    position: absolute;
    top: 49px;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #FE7F01;
    transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.whb-header .wd-nav:where(:not(.wd-dis-act))>li:where(.current-menu-item, .wd-active, .active)>a span {
    color: #FE7F01 !important;
}

.whb-header .wd-nav .nav-link-text {
    font-family: sans-serif;
    text-transform: none;
    font-size: 18px;
    color: #014692 ;
    padding: 0px 12px
}
/* -----form đăng ký----- */
.ddx-form-tu-van h4.woodmart-title-container {
    color: white;
    font-family: sans-serif;
    font-size: 38px;
    font-style: italic;
}

.ddx-form-tu-van a.btn {
    text-transform: inherit;
    letter-spacing: 1.2px;
    font-size: 18px;
    padding: 15px 25px;
    font-family: sans-serif;
}

/* -----home----- */

.ddx-home-banner h4.woodmart-title-container {
    color: white;
    font-family: sans-serif;
    font-size: 38px;
    text-transform: uppercase;
}

.ddx-home-banner .title-after_title {
    color: white;
    font-size: 18px;
    font-family: sans-serif;
    letter-spacing: 1.2px;
}

.ddx-home-banner div a.btn {
    text-transform: inherit;
    letter-spacing: 1.2px;
    font-size: 18px;
    padding: 15px 25px;
    font-family: sans-serif;
}

.ddx-home-vsnd-title div p {
    font-size: 35px;
    font-family: sans-serif;
    font-weight: 600;
}

.ddx-home-vsnd-title div img {
    margin-top: -40px;
}

.ddx-home-vsnd-box .info-box-wrapper {
    background-color: #F4F7FB;
    border-radius: 8px;
    min-height: 190px;
    margin-bottom: 20px;
    padding: 30px 30px 5px;
}

.ddx-home-vsnd-box .info-box-wrapper img {
    max-width: 55px;
}

.ddx-home-vsnd-box .info-box-wrapper {
    background-color: #F4F7FB;
    border-radius: 8px;
    min-height: 180px;
    margin-bottom: 20px;
    padding: 25px 35px 5px;
}

.ddx-home-vsnd-box .info-box-wrapper h4.info-box-title {
    color: #014692;
}

.ddx-qttk-title div p {
    font-size: 35px;
    font-family: sans-serif;
    font-weight: 600;
}

.ddx-qttk-title div img {
    margin-top: -40px;
}

/* ===============liên hệ============*/
.ddx-lien-he .form-lien-he input.wpcf7-form-control {
    border-radius: 8px;
}

.ddx-lien-he .form-lien-he .wpcf7-submit.has-spinner {
    background-color: #014692;
    padding-left: 30px;
    padding-right: 30px;
    text-transform: none;
    font-family: sans-serif;
}

.ddx-lien-he-info .info-box-content {
    font-size: 16px;
    color: black;
}

/* ===========================
   📱 MOBILE NHỎ  (< 576px)
   =========================== */
@media screen and (max-width: 575.98px) {

    /* CSS cho điện thoại nhỏ */
    .wd-copyrights p {
        font-size: 12px;
    }

    .ddx-footer-mb-1 {
        display: flex;
    }

    .ddx-footer-mb-logo .wd-image {
        border-bottom: 1px solid #D1D1D1;
        padding-bottom: 20px;
    }

    .ddx-footer-mb-1-menu p a {
        font-size: 20px;
        font-weight: 600;
        font-family: sans-serif;
    }

    .ddx-footer-mb-1-gp p a {
        font-size: 20px;
        font-family: sans-serif;
    }

    .ddx-footer-mb-2 div p,
    .ddx-footer-mb-1-gp div p a {
        font-size: 20px;
        font-family: sans-serif;
        color: black;
    }

    .ddx-footer-mb-icon p img {
        padding-right: 30px;
        min-width: 65px;
    }

    .ddx-footer-mb-2 h4.woodmart-title-container,
    .ddx-footer-mb-1 h4.woodmart-title-container {
        font-size: 20px;
        font-family: sans-serif;
    }

    .ddx-footer-mb-1-gp div p,
    .ddx-footer-mb-2 div p {
        margin-top: -20px;
    }

    .ddx-gioi-thieu-stats .wpb_column:first-child {
        border-radius: 10px 10px 0 0;
    }

    .ddx-gioi-thieu-stats .wpb_column:last-child {
        border-radius: 0 0 10px 10px;
    }

    .ddx-gioi-thieu-stats .wpb_column:not(:last-child)::after {
        content: none
    }
.ddx-gioi-thieu-tong-quan .wpb_content_element:first-child {
    text-align: center;
}
.ddx-gioi-thieu-tong-quan .wpb_content_element:first-child>.wpb_wrapper>p {
    text-align: center !important;
}
.ddx-gioi-thieu-tong-quan .wpb_content_element h2 span {
    font-size: 26px;
}
.ddx-gioi-thieu-tnsm div h2 {
    font-size: 26px;
}
.ddx-gioi-thieu-nltm .wpb_wrapper h2 {
    font-size: 26px;
}
.ddx-gioi-thieu-nltm .promo-banner {
    margin-bottom: 10px;
}

.vc_tta-panel-body .wd-post .wd-post-inner.article-inner {
    border-radius: 20px 20px 20px 20px;
}
.ddx-tin-tuc .vc_tta-panel-body .wd-post-inner .wd-post-content {
    border-radius: 20px 0px 20px 20px !important;
}
.vc_tta-panel-body .wd-post-thumb.entry-header{
    border-radius: 20px 20px 0px 0px;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body{
    background-color: unset !important;
    border: none !important;
}
.vc_tta.vc_general.vc_tta-style-classic:is(.vc_tta-tabs-position-top,.vc_tta-tabs-position-bottom) .vc_tta-tabs-list {
        display: flex;
        flex-wrap: wrap;
    }
.ddx-tin-tuc div ul li.vc_tta-tab {
    width: 27%;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab>a {
    font-size: 10px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab>a {
    padding: 5px 8px;
}
.vc_tta-panel-body .wd-post div a {
    font-size: 18px;
}
.ddx-tin-tuc .wd-post .wd-post-excerpt {
    font-size: 14px;
}
.ddx-gioi-thieu-nltm .promo-banner img {
    max-height: 400px;
        border-radius: 10px;
}
.ddx-gioi-thieu-nltm .promo-banner-wrapper h4 {
    text-align: center;
    font-size: 17px;
}
.mobile-nav .wd-nav>li>a {
    color: #014692;
        text-transform: inherit;
}
.wd-nav:where(:not(.wd-dis-act))>li:where(.current-menu-item,.wd-active,.active)>a {
    color: #014692 !important;
}
.mobile-nav .wd-nav-opener.wd-active {
    background-color: #014692;
    color: #fff;
}
.ddx-home-vsnd-title div p {
    font-size: 24px;
}
.ddx-gioi-thieu-vct h4.woodmart-title-container {
    font-size: 32px;
}
}
/* ====================================
   📱📱 MOBILE LỚN & TABLET DỌC (576px - 767.98px)
   ==================================== */
@media screen and (min-width: 576px) and (max-width: 767.98px) {

    /* CSS cho điện thoại lớn và tablet dọc */
    .wd-copyrights p {
        font-size: 12px;
    }

    .ddx-footer-mb-1 {
        display: flex;
    }

    .ddx-footer-mb-logo .wd-image {
        border-bottom: 1px solid #D1D1D1;
        padding-bottom: 20px;
    }

    .ddx-footer-mb-1-menu p a {
        font-size: 20px;
        font-weight: 600;
        font-family: sans-serif;
    }

    .ddx-footer-mb-1-gp p a {
        font-size: 20px;
        font-family: sans-serif;
    }

    .ddx-footer-mb-2 div p,
    .ddx-footer-mb-1-gp div p a {
        font-size: 20px;
        font-family: sans-serif;
        color: black;
    }

    .ddx-footer-mb-icon p img {
        padding-right: 30px;
        min-width: 65px;
    }

    .ddx-footer-mb-2 h4.woodmart-title-container,
    .ddx-footer-mb-1 h4.woodmart-title-container {
        font-size: 20px;
        font-family: sans-serif;
    }

    .ddx-footer-mb-1-gp div p,
    .ddx-footer-mb-2 div p {
        margin-top: -20px;
    }

    .ddx-gioi-thieu-stats .wpb_column:first-child {
        border-radius: 10px 10px 0 0;
    }

    .ddx-gioi-thieu-stats .wpb_column:last-child {
        border-radius: 0 0 10px 10px;
    }

    .ddx-gioi-thieu-stats .wpb_column:not(:last-child)::after {
        content: none
    }
.ddx-gioi-thieu-tong-quan .wpb_content_element:first-child {
    text-align: center;
}
.ddx-gioi-thieu-tong-quan .wpb_content_element:first-child>.wpb_wrapper>p {
    text-align: center !important;
}
.ddx-gioi-thieu-tong-quan .wpb_content_element h2 span {
    font-size: 26px;
}
.ddx-gioi-thieu-tnsm div h2 {
    font-size: 26px;
}
.ddx-gioi-thieu-nltm .wpb_wrapper h2 {
    font-size: 26px;
}
.ddx-gioi-thieu-nltm .promo-banner {
    max-height: 400px;
    margin-bottom: 10px;
}
.vc_tta-panel-body .wd-post .wd-post-inner.article-inner {
    border-radius: 20px 20px 20px 20px;
}
.ddx-tin-tuc .vc_tta-panel-body .wd-post-inner .wd-post-content {
    border-radius: 20px 0px 20px 20px !important;
}
.vc_tta-panel-body .wd-post-thumb.entry-header{
    border-radius: 20px 20px 0px 0px;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body{
    background-color: unset !important;
    border: none !important;
}
.vc_tta.vc_general.vc_tta-style-classic:is(.vc_tta-tabs-position-top,.vc_tta-tabs-position-bottom) .vc_tta-tabs-list {
        display: flex;
        flex-wrap: wrap;
    }
.ddx-tin-tuc div ul li.vc_tta-tab {
    width: 27%;
}.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab>a {
    font-size: 10px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab>a {
    padding: 5px 8px;
}
.vc_tta-panel-body .wd-post div a {
    font-size: 18px;
}
.ddx-tin-tuc .wd-post .wd-post-excerpt {
    font-size: 14px;
}
.ddx-gioi-thieu-nltm .promo-banner img {
    max-height: 400px;
        border-radius: 10px;
}
.ddx-gioi-thieu-nltm .promo-banner-wrapper h4 {
    text-align: center;
    font-size: 17px;
}
.mobile-nav .wd-nav>li>a {
    color: #014692;
        text-transform: inherit;
}
.wd-nav:where(:not(.wd-dis-act))>li:where(.current-menu-item,.wd-active,.active)>a {
     color: #014692 !important;
}
.mobile-nav .wd-nav-opener.wd-active {
    background-color: #014692;
    color: #fff;
}
.ddx-home-vsnd-title div p {
    font-size: 24px;
}
.ddx-gioi-thieu-vct h4.woodmart-title-container {
    font-size: 32px;
}
}

/* ====================================
   📲 TABLET NGANG & LAPTOP RẤT NHỎ (768px - 991.98px)
   ==================================== */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
    /* CSS cho tablet ngang, laptop 11" nhỏ */
}

/* =======================
   💻 LAPTOP (1025px - 1366px)
   ======================= */
@media screen and (min-width: 1025px) and (max-width: 1366px) {
    /* CSS cho laptop phổ thông */
}

/* =======================
   🖥️ DESKTOP VỪA (1367px - 1600px)
   ======================= */
@media screen and (min-width: 1367px) and (max-width: 1600px) {
    /* CSS cho màn hình desktop vừa */
}

/* =======================
   🖥️ DESKTOP LỚN (1601px - 1920px)
   ======================= */
@media screen and (min-width: 1601px) and (max-width: 1920px) {
    /* CSS cho màn hình desktop lớn */
}

/* =======================
   🖥️ ULTRA-WIDE (> 1920px)
   ======================= */
@media screen and (min-width: 1921px) {
    /* CSS cho màn hình rất rộng (2K, 4K) */
}
------
/* MOBILE BLOG CARD STYLE */