/* 
 Theme Name:     Divi child theme   
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 

@import url("../Divi/style.css"); 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

.woocommerce ul.products.columns-4 li.product {
    width: 24% !important;
	max-width: 24% !important;
    clear: none !important;
    float: left !important;
    margin: 0 0 2.992em 1% !important;
    padding: 1%;
}

@media only screen and (max-width: 768px) {
    .woocommerce ul.products.columns-4 li.product {
        width: 50% !important;
		max-width: 50% !important;
    }
}

@media only screen and (max-width: 480px) {
    .woocommerce ul.products.columns-4 li.product {
        width: 100% !important;
		max-width: 100% !important;
    }
}

/** Updated Filters and Product Layout **/
@media (max-width: 1024px) {
.post-type-archive-product #content-area{
	display: flex;
	flex-direction: column-reverse;
}
}
ul.products {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.products li.product {
	flex: 1 1 calc(24% - 30px); 
	box-sizing: border-box;
	margin: 0;
}

ul.products li.product.first,
ul.products li.product.last {
	clear: none !important;
	margin: 0 !important;
}

ul.products li.product {
	float: none !important;
}

.product-template-default.single.single-product .et_pb_wc_description p,
.product-template-default.single.single-product .product_meta,
.product-template-default.single.single-product .product_meta a,
.product-template-default.single.single-product .et_pb_wc_title_0_tb_body h1{
	font-family: 'Kameron', Georgia, "Times New Roman", serif;
	font-weight: 400;
}

/* Tablet: 2 columns */
@media (max-width: 1024px) {
	ul.products li.product {
		flex: 1 1 calc(49% - 30px);
	}
}

/* Mobile: 1 column */
@media (max-width: 600px) {
	ul.products li.product {
		flex: 1 1 100%;
	}
}
/* *** */