/*cart styles for Magento_Checkout Cart*/

/*default sytle across cart pages*/
.checkout-cart-index .page-title {
	color: #FFF;
	margin: 1rem;
}
.checkout-cart-index .page-main {
	max-width: 1440px;
}
.cart-container{
	background: var(--theme-color-background);
    padding: 1rem;
}
.cart-container form button, .cart-container .actions a.action.continue, .cart-container .actions-toolbar a.action.action-delete, .cart.table-wrapper .actions-toolbar > .action {
	color: var(--theme-color-border-dark);
    font-size: 105%;
    font-weight: 400;
    background: #FFF;
    padding: .5rem 1rem;
    display: inline-block;
    margin: 1rem;
    border: solid 1px var(--ram-blue);
	border-radius: 0;
	transition: all 150ms linear;
}
.cart-container {
	
	form button:hover, .actions a.action.continue:hover, .actions-toolbar a.action.action-delete:hover  {
	color: var(--ram-blue);
	background: #FFF;
	}
}
/*Shopping Cart styles*/

.cart.item {
	
	.col.item {
		background: #FFF;
	}
	
	.product-image-container {
		aspect-ratio: auto;
	}
}


/*cart summary*/

.cart-summary > ul button.checkout {
	background: var(--ram-blue);
    border-color: var(--ram-green);
	border-radius: 0;
	transition: all 150ms linear;

}

/*totals*/


/*empty-cart-page styles*/

.cart-empty, .checkout-success {
	background: var(--theme-color-background);
    padding: 2rem;
	
	a {
		color: #FFF;
		font-size: 105%;
		font-weight: 400;
		background: var(--ram-blue);
		padding: .5rem 1rem;
		display: inline-block;
		margin: 1rem;
		border: solid 1px var(--ram-blue);
		border-radius: 0;
		transition: all 150ms linear;

	}
	
	a:hover {
		color: var(--ram-blue);
		background: #FFF;

	}

}

/*mobile css*/