/*
Theme Name: MatBaoWS
Description: This is a child theme for Flatsome Theme
Author: MatBaoWS Team
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
.product .box-image img {
    object-fit: cover;
    aspect-ratio: 6 / 6;
}
.mbws_blog_home .blog-post-inner p{
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical; 
	overflow: hidden;

}
.col-inner .product-small .box-text-products{
	text-align: center;
	font-size: 15px;
}
.col-inner .product-small .box-text-products p{
	line-height: 20px;
	text-transform: capitalize;
	margin-bottom: 5%;
}
.col-inner .product-small .box-text-products p a{
	color: #000000 !important;

}
.col-inner .product-small .box-text-products p a:hover{
	color:var(--fs-experimental-link-color-hover) !important;

}
.banner .banner-inner .banner-layers a{
    position: relative;
    overflow: hidden;
    display: block;
}
.banner .banner-inner .banner-layers a:hover:after {
    top: 50%;
    bottom: 50%;
    background: rgba(255, 255, 255, 0.2);
}

.banner .banner-inner .banner-layers a:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.banner .banner-inner .banner-layers a:hover:before {
        right: 50%;
    left: 50%;
	
    background: rgba(255, 255, 255, 0.2);
}
.banner .banner-inner .banner-layers a:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}