/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@font-face {
    font-family: 'SVN-Poppins light';
    src: url(/wp-content/themes/flatsome-child/font/SVN-Poppins-Light.otf);
}

@font-face {
    font-family: 'SVN-Poppins Regular';
    src: url(/wp-content/themes/flatsome-child/font/SVN-Poppins-Regular.otf);
}

@font-face {
    font-family: 'SVN-Poppins Bold';
    src: url(/wp-content/themes/flatsome-child/font/SVN-Poppins-Bold.otf);
}

@font-face {
    font-family: 'SVN-Poppins SemiBold';
    src: url(/wp-content/themes/flatsome-child/font/SVN-Poppins-SemiBold.otf);
}


:root{
    --SVN-Poppins-Bold: 'SVN-Poppins Bold';
    --SVN-Poppins-Regular: 'SVN-Poppins Regular';
    --SVN-Poppins-light: 'SVN-Poppins light';
    --SVN-Poppins-SemiBold: 'SVN-Poppins SemiBold';
    --mauchudao:#2c61c9;
}

body{
    font-family: var(--SVN-Poppins-light);
}

.all_diachi_top {
    display: flex;
    align-items: center;
    gap: 10px;
}

.right_menu {
    display: flex
;
    align-items: center;
    gap: 20px;
}

#top-bar{
    padding: 10px 0;
}

.all_diachi_top span {
    font-weight: 300;
    font-size: 14px;
    color: #f8f8f8;
}

.header-nav #mega-menu-primary{
    display: flex!important;
    gap: 10px;
}

.header-nav #mega-menu-primary>li>a{
    font-size: 14px;
}

.header-nav #mega-menu-primary .mega-sub-menu{
    border-top: 5px solid var(--mauchudao)!important;
    border-radius: 10px!important;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, .1)!important;
}

.header-nav #mega-menu-primary .mega-sub-menu a{
    background: #fff!important;
    color: #000!important;
}

#woocommerce-product-search-field-0{
    width: 220px;
    padding: 0px 0px 0px 40px;
    height: 35px;
    border-radius: 20px;
    box-shadow: 0 0 8px 0 #00000024;
}

.searchform .ux-search-submit{
    position: absolute;
    left: 9px;
    top: 4px;
    background: var(--mauchudao) !important;
    border-radius: 99% !important;
    font-size: 10px;
}

.col-padding-clear{
    padding-bottom: 0px;
}

#footer{
    background: var(--mauchudao);
}

.section-title-normal{
    border: 0!important;
}

.section-title-container {
    margin-bottom: 0px;
}

.section-title-normal span{
    border-bottom:0px;
}

.title-footer .section-title-main{
    color: #fff;
    font-size: 15px;
    font-family: var(--SVN-Poppins-SemiBold)!important;
}

.title-footer .section-title-normal{
    margin-bottom: 0px;
}

.menu-footer a{
    color: #fff;
    min-height: 0px;
    font-size: 14px;
}

.menu-footer {
    margin-bottom: 10px;
}

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

.menu-footer .ux-menu-link{
   line-height: 20px;
    
}

.social-footer{
    display: flex;
    gap: 7px;
}

.social-footer a{
    color: #fff;
    border-color: #fff;
}

.absolute-footer {
    display: none;
}

.row-section2{
    background: #fff;
    padding: 10px 5px;
    border-radius: 80px;
}

.text-thongtin-ft{
    color: var(--mauchudao);
    font-size: 14px;
}

.text-thongtin-ft p{
    margin-bottom: 0px;
}

.col-ft2{
    display: flex;
    align-items: center;
}

.col-ft2:first-child{
   border-right: 1px solid #cacaca;
}

.tittle-tencty .section-title-main{
    color: #ffe84d;
    font-size: 20px;
    font-family: var(--SVN-Poppins-Bold)!important;
}

.tittle-tencty p{
    margin-bottom: 0;
}

.title-footer i{
    opacity: 1!important;
}

.icon-footer .icon-box-text {
    color: #fff;
    font-size: 14px;
}

.icon-footer{
    margin-bottom: 7px;
}

.row-section-ft-3 {
    padding: 20px 0px;
    border-top: 1px solid #89aaeb;
}

.text-absolute-ft p{
    margin-bottom: 0;
    color: #fff;
    font-size: 13px;
}

.section-footer-1{
    padding-top: 50px!important;
}

.shop-page-title{
    display: none;
}

.col-breadcrumb{
    padding: 3rem 15px!important;
}

