/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

.woocommerce-loop-product__title {
	text-align: left;
}

body.single-product .woocommerce-Price-amount,
body.woocommerce-shop .woocommerce-Price-amount,
body.woocommerce-page.tax-product_cat .woocommerce-Price-amount {
	color: #b22b2e;
	font-size: 30px;
	font-weight: bold;
}

.woocommerce-loop-product__link .price {
	text-align: left;
}

body.woocommerce-shop .fl-page-content,
body.woocommerce-page.tax-product_cat .fl-page-content {
	background: #f6f6f7;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	padding: 4rem 4rem 2rem;
	background: #fff;
	max-width: none;
}

.woocommerce-product-details__accordion {
	clear: both;
	list-style-type: none;
	display: block;
	padding: 0;
}

body.single-product .product {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

body.single-product div.product form.cart div.quantity {
	float: none;
	margin-bottom: 2rem;
	display: flex;
	align-items: center;
	margin-right: 0;
}

body.single-product div.product form.cart div.quantity::before {
	content: "QTY:";
	font-weight: bold;
}

body.single-product div.product form.cart div.quantity .qty {
	display: inline-block;
	padding: 12px 24px;
	height: auto;
	width: 100%;
	max-width: 164px;
	font-size: 2rem;
	border-radius: 0;
	margin-left: 1rem;
	flex: auto;
}

.woocommerce div.product form.cart .single_add_to_cart_button {
	font-size: 2rem;
}

body.woocommerce .button.woocommerce-button,
body.woocommerce .button,
body.woocommerce-page button.button,
body.woocommerce-page a.button,
body.woocommerce-page button.button.alt,
body.woocommerce-page button.button.woocommerce-button,
body.woocommerce-page .woocommerce a.button.wc-forward,
body.woocommerce-page .woocommerce button[type=submit],
body.woocommerce-page .woocommerce-message a.button,
body.woocommerce-page .woocommerce-message a.button.wc-forward,
body.woocommerce-page .woocommerce-checkout input.button {
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 5px !important;
	padding: 12px 24px;
}

body.woocommerce-page .woocommerce-checkout #place_order {
	background-color: #b22b2e;
}

body.woocommerce-page .woocommerce-checkout #place_order:hover {
	background-color: #3b5eab;
}

.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
	height: 48px;
}

.woocommerce div.product form.cart .single_add_to_cart_button::before {
	content: "\f07a";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	color: #fff;
	font-weight: 600;
	margin-right: 1rem;
	vertical-align: middle;
}

.woocommerce-product-details__accordion__item {}

.woocommerce-product-details__accordion__item__title {
	background: none;
	display: block;
	border-radius: 0;
	color: inherit;
	border: none;
	border-top: 1px solid #b22b2e;
	width: 100%;
	text-align: left;
	font-size: 2.5rem;
	padding: 1.5rem 0;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.woocommerce-product-details__accordion__item__title::after {
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	float: right;
	font-size: 50%;
	padding-right: 1rem;
}

.woocommerce-product-details__accordion__item__title--active::after {
	content: "\f068";
}

.woocommerce-product-details__accordion__item__title:hover,
.woocommerce-product-details__accordion__item__title:active,
.woocommerce-product-details__accordion__item__title:focus {
	border: none;
	border-top: 1px solid #b22b2e;
	color: inherit;
	background: none;
}

.woocommerce-product-details__accordion__item__title:hover {
	background: #f6f6f7;
}

.woocommerce-product-details__accordion__item__panel {
	display: none;
	padding: 1rem 0;
	padding-right: 1rem;
}

.woocommerce-product-details__accordion__item__panel table {
	margin-bottom: 1rem;
}

.woocommerce-product-details__accordion__item__panel td,
.woocommerce-product-details__accordion__item__panel th {
	padding-top: 1rem;
	padding-bottom: 1rem;
	vertical-align: top;
}

.fl-page-nav-right .fl-page-nav-collapse {
	flex-wrap: wrap;
}

#menu-top-bar .nav-link {
	color: #b22b2e;
	font-weight: bold;
	text-transform: uppercase;
}

#menu-top-bar .nav-link:hover {
	color: #3b5eab;
}

.woocommerce-product-details__installation-instructions {
	font-family: futura-pt, Verdana, Arial, sans-serif;
	font-weight: 700;
	border: 1px solid #f3f3f3;
	border-style: solid;
	border-width: 0;
	background-clip: border-box;
	border-color: #3b5eab;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-radius: 5px;
	color: #3b5eab;
	padding: 12px 24px;
	font-size: 2rem;
	text-transform: uppercase;
	margin-top: 2rem;
	display: inline-block;
	text-decoration: none;
}

.woocommerce-product-details__installation-instructions:hover {
	background: #3b5eab;
	color: #fff;
	text-decoration: none;
}

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
	top: .7rem;
	right: .7rem;
}

.woocommerce form .form-row input,
.woocommerce form .form-row textarea {
	position: relative;
}

.woocommerce form .form-row.mailchimp-newsletter {
	display: none;
}

#simple_autocomplete_div {
	margin-top: -12px;
	margin-left: 0;
}

@media ( min-width: 768px ) {

	.woocommerce ul.products,
	.woocommerce-page ul.products {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.woocommerce ul.products.columns-2 li.product,
	.woocommerce-page ul.products.columns-2 li.product {
		width: 38%;
		margin-right: auto;
	}

	.woocommerce ul.products.columns-2 li.product.last,
	.woocommerce-page ul.products.columns-2 li.product.last {
		margin-right: auto !important;
	}

	.woocommerce-product-details__accordion__item__title::after {
		margin-right: 4rem;
	}

	.woocommerce-product-details__accordion__item__panel {
		padding-right: 4rem;
	}

	body.single-product div.product form.cart div.quantity .qty {
		max-width: 154px;
	}

	#menu-top-bar {
		display: flex;
		justify-content: flex-end;
		width: 100%;
	}

}