/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*BEGIN - REUSABLE VARIABLES*/
:root {
	interpolate-size: allow-keywords;
	margin-right: 0px !important;
	overflow-y: scroll !important; 

	--fs-100: clamp(0.8rem, 0.165vw + 0.759rem, 0.891rem);
	--fs-200: clamp(1rem, 0.341vw + 0.915rem, 1.188rem);
	--fs-300: clamp(1.25rem, 0.605vw + 1.099rem, 1.583rem);
	--fs-400: clamp(1.563rem, 0.996vw + 1.314rem, 2.11rem);
	--fs-500: clamp(1.953rem, 1.563vw + 1.562rem, 2.813rem);
	--fs-600: clamp(2.441rem, 2.378vw + 1.847rem, 3.749rem);
	--fs-700: clamp(3.052rem, 3.538vw + 2.167rem, 4.998rem);
	
	--fs-color-primary-base: oklch(from var(--fs-color-primary) l c h);
	--fs-color-primary-light: oklch(from var(--fs-color-primary) calc(l + 0.34) calc(c - 0.06) calc(h - 1.77));
	--fs-color-primary-dark: oklch(from var(--fs-color-primary) calc(l - 0.13) calc(c - 0.01) calc(h + 10.58));
	
	--fs-color-secondary-base: oklch(from var(--fs-color-secondary) l c h );
	--fs-color-secondary-light: oklch(from var(--fs-color-secondary) calc(l + 0.20) calc(c - 0.03) calc(h - 0));
	--fs-color-secondary-dark: oklch(from var(--fs-color-secondary) calc(l - 0.14) calc(c + 0.03) calc(h - 0.04));
	
	--fs-color-success-base: oklch(from var(--fs-color-success) l c h );
	--fs-color-success-light: oklch(from var(--fs-color-success) calc(l + 0.2080) calc(c - 0.0646) calc(h + 3.27));
	--fs-color-success-dark: oklch(from var(--fs-color-success) calc(l - 0.2391) calc(c - 0.0674) calc(h - 1.94));
	
	--fs-color-alert-base: oklch(from var(--fs-color-alert) l c h );
	--fs-color-alert-light: oklch(from var(--fs-color-alert) calc(l + 0.2080) calc(c - 0.0646) calc(h + 3.27));
	--fs-color-alert-dark: oklch(from var(--fs-color-alert) calc(l - 0.2391) calc(c - 0.0674) calc(h - 1.94));

}
/*END - REUSABLE VARIABLES*/


/*BEGIN - WORDPRESS TWEAKS*/
.disable:hover {
	cursor: default;
	
	& > a {
		pointer-events: none;
	}
	
}
/*END - WORDPRESS TWEAKS*/


/*BEGIN - FLATSOME FONT OVERRIDES*/
#header {
	
	.nav-left {justify-content: center;}
	.nav-right {justify-content: center;}
	
}

