/*
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.   ***************/

:root {
    --primary-color: #791f1f;
    --sencodary-color: #380323;
    --logo-color: #cfac31;
    --heading-color: #212121;
    --base-color: #1A1A1A;
    --black-color: #000;
    --white-color: #fff;
    --box-shadow: 0px 0px 10px 0px rgb(221, 221, 221);
    --font-awesome: 'Font Awesome 7 Free';
}
.absolute-footer {display: none;}

.header-nav-main a.nav-top-link {flex-direction: column; gap: 5px;}
.header-nav-main a.nav-top-link i {margin: 0 !important;}
.header-nav-main li.menu-item-has-children a .icon-angle-down {display: none;}
.header-nav-main a.header-cart-link {flex-direction: column-reverse; gap: 1px;}

.searchform input[type="search"]{height: 50px; border: 0; font-size: 16px; border-radius: 5px;}
.searchform button[type="submit"] {height: 40px; width: 60px; position: absolute; right: 5px; top: calc(50% - 20px); border-radius: 5px !important;}
.searchform-wrapper:not(.form-flat) .submit-button {border-bottom-left-radius: 5px !important; border-top-left-radius: 5px !important; background-color: var(--primary-color) !important;}
.image-br img{border-radius: 5px;}

.title-website h2 {color: var(--white-color); margin-bottom: 20px; background: var(--primary-color); border-radius: 5px; padding: 5px 0;}

.btn-website {}

