@charset "UTF-8";
/* CSS Document */

.cart-page {
	padding: var(--gap) 0;
}

.cart-page h1 {
	padding-bottom: 20px;
}

.cart-columns {
	grid-template-columns: 0.7fr 0.3fr;
	gap: 20px;
	align-items: start;
}

.cart-page-contents {
	gap: 5px;
}

.cart-page-contents .item {
	padding: 20px;
	background-color: var(--white);
	grid-template-columns: 100px 1fr 100px;
	gap: 20px;
}

.cart-page-contents .qty-actions {
	gap: 10px;
}

.cart-page-contents .item price {
	text-align: right;
	font-weight: 700;
    color: var(--act-alt);
}

.cart-page-contents .rs-update-cart {
	display: none;
}

.cart-page .cart-totals {
	background-color: var(--white);
	border-top: 5px solid var(--act-alt);
}

.cart-page .cart-totals .cart-meta {
	padding: 20px;
}

.cart-page .cart-totals .cart-total {
	padding: 20px;
	background-color: var(--act-primary-trans);
	font-weight: 700;
	color: var(--act-primary-dark);
}

.cart-page .cart-totals price {
	flex-grow: 1;
	text-align: right;
}

.cart-page .cart-pay .button {
	padding: 15px 20px!important;
	text-align: center;
	font-size: 18px!important;
	font-weight: 600!important;
}



/* WOO overrulers */

.cart-page-contents .item .quantity .qty {
	width: 40px;
	padding: 10px 0px 10px 15px;
}

	
@media screen and (max-width: 1180px) and (orientation: portrait),
screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
    .cart-columns {
		grid-template-columns: 1fr;
	}
	
	.cart-page-contents .item {
		grid-template-columns: 1fr;
	}
	
	.cart-page-contents .item img {
		max-height: 100px;
		width: 50%;
		object-fit: cover;
	}
}