.col-breadcrumb .rank-math-breadcrumb{
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
}

.col-breadcrumb .rank-math-breadcrumb a{
    color: #000;
}

.col-breadcrumb .rank-math-breadcrumb .last{
    font-weight: bold;
}

.col-breadcrumb .rank-math-breadcrumb p{
    margin-bottom: 0;
}

.col-info-category{
    display: flex;
    align-items: center;
}

.section-info-cate {
    background: var(--mauchudao);
    padding: 30px 0;
}

.noidung_banner_page{
    position: relative;
    font-size: 40px;
    font-family: var(--SVN-Poppins-SemiBold)!important;
    line-height: 1.2;
    color: #fff;
    letter-spacing: 1.5px;
}

.mota_banner_page {
    color: #fff;
    margin: 30px 0;
}

.widget .widget-title{
    font-size: 16px;
    font-family: var(--SVN-Poppins-SemiBold)!important;
    padding-bottom: 20px;
    display: inline-block;
    color: #000;
}

.widget .is-divider{
    display: none;
}

.product-categories li a{
    color: #060606;
    font-size: 13px;
    font-family: var(--SVN-Poppins-Regular)!important;
    padding: 12px 0!important;
}

.product-small .category {
    display: none;
}

.quick-view {
    display: none!important;
}

.product-small>.col-inner{
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
}

.product-small .title-wrapper{
    text-align: center;
}

.product-small .title-wrapper a{
    font-size: 16px;
    font-family: var(--SVN-Poppins-SemiBold)!important;
    color: #000;
}

.category_product_description .term-description{
    background: #fff;
    border-radius: 20px;
    padding: 40px 20px;
    border: 1px solid #e0e0e0;
    margin-bottom: 40px;

}

.term-description{
    color: #000;
}

.term-description p{
    margin-bottom: 10px;
}

.single-product .shop-container{
    background: #2c61c912;
}

.product-main .content-row .col-innear{
    margin-bottom: 50px!important;
    background: #fff;
    border-radius: 20px;
    padding: 40px 20px;
    margin-top: 30px;
    display: flex;
    width: 100%;
}

.product-main .content-row{
    padding-left: 15px;
    padding-right: 15px;
}

.product-info .product-title {
    color: #000;
    font-size: 20px;
    font-family: var(--SVN-Poppins-SemiBold)!important;
    margin-bottom: 20px;
}

.product-section{
    border: 0px!important;
    margin-bottom: 30px;
}

.header-comment{
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 20px;
    color: #000;
}

.header-comment h3{
    color: #000;
}

.content-comment {
    background: #fff;
    border-radius: 20px;
    padding: 20px!important;
    color: #000;
    margin-bottom: 20px;
}

.content-comment h3{
    color: #000;
}

.related .product-section-title{
    color: #000;
    font-size: 20px;
    font-family: var(--SVN-Poppins-SemiBold)!important;
    line-height: 1.4;
    text-transform: none;
    margin-bottom: 5px;

}

.author-name {
    margin-bottom: 10px;
    font-weight: bold;
}

.related .product-small>.col-inner{
    background: #fff;
}

.product-footer .tabs{
    display: none;
}

.product-footer .woocommerce-tabs{
    padding: 20px!important;
    background: #fff;
    color: #000;
    border-radius: 20px;
    margin-bottom: 20px;
}

.product-main{
    padding-bottom: 0px;
}

.content_product_detail table td{
    color: #000;
}

