/**
 * Custom Properties
 * aka CSS variables.
 *
 * @link: https://developer.mozilla.org/en-US/docs/Web/CSS/--*
 **/

:root {
	--content-width: 100%;
	--content-width--wide: 80rem;
	--dropdown-symbol-width: 0.7em;
	--narrow-content-width: 40rem;

	/* Typography */
	--global-font-family: "Roboto Condensed", sans-serif;
	--highlight-font-family: "Playfair Display", serif;
	/* --highlight-font-family-italic: "Libre Caslon Text", serif; */
	--global-font-size: 16;
	--lh: 1.35;

	/* Custom editor font sizes */
	--font-size-smaller: calc(12 / var(--global-font-size) * 1rem);
	--font-size-small: calc(14 / var(--global-font-size) * 1rem);
	--font-size-regular: 1rem;
	--font-size-medium: calc(16 / var(--global-font-size) * 1rem);
	--font-size-medium-2: calc(16 / var(--global-font-size) * 1rem);
	--font-size-large: calc(24 / var(--global-font-size) * 1rem);
	--font-size-larger: calc(26 / var(--global-font-size) * 1rem);
	--font-size-huge: calc(50 / var(--global-font-size) * 1rem);

	/* other font sizes */
	--font-size-loop-title: 20px;

	/* Colors */
	--global-font-color: #111;
	--border-color-dark: #333;
	--border-color-light: #ccc;
	--color-link: var(--color-theme-fucsia);
	--color-link-visited: var(--color-theme-fucsia);
	--color-link-active: #ff2e8d;
	--color-quote-border: #000;
	--color-quote-citation: #6c7781;
	--color-focus: rgba(0, 0, 0, 0.3);
	--color-bg-selection: rgba(0, 0, 0, 0.1);
	--color-price: var(--color-theme-fucsia);

	/* Custom editor colors */
	/* --color-theme-red: #d6033a; */
	--color-theme-aquamarine: #4cccbf;
	--color-theme-black: #000000;
	--color-theme-blue: #2980b9;
	--color-theme-burgundy: #641020;
	/* --color-theme-fucsia: #ff0074; */
	--color-theme-fucsia: var(--color-theme-medium-pink);
	--color-theme-green: #0b4a41;
	--color-theme-dark-green: #34514d;
	--color-theme-grey: #95a5a6;
	--color-theme-light-grey: #ebebeb;
	--color-theme-medium-pink: #ff78c4;
	--color-theme-pink: #fcc5d7;
	--color-theme-primary: #e36d60;
	--color-theme-red: #d6033a;
	--color-theme-secondary: #41848f;
	--color-theme-white: #ffffff;
	--color-theme-yellow: #fffc85;
	--color-custom-daylight: #97c0b7;
	--color-custom-sun: #eee9d1;

	/* banner before header */

	--sale-header-banner-bg: var(--color-theme-burgundy);
	--sale-header-banner-color: var(--color-theme-white);

	/* Buttons */

	--color-button: rgba(255, 255, 255);
	--color-bg-button: var(--color-theme-burgundy);
	--color-button-hover: var(--color-theme-white);
	--color-bg-button-hover: var(--color-theme-black);

	/* Elements */
	--menu-mobile-bg: var(--color-theme-black);
	--cart-width: 400px;
	--card-aspect-ratio: 0.6;

	/* spaces */

	--space: 1.2rem;
	--vspace: 3rem;
	--hspace: 1.2rem;
	--gap: 1.2rem;
	--hh: 6.6rem;
	--border-radius: 1rem;
	
	--header-widgets: 35px;
	--header-full-height: calc(var(--hh) + var(--header-widgets));

	--wp--style--unstable-gallery-gap: var(--gap);
	--wp--style--gallery-gap-default: var(--gap);

	/* Loops */
	--columns: 2;
	--item-width: calc(
		100% / var(--columns) - var(--gap) * (var(--columns) - 1) /
			var(--columns)
	);

	/* Easings */
	--ease: ease-in-out;

	/* Swiper */
	--swiper-pagination-bullet-inactive-color: var(--color-theme-white);
	--swiper-pagination-color: var(--color-theme-white);
	--swiper-pagination-bullet-size: 0.6rem;
	--swiper-pagination-bullet-horizontal-gap: 0.6em;
	--swiper-pagination-bullet-vertical-gap: 0.6em;
	--swiper-pagination-bullet-inactive-opacity: 1
}

