/*
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.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;900&display=swap');\
@import url(https://db.onlinewebfonts.com/c/418d1046d9aa442a580522cf660e4b08?family=Yngreena+BoldItalic);

:root {
    --primary-bg-color: #f6efe2;
    --secondary-bg-color: #faf7f2;
}

.slider-nav-light .flickity-prev-next-button .arrow,
.slider-nav-light .flickity-prev-next-button svg {
    fill: #d3aa68 !important;
}

.flickity-prev-next-button .arrow,
.flickity-prev-next-button svg,
.slider-nav-light .flickity-page-dots .dot {
    border-color: #d3aa68 !important;
}

.slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: #d3aa68;
}

.main-title h2 {
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.4em;
    letter-spacing: 1px;
    margin-bottom: 40px;
}

#masthead .header-inner {
    max-width: 100%;
}

.header-main .nav>li {
    margin: 0 1.15rem;
}

.header-main .nav>li>a {
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
}

.header-main .nav-dropdown>li>a {
    color: var(--fs-color-primary);
    font-size: 16px;
    font-weight: 500;
}

.header-main .nav-dropdown {
    padding: 10px;
}

.header-main .nav-dropdown.nav-dropdown-simple>li>a:hover {
    color: var(--fs-color-secondary);
    background-color: var(--primary-bg-color);
}

.breadcrumbs-after-header h1 {
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 10px !important;
}

.breadcrumbs-after-header .featured-title {
    background-color: #222835;
}

.breadcrumbs-after-header .page-title-inner {
    min-height: 180px;
}

.home_banner .flickity-slider>.img {
	border: 5px solid #000;
}

.home_products {
    background-image: url(./images/banner-products.png);
    background-position: 0px 70%;
    background-repeat: no-repeat;
    background-size: 270px auto;
}

.home_products .section-bg {
    background-image: url(./images/banner-products.png);
    background-position: 100% 40%;
    background-repeat: no-repeat !important;
    background-size: 270px auto !important;
    opacity: 1;
}

.home_products .button.primary {
    display: block;
    width: fit-content;
    margin: auto;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: #D3AA68;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    padding: 4px 30px;
}

.home_reviews {
    background-color: transparent;
    background-image: linear-gradient(180deg, #151217 0%, #141017 100%);
}

.home_reviews .col {
    padding-bottom: 0;
}

.home_video .slider-wrapper {
    max-width: 1250px;
    margin: auto;
}

.home_video .flickity-page-dots {
    bottom: 0;
}

.home_video .section-bg.bg-loaded {
    opacity: 0.1;
}

.blog-wrapper .large-10.col {
    flex-basis: 100%;
    max-width: 100%;
}

.post-item .box {
    background-color: var(--secondary-bg-color);
}

.post-item .box-text {
    padding: 15px;
}

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

.post-item .post-title {
    line-height: 1.25;
    margin-bottom: 10px;
    font-size: 25px;
    letter-spacing: -0.02em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    max-height: 2.5em;
    margin-top: 0;
}

.post-item .post-title a {
    margin: 0;
}

.post-item .box-text p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 5rem;
    font-size: 16px;
    letter-spacing: -0.011em;
    color: var(--blog-tile-content);
}

.post-item .post-meta-wrapper {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    padding-top: 15px;
    margin-top: 10px;
}

.post-item .post-meta {
    list-style: none;
    display: flex;
    flex-flow: wrap;
    gap: 0px 15px;
    margin-bottom: 0;
    justify-content: center;
}

.post-item .post-meta li {
    margin-left: 0;
    padding: 0.25rem 0;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.post-item .post-meta .meta-icon {
    display: flex;
    align-items: center;
}

.post-item .meta-icon svg {
    height: 14px;
    width: 14px;
    margin-right: 6px;
}

.post-item .meta-text, .post-meta a {
    font-size: 13px;
    color: #6d7c90;
    font-weight: bold;
    font-style: normal;
    letter-spacing: -0.0025em;
}

.post-item .post-meta path {
    fill: var(--fs-color-secondary);
}

.widget {
    margin-bottom: 1.5em;
    background-color: #faf7f2;
    padding: 15px;
}

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

.product-small .col-inner {
	height: 100%;
}

.product-small.box {
    padding: 2rem 1.5rem;
    background-color: #faf7f2;
	height: 100%;
}

.product-small .product-title a {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.25;
    text-align: center;
}

.product-small .box-text {
    padding-bottom: 0;
}

.product-small .price-wrapper {
    text-align: center;
    margin-top: 10px;
}

.product-small span.amount {
    color: var(--fs-color-secondary);
    font-size: 16px;
    font-weight: 700;
}

.product-price-container span.amount {
    color: #131b30;
    font-weight: 800;
    font-size: 30px;
    line-height: 41px;
    letter-spacing: -0.021em;
}

.product-description-container h3,
.product-specification-container h3 {
    color: #d3aa68;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 2px solid;
    background-color: var(--secondary-bg-color);
    padding: 10px 0;
}

.product-specification-container .pr_specList {
    vertical-align: top;
    display: block;
    padding-left: 0px;
    margin: 0;
}

.product-specification-container .pr_pItem {
    display: table;
    width: 100%;
    height: auto;
    min-height: 20px;
    border-top: 1px dotted #b3b3b3;
    padding-top: 10px;
    margin-left: 0;
}

.product-specification-container .pr_pItem>div:first-child {
    color: #131b30;
    display: block;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 40%;
    float: left;
    font-weight: 500;
    font-size: 16px;
}

.product-specification-container .pr_pItem>div {
    font-weight: 500;
    display: block;
    color: #d3aa68;
    font-size: 16px;
    text-transform: capitalize;
}

.product-specification-container .pr_Specdes {
    cursor: pointer;
    margin-left: 40%;
}

.product-specification-container .pr_SpecDesc {
    display: none;
    color: #131b30;
    font-size: 14px;
    font-weight: 300;
	text-transform: none;
}

.product-specification-container .pr_Specdes i {
    color: var(--primary-color);
    margin-left: 15px;
}

.contact_page .col .col-inner {
    padding: 40px 40px 40px 40px;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);
}

.video_page .col .col-inner,
.video_page .col .video {
	height: 100%;
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url], select, textarea {
    box-shadow: none !important;
}

.absolute-footer {
    background-color: #f6efe2;
    padding: 15px 0;
    border-top: 1px solid #ddd;
}

#footer .wpcf7-form p {
    display: flex;
}

#footer .widget-title {
    margin-top: 0;
    margin-bottom: 1.25rem;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    font-family: inherit;
    letter-spacing: 0;
    text-transform: uppercase;
}

#footer .widget-title:before {
    margin-right: 10px;
    font-size: 18px;
    line-height: 15px;
    content: '\2756';
    width: 18px;
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    color: transparent;
    background-color: var(--fs-color-secondary);
    margin-right: 0.5rem;
    -webkit-mask: url('data:image/svg+xml;utf8, <svg viewBox="0 0 76 76" xmlns="http://www.w3.org/2000/svg"><path d="M70.9567 31.7472C69.8944 24.4557 67.7612 19.1015 67.6713 18.8771L67.0196 17.2588L65.2922 17.5041C65.0534 17.5377 59.3495 18.3674 52.504 21.0932C43.2979 24.759 36.4379 30.1503 32.6654 36.6845C28.8924 43.2181 27.6539 51.8547 29.0821 61.6603C29.8851 67.1717 31.2993 71.8544 31.9812 73.7737L39.8374 59.8872L36.8159 48.6117L41.1171 47.459L42.9859 54.4333L48.7437 44.4606L45.7222 33.1857L50.024 32.033L51.8922 39.0067L54.7711 34.0207L58.6276 36.2473L51.2962 48.9463L58.2698 47.0774L59.4226 51.3793L48.1471 54.4002L35.8383 75.9997C37.8411 75.6309 42.3615 74.3744 47.5359 72.3142C56.742 68.6485 63.602 63.2572 67.3744 56.723C71.1463 50.1894 72.3854 41.5528 70.9567 31.7472Z"/><path d="M12.408 26.4075L13.5607 22.1063L20.5344 23.9751L17.6555 18.9891L21.512 16.7625L28.844 29.4615L30.7128 22.4878L35.0141 23.6405L33.9037 27.7852C35.3341 26.3182 36.9194 24.9324 38.6589 23.6364C40.3155 22.4031 42.1113 21.2481 44.0334 20.1777C43.8977 19.9249 43.7609 19.6733 43.6183 19.4257C39.8458 12.8915 32.9858 7.50076 23.7797 3.83504C16.9336 1.10923 11.2298 0.279481 10.9909 0.245271L9.26354 0L8.61181 1.61832C8.52193 1.84272 6.38872 7.19751 5.32646 14.4889C3.89774 24.2946 5.13685 32.9306 8.90926 39.4648C12.5553 45.7804 18.4661 50.0776 24.0592 52.9327C24.09 51.3833 24.1903 49.87 24.3625 48.3989C24.5846 46.5046 24.9255 44.6775 25.3818 42.9235L21.3137 41.834L22.4664 37.5322L26.7676 38.6849C27.0692 37.9282 27.3956 37.189 27.7464 36.4671L23.6829 29.429L12.408 26.4075Z"/></svg>') no-repeat 100% 30%;
    mask: url('data:image/svg+xml;utf8, <svg viewBox="0 0 76 76" xmlns="http://www.w3.org/2000/svg"><path d="M70.9567 31.7472C69.8944 24.4557 67.7612 19.1015 67.6713 18.8771L67.0196 17.2588L65.2922 17.5041C65.0534 17.5377 59.3495 18.3674 52.504 21.0932C43.2979 24.759 36.4379 30.1503 32.6654 36.6845C28.8924 43.2181 27.6539 51.8547 29.0821 61.6603C29.8851 67.1717 31.2993 71.8544 31.9812 73.7737L39.8374 59.8872L36.8159 48.6117L41.1171 47.459L42.9859 54.4333L48.7437 44.4606L45.7222 33.1857L50.024 32.033L51.8922 39.0067L54.7711 34.0207L58.6276 36.2473L51.2962 48.9463L58.2698 47.0774L59.4226 51.3793L48.1471 54.4002L35.8383 75.9997C37.8411 75.6309 42.3615 74.3744 47.5359 72.3142C56.742 68.6485 63.602 63.2572 67.3744 56.723C71.1463 50.1894 72.3854 41.5528 70.9567 31.7472Z"/><path d="M12.408 26.4075L13.5607 22.1063L20.5344 23.9751L17.6555 18.9891L21.512 16.7625L28.844 29.4615L30.7128 22.4878L35.0141 23.6405L33.9037 27.7852C35.3341 26.3182 36.9194 24.9324 38.6589 23.6364C40.3155 22.4031 42.1113 21.2481 44.0334 20.1777C43.8977 19.9249 43.7609 19.6733 43.6183 19.4257C39.8458 12.8915 32.9858 7.50076 23.7797 3.83504C16.9336 1.10923 11.2298 0.279481 10.9909 0.245271L9.26354 0L8.61181 1.61832C8.52193 1.84272 6.38872 7.19751 5.32646 14.4889C3.89774 24.2946 5.13685 32.9306 8.90926 39.4648C12.5553 45.7804 18.4661 50.0776 24.0592 52.9327C24.09 51.3833 24.1903 49.87 24.3625 48.3989C24.5846 46.5046 24.9255 44.6775 25.3818 42.9235L21.3137 41.834L22.4664 37.5322L26.7676 38.6849C27.0692 37.9282 27.3956 37.189 27.7464 36.4671L23.6829 29.429L12.408 26.4075Z"/></svg>') no-repeat 100% 30%;
}

#footer .wpcf7 input[type="email"] {
    border: none;
    height: 51px;
    margin: 0;
}

#footer .wpcf7-form input[type=submit] {
    color: #fff;
    transition: .45s;
    text-align: center;
    box-shadow: 0 10px 15px 0 rgba(172, 172, 172, 0.2);
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    text-transform: none;
    height: 51px;
    padding: 12px 25px;
    margin: 0;
}

#footer .wpcf7-spinner {
    display: none;
}

#footer p {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: -0.009em;
    margin-bottom: 1rem;
}

#footer .custom {
    font-size: 14px;
    line-height: 22px;
    margin-top: 22px;
    width: 100%;
    font-style: italic;
    letter-spacing: -0.006em;
    margin-bottom: 0;
}

#footer .social-icons a {
    background-color: var(--fs-experimental-link-color);
    color: #fff;
    border: none;

}

#footer .button i {
    top: 0;
}

#footer h3 {
    font-weight: bold;
    font-size: 30px;
    line-height: 41px;
    letter-spacing: -0.021em;
}

/* #footer .section-bg {
    background-image: url(./images/banner-footer.svg);
} */

