﻿            :root {
                --primary-color: #895f45;
            }

            .container-width,
            .full-width .ubermenu-nav,
            .container,
            .row {
                max-width: 1200px
            }

            .row.row-collapse {
                max-width: 1170px
            }

            .row.row-small {
                max-width: 1192.5px
            }

            .row.row-large {
                max-width: 1230px
            }

            .sticky-add-to-cart--active,
            #wrapper,
            #main,
            #main.dark {
                background-color: #fffdfa
            }

            /* Prevent parent-child margin collapsing that creates a fake gap above #wrapper */
            #wrapper {
                display: flow-root;
                min-height: 100vh;
                margin-top: 0 !important;
            }

            .header-main {
                height: 90px
            }

            #logo img {
                max-height: 90px
            }

            #logo {
                width: 90px;
            }

            .header-bottom {
                min-height: 10px
            }

            .header-top {
                min-height: 30px
            }

            .transparent .header-main {
                height: 30px
            }

            .transparent #logo img {
                max-height: 30px
            }

            .has-transparent+.page-title:first-of-type,
            .has-transparent+#main>.page-title,
            .has-transparent+#main>div>.page-title,
            .has-transparent+#main .page-header-wrapper:first-of-type .page-title {
                padding-top: 30px;
            }

            /* Remove top gap between body and first content block */
            .page-wrapper {
                padding-top: 0 !important;
            }

            .has-transparent+.page-title:first-of-type,
            .has-transparent+#main>.page-title,
            .has-transparent+#main>div>.page-title,
            .has-transparent+#main .page-header-wrapper:first-of-type .page-title {
                padding-top: 0 !important;
            }

            /* Force wrapper to fully cover body background */
            html,
            body {
                margin-top: 0 !important;
                padding-top: 0 !important;
                background-color: #fffdfa !important;
                background-image: none !important;
            }

            body>#wrapper {
                min-height: 100vh !important;
                width: 100% !important;
                max-width: 100% !important;
                margin: 0 !important;
                background-color: #fffdfa !important;
            }

            .header.show-on-scroll,
            .stuck .header-main {
                height: 90px !important
            }

            .stuck #logo img {
                max-height: 90px !important
            }

            .search-form {
                width: 35%;
            }

            .header-bg-color {
                background-color: rgba(255, 255, 255, 0)
            }

            .header-bg-image {
                background-image: url('/wp-content/uploads/2023/06/Group-3332.png');
            }

            .header-bg-image {
                background-repeat: repeat-x;
            }

            /* Keep navbar pinned to the very top with solid background */
            #header {
                position: fixed !important;
                top: 0 !important;
                left: 0;
                right: 0;
                z-index: 1200;
                margin: 0 !important;
            }

            #header .header-wrapper {
                margin-top: 0 !important;
            }

            body>#wrapper {
                padding-top: 90px;
            }

            .header-bottom {
                background-color: #f1f1f1
            }

            .top-bar-nav>li>a {
                line-height: 16px
            }

            .header-main .nav>li>a {
                line-height: 16px
            }

            .stuck .header-main .nav>li>a {
                line-height: 50px
            }

            @media (max-width: 549px) {
                .header-main {
                    height: 63px
                }

                #logo img {
                    max-height: 63px
                }
            }

            .nav-dropdown {
                border-radius: 15px
            }

            .nav-dropdown {
                font-size: 100%
            }

            /* Color */
            .accordion-title.active,
            .has-icon-bg .icon .icon-inner,
            .logo a,
            .primary.is-underline,
            .primary.is-link,
            .badge-outline .badge-inner,
            .nav-outline>li.active>a,
            .nav-outline>li.active>a,
            .cart-icon strong,[data-color='primary'],
            .is-outline.primary {
                color: #895f45;
            }

            /* Color !important */[data-text-color="primary"]{color: #895f45!important;}/* Background Color */[data-text-bg="primary"]{background-color: #895f45;}/* Background */
            .scroll-to-bullets a,
            .featured-title,
            .label-new.menu-item>a:after,
            .nav-pagination>li>.current,
            .nav-pagination>li>span:hover,
            .nav-pagination>li>a:hover,
            .has-hover:hover .badge-outline .badge-inner,button[type="submit"],
            .button.wc-forward:not(.checkout):not(.checkout-button),
            .button.submit-button,
            .button.primary:not(.is-outline),
            .featured-table .title,
            .is-outline:hover,
            .has-icon:hover .icon-label,
            .nav-dropdown-bold .nav-column li>a:hover,
            .nav-dropdown.nav-dropdown-bold>li>a:hover,
            .nav-dropdown-bold.dark .nav-column li>a:hover,
            .nav-dropdown.nav-dropdown-bold.dark>li>a:hover,
            .header-vertical-menu__opener,
            .is-outline:hover,
            .tagcloud a:hover,
            .grid-tools a,
            input[type='submit']:not(.is-form),
            .box-badge:hover .box-text,
            input.button.alt,
            .nav-box>li>a:hover,
            .nav-box>li.active>a,
            .nav-pills>li.active>a,
            .current-dropdown .cart-icon strong,
            .cart-icon:hover strong,
            .nav-line-bottom>li>a:before,
            .nav-line-grow>li>a:before,
            .nav-line>li>a:before,
            .banner,
            .header-top,
            .slider-nav-circle .flickity-prev-next-button:hover svg,
            .slider-nav-circle .flickity-prev-next-button:hover .arrow,
            .primary.is-outline:hover,
            .button.primary:not(.is-outline),
            input[type='submit'].primary,
            input[type='submit'].primary,
            input[type='reset'].button,
            input[type='button'].primary,
            .badge-inner {
                background-color: #895f45;
            }

            /* Border */
            .nav-vertical.nav-tabs>li.active>a,
            .scroll-to-bullets a.active,
            .nav-pagination>li>.current,
            .nav-pagination>li>span:hover,
            .nav-pagination>li>a:hover,
            .has-hover:hover .badge-outline .badge-inner,
            .accordion-title.active,
            .featured-table,
            .is-outline:hover,
            .tagcloud a:hover,
            blockquote,
            .has-border,
            .cart-icon strong:after,
            .cart-icon strong,
            .blockUI:before,
            .processing:before,
            .loading-spin,
            .slider-nav-circle .flickity-prev-next-button:hover svg,
            .slider-nav-circle .flickity-prev-next-button:hover .arrow,
            .primary.is-outline:hover {
                border-color: #895f45
            }

            .nav-tabs>li.active>a {
                border-top-color: #895f45
            }

            .widget_shopping_cart_content .blockUI.blockOverlay:before {
                border-left-color: #895f45
            }

            .woocommerce-checkout-review-order .blockUI.blockOverlay:before {
                border-left-color: #895f45
            }

            /* Fill */
            .slider .flickity-prev-next-button:hover svg,
            .slider .flickity-prev-next-button:hover .arrow {
                fill: #895f45;
            }

            /* Focus */
            .primary:focus-visible,
            .submit-button:focus-visible,
            button[type="submit"]:focus-visible {
                outline-color: #895f45 !important;
            }

            /* Background Color */
            [data-icon-label]:after,
            .secondary.is-underline:hover,
            .secondary.is-outline:hover,
            .icon-label,
            .button.secondary:not(.is-outline),
            .button.alt:not(.is-outline),
            .badge-inner.on-sale,
            .button.checkout,
            .single_add_to_cart_button,
            .current .breadcrumb-step {
                background-color: #d2ba8b;

                }[data-text-bg="secondary"] {
                    background-color: #d2ba8b;
                }

                /* Color */
                .secondary.is-underline,
                .secondary.is-link,
                .secondary.is-outline,
                .stars a.active,
                .star-rating:before,
                .woocommerce-page .star-rating:before,
                .star-rating span:before,
                .color-secondary {
                    color: #d2ba8b
                }

                /* Color !important */[data-text-color="secondary"]{color: #d2ba8b!important;}/* Border */
                .secondary.is-outline:hover {
                    border-color: #d2ba8b
                }

                /* Focus */
                .secondary:focus-visible,
                .alt:focus-visible {
                    outline-color: #d2ba8b !important;
                }

                .alert.is-underline:hover,
                .alert.is-outline:hover,
                .alert {
                    background-color: rgba(244, 96, 54, 0.1)
                }

                .alert.is-link,
                .alert.is-outline,
                .color-alert {
                    color: rgba(244, 96, 54, 0.1);
                }

                /* Color !important */[data-text-color="alert"]{color: rgba(244,96,54,0.1)!important;}/* Background Color */[data-text-bg="alert"]{background-color: rgba(244,96,54,0.1);}body{font-size: 100%;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family: "Noto Sans", sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: "Noto Sans", sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: "Noto Sans", sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 700;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Noto Sans", sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: "Dancing Script", sans-serif;}.alt-font {font-weight: 500!important;font-style: normal!important;}button,.button{text-transform: none;}@media screen and (min-width: 550px){.products .box-vertical .box-image{min-width: 247px!important;width: 247px!important;}}.absolute-footer, html{background-color: #d2ba8b}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}/* Custom CSS */
                .section-nhansu .row {
                    margin-bottom: 20px !important;
                }

                .blog-2 .box,
                .trending-blog .box .col-inner {
                    height: 290px;
                }

                .trending-blog .box {
                    height: 300px;
                }

                .field.btn-contact.cf7sg-popup-box {
                    width: 15% !important;
                }

                .config-map img {
                    width: 100%;
                    height: 487px;
                    object-fit: cover;
                    border-radius: 3%;
                }

                .content.col.medium-12.small-12.large-6,
                .view-location.col.medium-12.small-12.large-6 {
                    padding-bottom: 0;
                }

                .custom-megamenu ul li {
                    margin: 0 15px;
                }

                .border-img img {
                    border-radius: 50%;
                }

                .responsive-iframe {
                    position: relative;
                    overflow: hidden;
                    width: 100%;
                    padding-top: 56.25%;
                }

                .responsive-iframe iframe {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

                /* Custom CSS Tablet */
                @media (max-width: 849px) {
                    .product-small .box-image {
                        border-radius: 8%;
                    }

                    .section-nhansu .col-text {
                        order: 2;
                    }

                    .section-nhansu .col-img {
                        order: 1;
                    }

                    .section-nhansu .nhan-su a.button {
                        display: block;
                        width: 80%;
                        margin: auto;
                    }

                    .field.btn-contact.cf7sg-popup-box {
                        width: 100% !important;
                    }

                    .config-map img {
                        object-fit: inherit;
                    }

                    .wpcf7 label {
                        text-align: left;
                    }

                    .content.col.medium-12.small-12.large-6,
                    .view-location.col.medium-12.small-12.large-6 {
                        padding-bottom: 15px;
                    }

                    .btn-contact input.wpcf7-form-control.wpcf7-submit.has-spinner {
                        width: 100%;
                    }

                    .header-bg-image {
                        background-size: cover;
                    }

                    #logo a img {
                        margin-left: 14px;
                    }

                    #logo img {
                        height: 50px
                    }

                    .stuck .header-main {
                        height: 70px !important;
                    }

                    .header-main {
                        height: 70px;
                    }
                }

                /* Custom CSS Mobile */
                @media (max-width: 549px) {
                    .blog-1 .box-text {
                        padding: 8px !important;
                    }

                    .blog-1 .box-text h5 {
                        font-size: 0.5rem;
                    }

                    .blog-1 .box-text p,
                    .blog-1 .post-meta.is-small {
                        font-size: 8px;
                    }

                    .section-nhansu p {
                        text-align: justify !important
                    }

                    .section-nhansu .col-text {
                        padding: 0 !important;
                    }

                    .section-nhansu .col-text .col-inner .text {
                        padding: 12px;
                    }

                    .section-nhansu .nhan-su a.button {
                        width: 90%;
                        display: block;
                        margin: auto;
                    }

                    .row .section-nhansu {
                        padding-left: 0;
                        padding-right: 0;
                    }

                    .box-text.text-center {
                        padding-left: 0;
                        padding-right: 0;
                    }

                    .category-page-row {
                        padding-top: 12px;
                    }

                    .row .section {
                        padding: 0 12px;
                    }

                    .product-small .box-image {
                        border-radius: 8%;
                    }

                    @media (max-width: 448px) {
                        .blog-2 .box {
                            height: 320px;
                        }

                        .trending-blog .box {
                            height: 320px;
                        }
                    }

                    .section-nhansu .col-text {
                        order: 2;
                    }

                    .section-nhansu .col-img {
                        order: 1;
                    }

                    .field.btn-contact.cf7sg-popup-box {
                        width: 100% !important;
                    }

                    .config-map img {
                        height: 100%;
                    }

                    .section-slide .col {
                        padding: 0;
                    }

                    .section-slide.mt-3 {
                        margin-top: 0;
                    }

                    .section-slide .text.rounded-lg {
                        border-radius: 0;
                    }

                    .col-tamnhin {
                        padding: 0 24px 30px;
                    }

                    .header-main {
                        height: 60px;
                    }

                    .header-bg-image {
                        background-size: cover;
                    }

                    #logo a img {
                        margin: auto;
                    }

                    #logo img {
                        height: 44px
                    }

                    .stuck .header-main {
                        height: 60px !important;
                    }

                    #wrapper .footer-horizontal-line .col-inner {
                        padding: 0 0 6px !important;
                    }

                    .text-stats_here {
                        position: relative;
                        left: -8px;
                    }
                }

                .label-new.menu-item>a:after {
                    content: "New";
                }

                .label-hot.menu-item>a:after {
                    content: "Hot";
                }

                .label-sale.menu-item>a:after {
                    content: "Sale";
                }

                .label-popular.menu-item>a:after {
                    content: "Popular";
                }

                /* Fix top gap issue: Ensure body and wrapper are flush with the top */
                html, body {
                    margin: 0 !important;
                    padding: 0 !important;
                    top: 0 !important;
                }

                #wrapper {
                    margin-top: 0 !important;
                    padding-top: 0 !important;
                    display: flow-root; /* Prevent margin collapsing */
                    position: relative; /* Base for inner absolute elements */
                    z-index: 10;
                }

                /* Force wrapper to top and remove any body gap */
                body {
                    position: relative;
                    margin: 0 !important;
                    padding: 0 !important;
                }

                #wrapper {
                    position: relative;
                    top: 0 !important;
                    margin-top: 0 !important;
                    z-index: 100;
                }

                /* Ensure html also has no margin-top */
                html {
                    margin-top: 0 !important;
                }

                /* Specific reset for body classes that might introduce top spacing */
                body.home, 
                body.page-template, 
                body.wp-singular, 
                body.admin-bar {
                    margin-top: 0 !important;
                    padding-top: 80px !important;
                }

