/* cart form */
.view-commerce_cart_form-default table {
	margin: 0;
	table-layout: auto;
}

.view-commerce_cart_form-default thead tr,
.view-commerce_cart_form-default tbody tr:last-child{
	border-bottom: 2px solid var(--gray);
}

.view-commerce_cart_form-default table td,
.view-commerce_cart_form-default table th{
	vertical-align: middle;
	text-align: center;
	padding: 10px 20px;
	/* min-width: 150px; */
}

.view-commerce_cart_form-default table .views-field-purchased-entity{
	width: 100%;
	text-align: left;
	padding-left: 0;
}

.view-commerce_cart_form-default table .views-field-total-price__number{
	text-align: right;
	/* padding-right: 0; */
}

.view-commerce_cart_form-default .commerce_product_variation article{
	display: flex;
	align-items: center;
	/* flex-wrap: wrap; */
}

.view-commerce_cart_form-default .field-image-shop{
	text-align: left;
	width: 80px;
	display: inline-block;
	margin-right: 20px;
}

.view-commerce_cart_form-default .commerce_product_variation .title{
	color: var(--gray);
	font-weight: 600;
}

.view-commerce_cart_form-default table .form-item{
	margin: 0;
}

.view-commerce_cart_form-default .delete-order-item{
	background: none;
	color: var(--gray);
	font-size: 24px;
	padding: 10px;
}

.view-commerce_cart_form-default .delete-order-item:hover{
	color: var(--red);
}

.view-commerce_cart_form-default .form-actions{
	border-top: 2px solid var(--gray);
	padding: 30px 0;
	text-align: right;
}

.view-commerce_cart_form-default .default__total-price{
	padding: 30px 0;
	font-size: 1.2em;
	line-height: 1.2em;
	color: var(--gray);
	font-family: var(--font-title);
}

.view-commerce_cart_form-default .order-total-line {
	margin: 0 0 10px;
}

/* .view-commerce_cart_form-default .default__total-price .order-total-line-label:after{
	content: ':';
} */


/* checkout progress */
.checkout-progress {
	margin: 0;
	padding: 0;
	display: flex;
	/* flex-wrap: wrap; */
	justify-content: space-evenly;
}

.checkout-progress li{
	list-style: none;
	padding: 0 20px;
	text-align: center;
	font-size: 1.4em;
	font-family: var(--font-title);
	display: inline-block;
	flex-grow: 1;
	/* width: 33.3333%; */
	flex-shrink: 0;
}

.checkout-progress li:before{
	display: none;
}

.checkout-progress li .icon{
	display: block;
	font-size: 1.8em;
	line-height: 1em;
	margin: 0 auto 20px;
}

.checkout-progress--step__current {
	color: var(--red);
	font-weight: normal;
}


/* checkout panes */
.layout-region-checkout-main .checkout-pane{
	margin: 0 0 40px;
}

.layout-region-checkout-main .checkout-pane .form-submit{
	padding: 10px 15px;
	font-size: 0.85em;
}

.layout-region-checkout-main .checkout-pane>legend{
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0 0 30px;
	font-family: var(--font-title);
	font-weight: normal;
	display: block;
	width: 100%;
	padding: 0 0 20px;
	border-bottom: 2px solid var(--gray);
	color: var(--dark-title-color);
}

/* .layout-region-checkout-main .checkout-pane .fieldgroup{
	margin: 0 0 30px;
} */

.layout-region-checkout-main .checkout-pane .fieldgroup>legend{
	font-family: var(--font-title);
	margin: 0 0 20px;
}

.form-wrapper[data-drupal-selector="edit-shipping-information-shipments"],
.form-wrapper[data-drupal-selector="edit-payment-information-payment-method"]{
	margin: 50px 0 0;
}

.layout-region-checkout-secondary{
	position: sticky;
	top: 0;
	right: 0;
}

.layout-region-checkout-main .checkout-pane .profile{
	margin-bottom: 20px;
}

.layout-region-checkout-main .checkout-pane .profile p{
	margin: 0;
}

.layout-region-checkout-secondary>h3{
	font-size: 1.6em;
	line-height: 1.4em;
	margin: 0 0 30px;
	color: var(--dark-title-color);
}

.view-commerce_checkout_order_summary table{
	table-layout: auto;
	width: 100%;
}

.view-commerce_checkout_order_summary table td{
	vertical-align: middle;
}

.view-commerce_checkout_order_summary .views-field-purchased-entity{
	width: 100%;
	text-align: center;
}

.view-commerce_checkout_order_summary .field-image-shop{
	width: 60px;
	margin: 0 auto 10px;
}

.view-commerce_checkout_order_summary .total-price{
	font-size: 1.1em;
	line-height: 1.4em;
}

/* checkout review */
.checkout-pane-review {
	margin: 0;
}

.checkout-pane-review>.form-wrapper{
	margin: 0 0 40px;
}

.checkout-pane-review>.form-wrapper>legend{
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 30px;
	font-family: var(--font-title);
	font-weight: normal;
	display: block;
	width: 100%;
	padding: 0 0 20px;
	border-bottom: 2px solid var(--gray);
	color: var(--dark-title-color);
}

/* .checkout-pane-review .payment-method,
.checkout-pane-review .shipping-method{
	margin: 0 0 20px;
} */

.checkout-pane-review .shipping-method .field-label,
.checkout-pane-review .payment-method .field-label{
	font-weight: bold;
}

.commerce-checkout-flow .review-button-wrapper{
	display: inline-flex;
	flex-direction: column;
	text-align: center;
}

.commerce-checkout-flow .link--previous{
	margin-left: 20px;
}

/* .checkout-complete {

} */


/* user order page */
.commerce_order--user .fieldgroup{
	margin-bottom: 50px;
}

.commerce_order--user .group__label{
	font-family: var(--font-title);
	font-size: 1.4em;
	line-height: 1.2em;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid var(--gray);
	color: var(--dark-title-color);
}

.commerce_order--user .field{
	margin-bottom: 10px;
}

.commerce_order--user .field-label{
	font-weight: bold;
}

/* responsive */
@media screen and (max-width: 1420px){
	
}

@media screen and (max-width: 1180px){

}

@media screen and (max-width: 1024px){

}

@media screen and (max-width: 990px){

	.view-commerce_cart_form-default table td,
	.view-commerce_cart_form-default table th{
		padding: 10px;
	}

	
}

@media screen and (max-width: 880px) {

	.layout-region-checkout-main {
		margin: 0 0 30px;
		width: 100%;
	}
	
	.layout-region-checkout-secondary {
		width: 100%;
		position: static;
	}

}

@media screen and (max-width: 768px){

	.view-commerce_cart_form-default thead{
		display: none;
	}

	.view-commerce_cart_form-default table tr{
		display: block;
		padding: 30px 0;
	}

	.view-commerce_cart_form-default table td,
	.view-commerce_cart_form-default table th{
		display: inline-block;
	}

	.view-commerce_cart_form-default table .views-field-purchased-entity{
		width: 100%;
		margin-bottom: 20px;
	}

	.checkout-progress li{
		font-size: 1em;
		padding: 0 10px;
	}


}

@media screen and (max-width: 640px){

}

@media screen and (max-width: 480px){

	.view-commerce_cart_form-default .form-submit{
		width: 100%;
		margin: 0 0 10px;
	}
	
}

@media screen and (max-width: 320px){


}