/*
Theme Name: Divi Child (MOD By Altos Web Solutions)
Version: 1.0
Description: Child theme for Divi.
Author: Altos Web Solutions
Author URI: https://altoswebsolutions.com
Template: Divi
*/

/* --------------- Theme customization starts here ----------------- */

/* --------------- Woo Price Calculator ----------------- */

.awspc-step-image {
height: 135px !important;
margin-bottom: 20px !important;
margin-top: 20px !important;
}

.awspc-field-widget input,
.awspc-field-widget select {
height: 30px !important;
}

#awspc_step_1 .awspc-field-label-line,
#awspc_step_19 .awspc-field-label-line,
#awspc_step_25 .awspc-field-label-line,
#awspc_step_43 .awspc-field-label-line,
#awspc_step_31 .awspc-field-label-line,
#awspc_step_37 .awspc-field-label-line,
#awspc_step_49 .awspc-field-label-line,
#awspc_step_55 .awspc-field-label-line,
#awspc_step_61 .awspc-field-label-line,
.awspc-step-quantity-container {
font-size: 25px !important;
font-weight:bold !important;
text-align:center !important;
margin-bottom:10px !important;
}

.awspc-step-quantity {
width: 50%;
	height: 40px;
margin-top: 15px !important;
}

.awspc-step-place-in-cart {
	background-color: #FF6847;
	border-radius: 8px;
	border: 0px;
	padding-bottom: 5px;
width: 70px !important;
height: 30px !important;
padding-top: 5px !important;
padding-left: 6px !important;
}

.awspc-step-total-price .woocommerce-Price-amount{
	padding-top: 5px;
	line-height: 1.4 !important;
}

.awspc-step-total-price{
	color: white !important;
	background-color: rgb(178, 204, 25);
	border-radius: 8px;
	border: 0px;
	padding-bottom: 5px;
	height: 30px !important;
	padding-left: 6px !important;
	font-weight: bold !important;
	width: 200px !important;
	text-align: center !important;

}




.panel-heading {
height: 40px !important;
}

.panel-title {
margin-top: 3px;
}

.awspc-step-quantity-button{
	margin-top: 15px !important;
	height: 40px;
	width: 40px;
	background-color: red;
	color: white !important;
	font-weight: bold !important;
	position: relative;
	left: -60px;

}

.awspc-tax-text{
	padding-top: 3px;
	margin-top: 2px;
	float: right;
	height: 26px !important;
	color: rgb(178, 204, 25) !important;
	font-size: 10px !important;
	width: 60px !important;
	position: relative;
	background: white;
	left: 10px;
	font-weight: bold !important;
	line-height: 1.1 !important;
	padding-left: 0px !important;
}


.wcppec-checkout-buttons{
    display: none !important;
}

@media (max-width: 1250px) {
	#awspc_step_2 .col-xs-9 .awspc-image-selection-wrapper {
		display: grid;
		grid-template-columns: 33% 33% 33% !important;
	}

	#awspc_step_2 .col-xs-3{
		width: 35% !important;
	}

	#awspc_step_2 .col-xs-9{
		width: 65% !important;
	}
}


@media (max-width: 760px) {
    #awspc_step_2 .col-xs-3 .awspc-images-selection-wrapper{
        display: block;
    }

    #awspc_step_2 .col-xs-9 .awspc-image-selection-wrapper {
        display: grid;
        grid-template-columns: 50% 50% !important;
    }
    
    .awspc-step-quantity-container{
        display : block !important;    
    }

}


/* --------------- END: Woo Price Calculator ----------------- */