/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* WooCommerce Checkout Page */

.vd-checkout {
	width: 100%;
	max-width: 1100px;
	margin-top: 3rem !important;
}

.vd-checkout h2 {
	font-family: "Raleway", sans-serif;
	letter-spacing: 0;
	font-weight: 700;
	margin-bottom: 1rem !important;
}

.vd-checkout a {
	padding-bottom: 0.3rem;
	border-bottom: 1px solid #9ea348;
	color: #9ea348 !important;
	font-weight: 600 !important;
}

.vd-checkout a:hover {
	border-bottom-color: #7b8038;
	color: #7b8038 !important;
}

.vd-items-block {
	background: #f8f3ed;
	padding: 2rem 2rem 0 2rem;
}

.vd-no-border-top {
	border-top: none !important;
}

.vd-items-block .wc-block-components-totals-wrapper:last-of-type {
	border-top: none !important;
}

.vd-items-block .wc-block-components-product-metadata,
.vd-items-block .wc-block-components-order-summary-item__individual-prices {
	display: none !important;
}

.vd-button button {
	background-color: #9ea348 !important;
	color: #181310;
	font-weight: 600;
}

.vd-button button:hover {
	background-color: #7b8038 !important;
}

.vd-button .wc-block-components-checkout-return-to-cart-button {
	border: none;
	padding-bottom: 0;
}
.wc-block-checkout__terms {
	margin-top: -1rem !important;
}

@media only screen and (max-width: 1100px) {
	.vd-checkout {
	width: 90%;
		margin-left: auto !important;
		margin-right: auto !important;
}
	
	.vd-button button {
	flex-grow: 1;
		margin-left: 4rem;
}
}


@media only screen and (max-width: 991px) {
	.vd-checkout .wc-block-components-sidebar-layout {
	flex-direction: column-reverse;
}
	.vd-checkout .wc-block-components-sidebar,
	.vd-checkout .wc-block-components-main {
		width: 100% !important;
		margin-bottom: 4rem;
	}
}

@media only screen and (max-width: 444px) {
	.vd-checkout .wc-block-checkout__actions_row {
	flex-direction: column !important;
	}
	.vd-button button {
		margin-left: 0;
}
}