.attr-pro-detail, .thongtin_product {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.attr-pro-detail span, .thongtin_product span:first-child {
    width: 40%;
}

.attr-pro-detail .all_gia_detail, .content_product_detail, .thongtin_product span:nth-child(2) {
    width: 60%;
    
}

.content_doitra_mienphi_prodetail{
    color: #000;
    font-size: 14px;
    display: flex;
    flex-direction: column;
}

.img_doitra_mienphi_prodetail img {
    width: 50px;
}

.attr-pro-detail .price {
    font-size: 16px;
    font-family: var(--SVN-Poppins-Regular)!important;
    color: var(--mauchudao);
}

.cart{
    display: none;
}

.product-short-description{
    display: none;
}

.baogiangay {
    background: var(--mauchudao);
    text-align: center;
    color: #fff;
    padding: 10px 60px;
    border-radius: 50px;
    font-weight: 600;
    margin-top: 40px;
}

.all_doitra_mienphi_prodetail {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #dadada;
}

.doitra_mienphi_prodetail {
    display: flex;
    align-items: center;
    gap: 15px;
}

.blog-archive .post-item .col-inner{
    box-shadow: 7px 18px 22px 0 #0000002b;
    border-radius: 20px;
    background: #fff;
}

.blog-archive {
    background: #2c61c912;
}

.blog-archive .post-item .box-text{
    padding: 10px;
}

.blog-archive .post-item .post-title a{
    color: #000;
    font-family: var(--SVN-Poppins-SemiBold)!important;
    margin-bottom: 10px;
}

.blog-archive .post-item .is-divider{
    display: none;
}

.blog-archive .post-item .from_the_blog_excerpt {
    color: #000;
}

.bread_title{
    font-family: var(--SVN-Poppins-Bold);
    color: #000;
    font-size: 35px;
    text-transform: uppercase;
}

.blog-single{
    background: #2c61c912;
}

.single-page{
    background: #fff;
    border-radius: 20px;
    padding: 40px 20px;
}

.post-sidebar .widget {
    background: #fff;
    border-radius: 20px;
    padding: 40px 20px;
}

.entry-author.author-box{
    background: #fff;
    border-radius: 20px;
    padding: 40px 20px;
    margin-top: 35px;
}

.single-page{
    color: #000;
}

.single-page h2{
    color: var(--mauchudao);
}

.single-page h2,.single-page h3,.single-page h4,.single-page h5{
    font-family: var(--SVN-Poppins-SemiBold)!important;
}

.single-page h3,.single-page h4,.single-page h5{
    color: #000;
}

.woocommerce-Tabs-panel h2{
    color: var(--mauchudao);
}

.woocommerce-Tabs-panel h2,.woocommerce-Tabs-panel h3,.woocommerce-Tabs-panel h4,.woocommerce-Tabs-panel h5{
    font-family: var(--SVN-Poppins-SemiBold)!important;
}

.woocommerce-Tabs-panel h3,.woocommerce-Tabs-panel h4,.woocommerce-Tabs-panel h5{
    color: #000;
}

.blog-home .post-item .col-inner{
    background-color: rgb(249, 249, 249);
}

.blog-home .post-item .box-text{
    padding: 20px 20px 20px 20px;
}

.blog-home .post-title a{
    color: #000;
    font-size: 1.15em;
    font-family: var(--SVN-Poppins-SemiBold)!important;
}

.img_dm_sanpham::before{
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/06/Banner-09.png);
    background-size: cover;
    position: absolute;
    top: 0px;
    border-radius: 20px;
}

#wpadminbar .ab-item img{
    object-fit: cover!important;
}

#wp-admin-bar-my-account>.ab-item>img{
        height:16px!important ;
    }

.name_dm_sanpham{
        bottom: 95px!important;
    left: 35px!important;
    text-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
    font-size: 22px!important;
    font-family: var(--SVN-Poppins-Bold)!important;
}

.blog-author-image img{
    height: 90px!important;
}

.col-danhgia:last-child{
    padding: 0px 30px;
}

.blog-home .image-cover{
    padding-top: 75%!important;
}

.blog-home .image-cover img{
    height: 100%!important;
    object-fit: cover;
}

.blog-archive .post-item .image-cover{
    padding-top: 75%!important;
}

.blog-archive .image-cover img{
    height: 100%!important;
    object-fit: cover;
    border-radius: 20px 20px 0px 0px;
}

.product-small .price-wrapper{
    display: none;
}

.entry-author.author-box a{
    color: #000;
}

.col-taisao-left .img_tsc img{
    border-radius: 25px;
}

.product-small .title-wrapper a{
    min-height: 40px;
}

.author-desc{
    margin-bottom: 10px;
}

.post-sidebar .widget-area {
    position: sticky;
    top: 10px;
}

.single-post #woocommerce_product_categories-3{
    display: none;
}

#ftwp-contents{
    border: 0px!important;
}

#ftwp-container.ftwp-wrap #ftwp-header{
    background: #fff !important;
}

#ftwp-container.ftwp-wrap #ftwp-list{
    background: #fff!important;
}

#ftwp-container.ftwp-wrap #ftwp-header{
    font-size: 17px!important;
}

#ftwp-container #ftwp-list.ftwp-list-nest.ftwp-colexp-icon .ftwp-anchor{
    font-size: 14px!important;
}

#ftwp-container #ftwp-list.ftwp-strong-first>.ftwp-item>.ftwp-anchor .ftwp-text{
    font-size: 14px!important;
}