@media screen and (max-width: 424px) {

:root {
		--font-size-medium: calc(17 / var(--global-font-size) * 1rem);
		--font-size-large: calc(20 / var(--global-font-size) * 1rem);
		--font-size-larger: calc(24 / var(--global-font-size) * 1rem);
		--font-size-huge: calc(45 / var(--global-font-size) * 1rem);
		--hspace: 1rem
}
	}

/* @media (--max-xs) {
		
		--font-size-large: calc(20 / var(--global-font-size) * 1rem);
		--font-size-larger: calc(22 / var(--global-font-size) * 1rem);
		--font-size-huge: calc(44 / var(--global-font-size) * 1rem);
		--global-font-size: 15;
	} */

@media screen and (min-width: 601px) {

:root {
		--content-width: 35rem
}
	}

@media screen and (min-width: 782px) {

:root {
		--hspace: 1.5rem;
		--border-radius: 1.4rem;
		--content-width: 50rem
		/* --font-size-huge: calc(85 / var(--global-font-size) * 1rem); */
}
	}

@media screen and (min-width: 1024px) {

:root {
		--content-width: 75rem;

		/* rescaling figma */
		--font-size-medium: calc(19.5 / var(--global-font-size) * 1rem);
		--font-size-medium-2: calc(22 / var(--global-font-size) * 1rem);
		--font-size-large: calc(30 / var(--global-font-size) * 1rem);
		--font-size-larger: calc(52 / var(--global-font-size) * 1rem);
		--font-size-huge: calc(75 / var(--global-font-size) * 1rem);

		--font-size-loop-title: 32px;

		--vspace: 5rem;
		--hspace: 2.5rem
}
	}

@media screen and (min-width: 1600px) {

:root {
		/* acording to figma */
		--content-width: 80rem;
		--font-size-medium: calc(26 / var(--global-font-size) * 1rem);
		--font-size-medium-2: calc(30 / var(--global-font-size) * 1rem);
		--font-size-large: calc(40 / var(--global-font-size) * 1rem);
		--font-size-larger: calc(70 / var(--global-font-size) * 1rem);
		--font-size-huge: calc(100 / var(--global-font-size) * 1rem)
}
	}

@media screen and (max-width: 1099px) {

:root {
		--hh: 4rem
}
	}

p.price,
span.price {
	color: #ff78c4 !important;
	color: var(--color-price) !important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
	background-color: rgba(220, 220, 220, 0.1);
	clear: both;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

.woocommerce-currency-switcher .selector {
		background: none !important;
	}

.woocommerce-currency-switcher .selector {
		border: none;
	}

.woocommerce-currency-switcher .chevron-down {
		display: none !important;
	}

.woocommerce-currency-switcher .option-wrap,
	.woocommerce-currency-switcher button.option-submit {
		border: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 0.5em;
		padding: 0;
		font-size: inherit
	}

.woocommerce-currency-switcher .option-wrap > *, .woocommerce-currency-switcher button.option-submit > * {
			margin: 0;
		}

.woocommerce-currency-switcher .dropdown-content {
		border: none;
		background: none;
		padding-top: 0.5em
	}

.woocommerce-currency-switcher .dropdown-content button.option-submit {
			color: black !important;
		}

.woocommerce-currency-switcher .dropdown-content button.option-submit {
			padding: 0.5em;
			background: white;
		}

@media screen and (max-width: 1099px) {
		.woocommerce-currency-switcher .dropdown-content {
			right: 0;
		}
		.woocommerce-currency-switcher .option-wrap .option-text {
			display: none !important;
		}
		.woocommerce-currency-switcher .currency-flag {
			-webkit-transform: scale(0.8);
			        transform: scale(0.8);
		}
	}

/*--------------------------------------------------------------
## Single product
--------------------------------------------------------------*/

h1.product_title.entry-title {
	font-family: "Roboto Condensed", sans-serif;
	font-family: var(--global-font-family);
	font-size: calc(24 / 16 * 1rem);
	font-size: var(--font-size-large);
	font-weight: bold;
}

.single-product .quantity .qty {
	height: 2.3rem;
	margin-right: 0.5em;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
	text-align: left;
}

.product_meta {
	font-size: 0.8em;
	opacity: 0.6;
}

/* Gallery */

.woocommerce-product-gallery {
	position: relative;
	--items-width: 20%
}

.woocommerce-product-gallery .flex-viewport {
		margin-right: calc(var(--items-width) + 1.2rem) !important;
		margin-right: calc(var(--items-width) + var(--gap)) !important;
	}

.woocommerce-product-gallery .flex-control-nav {
		position: absolute;
		right: 0;
		top: 0;
		width: var(--items-width)
	}

.woocommerce-product-gallery .flex-control-nav li {
			display: block !important;
			float: none !important;
			width: 100% !important;
		}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	left: 1rem;
	right: auto;
}

