/*
 Theme Name:     Divi Child Theme
 Description:    This is a Blank Divi Child Theme by SamarJ
 Author:         SamarJ
 Author URI:     https://samarj.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* You can also add Custom CSS after this line
------------------------------------------------------- */


/*Styling the Add to cart and Info Button*/

.woocommerce ul.products li.product .button,
a.preview-product {
	font-family: ETModules;
	border: 2px solid #fe6e0d;
	color: #fe6e0d;
	font-size: 20px;
	padding: 4px!IMPORTANT;
	border-radius: 100px;
	height: 45px!important;
	width: 45px!important;
	text-align: center;
	transition: .3s ease;
}


/*Adding some Hover effect to buttons*/

.woocommerce ul.products li.product .button:hover,
a.preview-product:hover {
	background: #fe6e0d;
	color: #fff;
	box-shadow: 0px 3px 20px #07B98A36;
}


/*Disbales the icon appear when you hover to add to cart button*/

.woocommerce ul.products li.product .button:after {
	display: none
}


/*Some adjustments to More info button*/

a.preview-product {
	text-decoration: none;
	padding: 10px!IMPORTANT;
	margin-right: 10px;
}


/*Styling the Product Card*/

.woocommerce ul.products li.product {
	border-radius: 10px !important;
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.08);
	transition: .3s ease;
	padding-bottom: 25px !important;
	background: #fff;
}


/*Adding Hover effect to product card*/

.woocommerce ul.products li.product:hover {
	box-shadow: 0px 3px 50px rgba(0, 0, 0, 0.14);
	transform: translate(0%, -5%);
}


/*Styling the View cart button*/

.woocommerce a.added_to_cart {
	font-family: Poppins;
	letter-spacing: 1px;
	color: #fe6e0d;
	border: 2px solid #fe6e0d;
	padding: 1px 6px;
	border-radius: 3px;
	margin-left: 10px;
	transition: .3s ease;
}


/*Adding hover effect to view cart button*/

.woocommerce a.added_to_cart:hover {
	background: #fe6e0d;
	color: #fff;
}

/* Making product one column in Mobile*/

@media only screen and ( max-width: 479px ) {
.et_pb_shop.et_pb_shop li.product {
width: 100% !important;
}
}