.product-home .col-inner{height: 100%;}
.product-small.box {box-shadow: var(--box-shadow); border-radius: 5px; height: 100%;}
.product-small.box .box-image {padding: 10px;}
.product-small.box img {object-fit: contain;}
.product-small.box .product-title a {font-weight: 700; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product-small.box .product-title a {margin-bottom: 20px; margin-top: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 42px;}

.product-small.box .price {display: flex; flex-direction: column-reverse; gap: 10px;}
.product-small.box .price bdi {font-size: 18px; color: var(--primary-color);}
.product-small.box .price del bdi {font-size: 14px; color: var(--base-color);}
.product-small.box .image-fade_in_back {background-position: 50% 50%; background-size: cover; height: auto; overflow: hidden; padding-top: 120%; position: relative}
.product-small.box .image-fade_in_back img {bottom: 0; font-family: "object-fit: contain;";  height: 100%; left: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; right: 0; top: 0; width: 100%;}
.badge-inner.on-sale {background: var(--logo-color) !important; color: var(--base-color);}

.product-main .is-divider {display: none;}
.product-main nav {text-transform: inherit; margin-bottom: 0 !important;}
.product-main .product-images {border: 1px solid #ddd !important; border-radius: 10px;}
.product-main .product-images img {border-radius: 10px;}
.product-main .product-title {margin: 20px 0;}
.product-main .price {display: flex; flex-direction: row-reverse; justify-content: start; gap: 15px; align-items: flex-end; margin-top: 0; margin-bottom: 20px;}
.product-main .price bdi {color: var(--primary-color); font-size: 30px;}
.product-main .price del bdi {font-size: 20px; color: var(--base-color);}
.product-main .share-icons {margin-top: 10px;}
.product-main .share-icons a{margin-bottom: 0px;}
.related-products-wrapper .product-small .col-inner {height: 100%;}
.related-products-wrapper h3 {text-align: center;}
.quantity.buttons_added input{box-shadow: unset;}
.quantity.buttons_added input.minus {border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.quantity.buttons_added input.plus {border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.single_add_to_cart_button {border-radius: 5px; background: var(--logo-color) !important; color: var(--base-color); opacity: 1; box-shadow: unset;}
.product_meta span:first-child {border-top: 0;}
.product_meta a[rel="tag"] {display: inline-block; background: #eee; border-radius: 5px; padding: 5px 20px; transition: all .3s ease; margin-left: 5px; margin-bottom: 5px;}
.product_meta a[rel="tag"]:hover {background: var(--primary-color); color: var(--white-color);}
.shop-container .products .col-inner {height: 100%;}

.product-lightbox {background: transparent; box-shadow: none;}
.product-quick-view-container {border-radius: 5px !important; overflow: hidden !important; background: #fff;}
.product-quick-view-container a.plain h1{font-size: 1.5em; margin-bottom: 0;}
.product-quick-view-container .is-divider {display: none;}
.product-quick-view-container .price-wrapper .price {margin: 20px 0;}
.product-quick-view-container .price-wrapper .price {display: flex; flex-direction: row-reverse; justify-content: start; gap: 15px; align-items: flex-end;}
.product-quick-view-container .price-wrapper .price bdi {font-size: 20px; color: var(--primary-color);}
.product-quick-view-container .price-wrapper .price del bdi {font-size: 20px; color: var(--base-color);}

#shop-sidebar {box-shadow: var(--box-shadow); padding: 15px; border-radius: 5px;}
#shop-sidebar .widget-title {font-size: 14px; color: var(--primary-color); margin-bottom: 20px; display: inline-block;}
#shop-sidebar .is-divider {display: none;}
#shop-sidebar aside {border-bottom: 3px solid #eee; padding-bottom: 20px;}
#shop-sidebar aside:last-child {border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
#shop-sidebar .searchform {box-shadow: var(--box-shadow);}
#shop-sidebar .widget_price_filter .price_label span {font-size: 12px;}
#shop-sidebar .widget_recently_viewed_products .product-title {font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#shop-sidebar .widget_recently_viewed_products bdi {font-size: 14px;}
.shop-page-title {background: #fff !important;}
.shop-page-title.featured-title {text-shadow: none; }
.shop-page-title.featured-title .page-title-bg {box-shadow: unset !important;}
.shop-page-title .title-overlay {background: transparent;}
.shop-page-title .breadcrumbs {color: var(--base-color);}
.shop-page-title .breadcrumbs a {color: var(--base-color);}
.shop-page-title .page-title-inner { padding-bottom: 0;}
.shop-page-title .woocommerce-ordering select{background-color: rgba(0, 0, 0, .03) !important; color: var(--base-color) !important;}

.title-footer h3 {color: #fff;}
.title-footer p {color: #ccc; margin-bottom: 5px;}
.menu-footer a {color: #ccc;}
.menu-footer a:hover {color: var(--logo-color) !important;}

.nav-dropdown {padding-top: 0; padding-bottom: 0;}

.header-bottom-nav .sub-menu a {font-size: .8em; text-transform: uppercase;}

.checkout-button, .woocommerce-mini-cart__buttons .checkout {background: var(--logo-color) !important; color: var(--base-color);}
.checkout-button:hover, .woocommerce-mini-cart__buttons .checkout:hover {opacity: 1; color: var(--base-color);}
button[name="apply_coupon"] {text-shadow: none; color: var(--white-color);}
a.call-to-order {display: flex; margin-bottom: 20px; align-items: center; background: var(--logo-color); justify-content: center; border-radius: 5px; padding: 15px 0; gap: 10px; color: var(--white-color); font-size: 18px; font-weight: 600;}
.text-call-to-order {margin-bottom: 10px;}
a.btn-contact-to-order {font-size: 18px; font-weight: 600; color: var(--primary-color);}



/* category post */
.blog-wrapper.blog-archive.page-wrapper {padding-top: 0;}
#breadcrumbs {margin: 20px 0; border-bottom: 1px solid #eee; padding-bottom: 15px;}
#breadcrumbs .breadcrumb_last {color: var(--primary-color);}
.blog-wrapper.blog-archive.page-wrapper .post-item .post-title {margin-bottom: 15px;}
.blog-wrapper.blog-archive.page-wrapper .post-item .post-title a {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.blog-wrapper.page-wrapper .is-divider {display: none;}
.blog-wrapper.page-wrapper .post-sidebar .widget-title{ text-transform: inherit; background: var(--logo-color); display: block; padding-left: 10px; padding-bottom: 10px; padding-top: 10px;}
.blog-wrapper.page-wrapper .post-sidebar aside ul {border: 1px solid #eee; border-top: 0; padding: 0 10px;}
.blog-wrapper.blog-archive.page-wrapper .post-item .image-cover {padding-top: 75% !important;}

/* end category post */

/* single post */
.blog-wrapper.blog-single.page-wrapper {padding-top: 0;}
.blog-single .entry-header .entry-header-text {padding-bottom: 0;}
.blog-single .entry-meta .content {display: flex; gap: 20px; color: #999; font-size: 14px;}
.blog-single .tieu-de-bai-viet {font-size: 17px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-transform: lowercase; line-height: 15px;}
.blog-single .bai-viet-lien-quan {margin-top: 50px;}
.blog-single .bai-viet-lien-quan h3{font-size: 16px; margin-bottom: 15px;}
.blog-single .excerpt {font-size: 14px;}
/* end single post */

.form-contact input[type="submit"] {margin: 0;}
.wpcf7-spinner {display: none;}
.text-showroom p{font-size: 14px; margin-bottom: 5px;}



/* md */
@media (min-width: 768px) {  
    .product-small.box .price bdi {font-size: 19px;}
    .product-small.box .price del bdi {font-size: 15px;}
    .product-small.box .product-title a {font-size: 15px;}
}

/* lg */
@media (min-width: 992px) { 
    .row-no-padding-bottom > .col {padding-bottom: 0 !important;}
    .product-small.box .price bdi {font-size: 20px;}
    .product-small.box .price del bdi {font-size: 16px;}
    .product-small.box .product-title a {font-size: 16px;}

    .deep-menu {
        & > .sub-menu {
            display: flex;
            flex-direction: column;
            
            .menu-item-has-children {
                width: 100%;
                position: relative;
                & > a {
                    font-weight: normal;
                    color: hsla(0, 0%, 40%, .85);
                    font-size: inherit;
                    &:hover {color: #000;}
                    display: flex;
                    flex-direction: row-reverse;
                    justify-content: space-between;
                    padding-right: 10px;
                    text-transform: inherit;
					font-size: 14px;
				}
                
                & > .sub-menu {
                    display: none;
                    position: absolute;
                    top: 0;
                    right: -100%;
                    background: #fff;
                    border-radius: 5px;
                    width: 100%;
                    box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
                }
                &:hover > .sub-menu{
                    display: block;
                }
            }
        }
    }
}