.woocommerce-variation-add-to-cart {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 1.2rem;
	gap: var(--gap)
}

.woocommerce-variation-add-to-cart > * {
		height: 100%;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 0px;
		        flex: 1 1 0;
	}

.woocommerce-variation-add-to-cart .quantity {
		-ms-flex-preferred-size: 5rem;
		    flex-basis: 5rem;
		-webkit-box-flex: 0;
		    -ms-flex-positive: 0;
		        flex-grow: 0
	}

.woocommerce-variation-add-to-cart .quantity input {
			width: 100% !important;
		}

.single_add_to_cart_button {
	text-align: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

:not(article[class*="product_cat-curso"]) .woocommerce-tabs {
	display: none !important;
}

.related.products {
	margin-top: 3rem;
	margin-top: var(--vspace);
	margin-bottom: 3rem;
	margin-bottom: var(--vspace);
}

/*--------------------------------------------------------------
## Content blocks on Single 
--------------------------------------------------------------*/

body.has-blocks.single-product :where(.site-main > :not(.entry-content)) {
	max-width: 100%;
	max-width: var(--content-width);
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.2rem;
	padding-left: var(--hspace);
	padding-right: 1.2rem;
	padding-right: var(--hspace);
}

.gallery-summary-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1.2rem calc(1.2rem * 2);
	gap: var(--gap) calc(var(--gap) * 2)
}

.gallery-summary-wrapper > * {
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 0px;
		        flex: 1 1 0;
	}

@media screen and (max-width: 600px) {

.gallery-summary-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column
}
	}

/*--------------------------------------------------------------
## Cart in header
--------------------------------------------------------------*/

#cart-on-header {
	position: fixed;
	overflow-y: auto;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	z-index: 10000;
	background: #f6f6f6;
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	-webkit-transition: -webkit-transform 0.5s var(--ease);
	transition: -webkit-transform 0.5s var(--ease);
	transition: transform 0.5s var(--ease);
	transition: transform 0.5s var(--ease), -webkit-transform 0.5s var(--ease);
	padding: 3rem 1.2rem;
	padding: var(--vspace) var(--space);
	width: 400px;
	width: var(--cart-width)
}

#cart-on-header a:not(.button) {
		text-decoration: none;
		color: inherit;
	}

#cart-on-header ul.site-header-cart {
		padding: 0;
		list-style: none
	}

#cart-on-header ul.site-header-cart .mini_cart_item {
			padding-top: 0.5em;
			padding-bottom: 0.5em;
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		}

#cart-on-header ul.site-header-cart a.remove {
			top: 0.25em;
		}

#cart-on-header .close-cart {
		position: absolute;
		top: 1rem;
		left: 1rem;
	}

#cart-on-header .woocommerce-mini-cart__buttons {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 0.85rem
	}

#cart-on-header .woocommerce-mini-cart__buttons a {
			font-size: inherit;
		}

.site-header-cart li {
	margin-left: 0;
}

body.header-cart-toggled #cart-on-header {
	-webkit-transform: translateX(0);
	        transform: translateX(0);
}

/*--------------------------------------------------------------
## global Cart
--------------------------------------------------------------*/

body .widget_shopping_cart .woocommerce-mini-cart__total.total {
		padding-top: 1em;
		border-top: 1px solid;
	}

.added_to_cart.wc-forward {
	display: none !important;
}

@media screen and (min-width: 782px) {

.woocommerce-cart-form td.product-remove {
			width: 2em
	}
		}

@media screen and (min-width: 782px) {

.woocommerce-cart-form td.product-thumbnail {
			width: 4em
	}
		}

.woocommerce-cart-form input#coupon_code {
		width: 10em;
		margin-top: 0.2em;
	}

/*--------------------------------------------------------------
## Breadcrumbs
--------------------------------------------------------------*/

.woocommerce .woocommerce-breadcrumb {
	margin: 1.2rem 0;
	margin: var(--space) 0;
}

