/*
Theme Name: NTLAND
Theme URI: http://ntland.com.vn/
Author: NTLAND-Themes
Author URI: http://ntland.com.vn/
Description: Cong ty co pnan BDS NTLAND
Version: 3.7.2
Text Domain: NTLAND
License: http://ntland.com.vn/
License URI: http://ntland.com.vn/
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
p.da-ban {
    border-radius: 20px;
    margin-bottom: 0;
    text-align: center;
    margin-top: 5px;
    background-color: rgba(210,33,33,.4);
    background-image: none;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    height: 25px;
    margin-bottom: 10px;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.vat-note {
    font-family: Arial, sans-serif;
    color: #d9534f;
    font-size: 16px;
    font-weight: 600;
    background-color: #f9f2f4;
    padding: 10px 15px;
    border-left: 4px solid #d43f3a;
    margin-bottom: 20px;
    border-radius: 4px;
    display: inline-block;
}
/*Co dinh khoang cach ten sp*/
p.name.product-title a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
height: 40px; /*tùy theo bạn muốn hiển thị bao nhiêu hàng, như ở đây là 2 hàng tiêu đề như hình*/
}
/*hiệu ứng ánh sáng hover sp*/
.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)
}

/* CSS cho phần fake số lượng bán hàng */
.muathemewpgiare_fake_slb {
  padding-top: 16px;
  border-top: 1px solid rgb(228, 232, 237);
}

.muathemewpgiare_text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #dc6803;
}

.muathemewpgiare_icon { 
  display: inline-block;
  vertical-align: -0.5em;
}

/* Hiệu ứng hover cho icon */
.muathemewpgiare_fake_slb:hover {
  background-color: #f8f8f8;
}