/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*************** ADD CUSTOM CSS HERE.   ***************/
body {
	max-width: 100%;
	overflow: hidden;
    font-family: "Inter", sans-serif;
}
@media only screen and (min-width: 1024px) {
    .widget ul.menu > li {
        position: relative;
    }
    .widget ul > li.has-child:hover >.sub-menu{
        display:block !important;
    }
    .widget ul.menu ul.sub-menu {
        display: none !important;
        position: absolute;
        width: 100%; 
        left:99%;
        top: 0;
        z-index: 999;
        border: 1px solid #e1e1e1 !important;
        background: #fff;
        margin: 0;
        padding: 0;
    }
    .widget .toggle{
        transform: rotate(-90deg);
        margin-right: 10px;
    }
    .widget ul.menu>li li {
        padding: 2px 0;
        border-bottom: 1px solid #e1e1e1;
    }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .blog-archive .post-sidebar.col {
        padding: 0 15px !important;
    }

}
/* */
body.nav-dropdown-has-border .nav-dropdown {
    border: none;
    padding: 0;
}
body.nav-dropdown-has-border .nav-dropdown a {
    padding: 10px !important;
    margin: 0 !important;
    border-radius: 0;
}
.post_comments  {
    display: none;
}

/* Sidebar */

/* */
.blog-single .article-inner > .entry-header {
    display: none;
}
/* */
.product-small.box ins *,
.product-small.box .price > .amount * {
    color: red;
    font-size: 16px;
}
.product-small.box del {
    text-decoration: none;
}
.product-small.box del * {
    color: #999999;
    font-size: 14px;
    text-decoration: line-through;
}
.product-small.box .product-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 22px; 
    font-weight:600; 
    margin-bottom:10px;
    font-size: 16px;
}
.product-small.box .box-image img {
    height: 225px;
    object-fit: cover;
}
/* */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
.pulse {
    transition: all 150ms linear 0s;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

blockquote {

    font-size: 110%;
    color:#666;

    margin: 0 auto;
    border-left:0px;
    margin-left: 20px;
    padding-bottom: 50px;
}
blockquote h1 {
    font-size: 3rem;
}
blockquote p {
    font-style: italic;
    margin-bottom: 0;
}
blockquote p::before,
blockquote p::after {
    content: "“";
    font-family: Georgia;
    font-size: 6rem;
    margin: -3rem 0 0 -4rem;
    position: absolute;
    opacity: 0.5;
    color:var(--primary-color);
}
blockquote p::after {
    content: "”";
    margin: -2rem -3rem 0 0;
}
blockquote cite {
    font-size: 1.5rem;
}
/* */
.product-images .product-thumbnails img {
    height: 445px;
    object-fit: cover;
}
.product-thumbnails img {
    height: 82px;
}
.product-short-description {
    font-size: 13px;
}
.product-short-description ul {
    overflow: hidden;
}
.product-short-description ul li {
    margin-bottom: 0;
    width: 45%;
    float: left;
}
.product-short-description ul li:nth-child(1) {
    width: 100%;
}

#footer p {margin-bottom:5px;}
#footer ul {margin-bottom:0; margin-left:0;}
#footer li {margin-left:15px; margin-bottom:5px;}
.header-bottom-nav > li > a {text-transform:uppercase;}
.page-title-bar .title {display:block; color:#fff; text-transform: uppercase;margin-bottom: 15px; font-size: 30px}
.page-title-bar .title:after {
    content: '';
    display: block;
    width: 90px;
    height: 2px;
    background-color: #9F6E44;
    margin-top: 10px;
}
.page-title-bar .breadcrumb a {color:#fff;}
form {margin-bottom:0;}
.wpcf7-spinner {display:none;}
.header-button span:before {content: "\f095";font-family: FontAwesome; padding-right:10px;}
.header-main .nav > li > a {color:#fff;}
.button.success {background-color:#9f6e448a; border:1px solid #9F6E44;}
#header {border-bottom:1px solid #ffffff14;}
#main {background:#f9f9f9;}
.danhmuc-box .icon-inner {background:#fff; border-color:#fff !important;}
.danhmuc-box:hover .icon-inner {background-color:#FCF5B5 !important; border-color:#9F6E44 !important;}
.tieude-sp1 span {background:#fff; padding:10px 20px; font-size:14px !important; border-radius:99px; box-shadow: 
    0 8px 16px rgba(0, 0, 0, 0.12),
    0 3px 6px rgba(0, 0, 0, 0.08),
    inset 0 -3px 5px rgba(255,255,255,0.7);}
.tieude-sp1 span:before {content: "\f111"; font-family: FontAwesome; font-size:5px; padding-right:7px; position:relative; bottom:3px; color:#B5040A;}
.tieude-sp1 {margin-bottom:40px;}
.box-badge .box-text {bottom:0}
.tab-sanpham .nav {background:#e9e9ea; border-radius:99px; padding:4px;}
.tab-sanpham .nav > li > a {min-width:323px; text-align:center; justify-content:center; font-size:15px; color:#000;}
.tab-sanpham .nav-pills > li.active > a {background-color:#fff; font-weight: 500}
.on-sale {display:none;}
.home .product-small.box .box-image img {height:315px;}
.product-small .box-image {border-radius:15px;}
.add-to-cart-button a {border-radius:7px; background-color:#999999 !important;}
.add-to-cart-button a:hover {background-color:#9F6E44 !important; box-shadow:none;}
.post-item .box-text-bottom {border:1px solid #ddd; padding:12px; border-radius:8px; background:#ffff;}
.box-blog-post .is-divider {display:none;}
.post-item .box-text-bottom .box-text {padding-bottom:0;}
.post-title {margin-bottom:10px !important; font-size:18px;}
.post-item .box-text-bottom:hover {background:#FFFCEF; border-color:#9F6E44;}
.from_the_blog_excerpt  {color:#757575; font-size:14px;}
.foot-sec2 input {background-color:#F6F5ED; border-radius:10px; height: 60px}
.foot-sec2 textarea {background-color:#F6F5ED; border-radius:10px;}
.foot-sec2 input[type=submit] {background-color:#9F6E44; border-radius:99px; padding:8px 50px;}
.foot-sec2 .tieude-sp1 span {background:#ffffff26; box-shadow:none; color:#fff;}
.foot-sec2 .tieude-sp1 span:before {color:#EDC701;}
.copyright-row {border-top:1px solid #ddd;}
.absolute-footer {display:none;}
.home .lyfo-footer {display:none;}
#header {position:absolute;}
.shop-page-title {background:#f9f9f9}
.stuck .header-main {background:#000000c4;}
.single_add_to_cart_button {color:#9F6E44; border-radius:8px;}
span.amount {color:#FF0006;}
del span.amount {color:#333;}
.product-main {padding-bottom:0}
.product-footer .woocommerce-tabs {border:none;}
.col-divided {border:none;}
.product-tabs li > a {border-radius:0; background:#FFFCEF; border:1px solid #ddd; margin-right:15px; text-transform:uppercase;}
#product-sidebar p {margin-bottom:5px;}
#shop-sidebar .searchform .button.icon i {color:#333}
.widget .is-divider {display:none;}
span.widget-title {display:block; background:#9F6E44; color:#fff; padding:14px; text-align:center; border-radius:8px 8px 0px 0px; font-size:18px;}
.widget ul {background:#FFFCEF; border:1px solid #ddd; padding-left:10px; padding-right:10px;}
.showroom-col .is-divider {display:block;}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {height: 1px;}
.foot-sec3 [type=submit] {position:absolute; right:0; bottom:0px;}
.foot-sec3 input {background:#9F6E44 !important; color:#fff !important; border-radius:99px !important;}
.foot-sec3 ::placeholder {color:#fff !important;}
h2 {font-size:40px;}
.page-title-inner .woocommerce-result-count {position:relative; right:335px;}
.page-title-inner .woocommerce-ordering {position:relative; right:335px;}
#shop-sidebar {position:relative; bottom:74px;}
.woocommerce-ordering .orderby {border-radius:7px;}
#shop-sidebar input[type=search] {border-radius:7px;}
#shop-sidebar .searchform .button.icon {position:absolute; right:0; bottom:0px; background-color:transparent; border:none;}
.blog-wrapper .large-9 .image-cover {padding-top:300px !important;}
.post-sidebar input[type=search] {border-radius: 7px;}
.post-sidebar .searchform .button.icon {
    position: absolute;
    right: 0;
    bottom: 0px;
    background-color: transparent;
    border: none;}
.post-sidebar .searchform .button.icon i {color: #333;}
.chinhanh-col1:hover .col-inner {background-color:#9e6d43;}
.chinhanh-col1:hover {color:#fff !important}
.chinhanh-col1:hover a {color:#fff !important}
.page-id-52 input {border-radius:7px;}
.page-id-52 textarea {border-radius:7px;}
.header-main .nav > li > a {
    text-transform: uppercase;
}
.button {
    font-weight: 400 !important;
    padding: 5px 40px;
}
.button.add_to_cart_button {
    font-size: 16px;
    padding: 0 15px;
}
.footer-wrapper .foot-sec3 .wpcf7-form-control {
    height: 40px;
    font-size: 12px;
    border-radius: 30px 0px 0px 30px !important;
}
.footer-wrapper .foot-sec3 .wpcf7-form-control.wpcf7-submit {
    font-weight: bold;
    box-shadow: none;
    margin: 0;
    border-radius: 0px 30px 30px 0px !important;
}
.ux-swatch--label {
    background-color: #F2F2F2;
    border-radius: 3px;
    border: 1px solid #F2F2F2;
    box-shadow: none;
    min-height: 38px;
    min-width: 68px;
}
.woocommerce-breadcrumb.breadcrumbs {
    display: none;
}
.product-summary .variations_button {
    padding-bottom: 0;
}
.product-summary .quantity {
    display: flex;
    align-items: center;
}
.product-summary .quantity:before {
    content: 'Số lượng: ';
    font-size: 12px;
    margin-right: 10px;
}
.product-tabs li > a {
    font-size: 16px;
    text-transform: uppercase !important;
}
.product-tabs li.active > a {
    font-weight: bold;
} 
.product-section-title.product-section-title-related {
    font-size: 40px;
    color: #9F6E44;
}
h1.product-title {
    font-size: 30px;
    color: #9F6E44;
}
.box.box-category .box-text-inner:after {
    content: 'Xem thêm ➔';
    display: block;
    font-size: 16px;
    background-color: lch(51 35.55 62.08 / 0.21);
    border: 1px solid #ffffff4f;
    border-radius: 99px;
    text-transform: none;
    font-weight: 400;
    width: 134px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.box.box-category:hover .box-text-inner:after {
    background-color: #9F6E44;
}
.box.box-category .header-title {
    font-size: 26px;
    text-transform: none;
    margin-bottom: 10px;
}

@media (max-width: 480px) {
    #header .icon-menu {color:#9E6D43;}
    .tab-sanpham .nav {
        justify-content: space-between;
    }
    .tab-sanpham .nav > li > a {
        min-width: 25%;
        text-align: center;
        justify-content: center;
        font-size: 12px;
        color: #000;}
    .product-small.box .box-image img {height: 155px !important;}
    .product-small.box ins *, .product-small.box .price > .amount * {font-size:13px;}
    .tieude-sp1 {margin-bottom: 25px;}
    .page-title-bar {
        color: #fff;
        height: 300px;
        padding-top: 135px;
    }
    h2 {font-size:22px;}
    .foot-sec3 [type=submit] {
        position: absolute;
        right: -15px;
        bottom: -35px;
    }
    .tieude-sp1 span {
        padding: 6px 15px;
    }
    .section-flash-sale .button {
        padding: 0 30px;
        float: right;
        margin-right: 0;
    }
    .product-small.box .product-title a {
        font-size: 14px;
    }
    .product-small.box del * {
        font-size: 12px;
    }
    .button.add_to_cart_button {
        font-size: 12px;
    }
    .post-title {
        font-size: 16px;
    }
    .foot-sec2 input {
        height: 50px;
    }
    .foot-sec2 input[type=submit] {
        padding: 0 50px;
    }
    .footer-wrapper .foot-sec3 .wpcf7-form-control.wpcf7-submit {
        position: absolute;
        top: 0;
    }
    .medium-flex-wrap .flex-col {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .page-title-inner .woocommerce-result-count, 
    .page-title-inner .woocommerce-ordering {
        right: auto;
    }
    .product-small .box-text.text-center {
        padding-right: 0;
        padding-left: 0;
    }
    .product-section-title.product-section-title-related {
        font-size: 22px;
    }
    .page-title-bar .breadcrumb {
        font-size: 12px;
    }
    h1.product-title {
        font-size: 24px;
    }
    .tfs-sale {
        font-size: 26px;
    }
    .banner-slide h3 {
        font-size: 22px;
    }
    .banner-slide.is-full-height {
        height: 550px;
    }
    .box.box-category .header-title {
        font-size: 20px;
    }
    .box.box-category .box-text-inner:after {
        font-size: 14px;
    }
}
/* */
.blog-archive button {
    border-radius: 8px;
}
.blog-archive .col.post-item:nth-child(2n) .box-vertical {
    display: flex;
    flex-direction: row-reverse;
}
.blog-archive .col.post-item:nth-child(2n) .box-vertical .box-image {
    width: 100% !important;
}