/*
 Theme Name: Overline Child
 Theme URI: https://overline.fuelthemes.net
 Description: <strong>A fast &amp; optimized WooCommerce WordPress Theme by <a href="https://fuelthemes.net" target="_blank">fuelthemes</a></strong>
 Author: Fuel Themes    
 Author URI: https://fuelthemes.net 
 Template:     overline
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  overlinechild
*/

/*New styele*/


.row.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
ul.products li figure.product-thumbnail img {
	width: 210px !important;
    object-fit: contain;
    margin: 0 auto !important;
    display: block !important;
    max-height: 250px !important;
}
ul.products li figure.product-thumbnail span.product_thumbnail_hover img {
        object-fit: cover !important;
}
.product-thumbnail a:hover span.product_thumbnail_hover img{
     object-fit: cover !important;
}

ul.products li figure.product-thumbnail{
    padding: 12px;
    text-align: center;
    height: 280px;
    justify-content: center;
    align-items: center;
    display: flex;
}

figure.product-thumbnail {
    height: 280px;
    justify-content: center;
    align-items: center;
    display: flex;
}


.products.thb-product-category-grid.row .product-category .thb-category-link{
	    position: relative;
}

.products .product-category .woocommerce-loop-category__title{
	position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 15px;

}
.footer{
	margin-top: 0px;
}



@media only screen and (max-width:575px){
figure.product-thumbnail{
	    height: 250px !important;
}
.products .product-category .woocommerce-loop-category__title{
position: relative !important;
    line-height: 22px;
    font-size: 15px;
}
.woocommerce-pagination .page-numbers {
  margin: 4px 4px;
}
ul.products li figure.product-thumbnail img{
    max-height: 200px !important;
}


}

@media only screen and (min-width: 401px)and (max-width: 575px){
ul.products li figure.product-thumbnail img {
    width: 200px !important;
}
}

@media only screen and (max-width:400px){
ul.products li figure.product-thumbnail img {
    width: 180px !important;
}
}