/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

html {
  scroll-behavior: smooth;
}

.single-product #primary, .post-type-archive-product #primary, .tax-product_cat #primary {
	background-image: url("https://blobs.willbkr.co.uk/wp-content/uploads/2023/07/bg.svg");
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.single-product #primary main, .post-type-archive-product #primary main, .tax-product_cat #primary main, .woocommerce-account #page main, .woocommerce-cart #page main {
	background: white;
	padding: 50px;
	border-radius: 15px;
	border: 3px solid #8CC4F8;
}

.woocommerce-account #page, .woocommerce-cart #page {
	background-image: url("https://blobs.willbkr.co.uk/wp-content/uploads/2023/07/bg.svg");
}

.woocommerce-account #page main, .woocommerce-cart #page main {
	margin: 4rem auto;
}

.woocommerce .woocommerce-breadcrumb a{
	color: #FCAEEC;
}

.posted_in a {
	color: #FCAEEC;
}

.woocommerce div.product p.price {
	color: #EF62CC;
	font-size: 1.8rem;
	font-weight: 600;
	font-family: "Bebas Neue", Sans-serif;
}

.single-product div.product form.cart div.quantity {
	float: none;
}

.woocommerce div.product form.cart .button {
	background-color: #EF62CC;
	border: none;
	transition: 0.2s all;
	font-family: "Bebas Neue", Sans-serif;
	letter-spacing: 0.8px;
	word-spacing: 2px;
	font-size: 18px;
	float: none;
	margin-top: 1rem;
	padding: 1rem 3rem;
}

.woocommerce div.product form.cart .button:hover {
	background-color: #FCAEEC;
	transition: 0.2s all;
}

.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
	border-radius: 3px !important;
	margin: 0 !important;
	transition: 0.1s all;
}

.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
	transition: 0.1s all;
}

.products .product .star-rating {
	display: none;
}

.products .product .price {
	text-align: center;
	color: #8F6FD9 !important;
	font-family: "Bebas Neue", Sans-serif;
	font-size: 16px !important;
}

.products .product .woocommerce-loop-product__title {
	text-align: center;
	font-family: "Bebas Neue", Sans-serif;
	font-size: 18px !important;
	font-weight: 500;
	letter-spacing: 0.2px;
}

.woocommerce ul.products li.product .button {
	width: 100%;
	text-align: center;
	color: #fff;
	background-color: #8CC4F8;
	font-family: "Bebas Neue", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.5px;
	word-spacing: 3px;
	transition: 0.1s all;
}

.woocommerce ul.products li.product .button:hover {
	background-color: #EF62CC;
	transition: 0.1s all;
}

.woocommerce ul.products li.product .button.add_to_cart_button::before {
	content: "";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right: 8px;
}

.checkout-button, #place_order {
	background-color: #EF62CC !important;
	font-family: "Bebas Neue", Sans-serif;
	font-weight: 600;
	letter-spacing: 0.7px;
	word-spacing: 5px;
}

.forminator-button {
	font-family: "Bebas Neue", Sans-serif !important;
	font-size: 24px !important;
	letter-spacing: 0.5px;
	word-spacing: 3px;
	padding: 0.5rem 3rem !important;
}

button.button.woocommerce-form-login__submit, .button.wc-backward {
	font-family: "Bebas Neue", Sans-serif !important;
	font-size: 24px !important;
	letter-spacing: 0.5px;
	word-spacing: 3px;
	padding: 0.5rem 3rem !important;
	background-color: #8F6FD9 !important;
	color: white !important;
}

@media (max-width: 577px) {
	#primary {
		padding: 4rem 1rem;
	}
	
	.woocommerce-account #page main, .woocommerce-cart #page main {
		margin-left: 1rem;
		margin-right: 1rem;
		width: auto;
	}
	
}

@media (max-width: 450px) {
	.woocommerce ul.products li.product {
		width: 100% !important;
	}
	
	.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
		float: none;
	}
}