/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

div#gom-all-in-one {
    display: flex;
    flex-direction: column;
}

div#zalo-vr {
    order: -1;
}
#zalo-vr .phone-vr-img-circle{
	background-color:#0084FF
}
#messenger-vr .phone-vr-circle-fill{
	box-shadow: 0 0 0 0 #0084FF;
    background-color: #0084ff75
}
#zalo-vr:after {
    content: "Zalo";
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    background: #2196F3;
    color: #fff;
    padding: 2px 10px;
    border-radius: 5px;
}
#messenger-vr .phone-vr-img-circle{
	background-color:#0078FF
}
#messenger-vr .phone-vr-circle-fill{
	box-shadow: 0 0 0 0 #0078FF;
    background-color: rgb(0 120 255 / 75%);
}
#messenger-vr:after {
    content: "Facebook";
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    background: #0078FF;
    color: #fff;
    padding: 2px 10px;
    border-radius: 5px;
}
div#product-sidebar {
    padding-top: 20px;
}
#main>.widget.woocommerce.widget_products {
    margin: 0 15px 30px;
    width: auto;
    max-width: unset;
}

.single-product #jp-relatedposts {
    display: none !important;
}

.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important;text-transform:none !important;font-size:15px;font-weight:500;padding: 10px !important;margin: 0 !important;}
.nav-dropdown .nav-dropdown-col>ul li:hover{background: var(--fs-color-secondary)}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background: var(--fs-color-secondary)}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;     margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;   left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
.nav-dropdown-default>li:hover {   background: transparent; }
.nav-dropdown-default>li:hover >a {    background:  var(--fs-color-secondary);   color: #fff !important;}
 h2.woocommerce-loop-product__title {
    font-size: 16px;
    margin-bottom: 10px;
}
 #wrapper h2.woocommerce-loop-product__title {
    font-size: 20px;
    margin-bottom: 10px;
}
a#top-link {
    left: 10px;
    background: var(--fs-color-secondary);
    color: #fff;
}
.show-single{
	display: none !important
}
.single-product .show-single{
	display: block !important;
}
.widget_products {
	padding: 20px 12px;
	border: 1px solid #ccc;
	border-radius: 5px;
	text-align: center;
}

.widget .is-divider {
	display: none;
}

span.widget-title.shop-sidebar {
	font-size: 20px;
	text-align: center;
	display: block;
}
span.widget-title.shop-sidebar::after{
	content:"";
	background: url('/wp-content/uploads/2025/01/line-removebg-preview.png') center / contain no-repeat;
	display: block;
	width: 100%;
	height: 30px
}
.mb-00 >*{
	margin-bottom: 0 !important
}

.nav-dropdown>li>a{
	color: #000 !important;
}
.nav-dropdown.nav-dropdown-bold > li > a:hover{
	background :#e10600 !important;
}
.button.add_to_cart_button {
	background-color: #e10600 !important;
	border-radius: 5px;
}

.widget_product_categories>ul>li {
	display: inline-block;
	width: auto;
	margin: 0 10px 10px 0;
	border: 1px solid #000 !important;
	padding: 0 10px;
	border-radius: 8px;
}
.header:not(.transparent) .header-bottom-nav.nav > li > a {
	padding: 10px 20px;
}

li.html.custom {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
}

ul.header-nav.header-nav-main {
	/* justify-content: center; */
	gap: 10px;
}
.social-icons i {
	font-size: 14px;
	color: #000;
}
#header-contact.nav > li > a {
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-transform: none;
}
li.header-contact-wrapper {
	margin: 0;
}

blockquote.tiktok-embed {
	border: 0;
	padding: 0;
}
footer blockquote.tiktok-embed iframe {
	max-height: 260px !important;
	border-radius: 10px;
}
.absolute-footer{
	display:none !important
}
a.button.alert:hover {
	background-color: #e10600;
}
p.woocommerce-result-count.hide-for-medium, form.woocommerce-ordering {
	display: none;
}
.height-eq *{
	height: 100%;
	object-fit: cover
}
.nut-gio-hang-co-dinh {
	position: fixed;
	bottom: 40%;
	left: 0;
	background: #ffffff;
	color: var(--fs-color-secondary);
	padding: 0;
	border-radius: 0 5px 5px 0;
	width: 45px;
	height: 45px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	font-size: 18px;
	z-index: 99;
	text-decoration: none;
	display: flex;
	transition: 0.3s ease;
	align-items: center;
	justify-content: center;
}
.nut-gio-hang-co-dinh:hover {
	background: var(--fs-color-secondary);
	color: #fff;
}
.nut-gio-hang-co-dinh .so-luong {
	font-weight: bold;
	margin-left: 5px;
	display: none;
}
.logo-custom {
    max-width: 50%;
    margin: 0 auto;
}

.off-canvas-left .mfp-content {
    background: #fff;
}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
}
.banner-title h2{
    font-size: 60px;
    line-height: 1;
    margin-bottom: 15px;
}

.main-banner,
.main-img-banner img{
    height: 900px;
        object-fit: cover;
}
.slider-wrapper .loading-spin{
    display:none;
}
@media only screen and (max-width: 850px) {
    .main-banner,
    .main-img-banner img{
        height: 550px;
    }
    .banner-title h2{
        font-size: 40px;
    }
    div#product-sidebar.hide-for-medium{
    	display: block !important;
    	    order: 2;
    }

}
@media only screen and (max-width: 550px) {
    .main-banner,
    .main-img-banner img{
        height: 250px;
    }
     .banner-title h2{
        font-size: 18px;
    }
    .main-banner a.button{
       font-size: 12px;
       margin:0;
    }
    .main-banner .row-small .col{
        padding: 0 5px 10px;
    }
}