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

.icon-shop h5{
	margin-bottom:0px;
}
.icon-shop .col{
	padding:0px !important;
}
/*sản phẩm danh muc*/
.badge-container {
    margin: 15px 0 0 0;
}
.badge{
	height: 1.8em;
}
span.onsale{
	font-size:95%;
}
.grid-style-2 {
background:#fff
}
.col-inner .box{
	border:1px solid #ccc;
}
.box-text {
	font-size: 80%;
}
.grid-style-2 .product-title a{
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	

}
span.amount{
	color:#FF0000;
}
/* Danh mục sp */
.custom-html-widget {
    margin-bottom: 30px;
    
}
.custom-html-widget h3{
    font-size: 16px;
    line-height: inherit;
    position: relative;
}
.custom-html-widget h3 span {
    font-size: 14px;
    font-weight: 700;
    color: var(--primary-color);
    display: inline-block;
    text-transform: uppercase;
    padding: 7px 50px;
}
.custom-html-widget li{
	    list-style: none;
}
.content-cat ul{
	margin-left:-20px;
	
}
.custom-html-widget h3 span .fas {
    position: absolute;
    height: 100%;
    background: var(--primary-color);
    top: 0;
    left: 0;
    width: 40px;
    line-height: 37px;
    text-align: center;
    color: white;
}
.content-cat ul li{
	
	}
.content-cat ul li a {
    font-size: 83%;
    padding: 7px 12px 7px 0px;
    display: block;
    width: 100%;
    color: #666;
}
.content-cat ul li a:hover{
	color:var(--primary-color);
}
.widget h3{
	margin-top:0px;
	margin-bottom:0px;
}
.widget .content-cat ul{
	    margin-bottom: 0;
}
.sidebar .widget, .apus-sidebar .widget{
	margin:0px;
}
.content-cat li{
	margin-bottom:0px;
}
.heading {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 14px;
    color: var(--primary-color);
    font-weight: 700;
    height: 37px;
    line-height: 37px;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
}
.heading a:not(.continue) {
    position: relative;
    display: inline-block;
    color: var(--primary-color);
    font-weight: bold;
    min-width: 220px;
}
.heading a.continue {
    float: right;
    font-size: 14px;
    text-transform: none;
    color: #666666;
}
/*ĐĂNG KÍ NHẬP TIN*/
.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
    background-color: rgba(255, 255, 255);
    box-shadow: none;
    border-color: rgba(0,0,0,0.09);
    color: currentColor !important;
    border-radius: 5px;
}
.form-flat button, .form-flat input{
	border-radius: 5px;
}
.col, .gallery-item, .columns {
   
    padding: 0 15px 5px;
  
}
/*footer*/
ul {
	list-style-type: circle;
}
.footer-center p,.footer-center ul,.footer-center a,.footer-center li{
	font-size:14px;
	color:#fff;
}
/*page-title*/
.page-title {
	background-image:url(http://demo6.muathemewordpress.net/wp-content/uploads/2019/08/page-title.jpg);
	 background-size: cover;
	background-repeat: no-repeat;
	padding-top:20px;
	padding-bottom:35px;
}
.breadcrumbs a{
	color:#000;
}
/*chi-tiết-sp*/
@media screen and (min-width: 850px){
	.col-divided {
    
    border-right:none;
}
}


#product-sidebar .next-prev-thumbs{
	display:none
}
.content-cat-2 ul{
	margin-left:0px !important;
}
.is-divider{
	height:0px;
}
.entry-title{
	font-size:120%
}
del span.amount {
font-size:85%
}
.product-footer{
	margin-top:30px;
}
/* hỗ trợ khách hàng style 1*/
.support{
	background: #FF0000;
    padding: 5px 12px;
    border-radius: 4px;
    margin-bottom: 30px;
}
.support h3{
	color: #fff;
    font-size:100%;
	font-weight:bold;
    margin-bottom: 20px;
}
.content-w{
	margin-bottom:30px;
}
.support .content-w p{
margin-bottom: 10px;
    color: #fff;
	font-size:80%;
}
.support .content-w p .fa {
    width: 25px;
    height: 25px;
    border: 1px solid #fff;
    margin-right: 5px;
    text-align: center;
    line-height: 25px;
    color: #ffffff;
	font-size:85%;
}
/*định dạng menu*/
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{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}
.nav-dropdown .nav-dropdown-col>ul li:hover{background:#db0000}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{}
.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}
/*định dạng sidebar*/
@media (max-width: 849px){
	.page-left-sidebar .large-3{
		order:2;
	}
}
/*Hiệu ứng sáng*/
.product-small .box-image:hover::before{
-webkit-animation:shine .75s;
animation:shine .75s}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.product-small .box-image::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}
/*thanh toán*/
p.form-row-first, p.form-row-last{width:100%}
.woocommerce-billing-fields input{margin-bottom:0}
#customer_details label{font-weight: normal; font-size: 15px; color:#950303}
/*icon dien thoai*/
.float-contact {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 99999;
}
.chat-zalo {
background: #8eb22b;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.chat-face {
background: #125c9e;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.float-contact .hotline {
background: #d11a59!important;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.chat-zalo a, .chat-face a, .hotline a {
font-size: 15px;
color: white;
font-weight: 400;
text-transform: none;
line-height: 0;
}
@media (max-width: 549px){
.float-contact{
display:none
}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}