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

/*Block Comment*/
#respond.comment-respond, .post_comments{
    display: none !important;
}

/*Block Author*/
body.single-post .entry-author.author-box{
    display: none !important;
}

.qnn-space-5 .col.post-item.grid-col{
    padding: 0 5px 10px;
}


body.single.single-product ul[data-attribute_name="attribute_pa_loai"] > li{
	width: calc(33.33% - 6px) !important;
    height: auto !important;
	border-radius: 15px !important;
	overflow: hidden;
}
body.single.single-product h1.product-title{
    color: #cc0000;
    font-size: 20px;
}
body.single.single-product ul[aria-label="Loại"] li{
	background-color: #edf6ff !important;
}

body.single.single-product .reset_variations,
body.single.single-product .variable-items-wrapper,
body.single.single-product .product_meta .sku_wrapper{
    display: none;
}

body.single.single-product .woocommerce-Price-amount.amount::before{
    content: "Giá: ";
    color: #222;
}
body.single.single-product .woocommerce-Price-amount.amount bdi{
    font-size: 20px;
}

.sanji-text-option{
	max-width: 165px;
    font-size: 13px;
    line-height: 14px;
}
.sanji-text-option p{
	margin-bottom: 8px !important;
	word-spacing: -1px !important;
}

.box-text-products .category.uppercase{
	text-transform: inherit !important;
}
.box-text-products .product-title a{
	color: #14376e !important;
    font-weight: bold !important;
	font-size: 1em;
}
.price-wrapper p, .price-wrapper span, .woocommerce-Price-amount{
	color: #c00 !important;
}

.col.product .col-inner{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.col.product .product-title{
    min-height: 25px;
}
.col.product .product-title a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}
.col.product .badge-container{
    display: none;
}

ul.wc-block-product-categories-list ul{
    padding-left: 10px;
    border-left: 1px solid;
    margin-left: 5px;
    margin-bottom: .6em;
}
ul.wc-block-product-categories-list ul > li{
    margin-bottom: 0;
}
.qnn-doitac .overlay.fill{
    background-color: unset !important;
}

.border-title .section-title{
    border-bottom: 1px solid #a3c6ec !important;
}
.border-title .section-title .section-title-main{
    border-bottom: 1px solid #0050a5 !important;
    margin-bottom: -1px;
}

#ship-to-different-address{
    display:none;
}

#shop-sidebar aside .widget-title{
	width: 100%;
    background-color: #e5e5e5;
    display: block;
    padding: 7px 10px;
    color: #14376e;
}
#shop-sidebar aside > .is-divider{
	display: none;
}

footer .post_comments{
    display: none;
}
footer .absolute-footer{
    padding: 10px 0 10px;
}

.des-2line .from_the_blog_excerpt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.des-2line .post-title{
    min-height: 42px;
}

.sanji-info-less{
	margin-bottom: 5px !important;
}
.sanji-info-less .accordion-title{
	background: #c00 !important;
    color: white !important;
}
.sanji-info-less .accordion-title button.toggle{
	left: auto !important;
	right: 5px !important;
	opacity: 1 !important;
}

.zaloxd {
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 999;
}
.zaloxd img {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 50%);
    border-radius: 7px;
}
.sozalo {
    position: fixed;
    bottom: 17px;
    left: 51px;
    padding: 5px 20px;
    background: #018fe5;
    color: white;
    border-radius: 0px 40px 40px 0px;
    font-size: 120%;
    font-weight: bold;
    z-index: -1;
}

@media only screen and (min-width: 1005px) {
    #wide-nav ul.header-nav > li {
        margin: 0 24px !important;
    }
}

body.woocommerce-checkout #billing_country_field{
    display:none;
}

.woocommerce-privacy-policy-text{
    display: none;
}

@media (min-width: 550px){
    body.woocommerce-checkout p.form-row-first {
        margin-right: 0% !important;
    }
    body.woocommerce-checkout p.form-row-first.address-field {
        margin-left: 4% !important;
    }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .zaloxd{
        /*bottom: 150px;*/
        /*left: 30px;*/
    }
    .sozalo{
        display: none;
    }

}