#main, #footer, .mfp-content, .custom-page-title {

	font: normal normal normal var(--fs-200)/1.2 "VisbyN", sans-serif, system-ui;
	
	h1, h2, h3, h4, h5, h6, .alt-font {
		font-family: "VisbyR"; 
		font-weight: 900;
	}
	
	strong {font-weight: 600;}
	
	.balance {text-wrap: balance;}

	:is(h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, select, label, legend, button:not(.toggle), .button:not(.icon)) {margin-block: 0; margin-inline: 0;}
	:is(p, ul, ol, button:not(.toggle), .button:not(.icon), #cmplz-manage-consent-container, #cmplz-cookies-overview):has(+ :is(h1, h2, h3, h4, h5, h6)) {margin-block-end: 2em;}
	:is(h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, form, label, legend, button:not(.toggle), .button:not(.icon)):has(+ :is(p, ul, ol, blockquote, button, form, .button)) {margin-block-end: 0.75em;}

	ul:not([class], :has(.recent-blog-posts-li)) {padding-inline-start: 1.25em;}
	ol:not([class]) {padding-inline-start: 1.75em;}

	.fs-100 :is(h1, h2, h3, h4, h5, h6, p, ul, ol) {font-size: var(--fs-100); line-height: 1.4;}
	.fs-200 :is(h1, h2, h3, h4, h5, h6, p, ul, ol) {font-size: var(--fs-200); line-height: 1.4;}
	.fs-300 :is(h1, h2, h3, h4, h5, h6, p, ul, ol) {font-size: var(--fs-300); line-height: 1.4;}
	.fs-400 :is(h1, h2, h3, h4, h5, h6, p, ul, ol) {font-size: var(--fs-400); line-height: 1.2;}
	.fs-500 :is(h1, h2, h3, h4, h5, h6, p, ul, ol) {font-size: var(--fs-500); line-height: 1.2;}
	.fs-600 :is(h1, h2, h3, h4, h5, h6, p, ul, ol) {font-size: var(--fs-600); line-height: 1.1;}
	.fs-700 :is(h1, h2, h3, h4, h5, h6, p, ul, ol) {font-size: var(--fs-700); line-height: 1.1;}
	
	li {
	
		&::marker {color: var(--fs-color-secondary);}
		.marker-pri &::marker {color: var(--fs-color-primary);}
		.marker-sec &::marker {color: var(--fs-color-secondary);}
		.marker-suc &::marker {color: var(--fs-color-success);}
		.dark &::marker {color: #fff;}

	}

	.button, button, input[type=button], input[type=reset], input[type=submit] {
		font-weight: inherit;
	}
	
}
/*END - FLATSOME OVERRIDES*/

/*BEGIN - FLATSOME COLOR OVERRIDES*/
.pri-base {--theme-color: var(--fs-color-primary-base)}
.pri-light {--theme-color: var(--fs-color-primary-light)}
.pri-dark {--theme-color: var(--fs-color-primary-dark)}
.sec-base {--theme-color: var(--fs-color-secondary-base)}
.sec-light {--theme-color: var(--fs-color-secondary-light)}
.sec-dark {--theme-color: var(--fs-color-secondary-dark)}
.suc-base {--theme-color: var(--fs-color-success-base)}
.suc-light {--theme-color: var(--fs-color-success-light)}
.suc-dark {--theme-color: var(--fs-color-success-dark)}
.alr-base {--theme-color: var(--fs-color-alert-base)}
.alr-light {--theme-color: var(--fs-color-alert-light)}
.alr-dark {--theme-color: var(--fs-color-alert-dark)}
.green {--theme-color: #43a047}
.red {--theme-color: #e53935}
.yellow {--theme-color: #ffc73e}

.theme {

	span& {color: var(--theme-color);}
	&:is(.text, [ng-bind-html]) * {color: var(--theme-color);}
	& > .col-inner {background-color: var(--theme-color);}
	& > .col-inner::before {background-color: var(--theme-color);}
	& > svg {fill: var(--theme-color);}
	path& {fill: var(--theme-color);}
	.dark &.button {color: #fff !important;}
	&.button:not(.is-outline) {background-color: var(--theme-color);}
	&.button.is-outline {color: var(--theme-color); border-color: var(--theme-color);}
	&.button.is-outline:hover {background-color: var(--theme-color); color: #fff;}
	&.button.white {color: var(--theme-color) !important;}
	&.section {background-color: var(--theme-color);}
	&.social-icons > .button.icon {background-color: var(--theme-color) !important; border-color: var(--theme-color) !important;}
	&.icon-box :is(svg, path) {fill: var(--theme-color);}

}
/*END - FLATSOME COLOR OVERRIDES*/


/*BEGIN - FLATSOME LAYOUT OVERRIDES*/
:is(#main, #footer, .mfp-content) :is(img, svg, iframe) {
	display: block;
	max-width: 100%;
}

:where(svg:not(.flickity-button-icon) *) {
	transform-origin: 50% 50%;
	transform-box: fill-box;
}

.lightbox-content:not(.product-lightbox) {
	background: transparent !important;
	box-shadow: unset;
}

.clip {

	& > .col-inner, section& {
		overflow: clip;
	}
	
	&.img, &.img * {
		border-radius: inherit;
	}

}

.grow {
	flex-grow: 1;

	.col-inner:has(> &) {
		display: flex;
		flex-flow: column;
	}
}

.contain {
	& :is(img, svg) {
		object-fit: contain
	}

	&.side {

		& :is(img, svg) {
			object-position: top right;
		}

	}
	
	&.wide svg {
		aspect-ratio: 21 / 9;
	}
	
	&.sd svg {
		aspect-ratio: 4 / 3;
	}
}

.x-start :is(img, svg) {object-position: 0% 50%;}
.x-end :is(img, svg) {object-position: 100% 50%;}
.y-start :is(img, svg) {object-position: 50% 0%;}
.y-end :is(img, svg) {object-position: 50% 100%;}
.xy-start :is(img, svg) {object-position: 0% 0%;}
.xy-end :is(img, svg) {object-position: 100% 100%;}
.yx-start :is(img, svg) {object-position: 100% 0%;}
.yx-end :is(img, svg) {object-position: 0% 100%;}

.col-inner > .row {
	margin-inline: unset; 
}

.mfp-content {
	
	:is(.off-canvas-left, .off-canvas-right).dark & {
		background-color: #240d41;
	}
	
}

section {
	&.round {
		border-radius: 3em 3em 0 0;
	}
}

.stack.wrap {
	flex-wrap: wrap;	
	gap: 0.75rem 1.25rem;
	
	> * {
		margin: 0 !important;
	}
	
	.ux-logo {
		inline-size: auto !important;
	}
	
}

.icon-box-img img, .icon-box-img svg {
	padding: unset;
}

.accordion.custom {
	--radius: 15px;
	display: grid;
	gap: 1.5rem;
	
	.accordion-item {
		background: white;
		border-radius: var(--radius);
		border: solid 2px var(--fs-color-secondary);
		overflow: clip;
	}
	
	.accordion-title {
		padding-inline: 1.5rem;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		gap: 1.5rem;
		align-items: center;
		color: white;
		font-weight: 600;
		background: var(--fs-color-secondary);
		border: unset;
		
		&.active {
			border: unset;
		}
		
	}
	
	.accordion-inner {
		padding-inline: 1.5rem;
	}
	
	button.toggle {
		position: static;
		display: grid;
		grid: 25px / 25px;
		place-items: center;
		margin: 0;
		height: unset;
		min-height: unset;
		width: unset;
		min-width: unset;
		aspect-ratio: 1;
		opacity: 1;
		border: unset;
	}
	
	.toggle + span {
		flex-grow: 1;
	}
	
	.toggle .icon-angle-down {
		display: block;
		position: static;
		width: 100%;
		height: 100%;
	}
	
	.toggle .icon-angle-down::before {
		content: '';
		background: white;
		display: block;
		width: 100%;
		height: 100%;
		clip-path: polygon(45% 0%, 55% 0%, 55% 45%, 100% 45%, 100% 55%, 55% 55%, 55% 100%, 45% 100%, 45% 55%, 0% 55%, 0% 45%, 45% 45%);
	}
	
}


.over {
	position: relative;
	z-index: 2;
}

.bigger {
	margin-inline: -20% -30%;
}
/*END - FLATSOME ELEMENT OVERRIDES*/


/*BEGIN - CUSTOM ELEMENTS*/
.sun {
	position: relative;
	
	&::before {
		content: '';
		position: absolute;
		inset: 0;
		background: 
			radial-gradient(circle at 0% 50%, #ffef99 0%, #ffef99 8%, #fed600 8%, #fed600 10%, transparent 10%),
			repeating-conic-gradient(from var(--angle) at 0% 50%, #ffffff60 0%, #ffffff60 calc(100% / 30), transparent calc(100% / 30), transparent calc(100% / 13));
		mask: radial-gradient(circle at 0% 50%, white, transparent 90%);
		animation: rotate 60s 0s linear infinite;
	}
	
}

@property --angle {
	syntax: "<angle>";
	inherits: true;
	initial-value: 0turn;
}

@keyframes rotate {
	to {
		--angle: 360deg;
	}
}

.paper {
	background: 
		repeating-linear-gradient(to bottom, #87ceeb60 0px, #87ceeb60 2px, transparent 2px, transparent 2lh),
		linear-gradient(#dddddd40),
		url(../../uploads/2025/10/noise.svg) center / 300px 300px;
}

.rainbow {
	position: relative;
	
	&::before {
		content: '';
		position: absolute;
		inset: 0 0 0 0;
		block-size: 151px;
		z-index: 1;
		transform: translate(0%, -50%);
		background: url(../../uploads/2025/10/rainbow.svg) top left / 1500px 100% repeat-x;
		animation: waves 20s linear infinite;
	}

}

@keyframes waves {
	to {
		background-position-x: 1500px;
	}
}

.heart {
	position: absolute;
	inset: 0;
	width: 20%;
	animation: pulse linear 1s infinite;
	
	&:nth-of-type(2) {
		inset: auto auto 0 0;
		width: 55px;
		translate: -130% 0%;
		animation-delay: 0s;
	}
	
	&:nth-of-type(3) {
		inset: auto auto 0 0;
		width: 45px;
		translate: -40% 100%;
		rotate: y 180deg;
		animation-delay: -0.2s;
	}
	
	&:nth-of-type(4) {
		inset: 0 0 auto auto;
		width: 55px;
		translate: 40% -100%;
		animation-delay: -0.4s;
	}
	
	&:nth-of-type(5) {
		inset: 0 0 auto auto;
		width: 45px;
		translate: 150% 0%;
		rotate: y 180deg;
		animation-delay: -0.6s;
	}
	
}

@keyframes pulse {
	10% {scale: 1.1}
}

.palm-tree {
	position: absolute;
	inset: 0 auto auto 0;
	width: 150px !important;
	translate: -90% -20%;
}

.cat {
	position: absolute;
	inset: 0 0 auto auto;
	width: 150px !important;
	translate: 75% -20%;
}

.crayon-box {
	position: absolute;
	inset: 0 auto auto 0;
	width: 200px !important;
	aspect-ratio: 1;
	translate: -65% -50%;
}

.crayons {
	position: absolute;
	inset: auto 0 0 auto;
	width: 200px !important;
	aspect-ratio: 1;
	translate: 50% 60%;
}

.guitar {
	position: absolute;
	inset: auto auto 0 0;
	width: 250px !important;
	aspect-ratio: 2 / 1;
	translate: -75% 0%;
}

.star {
	position: absolute;
	inset: 0;
	width: 50px !important;
	animation: spin 10s linear infinite;
	
	&:nth-of-type(2) {
		inset: 0 auto auto 0;
		translate: -50% -100%;
	}
	
	&:nth-of-type(3) {
		inset: 0 auto auto 0;
		translate: -150% 0%;
		width: 40px !important;
	}
	
	&:nth-of-type(4) {
		inset: 0 0 auto auto;
		translate: 50% -100%;
	}
	
	&:nth-of-type(5) {
		inset: 0 0 auto auto;
		translate: 150% 0%;
		width: 40px !important;
	}
	
}

@keyframes spin {
	to {
		rotate: 360deg;
	}
}

.chick {
	position: absolute;
	inset: 0;
	width: 50px !important;
	
	&:nth-of-type(1) {
		inset: 0 auto auto 10%;
		translate: -30% -100%;
		width: 70px !important;
	}
	
	&:nth-of-type(2) {
		inset: 0 auto auto 10%;
		translate: 150% -100%;
	}
	
	&:nth-of-type(3) {
		inset: 0 auto auto 10%;
		translate: 300% -100%;
	}
	
	&:nth-of-type(4) {
		inset: 0 auto auto 10%;
		translate: 450% -100%;
	}
	
}


.pirate-hat {
	position: relative;
	isolation: isolate;

	&::before, &::after {
		content: '';
		display: inline-block;
		position: absolute;
		inset: 0 auto auto 0;
	}

	&::before {
		background: url("../../uploads/2025/10/hat-f.svg") center center / contain no-repeat;
		aspect-ratio: 1;
		width: 2.3ch;
		translate: -30% -40%;
		z-index: 1;
	}

	&::after {
		background: url("../../uploads/2025/10/hat-b.svg") center center / contain no-repeat;
		aspect-ratio: 1;
		width: 2.3ch;
		translate: -30% -40%;
		z-index: -1;
	}

}

.flower-hat {
	position: relative;
	isolation: isolate;

	&::before {
		content: '';
		display: block;
		position: absolute;
		inset: 0 auto auto 0;
		background: url("../../uploads/2025/10/flower-hat.svg") center center / contain no-repeat;
		aspect-ratio: 1;
		width: 40%;
		translate: -30% -20%;
		z-index: 1;
	}

}

.fire-hat {
	position: relative;
	isolation: isolate;

	&::before {
		content: '';
		display: block;
		position: absolute;
		inset: 0 0 auto auto;
		background: url("../../uploads/2025/10/fire-hat.svg") center center / contain no-repeat;
		aspect-ratio: 1;
		width: 40%;
		translate: 35% -50%;
		z-index: 1;
		rotate: 5deg;
	}

}

.fire-truck {
	position: relative;
	isolation: isolate;

	&::after {
		content: '';
		display: block;
		position: absolute;
		inset: auto auto 0 0;
		background: url("../../uploads/2025/10/fire-truck.svg") center center / contain no-repeat;
		aspect-ratio: 1;
		width: 60%;
		translate: -15% 30%;
		z-index: 1;
	}

}

.basket {
	position: relative;
	isolation: isolate;

	&::after {
		content: '';
		display: block;
		position: absolute;
		inset: auto 0 0 auto;
		background: url("../../uploads/2025/10/basket.svg") center center / contain no-repeat;
		aspect-ratio: 1.1 / 1;
		width: 50%;
		translate: 30% 20%;
		z-index: 1;
	}

}

.birdy {
	position: relative;

	&::before {
		content: '';
		display: inline-block;
		position: absolute;
		inset: 0 auto auto 0;
		background: url("../../uploads/2025/10/bird.svg") center center / contain no-repeat;
		aspect-ratio: 1;
		width: 1.5ch;
		transform: translate(-10%, -80%);
		z-index: -1;
		animation: jump 2s 0s ease-in infinite;
	}

}

#input_1_1_3_container {
	position: relative;

	&::before {
		content: '';
		display: inline-block;
		position: absolute;
		inset: 0 30px auto auto;
		background: url("../../uploads/2025/10/c-bird.svg") center center / contain no-repeat;
		aspect-ratio: 1;
		width: 60px;
		transform: translate(-10%, -90%);
		z-index: -1;
		animation: jump 2s 0s ease-in infinite;
	}
}

@keyframes jump {
	5% {
		translate: 0% -10%;
	}
	10% {
		translate: 0% 0%;
	}
}

.books {
	position: relative;
	isolation: isolate;

	&::before {
		content: '';
		display: block;
		position: absolute;
		inset: 0 auto auto 0;
		background: url("../../uploads/2025/10/book-closed.svg") center center / contain no-repeat;
		aspect-ratio: 1.1 / 1;
		width: 30%;
		translate: 0% 0%;
		z-index: 1;
		animation: books 2s ease-in-out 0s infinite alternate;
	}
	
	&::after {
		content: '';
		display: block;
		position: absolute;
		inset: 0 0 auto auto;
		background: url("../../uploads/2025/10/book-open.svg") center center / contain no-repeat;
		aspect-ratio: 1.1 / 1;
		width: 30%;
		translate: 0% 0%;
		z-index: 1;
		animation: books 2s ease-in-out -1s infinite alternate;
	}

}

@keyframes books {
	to {
		translate: 0% -15%;
	}
}

.giraffe {
	position: absolute;
	inset: 0 auto auto 0;
	width: 250px !important;
	translate: -85% -20%;
}

.squirrel {
	position: absolute;
	inset: auto auto 0 0;
	width: min(200px, 50%) !important;
	translate: -25% 10%;
}

.bunny {
	position: absolute;
	inset: auto 0 0 auto;
	width: min(200px, 50%) !important;
	translate: 25% 0%;
}

.lion {
	position: absolute;
	inset: auto auto 0 0;
	width: min(200px, 100%) !important;
	translate: -50% 0%;
}

.ship {
	position: absolute;
	inset: auto auto 0 0;
	width: min(180px, 40%) !important;
	translate: -90% 45%;
	
	@media (width < 800px) {
		& {
			translate: 20% 100%;
			width: min(180px, 35%) !important;
		}
	}
	
}

.doggy {
	position: absolute;
	inset: auto 0 0 auto;
	width: max(200px, 30%);
	translate: 80% 50%;
	z-index: -5;
	
	.tail {
		transform-box: fill-box;
		transform-origin: 80% 90%;
		animation: wag 0.3s ease-in-out infinite alternate;
	}
	
	.tongue {
		transform-box: fill-box;
		transform-origin: 50% 0%;
		animation: tongue 0.2s ease-in-out infinite alternate;
	}
	
	@media (width < 800px) {
		& {
			translate: -20% 100%;
			width: min(200px, 40%) !important;
		}
	}
	
}

@keyframes wag {
	from {
		rotate: 10deg;
	}
	to {
		rotate: -20deg;
	}
}

@keyframes tongue {
	to {
		scale: 1 0.8;
	}
}

.notes-head {
	position: absolute;
	inset: 0 auto auto 0;
	width: 100%;
	height: auto;
	transform: translate(15%, 0%);
	
	g {animation: notes-head 2s ease-in-out 0s infinite alternate;}
	g:nth-of-type(1) {animation-delay: -1s;}
	g:nth-of-type(2) {animation-delay: -1.5s;}
	g:nth-of-type(3) {animation-delay: -2.5s;}
	
}

@keyframes notes-head {
	to {
		translate: -3% -3%;
		opacity: 0;
	}
}

.loot::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(
		circle at 50% 100%,
		#ab47bc 0%,
		#ab47bc 30px,
		#1e88e5 30px,
		#1e88e5 110px,
		#43a047 110px,
		#43a047 190px,
		#fdd835 190px,
		#fdd835 270px,
		#fb8c00 270px,
		#fb8c00 350px,
		#e53935 350px,
		#e53935 430px,
		transparent 430px
	);
}
/*END - CUSTOM ELEMENTS*/


/*BEGIN - GRAVITY FORMS*/
.gform-theme {
	--gf-color-primary: #43a047 !important;
	--gf-color-in-ctrl-primary: var(--fs-color-primary-dark) !important;
	--gf-radius: 1em !important;
	--gf-ctrl-textarea-radius: var(--gf-radius) !important;
	--gf-form-gap-y: 20px !important;
	--gf-color-in-ctrl-primary-darker: color-mix(in srgb, var(--fs-color-primary-dark) 70%, black) !important;
	--gf-color-primary-darker: color-mix(in srgb, var(--fs-color-primary-dark) 70%, black) !important;
	--gf-ctrl-bg-color: transparent !important;
	--gf-ctrl-border-width: 2px !important;
	--gf-ctrl-border-color: #43a047 !important;
	--gf-color-danger: var(--fs-color-alert) !important;
	
	.dark & {
		--gf-ctrl-border-color: #ffffff80 !important;
		
		input[type="text"], input[type="email"], textarea {
			color: #fff;
			background: transparent
		}
		
	}
	
	.gform_required_legend {
		display: none;
	}
	
	.gchoice {
		gap: 0.75em !important;
	}
	
	.ginput_container_date input {
		--gf-local-width: 100% !important;
	}
	
	.ginput_complex > * {
		flex-grow: 1;
	}

}
/*END - GRAVITY FORMS*/


/*BEGIN - WooCommerce fixes*/
.shop-page-title {
	display: none;
}

#customer_details {
	display: grid;
	grid: auto / 100%;
	place-content: start;
	gap: 1rem;
	
	& > .clear:nth-child(2),
	.woocommerce-billing-fields,
	.woocommerce-billing-fields__field-wrapper,
	.woocommerce-shipping-fields__field-wrapper {
		display: grid;
		grid: auto / 100%;
		place-content: start;
		gap: 1rem;
	}
	
	.woocommerce-billing-fields__field-wrapper,
	.woocommerce-shipping-fields__field-wrapper {

		> * {
			margin: 0 !important;
		}

		input, select, textarea {
			margin: 0 !important;
		}

		.form-row-first, .form-row-last {
			float: unset;
			width: unset;
		}
		
	}
	
}

.woocommerce-checkout-payment {
	display: grid;
	gap: 1em;
}

.woocommerce-ordering select {
	margin: 0 !important;
}

.checkout-sidebar {
	display: grid;
	grid: auto / 100%;
	place-content: start;
	gap: 1.5em;
}

.post_comments {
	display: none;
}

.product-small, .product-small {
	font-size: var(--fs-100);
	
	.product-title {
		font-size: var(--fs-300);
	}
	
	.price-wrapper .price {
		font-size: var(--fs-200);
	}
	
}

.woocommerce-grouped-product-list {
	.button {
		font-size: var(--fs-100);
		line-height: 1.2;
		min-height: unset;
		padding: .5em 1em;
	}
}

.product .summary {
	
	blockquote, 
	.product-short-description {
		font-size: var(--fs-100);
	}
	
	.product-title {
		text-wrap: balance;
	}
	
}


.box-text, .product-info, .product-lightbox-inner {
	display: grid;
	grid: auto / 100%;
	place-content: start;
	gap: 1rem;
	
	> * {
		margin: 0 !important;
	}
	
	.price {
		margin-block: 0;
		font-size: var(--fs-400);
	}
	
}

.price_slider_wrapper {
	
	.price_slider {
		margin: 0 !important;
	}
	
	.price_slider_amount {
		display: flex;
		flex-flow: column-reverse;
		gap: 1.25em;
		align-items: stretch;

		.price_label {
			text-align: start;
		}

	}
	
}

.wp-block-woocommerce-coming-soon {
	width: min(1100px, 100%);
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}

.woocommerce-variation {
	
	> :is(.woocommerce-variation-description, .woocommerce-variation-price, .woocommerce-variation-availability):empty {
		display: none;
	}
	
}

.shop-container, .woocommerce-cart #main {
	padding-block-end: 80px;
}
/*END - WooCommerce fixes*/


/*BEGIN - COMPLIANZ*/
#cmplz-document {
	max-width: unset;
}
/*END - COMPLIANZ*/


/*BEGIN - CUSTOM FONTS*/
@font-face {
	font-family: "VisbyR";
	font-display: swap;
	src: url("../../fonts/visby/visby-rounded.woff2") format("woff2");
	font-weight: 700;
}
@font-face {
	font-family: "VisbyN";
	font-display: swap;
	src: url("../../fonts/visby/visby-normal.woff2") format("woff2");
	font-weight: normal;
}
/*END - CUSTOM FONTS*/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}