.nav>li.has-icon>a>i {
    color: var(--fs-color-secondary);
}

.archive-page-header {
    display: none;
}

#contact-button {
	z-index: 9999;
    position: fixed;
    bottom: 100px;
    right: 15px;
}

#contact-button a {
	display: block;
}

#contact-button svg {
	width: 60px;
	height: 60px;
}

#contact-button .zalo {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    background-color: #004de8;
    border-radius: 99px;
}

#contact-button .zalo svg {
	width: 40px;
    height: 40px;
	fill: #fff;
} 

@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .off-canvas-left .mfp-content {
        width: 100% !important;
        background-color: #ffff !important;
        box-shadow: none !important;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        color: #000;
        font-size: 14px;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li>a span {
        position: relative;
        text-align: left;
        top: 0;
    }

    .shop-page-title .woocommerce-breadcrumb {
        text-align: left;
    }

    .shop-page-title .flex-col.medium-text-center {
        text-align: right !important;
    }

    .category-filtering.show-for-medium {
        position: absolute;
        bottom: 18px;
        background-color: #faf7f2;
        padding: 0 5px;
        border-radius: 5px;
        text-transform: none;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li>a span {
        color: #000 !important;
    }

    .home_products,
    .home_products .section-bg {
        background-image: unset;
    }

    .product-small.box {
        padding: 5px 5px 15px;
    }

    .main-title h2 {
        font-size: 24px;
    }

}