#ftwp-container #ftwp-list.ftwp-list-nest.ftwp-colexp-icon .ftwp-anchor:hover{
    color: var(--mauchudao)!important;
}

#ftwp-container.ftwp-wrap #ftwp-list .ftwp-text::before{
    background: var(--mauchudao)!important;
}

.block_related{
    gap: 25px;
    display: flex;
}

.relatedcat{
    margin-top: 30px;
}

.relatedcat h3{
   color: #000;
   font-family: var(--SVN-Poppins-Bold)!important;
}

.stars a{
    padding: 0px 15px;
    font-size: 0px!important;
}

.stars a:after{
    font-size: 16px;
}

.stars a.active:after, .stars a:hover:after{
    color: #f59e0b!important;
}

.term-description h2{
    color:var(--mauchudao);
    font-family: var(--SVN-Poppins-SemiBold)!important;
}

.term-description h2 strong{
    color:var(--mauchudao)!important;
}

.term-description h3,.term-description h4,.term-description h5{
    color:#000;
    font-family: var(--SVN-Poppins-SemiBold)!important;
}

.term-description ul{
    padding-left: 30px;
}

.term-description table {
    border:1px solid #000;
}

.term-description table tr td{
    border:1px solid #000;
    padding: 5px;
    color: #000;
}

@media(max-width:549px){
    .all_diachi_top span{
         font-size: 12px!important;
    }
    .col-taisao-left .img_tsc img{
        height: 300px !important;
    }

    .ly_do_index{
        flex-wrap: wrap;
        flex-direction: column-reverse!important;
    }

    .ly_do_index .content_ly_do{
        width: 100%!important;
        padding: 0px 35px 35px !important;
    }
    
    .img_ly_do{
        width: 100%!important;
            text-align: center;
    }

    .img_ly_do img{
        position: unset!important;
    }

    .col-danhgia a{
        margin-top: 10px;
    }

    .item-star{
        align-items: center;
    }

    .item-star .icon{
        width: 20%!important;
    }

    .product-thumbnails .flickity-prev-next-button{
        display: none;
    }

    .entry-author .flex-col{
        width: 100%;
    }

    .entry-author .flex-row{
        flex-wrap: wrap;
    }

    .all_slide_text .cs_moving_section_in .text_slide_text{
        font-size: 5vw !important;
    }

    .doitra_mienphi_prodetail{
        flex-wrap: wrap;
    }

    

    .col-ft2:first-child{
        border: 0;
    }

    .all_nhungconso_index{
        margin-top: -130px!important;
    }

    .wrap_baochi{
        padding-top: 30%!important;
    }

    .col-taisao-left {
        margin-bottom: 30px;
    }

    .ly_do_index .content_ly_do{
        padding: 10% 0% 10% 10%;
    }

    /* .all_ly_do_index .ly_do_index:nth-child(2n+2) .content_ly_do{
        padding-left: 15%!important;
        padding-right: 8%!important;
    } */
}

@media(min-width:550px) and (max-width:849px){
    .all_ly_do_index{
        margin-top: 30px;
    }

    .all_nhungconso_index{
        margin-top: -135px!important;
    }

    .wrap_baochi{
            padding-top: 15%!important;
    }
}

@media(min-width:850px){
    .blog-featured-title+#main .post-sidebar {
        padding-top: 0px!important;
    }

    .blog-single .col,.blog-archive .col{
       padding: 0 15px 30px;
    }

    
}

@media(max-width:849px){
    .nav-vertical>li>a{
        font-size: 15px!important;
    }

    .woocommerce-product-gallery__wrapper .flickity-prev-next-button{
        opacity: 1!important;
        background: #fff;
        width: 45px;
        height: 45px;
        border-radius: 99%;
        top: 45%!important;
        border: 2px solid;
    }

    .woocommerce-product-gallery__wrapper  .flickity-prev-next-button.previous{
        left: -7%!important;
    }

    .woocommerce-product-gallery__wrapper  .flickity-prev-next-button.next{
        right: -7%!important;
    }

    .all_hinhanh_baochi a{
        width: 100%;
        /* display: inline-block; */
    }

    .product-info{
        padding-top: 30px;
    }

    .product-main .content-row .col-innear{
        flex-wrap: wrap;
    }

    #fixedtoc-2{
        display: none;
    }
}

@media(min-width:1400px) and (max-width:1460px){
    .icon_play{
        left: 45%!important;
    }
}