/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	#respond
	input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	#respond
	input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	input.button,
a.button,
input.button {
	text-transform: uppercase;
	border-radius: 99em;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 1em;
	border: none;
	line-height: 1.1;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s var(--ease);
	transition: all 0.15s var(--ease);
	border: 1px solid transparent;

	font-weight: bold;
	letter-spacing: 0.05em;
	font-size: 0.9rem;
	text-decoration: none;
	padding: 0.75em 1.4em;
	background: #ff78c4;
	background: var(--color-theme-fucsia)
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	#respond
	input#submit:not(.has-background), .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	a.button:not(.has-background), .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	button.button:not(.has-background), .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	input.button:not(.has-background), :where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	#respond
	input#submit:not(.has-background), :where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	a.button:not(.has-background), :where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	button.button:not(.has-background), :where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	input.button:not(.has-background), a.button:not(.has-background), input.button:not(.has-background) {
		background-color: #641020;
		background-color: var(--color-bg-button);
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	#respond
	input#submit:not(.has-text-color), .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	a.button:not(.has-text-color), .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	button.button:not(.has-text-color), .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	input.button:not(.has-text-color), :where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	#respond
	input#submit:not(.has-text-color), :where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	a.button:not(.has-text-color), :where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	button.button:not(.has-text-color), :where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	input.button:not(.has-text-color), a.button:not(.has-text-color), input.button:not(.has-text-color) {
		color: rgba(255, 255, 255);
		color: var(--color-button);
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	#respond
	input#submit:hover {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	#respond
	input#submit:hover {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	#respond
	input#submit:focus {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	#respond
	input#submit:focus {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	a.button:hover {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	a.button:hover {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	a.button:focus {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	a.button:focus {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	button.button:hover {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	button.button:hover {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	button.button:focus {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	button.button:focus {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	input.button:hover {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	input.button:hover {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	input.button:focus {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	input.button:focus {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	#respond
	input#submit:hover {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	#respond
	input#submit:hover {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	#respond
	input#submit:focus {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	#respond
	input#submit:focus {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	a.button:hover {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	a.button:hover {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	a.button:focus {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	a.button:focus {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	button.button:hover {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	button.button:hover {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	button.button:focus {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	button.button:focus {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	input.button:hover {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	input.button:hover {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	input.button:focus {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	input.button:focus {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

a.button:hover {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

a.button:hover {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

a.button:focus {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

a.button:focus {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

input.button:hover {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

input.button:hover {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

input.button:focus {
		background-color: #000000 !important;
		background-color: var(--color-bg-button-hover) !important;
		color: #ffffff !important;
		color: var(--color-button-hover) !important;
	}

input.button:focus {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		border-color: white;
	}

.close-cart {
	border-radius: 99em;
	width: 2rem;
	height: 2rem;
	display: block;
	padding: 0;
	margin: 0;
	border: none;
	line-height: 1;
	color: #ff78c4;
	color: var(--color-theme-fucsia);
	font-size: 180%;
	cursor: pointer;
	background: none;
}

.menu-item .cart-contents {
	position: relative;
	padding-right: 0.5em
}

.menu-item .cart-contents::before {
		content: "\e90d";
		font-family: "icomoon";
		font-size: 1rem;
	}

.menu-item .cart-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0.5em
}

.menu-item .cart-contents .amount {
		display: none;
	}

.menu-item .cart-contents .count {
		position: absolute;
		font-size: 0.55rem;
		font-weight: bold;
		background: #ff78c4;
		background: var(--color-theme-fucsia);
		color: #ffffff;
		color: var(--color-theme-white);
		width: 1.5em;
		height: 1.5em;
		border-radius: 999em;
		display: grid;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		top: -0.5em;
		right: -0.5em;
	}

/*--------------------------------------------------------------
## Account
--------------------------------------------------------------*/

.woocommerce-MyAccount-navigation {
	margin-bottom: 3rem;
	margin-bottom: var(--vspace)
}

.woocommerce-MyAccount-navigation ul {
		list-style: none;
		padding: 0;
		margin: 0
	}

.woocommerce-MyAccount-navigation ul li {
			padding: 0.5em 0;
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		}

/*--------------------------------------------------------------
## Loop
--------------------------------------------------------------*/

ul.products .woocommerce-loop-product__link {
		color: inherit;
	}

ul.products .woocommerce-loop-product__title {
		text-transform: uppercase;
		font-size: 1rem;
		font-family: "Roboto Condensed", sans-serif;
		font-family: var(--global-font-family)
	}

ul.products .woocommerce-loop-product__title a {
			color: inherit;
		}

ul.products .attachment-woocommerce_thumbnail {
		border-radius: calc(1rem * 0.5);
		border-radius: calc(var(--border-radius) * 0.5);
	}

/*--------------------------------------------------------------
## Order
--------------------------------------------------------------*/

.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
	padding: 0.3em 0.5em;
	border: 1px solid #ccc;
	border-radius: 3px
}

.woocommerce form .form-row .input-text:focus, .woocommerce-page form .form-row .input-text:focus {
		border-color: currentColor;
	}

.form-row label {
	font-size: 0.7rem;
	text-transform: uppercase;
	color: #777;
}

@media screen and (min-width: 782px) {

.woocommerce-billing-fields__field-wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0 1em;
		gap: 0 1em
}
		.woocommerce-billing-fields__field-wrapper > * {
			width: 100% !important;
		}
		.woocommerce-billing-fields__field-wrapper > * {
			grid-column: 1/-1;
		}
		.woocommerce-billing-fields__field-wrapper #billing_first_name_field,
		.woocommerce-billing-fields__field-wrapper #billing_postcode_field,
		.woocommerce-billing-fields__field-wrapper #billing_city_field {
			grid-column: 1/2;
		}
		.woocommerce-billing-fields__field-wrapper #billing_last_name_field,
		.woocommerce-billing-fields__field-wrapper #billing_phone_field,
		.woocommerce-billing-fields__field-wrapper #billing_state_field {
			grid-column: 2/-1;
		}
	}

#order_comments {
	min-height: 10rem;
}

.col2-set .col-1,
	.col2-set .col-2 {
		float: none !important;
		width: auto !important;
	}

.col2-set .woocommerce-additional-fields {
		margin-top: 1.2rem;
		margin-top: var(--space);
	}

@media screen and (min-width: 1024px) {

form.woocommerce-checkout {
		display: grid;
		grid-gap: 0 1.2rem;
		gap: 0 1.2rem;
		grid-gap: 0 1.2rem;
		grid-gap: 0 var(--gap);
		gap: 0 var(--gap);
		grid-template-columns: 1fr 22rem;
		grid-template-rows: auto auto auto
}
		form.woocommerce-checkout #customer_details {
			grid-row: 1/-1;
		}
		form.woocommerce-checkout #order_review_heading,
		form.woocommerce-checkout #order_review {
			grid-column: 2/-1;
		}
	}

