/*
Theme Name: Bo Green
Description: This is a child theme for Flatsome Theme
Author: TD Team
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

body.home .product > div, body.woocommerce-shop .product > div, body.single-product .product > div {
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 7px;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);height: 100%;
  }
  body.single-product .related{
      margin-bottom: 50px;
  }
  .chung-toi .img_intro_list.img_intro_list_mobile{
      margin-top: 0px;
      margin-left: 0px;
      padding: 16px;
  }
  .image-tools .wishlist-icon .wishlist-button{
      background-color: #b20000;
      color: #b20000;
  }
  .image-tools .wishlist-icon .wishlist-button .icon-heart{
      color: #fff;
  }
  .image-tools .wishlist-icon .wishlist-button:hover{
      background-color: #b20000;
  }
.bottom-contact{display:none}.float-contact {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 99999;
}
.chat-zalo {
    background: rgba(0, 157, 255, 0.5);
    border-radius: 40px;
    padding: 5px;
    color: white;
    display: block;
    margin-bottom: 6px;
}
.chat-face {
    background: rgba(0, 157, 255, 0.5);
    border-radius: 40px;
    padding: 5px;
    color: white;
    display: block;
    margin-bottom: 6px;
}
.float-contact .hotline {
    background:rgba(228, 3, 3, 0.8);
  border-radius: 20px;
  padding: 0 18px;
  color: white;
  display: block;
  margin: 15px 0 6px 12px;
  position: relative;
  min-height: 34px;
}
.float-contact .hotline:before {
    content: '';
    position: absolute;
    top: -11px;
    width: 55px;
    height: 55px;
    background: rgba(228, 3, 3, 0.5);
    left: -12px;
    border-radius: 55px;
    z-index: -1;
}
.chat-zalo a, .chat-face a, .hotline a {
    font-size: 15px;
    color: white;
    font-weight: 400;
    text-transform: none;
    line-height: 0;
    display: flex;
    align-items: center;
}
.float-contact a img{
    width: 42px;
}
.hotline a img {
    width: 16px;margin: 0 5px 0 0;
}

section.woocommerce-bacs-bank-details ul{
	list-style: none
}
.qr-code{
	max-width:150px
}
@media (max-width: 549px){
    .bottom-contact{display: block;
        position: fixed;
        bottom: 0;
        background: white;
        width: 100%;
        z-index: 99;
        box-shadow: 2px 1px 9px #00000059;
        border-top: 1px solid #eaeaea;
        
    }
    .bottom-contact ul li{
        width: 33.3%;
        float: left;
        list-style: none;
        text-align: center; font-size:13.5px;
        
    }
    .bottom-contact ul li span{color:black}
    .bottom-contact ul li img{    width: 35px;
        margin-top: 10px;
        margin-bottom: 0px;}
    .float-contact{
        display:none
    }
}
  @media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  
  
  }