/*
Theme Name: Flatsome-child
Theme URI: http://flatsome.uxthemes.com
Template: flatsome
Author: UX-Themes
Author URI: https://uxthemes.com
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.18.3.1706082190
Updated: 2024-01-24 14:43:10

*/
/*************** TRANG CHỦ  ***************/
.hotline-header {background-color: #10b1e7;}
.hotline-header:hover {
	background-color: #5bcaef;
    transition: all .3s linear;
}
.datlich-header {background-color: #2a52be;}
.datlich-header:hover {
	background-color: #082677;
    transition: all .3s linear;
}
.hd-decor {
	border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    margin: 0 5px;
    cursor: pointer;
    transition: all .3s linear;
}
.hd-decor:hover {transform: translateY(-3px);}
.hd-decor span {
	color: #fff;
    font-size: 15px;
    padding-left: 10px;}
/*************** End Trang chủ ***************/
.shop-container .product-main .product-gallery .product-images img {height:400px;width:100%}
.post-sidebar span.widget-title, #shop-sidebar span.widget-title{
    height: 50px;
    background: var(--primary-color);
    border-radius: 5px;
    line-height: 50px;
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 25px;
    display: block;
    margin-bottom: 20px;
}
.post-sidebar .widget .is-divider, #shop-sidebar .widget .is-divider{
    display: none;
}
.post-sidebar .widget ul, #shop-sidebar .widget ul{
    list-style: none;
    margin: 0 0 23px;
    background: #F5F5F5;
    border-radius: 5px;
    padding: 3px 25px;
}
.post_comments {display:none}
.t-footer .f-title {font-weight:700;color: #fff;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	 .shop-container .product-main .product-gallery .product-images img {height:280px;width:100%}
	
}