/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 5.0.0-public-alpha.24.2.1760579286
Updated: 2025-10-16 11:48:06

*/

/********************************************* MOBILE CSS *****************************************/
/**************************************************************************************************/

/* Add to cart button size adjust for mobile devices */
@media only screen and (max-width:790px)
{
	.woocommerce ul.products li.product .button
	{
    	width: 120px;
		font-size: 14px;
	}
	.woocommerce ul.products li.product .button:after{
   		line-height: 0.7em;
	}
	/* Add to cart buttons in Calibration page */
	.woocommerce div.product form.cart .button {
        width: 150px;
		font-size: 16px;
	}
}

/***************************************************************************************************/
/***************************************************************************************************/


/*          WOOCOMMERCE CHECKOUT PAGE ELEMENTS STYLING  */
/* woocommerce checkout credit/debit cards styling */
/*.woocommerce-checkout #payment ul.payment_methods li[class*=payment_method_stripe_]:nth-child(n+2), li[class*=payment_method] input[type=radio]+label:not(.wc-stripe-label-payment-type), ul.payment_methods li[class*=payment_method_stripe_]:nth-child(n+2) {
    color: white;
	padding-left: 20px;
}*/

/* woocommerce checkout card icons styling */
/*.woocommerce-checkout #payment ul.payment_methods li img {
    padding-right: 5px;
}*/

/* woocommerce checkout card number styling */
/*.woocommerce-checkout #payment div.payment_box {
    background-color: #0a499d;
    color: white;
}*/

/* Woo Checkout Payment icons styling */
/*.woocommerce-checkout .woocommerce-checkout-payment {
    padding: 15px;
    border-radius: 8px;
}*/

/* Woo Checkout Payment Save card styling */
/*.woocommerce-checkout .wc_payment_methods label {
    font-weight: bold;
    color: #333;
}*/

/* Credit/Debit cards text */
/*.woocommerce-checkout .wc_payment_method input[type="radio"]:checked + label {
	color: white;
	padding-left: 3px;
}*/

/* woocommerce card error messages */
/*.woocommerce-error {
    color: #E5424D;
    background-color: #ffe6e6;
    border-left: 4px solid #E5424D;
    padding: 10px;
}*/


/* customise add to cart button */
.woocommerce ul.products li.product .button {
    display: inline-block;
    margin-top: 1em;
    margin-left: 50%;
    transform: translate(-50%);
    background: #e46325;
    color: #fff;
    border-radius: 25px;
    width: 150px;
	font-size: 16px;
    text-align: center;
    border: none;
}

/* customise add to cart button on hover*/
.woocommerce ul.products li.product .button:hover{
    background: #0a499d;
}

/* customise add to cart button on chevron icon on hover */
.woocommerce ul.products li.product .button:after{
    line-height: 0.8em;
}

/* Adjust height of Product category in the sidebar */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 14px;
}

/* Allign all Add to cart buttons in same height */
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 
{
    block-size: 50px;
}

/* Add to cart buttons in other pages */
.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
	display: inline-block;
    margin-top: 1em;
    background: #e46325;
    color: #fff;
    border-radius: 10px;
    width: 150px;
	font-size: 16px;
    text-align: center;
    border: none;
}

/* Submit button styling */
.woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message, .woocommerce-error, .woocommerce-info {
    background: #e46325;
	color: #fff;
    border-radius: 10px;
	width: 150px;
	font-size: 16px;
    text-align: center;
    border: none;
}