/* nhatdx-custom-css */

body, p, a, h1, h2, h3, h4, h5, h6, span, li, input, button, select, textarea {
    font-family: var(--nx-font, Tahoma, Verdana, sans-serif);
}
[class^="icon-"], [class*=" icon-"],
i, .fa, .fas, .far, .fab, .dashicons,
.nav-vertical i{
    font-family: "fl-icons", "Font Awesome 5 Free", dashicons !important;
}
#wpadminbar * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}
#wpadminbar .ab-icon:before, #wpadminbar .dashicons:before { font-family: dashicons !important; }

#wpadminbar { z-index: 9999999 !important; }
.header-wrapper, #header, .stuck, .header-main { z-index: 99999 !important; }

#content > .row, #content > .section,
.page-content > .row, .page-content > .section { position: relative; z-index: 1; }

@media (min-width: 850px) {
    .header-main .logo img { margin-left: 15px; }
}

#header-contact li a { text-transform: none; letter-spacing: 0; font-size: 14px; color: #fff; }
.top-bar-nav li a { font-size: 14px; color: #fff !important; }
.header-button a {
    text-transform: none; letter-spacing: 0; background: #C67930;
    font-size: 14px !important; font-weight: normal; border-radius: 11px !important;
}
.header-search-form-wrapper input { background: #fff !important; }
.header-block .icon-box .icon-box-text { padding-left: 10px; color: #000; font-size: 15px; }
.header-block .col { padding-bottom: 0; }

.header-bottom-nav > li { margin: 0; }
.header-bottom-nav > li > a { padding-left: 15px; padding-right: 15px; font-size: 15px; font-weight: normal; }
.header-bottom-nav > li > a:hover, .header-bottom-nav > li:hover > a { background: #C67930; }
.header-main .nav > li > a, .header-nav .nav > li > a,
.header-wrapper .nav > li > a, .nav-dropdown li > a,
.header-top .nav > li > a { font-weight: 700 !important; }
.nav-line > li > a:before, .nav-line > li.active > a:before { display: none; }
.nav-dropdown-default { padding: 0; }
.nav-dropdown.nav-dropdown-default > li > a { background: #fff !important; color: #333; font-size: 15px; }
.nav-dropdown.nav-dropdown-default > li > a:hover { color: #C67930 !important; }

span.widget-title {
    background: #C67930; letter-spacing: 0; width: 100%; padding: 8px 20px; display: block;
    color: #fff; font-size: 17px; border-radius: 12px; text-transform: uppercase;
}
.widget .is-divider { display: none; }
.widget > ul > li ul { border-left: none; padding-left: 5px; }
.widget .toggle { transform: rotate(-90deg); margin: 0 5px; }

.product-categories { border: 1px solid #dbdbdb; border-radius: 15px; margin-top: 15px !important; }
.product-categories li a {
    font-size: 15px; padding-left: 34px !important;
    background-image: url(/wp-content/uploads/2023/09/arrow-circle-right-svgrepo-com.svg);
    background-repeat: no-repeat; background-size: 18px; background-position: 10px center;
}

.widget ul.menu ul.sub-menu {
    display: none; position: absolute; top: 0; left: 99%; width: 100%; min-height: 100%; z-index: 999;
    padding: 10px 0 !important; margin-left: 0; border: 1px solid gainsboro; border-left: none;
    border-radius: 5px; background: #fff; box-shadow: 2px 2px 12px #00000012;
}
.widget ul.menu ul.sub-menu li { border-bottom: 1px solid #e5e5e5; }
.widget ul.menu > li.has-child:hover > .sub-menu,
.widget ul.menu > li.has-child ul li.has-child:hover > .sub-menu { display: block; }

.breadcrumb, .breadcrumbs, nav.woocommerce-breadcrumb,
.breadcrumb a, .breadcrumb span,
nav.woocommerce-breadcrumb a, nav.woocommerce-breadcrumb span {
    text-transform: uppercase !important; font-weight: normal !important; letter-spacing: .5px !important;
}
.rank-math-breadcrumb p { margin-bottom: 5px; }

.section-title-center span {
    margin: 0; letter-spacing: 0; background: #C67930; padding: 6px 20px;
    border-radius: 20px; color: #fff; font-size: 20px; text-transform: uppercase;
}
.section-title b { background-color: #C67930; opacity: 1; }
.section-title-container { margin-bottom: 10px; }

.img1 img { border-radius: 15px; }

.product-small.box { border: 1px solid #ebebeb; border-radius: 10px; }
.product-small .box-image { border-radius: 12px 12px 0 0; }
.product-small .product-title { margin-bottom: 10px; }
.product-small .product-title a { color: #1c1c1c; font-size: 15px; }
.product-small .product-title a:hover { color: #C67930; }

.archive h1.shop-page-title { letter-spacing: 0; color: #333; text-transform: uppercase; font-size: 20px; }
.category-page-row { padding-top: 20px; }
.archive .product-small .add_to_cart_button, .archive .product-small .button,
.category .product-small .add_to_cart_button, .category .product-small .button {
    border-radius: 20px !important; padding-left: 18px !important; padding-right: 18px !important;
    transition: all .3s ease !important;
}
.nav-pagination li a { border-radius: 10px !important; border: 1px solid #b5b5b5; font-weight: normal; }
.nav-pagination li span.current { border-radius: 10px !important; border: 1px solid #C67930; background: #C67930; }

.product_list_widget { border: 1px solid #d2d2d2; border-radius: 15px; margin-top: 15px !important; }
.product_list_widget .product-title { font-size: 15px; }
.product_list_widget .product-title:hover { color: #C67930; }
ul.product_list_widget span.amount { color: #C67930; }
ul.product_list_widget li img { margin-bottom: 0; margin-left: 10px; }

#product-sidebar { padding-left: 0; padding-top: 32px; }
.single-product .large-9 { border-right: none !important; }
.product-info h1.product-title { color: #333; font-size: 23px; }
.star-rating span:before { color: #C87D32; }
.woocommerce-review-link { font-size: 100%; color: #C67930; }
.product-info .price del bdi, .product-info .price { color: gray; font-size: 15px; font-weight: normal; }
.product-info .price span.amount, .product-info .price ins bdi {
    color: #C67930; font-weight: 700; font-size: 32px; white-space: nowrap;
}
.product-short-description {
    border-top: 1px solid gray; padding-top: 10px; margin-top: 15px; font-size: 15px; color: gray;
}
.single_add_to_cart_button {
    background: #C67930 !important; border-radius: 10px; text-transform: none;
    letter-spacing: 0; font-weight: normal;
}
.product-main { padding-bottom: 20px; }
.product-footer .woocommerce-tabs { border-top: 0; padding: 0; }
.woocommerce-tabs ul li a {
    background: #C67930; padding: 5px 10px; border-radius: 9px; color: #fff;
    font-size: 15px; text-transform: none; letter-spacing: 0; font-weight: normal;
}
.woocommerce-tabs ul li.active a { background: #A36327 !important; color: #fff !important; }
.single-product .tab-panels {
    border: 1px solid #ebebeb; padding: 15px; border-radius: 10px; margin-top: 15px; font-size: 15px;
}
.single-product .tab-panels h2 { font-weight: normal; font-size: 20px; color: #4b4b4b; }
.single-product .tab-panels h3 { font-weight: normal; font-size: 19px; color: #4b4b4b; }
.single-product .tab-panels h4 { font-weight: normal; font-size: 18px; color: #4b4b4b; }
.single-product .tab-panels h5 { font-weight: normal; font-size: 17px; color: #4b4b4b; }
.related.product-section { border: 0; padding: 0; margin-top: 20px !important; }
.has-border { border: 0; padding: 0; }
#reviews .col { flex-basis: 100%; max-width: 100%; padding-bottom: 0; }
.comment-form { margin-bottom: 0; }
input[type=submit] {
    margin-bottom: 0; background: #C67930; border-radius: 10px;
    text-transform: none; letter-spacing: 0; font-weight: normal;
}

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

.blog-archive .large-3 { padding-right: 0 !important; }
.blog-archive .large-12 { padding-bottom: 0; text-align: left; }
.blog-archive .post-item .post-title { color: #333; margin-bottom: 10px; }
.blog-archive .post-item .post-title:hover { color: #C67930; }
.blog-archive .post-item .box-image .image-cover { border-radius: 15px; }
.archive h1.page-title {
    text-transform: none; letter-spacing: 0; font-size: 30px; font-weight: normal; margin-bottom: 19px;
}
.blog-single .entry-title { font-size: 25px; margin-top: 10px; color: #333; }
.blog-single .blog-share { text-align: left; }
.blog-single .is-divider { display: none; }
.blog-single .large-3 { padding-right: 0 !important; }
.entry-content { padding-bottom: 0; padding-top: 0; }
.entry-header-text { padding: 10px 0; }
footer.entry-meta { font-size: 15px; }
.flatsome_recent_posts ul { border: 1px solid #dfdfdf; border-radius: 15px; margin-top: 15px !important; }
.recent-blog-posts { padding: 10px; }
.recent-blog-posts a { font-size: 15px; color: #333; }
.recent-blog-posts a:hover { color: #C67930; }
.xem-them { margin-top: 15px; }
.xem-them ul li { margin-bottom: 2px; margin-left: 15px; }
.xem-them ul li a { color: #333; font-size: 15px; }
.xem-them ul li a:hover { color: #C67930; }

.page-right-sidebar .large-9 { border-right: none !important; }
.page-right-sidebar .large-3 { border-left: none !important; padding-left: 0; }

.widget_shopping_cart .button {
    margin: .5em 0 0; width: 100%; background: #A36327; border-radius: 5px;
    text-transform: none; letter-spacing: 0; font-weight: normal;
}
.widget_shopping_cart .button.checkout { background: #C67930; }
.widget_shopping_cart_content ul { border: none !important; }
.cart_totals .button { text-transform: none; letter-spacing: 0; border-radius: 5px; background: #C67930; }
.button-continue-shopping {
    border-radius: 5px; text-transform: none; letter-spacing: 0; font-weight: normal; color: #C67930;
}
.shop_table thead th, .cart_totals th.product-name {
    border-width: 3px; text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: normal;
}
.form-row .fl-is-active select, .woocommerce-billing-fields input, .woocommerce-additional-fields textarea {
    box-shadow: none; border-radius: 5px; font-size: 15px;
}
.woocommerce-checkout-payment button {
    background: #C67930 !important; border-radius: 5px;
    text-transform: none; letter-spacing: 0; font-weight: normal;
}
#cart-popup, .cart-popup, .off-canvas, #off-canvas, .off-canvas-right, .mfp-wrap, .mfp-container {
    z-index: 99999999 !important;
}
.mfp-bg, .off-canvas-overlay, .cart-popup-bg { z-index: 99999990 !important; }

.footer-secondary { padding: 0; }

.footer-2 .col { padding-bottom: 0; }
.footer-2 h3 { font-size: 17px; margin-bottom: 15px; }
.footer-2 ul { margin-bottom: 0; }
.footer-2 ul li a:hover { color: #C67930; }
.absolute-footer { color: #fff !important; font-size: 15px; padding: 25px 0; }
a.back-to-top {
    background: #C67930 !important; border: none !important; color: #fff !important; border-radius: 0 !important;
}
.scroll-to-bullets a { background-color: #C67930; }
.scroll-to-bullets a.active { border-color: #C67930; }

@media (max-width: 1024px) {
    #footer .footer-wrapper .col, #footer .footer-wrapper .col-inner,
    #footer .footer-1 .col, #footer .footer-1 .col-inner,
    #footer .footer-2 .col, #footer .footer-2 .col-inner {
        margin-left: 0 !important; margin-right: 0 !important;
        padding-left: 15px !important; padding-right: 15px !important;
    }
    #footer .widget-title, #footer .widget > h3, #footer .widget > .widget-title {
        margin-left: 0 !important; padding-left: 0 !important; text-align: left !important;
    }
    #footer .widget ul, #footer .widget ol, #footer .textwidget ul {
        margin-left: 0 !important; padding-left: 18px !important;
    }
    #footer .widget li { margin-left: 0 !important; }
    #footer .social-icons, #footer .footer-1 .social-icons,
    #footer .footer-2 .social-icons, #footer .widget .social-icons {
        display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 8px;
        margin-left: 0 !important; padding-left: 0 !important;
    }
    #footer .social-icons a, #footer .social-icons .button, #footer .social-icons .icon {
        flex: 0 0 auto !important; margin: 0 !important;
    }
    #footer .footer-wrapper img { max-width: 100% !important; height: auto !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #footer .footer-wrapper > .row > .col, #footer .footer-1 > .row > .col, #footer .footer-2 > .row > .col {
        flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important; margin-bottom: 22px !important;
    }
    #footer .widget-title { margin-bottom: 10px !important; }
}

@media (max-width: 849px) {
    .header-main { box-shadow: 2px 2px 20px #00000026; }
    .off-canvas .nav-vertical > li > a {
        padding-top: 13px; padding-bottom: 13px; text-transform: none; letter-spacing: 0;
        font-size: 16px; color: #333; font-weight: normal;
    }
    .off-canvas .nav-vertical li li > a { padding-top: 3px; padding-bottom: 3px; font-size: 15px; color: #333; }
    .sidebar-wrapper .widget_nav_menu { margin-left: 0 !important; }
    .widget ul.menu ul.sub-menu {
        display: none; position: inherit; width: 100%; min-height: 100%; line-height: 26px;
        padding: 10px 0 !important; margin-left: 0; border: 0; border-radius: 0;
        background: #e4e4e4; box-shadow: 2px 2px 12px #00000012;
    }
    .widget .toggle { display: none; }
    .section-title-center span { font-size: 17px; }
    
    .footer-2 .col { flex-basis: 100%; max-width: 100%; padding-bottom: 15px; }
    .footer-2 ul li { margin-bottom: 5px; }
    .footer-2 ul li a { font-size: 15px; }
    .page-right-sidebar .large-3 { padding-left: 15px; }
    .filter-button { display: inline-block; margin-top: .5em; letter-spacing: 0; text-transform: none; }
    .product-small.col { padding: 0 5px 10px; }
    .product-info .price { margin: 25px 0; }
    form { margin-bottom: 0; }
    .blog-archive .post-item .post-title { font-size: 16px; }
    .blog-archive .large-3 { padding-right: 15px !important; }
    .blog-single .entry-title { font-size: 20px; }
    .blog-single .large-3 { padding-right: 15px !important; }
    
    
    
    
    
}

@media (max-width: 767px) {
    #footer .footer-wrapper > .row > .col, #footer .footer-1 > .row > .col, #footer .footer-2 > .row > .col {
        flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; margin-bottom: 18px !important;
    }
    #footer .widget-title { margin-bottom: 8px !important; font-size: 15px !important; }
    #footer .widget li { line-height: 1.7 !important; }
}

.section2 { padding-top: 0 !important; }
.section2 .nhatdx-hotsale { margin-top: 10px; }