/*
 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
*/

#brx-content {
	flex-direction: column;
}

.alignwide {
	width: 100%;
	max-width: 100%;
}

.woocommerce-cart #brx-content, .woocommerce-checkout #brx-content, .woocommerce-account #brx-content{
	padding-left: 24px;
	padding-right: 24px;
}

.woocommerce-cart #brx-content>h1, .woocommerce-checkout #brx-content>h1, .woocommerce-account #brx-content>h1{
	display: flex;
	width: 100%;
	font-weight: 600;
	font-size: 22px;
	margin-top: 15px;
	margin-bottom: 30px;
}

.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout {
	font-size: 19px;
}

.woocommerce-order {
	font-size:14px;
}

.woocommerce-order h2 {
	font-size:1.6rem!important;
	margin-bottom: 10px;
}

.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button {
	padding: 10px 15px;
	border-radius: 8px;
	border:none;
  	transition: background 0.3s ease-in-out!important;
  	background-size: 100% 200%;
  	background-position: top;
  	background-image: linear-gradient(to top, #bdbdbd 50%, #212121 50%);
}

.wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover {
	background-position: bottom;
}

.wc-block-cart__submit-button span, .wc-block-components-checkout-place-order-button span, .wc-block-cart__submit-button .wc-block-components-button__text, .wc-block-components-checkout-place-order-button .wc-block-components-button__text {
	font-weight: 600;
	font-size: 22px;
	color: #fff;
}

.wc-block-cart__submit-button:hover span, .wc-block-components-checkout-place-order-button:hover span, .wc-block-cart__submit-button:hover .wc-block-components-button__text, .wc-block-components-checkout-place-order-button:hover .wc-block-components-button__text {
	color: #212121;
}

.woocommerce-mini-cart__buttons a {
	color: #fff!important;
	border-radius: 8px;
	border:none;
  	transition: background 0.3s ease-in-out!important;
  	background-size: 100% 200%;
  	background-position: top;
  	background-image: linear-gradient(to top, #bdbdbd 50%, #212121 50%);
}

.woocommerce-mini-cart__buttons a:hover {
	background-position: bottom;
	color: #212121!important;
}

.comment-form input[type='submit']{
	color: #fff;
	padding: 10px 15px;
	border-radius: 8px;
	border:none;
  	transition: background 0.3s ease-in-out!important;
  	background-size: 100% 200%;
  	background-position: top;
  	background-image: linear-gradient(to top, #bdbdbd 50%, #212121 50%);
	font-weight: 500;
}

.comment-form input[type='submit']:hover {
	background-position: bottom;
	color: #212121;
}