/* Checkout table */

table.woocommerce-checkout-review-order-table th + td {
		width: 40%;
	}

.woocommerce span.onsale {
	display: none !important;
}

.woocommerce span.onsale {
	width: 4rem;
	height: 4rem;
	padding: 0.5em;
	line-height: 1;
	top: 4em;
	left: 0.9em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background: #ff78c4;
	background: var(--color-theme-medium-pink);
}

/*--------------------------------------------------------------
## Paypal
--------------------------------------------------------------*/

.ppc-button-wrapper {
	margin-top: 2em;
	margin-bottom: 2em;
}

.product_meta {
	display: grid;
}

/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	#respond
	input#submit.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	#respond
	input#submit:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	#respond
	input#submit:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	a.button.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	a.button:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	a.button:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	button.button.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	button.button:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	button.button:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	input.button.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	input.button:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
	input.button:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	#respond
	input#submit.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	#respond
	input#submit:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	#respond
	input#submit:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	a.button.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	a.button:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	a.button:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	button.button.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	button.button:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	button.button:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	input.button.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	input.button:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles))
	.woocommerce
	input.button:disabled[disabled] {
	color: white !important;
}

/*--------------------------------------------------------------
## login forms
--------------------------------------------------------------*/

body.woocommerce-lost-password .entry-content .woocommerce > * {
		max-width: 40rem;
		max-width: var(--narrow-content-width);
	}

body.woocommerce-lost-password .widgets-container{
		display: none !important;
	}

body.woocommerce-lost-password .site-main{
	min-height: 100vh;
}

.woocommerce form .form-row-first,
.woocommerce-page form .form-row-first {
	/* float: none; */
	/* width: auto; */
}

/*# sourceMappingURL=woocommerce.css.map */