/*!
Theme Name: Hoort WooCommerce
Theme URI: http://underscores.me/
Author: Hoort
Author URI: https://hoort.dev
Description: Description
Version: 1.0.4
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hoort
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Hoort is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Table of contents */
/* 1 - Variables */
/* 2 - General styles */
/* 2.2 - Buttons */
/* 3 - Navbar */
/* 4 - Footer */
/* 5 - General hero */
/* 6 - General sections */
/* 6.1 - Single product */
/* 6.2 - Home hero */
/* 6.3 - Slogan swiper */
/* 7 - Utility classes */
/* 8 - Woocommerce */
/* 8.1 - Woocommerce cart */
/* 8.2 - Woocommerce order received */
/* 8.3 - Woocommerce checkout */
/* 9 - Responsive */
/* 10 - Animations (keyframes) */
/* 11 - Contact */
/* 12 - Single brand */

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
	font-family: 'adineuePRO';
	src: url('/wp-content/themes/hoort/font/adineuePRO/adineuePRO-Bold.woff2') format('woff2');
}

/* Lenis - Niet aanraken */
html.lenis {
	height: auto;
}

.lenis.lenis-smooth {
	scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}

.lenis.lenis-stopped {
	overflow: hidden;
}

.lenis.lenis-scrolling iframe {
	pointer-events: none;
}

[data-cky-tag="detail-powered-by"] {
	display: none !important;
}
.mont {
	font-family: var(--bodyFont), var(--fallbackFont);
}

/* 1. Variables */
:root {
	--white: #FFFFFF;
	--white-rgb: 244 244 244;
	--offWhite: #F9F5F2;
	--black: #000000;
	--black-rgb: 16 18 25;
	--orange-500: #ED6E18;

	--headingFont: 'Archivo';
	--bodyFont: 'Montserrat';
	--fallbackFont: 'sans-serif';

	--mainGrid: 1296px;
	--sectionPadding: 5rem;
	--spaceBetween: 5rem;
	--gridPadding: calc((100vw - var(--mainGrid)) / 2);
	--navbarHeight: 4rem;
}
.home {
	--navbarHeight: 12rem;
}

/* 2 - General styles */
body {
	font-family: var(--bodyFont), var(--fallbackFont);
	background-color: var(--offWhite);
}
body, p {
	font-size: 16px;
	line-height: 1.2;
	font-weight: 400;
	color: var(--black);
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--headingFont), var(--fallbackFont);
}
h1 {
	font-size: 4rem;
	line-height: 4.5rem;
	font-weight: 700;
	color: var(--white);
	text-transform: uppercase;
}
h2 {
	font-size: 2.5rem;
	line-height: 3rem;
	font-weight: 700;
	text-transform: uppercase;
}
h3 {
	font-size: 1.75rem;
	line-height: 2.25rem;
	font-weight: 600;
	text-transform: uppercase;
}
h4 {
	font-size: 1.25rem;
	line-height: 1.5rem;
	font-weight: 700;
	text-transform: uppercase;
}
h5 {
	font-size: 1.125rem;
	line-height: 1.2;
	font-weight: 700;
	text-transform: uppercase;
}
.darkBg h3 {
	color: var(--white);
}
a:visited {
	color: inherit;
}
section {
	padding-top: var(--sectionPadding);
}
section section {
	padding-top: 0;
}
.mainGrid, .wc-block-components-sidebar-layout, .is-loading {
	width: 100%;
	max-width: var(--mainGrid);
	margin-right: auto;
	margin-left: auto;
}

.wysiwyg > :first-child {
	margin-top: 0;
}
.wysiwyg > :last-child {
	margin-bottom: 0;
}
.wysiwyg.bigText p {
	font-size: 1.25rem;
	line-height: 2rem;
	font-weight: 600;
}
.wysiwyg.black * {
	color: var(--black);
}
hr {
	background-color: var(--orange-500);
	margin-top: 0.5rem;
}
hr.thick {
	height: 0.5rem;
}
hr.small {
	max-width: 10rem;
	margin-left: 0;
}
hr.white {
	background-color: var(--white);
}
nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
main {
	position: relative;
	z-index: 1;
}
.single-product .siteBranding a {
	text-decoration: none;
	color: white;
	font-family: var(--headingFont), var(--fallbackFont);
	font-size: 21px;
	font-weight: 400;

	display: flex;
	align-items: center;
	grid-column-gap: 1rem;
}
nav ul li a, .productFilterBar .inner label {
	position: relative;
}
nav ul li a:after, .productFilterBar .inner label:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--white);
	transform: scaleX(0);
	transform-origin: right center;
	transition: transform 0.2s ease;
}
nav ul li.current-menu-item a:after, nav ul li a:hover:after, .bigSubMenuOpen #masthead .navbar .navbarInner nav ul li.bigSubMenuTrigger a:after, .productFilterBar .inner input[type="radio"]:checked + label:after {
	transform: scaleX(1);
	transform-origin: left center;
}

/* 2.2 - Buttons */
.bttnGroup {
	margin-top: 2rem;
	display: flex;
	flex-flow: row wrap;
	grid-gap: 1rem;
}
.bttn, form .bttn, button.woocommerce-Button.button, .woocommerce-MyAccount-content .button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
	text-decoration: none;
	background-color: var(--orange-500);
	border-radius: 9999px !important;
	padding: 3px 30px;
	font-family: var(--headingFont), var(--fallbackFont);
	font-size: 1.25rem;
	line-height: 1;
	font-weight: 200 !important;
	color: var(--white) !important;
	display: flex;
	align-items: center;
	border: 1px solid var(--orange-500) !important;
	cursor: pointer;
	transition: .3s ease;
}
button.woocommerce-Button.button, .woocommerce-MyAccount-content .button {
	color: var(--black) !important;
	background: transparent !important;
}
a.button.delete, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
	background-color: var(--orange-500) !important;
	color: white !important;
}
.woocommerce-message {
	border-top-color: var(--orange-500) !important;
}
.wc-block-components-button {
	border-radius: 100px !important;
}
.bttn svg {
	margin-left: 1.25rem;
	margin-bottom: -1px;
}
.bttn:not(button) svg path {
	transition: .3s ease;
}
.bttn img {
	margin-left: .5rem;
	transition: .3s ease;
}

.bttn:not(button):hover {
	background-color: var(--white);
	border-color: var(--white) !important;
	color: var(--black) !important;
}
button.bttn:hover {
	background-color: transparent;
	color: var(--black) !important;
}
.bttn:not(button):hover svg {
	color: var(--black);
}

.bttn.outline, form .bttn.outline {
	background-color: transparent;
	color: var(--black) !important;
	flex-shrink: 0;
}
.bttn.outline svg, form .bttn.outline svg {
	color: var(--black);
}
.bttn.outline.whiteText svg, form .bttn.outline.whiteText svg {
	color: var(--white);
}
.bttn.outline:hover {
	background-color: var(--orange-500);
	color: var(--white) !important;
	border-color: var(--orange-500) !important;
}
.bttn.outline:hover svg {
	color: var(--white);
}
.bttn.outline.whiteText {
	background-color: rgb(0 0 0 / 20%);
}
.bttn.outline.whiteText:hover {
	background-color: var(--orange-500);
}
.bttn.white, form .bttn.white {
	background-color: var(--white);
	border-color: var(--white) !important;
	color: var(--black) !important;
}
.bttn.white svg {
	color: var(--black);
}
.bttn.white:hover {
	background-color: transparent;
	border-color: var(--white) !important;
	color: var(--white) !important;
}
.bttn.white:hover svg {
	color: var(--white);
}
section.homeHero .bttn.outline {
	backdrop-filter: blur(8px);
}
.bttn.white.outline, form .bttn.white.outline {
	background-color: transparent;
	border-color: var(--white) !important;
	color: var(--white) !important;
}
.bttn.white.outline svg path {
	fill: var(--white);
}
.bttn.white.outline:hover {
	background-color: var(--white);
	border-color: var(--white) !important;
	color: var(--black) !important;
}
.bttn.white.outline:hover svg path {
	fill: var(--black);
}
.bttn.white.outline, .bttn.outline.whiteText {
	color: var(--white) !important;
}
.bttn.black.outline, form .bttn.black.outline {
	background-color: transparent;
	border-color: var(--black) !important;
	color: var(--black) !important;
}
.bttn.black.outline svg path {
	fill: var(--black);
}
.bttn.black.outline:hover {
	background-color: var(--black);
	border-color: var(--black) !important;
	color: var(--white) !important;
}
.bttn.black.outline:hover svg path {
	fill: var(--white);
}


.bttn.whiteText:hover {
	color: var(--white) !important;
}
.bttn.whiteText:hover svg path {
	fill: var(--white);
}

/* 3 - Navbar */
.hamburger {
	display: none;
}
#masthead {
	position: relative;
	min-height: var(--navbarHeight);
	z-index: 10;
}
.home #masthead {
	min-height: unset;
}
#masthead .navbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--offWhite);
	z-index: 1;
	transition: 0.3s ease;
}
#masthead .navbar .navbarInner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: flex-start;
	transition: padding 0.2s ease;
}
#masthead .navbar .navbarInner .siteBranding {
	display: flex;
}
#masthead .navbar .navbarInner .siteBranding img, #masthead .navbar .navbarInner .siteBranding svg {
	height: 3rem;
	width: auto;
	display: block;
	transition: color 0.2s ease, height 0.2s ease;
}
#masthead .navbar .navbarInner .navWrapper {
	display: grid;
	grid-template-columns: subgrid;
	grid-column: span 2;
}
#masthead .navbar .navbarInner .navWrapper .navInnerWrapper {
	display: grid;
	grid-template-columns: subgrid;
	grid-column: span 2;
	align-items: flex-start;
}
#masthead .navbar .navbarInner nav {
	width: auto;
}
#masthead .navbar .navbarInner nav ul {
	display: flex;
	align-items: center;
}
#masthead .navbar .navbarInner nav ul li + li {
	margin-left: 2.5rem;
}
#masthead .navbar .navbarInner nav ul li a {
	position: relative;
	font-family: var(--headingFont), var(--fallbackFont);
	font-weight: 700;
	color: var(--white);
	text-transform: uppercase;
	transition: color 0.2s ease;
}
#masthead .navbar .navbarInner nav ul li a:after {
	left: -0.25rem;
	width: calc(100% + 0.5rem);
	height: 1px;
}
#masthead .navbar .navbarInner nav ul li a img {
	display: block;
	max-width: unset;
}
#masthead .extraMainMenuItems {
	display: flex;
	justify-content: flex-end;
	grid-gap: 1rem;
	margin-left: auto;
}
.home #masthead .navbar {
	background-color: transparent;
	box-shadow: unset;
}
.scrolled #masthead .navbar {
	background-color: var(--offWhite);
	box-shadow: 0 20px 20px rgb(var(--black-rgb) / 10%);
}
.bigSubMenuOpen #masthead .navbar, .bigSubMenuOpen.scrolled #masthead .navbar, .searchModalOpen #masthead .navbar, .searchModalOpen.scrolled #masthead .navbar {
	box-shadow: unset;
}
.home #masthead .navbar .navbarInner {
	padding: 4rem 0 0;
}
#masthead .navbar .navbarInner, .scrolled #masthead .navbar .navbarInner {
	padding: 1rem 0;
}
.home #masthead .navbar .navbarInner .siteBranding svg {
	height: 2.5rem;
	color: var(--white);
}
#masthead .navbar .navbarInner .siteBranding svg {
	height: 2rem;
	color: var(--black);
}
.home.scrolled #masthead .navbar .navbarInner .siteBranding svg {
	height: 2rem;
	color: var(--black);
}
.home #masthead .navbar .navbarInner nav ul li a {
	color: var(--white);
}
#masthead .navbar .navbarInner nav ul li a, .scrolled #masthead .navbar .navbarInner nav ul li a {
	color: var(--black);
}
.home #masthead .extraMainMenuItems .bttn.white.outline {
	border-color: var(--white) !important;
	color: var(--white) !important;
}
#masthead .extraMainMenuItems .bttn.white.outline, .scrolled #masthead .extraMainMenuItems .bttn.white.outline {
	border-color: var(--black) !important;
	color: var(--black) !important;
}
.home #masthead .extraMainMenuItems .bttn.white.outline:hover {
	color: var(--black) !important;
	background-color: var(--white);
}
#masthead .extraMainMenuItems .bttn.white.outline:hover, .scrolled #masthead .extraMainMenuItems .bttn.white.outline:hover {
	color: var(--white) !important;
	background-color: var(--black);
}
.home #masthead .wpml-ls ul a {
	color: var(--white);
	border-color: var(--white) !important;
}
#masthead .wpml-ls ul a, .scrolled #masthead .wpml-ls ul a {
	color: var(--black);
	border-color: var(--black) !important;
}
#masthead .wpml-ls ul a:hover {
	color: var(--black);
}
#masthead .mobileWpmlSwitcher {
	display: none;
}
.home .bigSubMenu .inner {
	padding-top: 9rem;
}
.bigSubMenu .inner, .scrolled .bigSubMenu .inner {
	padding-top: 6rem;
}
.bigSubMenu, .searchModal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateY(-100%);
	transform-origin: top;
	transition: transform 0.3s ease;
}
.searchModal h4 {
	font-size: 18px;
}
.bigSubMenuOpen .bigSubMenu, .searchModalOpen .searchModal {
	transform: translateY(0);
	box-shadow: 0 20px 20px rgb(var(--black-rgb) / 10%);
}
.bigSubMenu .layoutGrid {
	grid-row-gap: 2rem;
}
.bigSubMenu .inner, .searchModal .inner {
	padding: 6rem 0 4rem;
	background-color: var(--offWhite);
	transition: padding 0.2s ease;
}
.searchModal .inner {
	padding-top: 12rem;
	padding-bottom: 10rem;
}
.bigSubMenu .inner .col {
	grid-column: span 2;

	opacity: 0;
	transform: translateY(-10px);
	transition: transform .3s .3s ease, opacity .2s .3s ease;
}
.bigSubMenu .inner .menuColsWrapper {
	grid-column: span 7;
	display: flex;
	flex-flow: column;
	grid-gap: 4rem;
}
.menuColHeader {
	position: relative;
	display: flex;
	align-items: center;
	grid-gap: 2rem;
	border-bottom: 1px solid var(--black);
	padding-bottom: 0.5rem;
}
.menuColHeader:before, .menuColHeader:after {
	content: "";
	position: absolute;
	bottom: -1px;
	width: var(--gridPadding);
	height: 1px;
	background-color: var(--black);
}
.menuColHeader:before {
	display: none;
}
.menuColHeader:after {
	left: 100%;
}
.menuColHeader .bttn {
	font-size: 1rem;
}
.bigSubMenuOpen .bigSubMenu .inner .col {
	opacity: 1;
	transform: translateY(0);
}
.bigSubMenu .inner .col.buttonCol {
	grid-column: span 5;
}
.bigSubMenu .inner .col.wider {
	grid-column: span 3;
}
.bigSubMenu .inner .buttonCol .bttnGroup {
	margin-top: 0;
}
.bigSubMenu .inner .menuCol h3 {
	margin: 0;
	font-size: 2rem;
	line-height: 1.2;
	color: var(--black);
	text-transform: capitalize;
}
.bigSubMenu .inner .menuCol nav {
	margin-top: .5rem;
}
.bigSubMenu .inner .menuCol nav ul {
	display: grid;
	grid-template-rows: 1fr 1fr 1fr;
	grid-auto-columns: max-content;
	grid-auto-flow: column;
	grid-gap: 0.5rem 6rem;
}
.bigSubMenu .inner .menuCol nav ul li a {
	color: var(--black);
	text-decoration: none;
}
.bigSubMenu .inner .menuCol nav ul li a.seeAllLink {
	margin-top: 1rem;
	display: flex;
	align-items: center;
	grid-gap: 1rem;
	transition: grid-gap 0.2s ease;
}
.bigSubMenu .inner .menuCol nav ul li a.seeAllLink:after {
	content: "";
	position: absolute;
	top: 50%;
	left: auto;
	right: 2px;
	width: 1rem;
	height: 2px;
	background-color: var(--black);
	transform: translateY(-50%) scaleX(0);
	transform-origin: right center;
	transition: transform 0.2s ease;
}
.bigSubMenu .inner .menuCol nav ul li a.seeAllLink:hover {
	grid-gap: 1.25rem;
}
.bigSubMenu .inner .menuCol nav ul li a.seeAllLink:hover:after {
	transform: translateY(-50%) scaleX(1);
}
.blurredOverlay {
	display: none !important;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	z-index: 2;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s ease;
}
.bigSubMenuOpen .blurredOverlay, .searchModalOpen .blurredOverlay {
	opacity: 1;
}
.bigSubMenuOpen #masthead .navbar .navbarInner nav ul li a, .bigSubMenuOpen #masthead .navbar .navbarInner .siteBranding svg, .searchModalOpen #masthead .navbar .navbarInner nav ul li a, .searchModalOpen #masthead .navbar .navbarInner .siteBranding svg {
	color: var(--black);
}
.home #masthead nav ul li a:after {
	background-color: var(--white);
}
#masthead nav ul li a:after, .scrolled #masthead nav ul li a:after, .bigSubMenuOpen #masthead nav ul li a:after, .bigSubMenuOpen #masthead .navbar .navbarInner nav ul li a:after, .searchModalOpen #masthead nav ul li a:after {
	background-color: var(--black);
}
.bigSubMenuOpen #masthead .extraMainMenuItems .bttn.white.outline, .searchModalOpen #masthead .extraMainMenuItems .bttn.white.outline {
	border-color: var(--black) !important;
	color: var(--black) !important;
}
.bigSubMenuOpen #masthead .extraMainMenuItems .bttn.white.outline:hover, .searchModalOpen #masthead .extraMainMenuItems .bttn.white.outline:hover {
	color: var(--white) !important;
	background-color: var(--black);
}

/* 4 - Footer */
#colophon {
	font-family: var(--headingFont), var(--fallbackFont);
	padding-top: var(--sectionPadding);
}
#colophon .footer {
	position: relative;
	padding-top: var(--sectionPadding);
	background-color: var(--black);
}
#colophon .footer .mainGrid {
	position: relative;
	z-index: 1;
}
#colophon .footer .layoutGrid .titleRow {
	grid-column: 1/-1;
}
#colophon .footer .layoutGrid .titleRow .wysiwyg {
	color: var(--white);
}
#colophon .footer .layoutGrid > .col.generalInfo {
	grid-column: span 6;
}
#colophon .footer .layoutGrid .col.generalInfo .wysiwyg * {
	color: var(--white);
}
#colophon .footer .layoutGrid .wysiwyg h2 {
	font-size: 3rem;
	line-height: calc(3rem + 3px);
	font-weight: 200;
	color: var(--white);
	margin: 0;
	text-transform: unset;
}
#colophon .footer .layoutGrid .col.generalInfo hr {
	margin: 0.5rem 0 1.5rem;
}
#colophon .footer .layoutGrid > hr {
	grid-column: 1/-1;
	width: 100%;
	margin: 0;
}
#colophon .footer .layoutGrid .col.contactInfo {
	grid-column: span 3;
}
#colophon .footer .layoutGrid .col.contactInfo nav ul, #colophon .footer .layoutGrid .col.socials nav ul {
	display: flex;
	flex-flow: column;
	grid-gap: 1.5rem;
}
#colophon .footer .layoutGrid .col.contactInfo nav ul li, #colophon .footer .layoutGrid .col.socials nav ul li {
	font-size: 1.5rem;
	line-height: 1.2;
}
#colophon .footer .layoutGrid .col.contactInfo nav ul li a {
	font-weight: 200;
}
#colophon .footer .layoutGrid .col.contactInfo nav ul li a img {
	width: 20px;
	max-width: 20px;
	max-height: 24px;
}
#colophon .footer .layoutGrid .col.contactInfo nav ul li a {
	text-decoration: none;
	color: var(--white);
}
#colophon .footer .layoutGrid .col.contactInfo .quickActions {
	display: flex;
	flex-flow: column;
	align-items: flex-end;
}
#colophon .footer .layoutGrid .col.socials {
	grid-column: span 3;
	display: flex;
	justify-content: flex-end;
}
#colophon .footer .layoutGrid .col.socials nav ul li a {
	font-weight: 200;
	color: var(--white);
	text-decoration: none;
}
#colophon .footer .layoutGrid .col.socials nav ul li a:after {
	transform: scaleX(1);
}
#colophon .footer .layoutGrid .bottomRow {
	grid-column: 1/-1;
	padding-top: 5rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
#colophon .footer .locationWrapper .wysiwyg * {
	color: var(--white);
}
#colophon .footer .locationWrapper .city {
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 2.5rem;
	line-height: 1.2;
	text-transform: unset;
	font-weight: 200;
}
#colophon .footer .layoutGrid .col.quickLinks {
	grid-column: 1/-1;
}
#colophon .footer .layoutGrid .col.quickLinks nav {
	display: flex;
	justify-content: center;
}
#colophon .footer .layoutGrid .col.quickLinks nav ul {
	display: flex;
	align-items: center;
}
#colophon .footer .layoutGrid .col.quickLinks nav ul li {
	position: relative;
	margin: 0 var(--spaceBetween);
}
#colophon .footer .layoutGrid .col.quickLinks nav ul li + li:before {
	content: "";
	position: absolute;
	top: 0;
	left: -80px;
	height: 2rem;
	width: 1px;
	background-color: var(--white);
}
#colophon .footer .layoutGrid .col.quickLinks nav ul li:first-child {
	margin-left: 0;
}
#colophon .footer .layoutGrid .col.quickLinks nav ul li:last-child {
	margin-right: 0;
}
#colophon .footer .layoutGrid .col.quickLinks nav ul li a {
	text-decoration: none;
	font-family: var(--headingFont), var(--fallbackFont);
	line-height: 2rem;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--white);
}
#colophon .copyright {
	background-color: var(--black);
	padding: 0.25rem 0;
}
#colophon .copyright nav {
	display: flex;
	justify-content: center;
}
#colophon .copyright nav ul {
	display: flex;
}
#colophon .copyright nav ul li + li {
	margin-left: var(--spaceBetween);
}
#colophon .copyright nav ul li a {
	text-decoration: none;
	font-size: 0.875rem;
	line-height: 2rem;
	font-weight: 200;
	color: var(--white);
}
#colophon .legalBar {
	margin-top: 2rem;
	padding-top: 0.5rem;
	padding-bottom: 2rem;
	border-top: 1px solid var(--white);
}
#colophon .legalBar ul {
	display: flex;
	grid-gap: 3rem;
}
#colophon .legalBar ul li {
	font-size: 0.625rem;
	font-weight: 200;
}
#colophon .legalBar ul li a {
	color: var(--white);
	text-decoration: none;
}

/* 5 - General hero */
section.hero {
	position: relative;
	min-height: 480px;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	padding-bottom: 2.5rem;
}
section.hero .bg img {
	object-position: top;
}
section.hero .content {
	position: relative;
	z-index: 1;
}
section.hero .content .wysiwyg {
	grid-column: span 7;
}
section.hero .content .wysiwyg > * {
	margin: 0;
}
section.hero .content .subTitle {
	font-family: var(--headingFont), var(--fallbackFont);
	font-weight: 400;
	font-size: 2rem;
	line-height: 2.5rem;
	text-transform: uppercase;
	color: var(--white);
}
section.hero .mobileFeaturedImage {
	display: none;
}

/* 6 - General sections */
.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}
.bg .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgb(var(--black-rgb) / 50%) 0%, rgb(var(--black-rgb) / 20%) 100%);
}
.bg + .mainGrid {
	position: relative;
}
h2.big {
	font-size: 5rem;
	line-height: 1;
}
.textImageGrid .textGridItem {
	grid-row: 1/-1;
	grid-column: span 6;
}
.textImageGrid .textGridItem .content {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}
.textImageGrid .textGridItem .content .wysiwyg {
	grid-column: span 4;
}
.textImageGrid .textGridItem .bttnGroup {
	align-items: flex-start;
	flex-flow: row nowrap;
}
.textImageGrid .textGridItem .bttnGroup .visual {
	margin-top: -1rem;
	margin-left: 4rem;
}
.textImageGrid .imageGridItem {
	grid-row: 1/-1;
	grid-column: span 6;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1.5rem;
}
.textImageGrid .imageGridItem img {
	border-radius: 2rem;
	display: block;
}
.textImageGrid .imageGridItem .imagesWrapper {
	grid-row: 1/-1;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: max-content;
	grid-gap: 1.5rem;
}
.textImageGrid .imageGridItem .imagesWrapper img {
	grid-column: span 3;
}
.textImageGrid .imageGridItem .imagesWrapper:first-child img:last-child {
	grid-column: 2 / span 2;
}
.textImageGrid .imageGridItem .imagesWrapper:last-child {
	margin-top: var(--spaceBetween);
}

.textImageGrid.reverse .textGridItem {
	grid-column: 7 / span 6;
}
.textImageGrid.reverse .imageGridItem .imagesWrapper:first-child {
	grid-column: 2;
}
.textImageGrid.reverse .imageGridItem .imagesWrapper:first-child img:last-child {
	grid-column: span 2;
}

section.ourBrands .textGridItem {
	grid-column: span 4;
}
section.ourBrands .imageCarouselGridItem {
	grid-column: span 8;
}
section.ourBrands .logoSwiper {
	padding-top: var(--spaceBetween);
}
.imageCarousel {
	display: flex;
	height: 100%;
	border-radius: 1.5rem;
	overflow: hidden;
	--imageWidth: 16rem;
}
.hero .imageCarousel {
	border-radius: 0;
	--imageWidth: 20rem
}
.imageCarousel .singleImage {
	position: relative;
	width: calc(calc(100% - var(--imageWidth)) / 10);
	height: 100%;
	overflow: hidden;
	transition: width 0.3s ease, opacity 0.2s ease;
	cursor: pointer;
}
.imageCarousel .singleImage:hover {
	opacity: 0.6;
}
.imageCarousel .singleImage img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	width: var(--imageWidth);
	max-width: unset;
	object-fit: cover;
}
.imageCarousel .singleImage.active {
	width: var(--imageWidth);
	opacity: 1;
}

section.fulfillmentScrollThrough {
	padding: 0;

	min-height: 100svh;
	min-height: 100vh;
	overflow: hidden;
}
section.fulfillmentScrollThrough .textGridItem {
	grid-column: span 7;
	height: 100vh;
	padding-top: var(--navbarHeight);
	display: flex;
	align-items: center;
}
section.fulfillmentScrollThrough .textGridItem .content {
	display: flex;
}
section.fulfillmentScrollThrough .textGridItem .content img {
	margin-top: -1rem;
}
section.fulfillmentScrollThrough .scrollThroughAsideGridItem {
	height: 100vh;
	padding-top: var(--navbarHeight);
	display: flex;
	align-items: center;
}
section.fulfillmentScrollThrough .scrollThroughAsideGridItem aside {
	display: flex;
	flex-flow: column;
	align-items: center;
	grid-row-gap: 1rem;
	width: 76px;
}
section.fulfillmentScrollThrough .scrollThroughAsideGridItem aside img {
	width: 60px;
	height: auto;
	opacity: 0.4;
	transition: transform 0.2s ease, opacity 0.2s ease;
	cursor: pointer;
}
section.fulfillmentScrollThrough .scrollThroughAsideGridItem aside img:hover {
	opacity: 0.6;
	transform: scale(1.1);
}
section.fulfillmentScrollThrough .scrollThroughAsideGridItem aside img.active {
	transform: scale(1.4);
	opacity: 1;
}

section.fulfillmentScrollThrough .scrollThroughWrapper {
	grid-column: span 5;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-column-gap: 1.5rem;
}
section.fulfillmentScrollThrough .scrollThroughGridItem {
	grid-column: span 4;
	height: 100vh;
	overflow: hidden;
	display: flex;
}
section.fulfillmentScrollThrough .scrollThroughGridItem .scrollThrough {
	max-width: 320px;
}
.scrollThrough .singleItemWrapper {
	height: 100vh;
	display: flex;
	align-items: center;
	padding-top: var(--navbarHeight);
}
.scrollThrough .singleItem {
	padding: 0 1.5rem 1.5rem;
	border-radius: 2rem;
	width: 100%;
	background: linear-gradient(to bottom, rgba(237, 165, 24, 0.50) 0%, var(--orange-500) 100%);
}
.scrollThrough .singleItem + .singleItem {
	margin-top: 500px;
}
.scrollThrough .singleItem img {
	width: 100%;
	height: auto;
	margin-top: -7.5rem;
}
.scrollThrough .singleItem h3 {
	font-size: 1.875rem;
	line-height: 3.25rem;
	font-weight: 700;
	color: var(--white);
	text-transform: uppercase;
	margin-bottom: 1rem;
	word-break: break-word;
}
.scrollThrough .singleItem p {
	color: var(--white);
}
.scrollThrough .singleItem .bttnGroup {
	padding-top: 4rem;
}
.scrollThrough .singleItem .bttnGroup a {
	width: 100%;
	justify-content: center;
}

.filterBar {
	position: sticky;
	top: -1rem;
	z-index: 10;
}
.productFilterBarHeader, li.mobileLangSwitcher {
	display: none;
}
.productFilterBarHeader, .productFilterBar {
	background-color: var(--orange-500);
	padding: 1.5rem 0;
}
.productFilterBar .inner {
	display: flex;
	justify-content: center;
	align-items: center;
}
.productFilterBar .inner input[type="radio"] {
	-webkit-appearance: none;
	display: none;
}
.productFilterBar .inner label:after {
	height: 2px;
}
.productFilterBar .inner label ~ label {
	margin-left: var(--spaceBetween);
}
.productFilterBar .inner p, .productFilterBar .inner label {
	margin: 0;
	font-family: var(--headingFont), var(--fallbackFont);
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 400;
	color: var(--white);
	text-transform: uppercase;
	cursor: pointer;
}
.productFilterBar .inner p.active {
	text-decoration: underline;
}
.productFilterBar .inner p + p {
	margin-left: var(--spaceBetween);
}

section.products {
	padding-top: calc(var(--sectionPadding) * 2); 
	scroll-margin-top: calc(/*navbar + filter bar */ 10rem + /* Extra space */ 2rem);
}
.products .categoryRow {
	scroll-margin-top: calc(/*navbar + filter bar */ 10rem + /* Extra space */ 2rem);
	display: flex;
	flex-flow: column;
	align-items: center;
}
.products .categoryRow + .categoryRow {
	margin-top: calc((var(--sectionPadding) * 2) * 0.75);
}
.products .categoryRow h2 {
	margin: 0;
}
.products .categoryRow .partOf {
	font-size: 1.25rem;
	color: var(--orange-500);
	margin: 0;
}
.products .categoryRow .productsWrapper {
	margin-top: 2.5rem;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(277px, 1fr));
	grid-gap: 1.5rem;
}

/* 6.1 - Single product */
.singleProduct {
	display: flex;
	flex-flow: column;
	align-items: center;
}
.singleProduct .imageModule {
	margin-top: 7rem;
	width: 100%;
	padding: 1.5rem;
	position: relative;
	display: flex;
	flex-flow: column;
}
.image-variable-item .variable-item-contents::after {
	content: "";
	z-index: 2 !important;
	border-radius: 8px !important;
}

.singleProduct .imageModule .backdrop, .productInformationBlock.productImage .backdrop, .image-variable-item .variable-item-contents::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
	border-radius: 2rem;
	background: linear-gradient(180deg, rgb(62 94 146 / 0%), rgb(17 23 46 / 40%));
	box-shadow: 0px 0px 48px 0px rgba(var(--black-rgb) / 16%);
	backdrop-filter: blur(0.25rem);
	z-index: -1;
}
.singleProduct .imageModule .imageWrapper {
	margin-top: calc(-7rem - 1.5rem);
	display: flex;
	justify-content: center;
}
.singleProduct .imageModule .imageWrapper img {
	height: 15rem;
	width: auto;
	max-width: 100%;
	display: block;
	object-fit: contain;
}
.singleProduct .imageModule .backdrop {
	height: 15rem;
}
.singleProduct .imageModule .variationsWrapper {
	margin-top: 1.5rem;
	display: flex;
	flex-flow: row wrap;
	grid-gap: 0.5rem;
}
.singleProduct .imageModule .variationsWrapper .singleVariation {
	width: 4rem;
	height: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.5rem;
	background-color: rgb(var(--white-rgb) / 30%);
	border-radius: 1rem;
	filter: drop-shadow(0 0 0.5rem rgb(var(--black-rgb) / 16%));
	overflow: hidden;
	transition: background 150ms ease;
}
.singleProduct .imageModule .variationsWrapper .singleVariation.active {
	background-color: rgb(var(--white-rgb) / 70%);
}
.singleProduct .imageModule .variationsWrapper .singleVariation img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.singleProduct .productInfo {
	margin-top: 1rem;
	display: flex;
	flex-flow: column;
	align-items: center;
}
.singleProduct .productInfo h3 {
	font-size: 1.25rem;
	line-height: 2rem;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
}
.singleProduct .productInfo h3 a {
	color: inherit;
	text-decoration: none;
}
.singleProduct .productInfo .price {
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: var(--orange-500);
	margin: 0;
	text-align: center;
	font-weight: 500;
}
.shopOnly {
	display: none;
}
.woo-variation-swatches .single-product-variable-items.wvs-style-squared.variable-items-wrapper.variationSelected .variable-item:not(.radio-variable-item).button-variable-item {
	width: 100%;
	margin-right: 0;
}
.woo-variation-swatches .single-product-variable-items.wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-contents {
	flex-direction: row;
	justify-content: unset;
	align-items: center;
}
.woo-variation-swatches .single-product-variable-items.wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-contents .variable-item-span {
	min-width: 3rem;
}
.woo-variation-swatches .single-product-variable-items.wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-contents .sizeInputContainer {
	display: flex;
	align-items: center;
	flex-grow: 1;
}
.woo-variation-swatches .single-product-variable-items.wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-contents .sizeInputContainer input {
	margin-top: 0;
	margin-left: auto;
}

@media only screen and (max-width: 1024px) {
	.woo-variation-swatches .single-product-variable-items.wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-contents .sizeInputContainer {
		align-items: flex-end;
		flex-flow: column;
	}
}

/* 6.2 - Home hero */
section.homeHero {
	position: relative;
	padding-top: var(--navbarHeight);
	min-height: 100vh;
	min-height: 100svh;

	display: flex;
	align-items: center;
}
section.homeHero .bg img {
	object-position: center;
}
section.homeHero .bg video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
section.homeHero .overlay {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 65%, rgba(0, 0, 0, 0.50) 100%);
}
section.homeHero .homeHeroContentWrapper .leftContent {
	grid-column: span 2;
}
section.homeHero .homeHeroContentWrapper .leftContent p {
	font-size: 1.5rem;
	line-height: 1.75rem;
	font-weight: 600;
	color: var(--white);
	font-family: var(--headingFont);
}
section.homeHero .homeHeroContentWrapper .rightContent {
	grid-column: 3 / 13;
}
section.homeHero .homeHeroContentWrapper .bottomRow {
	display: flex;
	flex-flow: column;
}
section.homeHero .homeHeroContentWrapper .bottomRow .startExploring {
	margin-left: auto;
	position: initial;
	transform: unset;
}
section.homeHero .title, section.homeHero .title p {
	font-size: 4rem;
	line-height: 4.2rem;
	font-weight: 600;
	color: var(--white);
	text-transform: uppercase;
	margin: 0;
	font-family: var(--headingFont);
}
section.homeHero .bttn.outline.white {
	backdrop-filter: unset;
}
.startExploring {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
	transition: transform 0.2s ease, opacity 0.2s ease;
}
.startExploring .text {
	transform-origin: center;
	animation: spin infinite linear 10s;
}
.startExploring .arrow {
	transform-origin: center;
	transition: transform 0.2s ease, fill 0.2s ease;
}
.startExploring:hover .arrow {
	fill: var(--orange-500);
	transform: scale(1.2);
}

/* 6.3 - Slogan swiper */
.swiper.sloganSwiper {
	padding: 2rem 0;
}
.sloganSwiper .swiper-wrapper {
	transition-timing-function: linear;
}
.sloganSwiper .swiper-wrapper .swiper-slide {
	width: max-content;
	margin: 0;
	font-family: var(--headingFont), var(--fallbackFont);
	font-size: 10rem;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--black);
}
.sloganSwiper .swiper-wrapper .swiper-slide:after {
	content: "/";
	margin-left: 4.5rem;
}

/* 7 - Utility classes */
.mobileOnly, .mobile-navigation {
	display: none;
}
.searchResult.noResults {
	padding: 14px 0;
}
.loading .searchResult {
	animation: Pulsate 1.5s linear infinite;
	pointer-events: none;
}

.wpml-ls {
	width: 5rem;
}
.wpml-ls ul .wpml-ls-current-language .wpml-ls-sub-menu {
	display: grid;
	/* 	grid-template-columns: 2.4rem 2.4rem;
	grid-template-rows: repeat(3, 1fr); */
	padding-top: 0.5rem;
	grid-gap: 0.2rem;
	border-top: 0px;
}
.wpml-ls ul a {
	background: transparent;
	color: var(--white);
	border: 1px solid var(--white) !important;
	border-radius: 9999px;
	font-size: 1.25rem;
	line-height: 1;
	padding: 3px 1rem;
	transition: 0.3s ease;
	transition-property: color, border, background;
}
.wpml-ls ul li:hover > a {
	background: var(--white);
}
#colophon .wpml-ls ul li ul a {
	background: var(--black);
}
#colophon .wpml-ls ul li ul li:hover > a {
	background: var(--white);
}
.wpml-ls ul a span {
	display: block;
	height: 20px;
	font-size: 1.25rem;
	line-height: 1;
}
.bigSubMenuOpen #masthead .wpml-ls ul a, .searchModalOpen #masthead .wpml-ls ul a {
	color: var(--black);
	border-color: var(--black) !important;
}
/* .wpml-ls > ul > li:hover > a {
display: none;
} */
.wpml-ls ul li ul a {
	/* 	padding: 0; */
	padding: 3px 1rem;
	text-align: center;
}

.wpml-ls.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
	background-image: url('/wp-content/uploads/2024/06/chevron-right.svg');
	background-size: 9px 17px;
	width: 9px;
	height: 17px;
	border: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.home #masthead .wpml-ls.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
	background-image: url('/wp-content/uploads/2024/06/chevron-right.svg');
}
.home #masthead .wpml-ls.wpml-ls-legacy-dropdown li:hover a.wpml-ls-item-toggle {
	color: var(--black);
}
#colophon .wpml-ls.wpml-ls-legacy-dropdown li:hover a.wpml-ls-item-toggle:after, .home #masthead .wpml-ls.wpml-ls-legacy-dropdown li:hover a.wpml-ls-item-toggle:after, #masthead .wpml-ls.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after, .scrolled #masthead .wpml-ls.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after, .bigSubMenuOpen #masthead .wpml-ls.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after, .searchModalOpen #masthead .wpml-ls.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after, .wpml-ls.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:focus:after, .wpml-ls.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:hover:after {
	background-image: url('/wp-content/uploads/2024/06/chevron-right-black.svg');
}
/* .wpml-ls.wpml-ls-legacy-dropdown {
width: auto;
}
.wpml-ls .js-wpml-ls-item-toggle {
padding: 0 2.4rem 0 1rem !important;
height: 42px;
border: 1px solid rgb(var(--white-rgb) / 50%);
background-color: transparent !important;
border-radius: 9999px;
display: flex;
align-items: center;
transition: 0.2s ease;
}
.wpml-ls li a.js-wpml-ls-item-toggle:after {
background-image: url('/wp-content/uploads/2024/01/chevron-right-sharp-solid-1.svg');
background-size: contain;
background-repeat: no-repeat;
width: 1rem;
height: 0.8rem;
top: calc(50% + 2px);
transform: translateY(-50%);
border: unset !important;
}
.wpml-ls li .wpml-ls-sub-menu {
background-color: transparent !important;
border: unset;
padding-top: 0.5rem;
transform: translateY(-4px);
opacity: 0;
transition: opacity 0.2s ease, transform 0.3s ease;
}
.wpml-ls li:hover .wpml-ls-sub-menu {
opacity: 1;
transform: translateY(0);
}
.wpml-ls li .wpml-ls-sub-menu li {
overflow: hidden;
border-right: 1px solid rgb(var(--white-rgb) / 50%);
border-left: 1px solid rgb(var(--white-rgb) / 50%);
}
.wpml-ls li .wpml-ls-sub-menu li:first-child {
border-top: 1px solid rgb(var(--white-rgb) / 50%);
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
}
.wpml-ls li .wpml-ls-sub-menu li:last-child {
border-bottom: 1px solid rgb(var(--white-rgb) / 50%);
border-bottom-left-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
}
.wpml-ls li .wpml-ls-sub-menu li a {
padding: 0 1rem;
height: 42px;	
background-color: transparent;
border: unset;
display: flex;
justify-content: center;
align-items: center;
background-color: rgb(var(--black-rgb) / 30%);
transition: background 0.3s ease;
}
.wpml-ls li .wpml-ls-sub-menu li a:hover {
background-color: rgb(var(--black-rgb) / 80%);
} */
@keyframes Pulsate {
	from { opacity: 1; }
	50% { opacity: .25; }
	to { opacity: 1; }
}
.layoutGrid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-column-gap: 1.5rem;
}
.twoColGrid > .col:nth-child(1) {
	grid-column: span 7;
}
.twoColGrid > .col:nth-child(2) {
	grid-column: span 5;
}
.twoColGrid > .col.logoCol {
	display: flex;
	align-items: center;
	justify-content: center;
}
.twoColGrid > .col.logoCol img {
	width: auto;
	height: auto;
	max-height: 12.5rem;
	object-fit: contain;
	display: block;
}
.header {
	padding-bottom: 1rem;
}
.header h2, .header h3 {
	margin: 0;
}
*:focus {
	outline: none;
}
input.searchBar {
	width: 100%;
	border-radius: 0px;
	border: 0px;
	border-bottom: 1px solid var(--black);
	background: transparent;
	color: var(--black);
	font-family: var(--headingFont), var(--fallbackFont);
	font-size: 3rem;
	line-height: 1.2;
	font-weight: 200;
	padding: 0 0 0 0;
	transition: border-radius 0.3s ease;
}
input.searchBar.ready.active {
	border-radius: 21px 21px 0 0;
}
.searchContainer {
	padding-top: 5rem;
	position: relative;
}
.searchResults {
	z-index: 1;
	width: 100%;
}
.searchResult a {
	align-items: center;
	display: flex;
	justify-content: space-between;
	grid-gap: 1rem;
	padding: 0.5rem 0;
	text-decoration: none;
	transition: padding 0.3s ease, background 0.3s ease;
}
.searchResult a:hover {
	padding: 0.5rem;
	background-color: rgb(var(--black-rgb) / 10%);
}
.searchResult a p {
	font-family: var(--headingFont), var(--fallbackFont);
	font-size: 3rem;
	line-height: 1.2;
	font-weight: 200;
	margin: 0;

	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.searchResult {
	border-bottom: 1px solid var(--black);
}
.searchResults {
	display: none;
	z-index: 1;
}
.searchResults .imgContainer {
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.searchResults .imgContainer img {
	height: 100%;
	width: auto;
}
.searchInput {
	position: relative;
	z-index: 2;
}
.searchInput .searchBar + svg {
	display: none;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2.5rem;
	height: auto;
}
.searchInput .searchBar:placeholder-shown + svg {
	display: block;
}
/* .searchInput .searchBar:placeholder-shown:before {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);

content: "";
background-image: url('/wp-content/uploads/2024/07/Frame.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 64px;
height: 64px;
} */
/* input.searchBar::placeholder {
color: rgba(255, 255, 255, 0.30);
}
input.searchBar:focus {
color: rgba(255, 255, 255, 0.75);
} */
/* 8 - Woocommerce */
.woocommerce-page .entry-content {
	width: 100%;
	max-width: var(--mainGrid);
	margin-right: auto;
	margin-left: auto;
}
.woocommerce-cart main#primary, .woocommerce-checkout main#primary, .woocommerce-order-received main#primary {
	padding-top: calc(var(--sectionPadding) * 2);
	min-height: calc(100vh - 725px);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.woocommerce-cart #colophon {
	padding-top: 0;
}
/* 8.1 - Woocommerce cart */
.woocommerce-cart .wc-block-cart__submit-button, .woocommerce-checkout .wc-block-components-checkout-place-order-button, body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
	background-color: var(--orange-500);
	color: var(--white);
	text-decoration: none;
	border-radius: 0;
	border: unset;
}
.woocommerce-cart .wc-block-cart__submit-button:hover, .woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
	opacity: 0.8;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block h2:first-of-type ~ h2, .woocommerce-cart .wp-block-woocommerce-empty-cart-block h2:first-of-type ~ .wp-block-product-new {
	display: none;
}

/* 8.2 - Woocommerce order received */
.woocommerce-order-received .woocommerce ul.order_details {
	padding-left: 0;
}
.woocommerce-order-received .woocommerce ul.order_details li {
	background-color: var(--orange-500);
	margin-right: 0;
	padding: 1rem;
	color: var(--white);
}
ul.wc-item-meta {
	padding: 0;
	margin: 0;
}
td.woocommerce-table__product-name.product-name {
	padding-left: 80px !important;
	position: relative;
}
td.woocommerce-table__product-name.product-name .productImage img {
	position: absolute;
	width: 80px;
	height: 80px;
	object-fit: contain;
	left: 0;
}

/* 11 - Contact */
form label {
	font-weight: 600;
	text-transform: uppercase;
}
form input, form textarea {
	border-radius: 8px !important;
	border: 1px solid rgba(62, 94, 146, 0.60) !important;
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(4px);
	margin-top: 8px;
}
#colophon .footer.contact {
	padding-bottom: var(--sectionPadding);
}
.footer.contact form input[type="text"], .footer.contact form input[type="email"] {
	border-radius: 0 !important;
	border-width: 0 0 1px 0 !important;
	border-color: var(--white) !important;
	font-family: var(--headingFont), var(--fallbackFont);
	font-size: 2rem;
	line-height: 1;
	font-weight: 200;
	color: var(--white);
	text-align: center;
	background-color: transparent;
}
.footer.contact form input:placeholder {
	color: var(--white);
}
.footer.contact form .formWrapper {
	padding-top: 3rem;
}
.footer.contact form .textareaWrapper {
	display: block;
	border: 1px solid var(--white);
	border-radius: 2rem;
	padding: 1.5rem 2rem;
	text-transform: unset;
	display: flex;
	flex-flow: column;
	flex-grow: 1;
}
.footer.contact form .textareaWrapper p {
	color: var(--white);
	margin: 0;
	font-size: 1.5rem;
	font-weight: 200;
}
.footer.contact form .textareaWrapper p small {
	font-size: 0.75rem;
}
.footer.contact form .textareaWrapper .wpcf7-form-control-wrap {
	flex-grow: 1;
}
.footer.contact form .textareaWrapper textarea {
	border: 0px !important;
	border-radius: 0px !important;
	padding: 0;
	color: var(--white);
	background-color: transparent;
	backdrop-filter: blur(0px);
	height: 100%;
	resize: vertical;
}
.footer.contact form .col {
	grid-column: span 5;
}
.footer.contact form .col.textareaCol {
	grid-column: 8 / span 5;
	display: flex;
	flex-flow: column;
}
.footer.contact .submitWrapper {
	display: flex;
	justify-content: space-between;
	padding-top: 3rem;
}
form .formCol2 input {
	height: 40px;
}
.col input {
	width: 100%;
}
.formCol2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 24px;
	margin-bottom: 24px;
}
form .bttn {
	width: max-content !important;  
	cursor: pointer;
	display: inline;
}
.contactMap {
	margin-top: calc(var(--spaceBetween) / 2);
}
.wpcf7-not-valid-tip {
	text-transform: math-auto;
	font-size: 12px;
}
.wpcf7-response-output {
	padding: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid var(--orange-500) !important;
	width: fit-content;
}
.wpcf7-acceptance input[type="checkbox"]:checked {
	background-color: var(--white);
}
.wpcf7-acceptance input[type="checkbox"]:checked:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='14' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z' fill='%23000000'/%3E%3C/svg%3E");
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 1;
}
.wpcf7-acceptance input[type="checkbox"] {
	-webkit-appearance: none;
	width: 1rem;
	height: 1rem;
	border: 1px solid var(--white) !important;
	border-radius: 0px !important;
	margin-right: 0.5rem;
	transition: background 0.2s ease;
	flex-shrink: 0;
	margin-top: 0;
}
span.wpcf7-list-item {
	margin-left: 0;
	margin-top: 1rem;
}
span.wpcf7-form-control.wpcf7-acceptance span {
	font-weight: 200;
	text-transform: math-auto;
}
span.wpcf7-form-control.wpcf7-acceptance label {
	display: flex;
	align-items: center;
	cursor: pointer;
}
.withUnderline {
	position: relative;
	padding-bottom: 1rem;
}
.withUnderline::after {
	width: 160px;
	height: 8px;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: var(--orange-500);
}
.fourColGrid .swiper .swiper-wrapper {
	display: grid;
}
.fourColGrid, .fourColGrid .swiper .swiper-wrapper {
	grid-gap: 1.5rem;  
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
section.darkBg {
	margin-top: var(--sectionPadding);
	background: radial-gradient(145.73% 83.56% at 50% 83.56%, #000 0%, #282F41 100%);
	padding-bottom: var(--sectionPadding);
}
section.darkBg h2, section.darkBg p {
	color: var(--white);  
}
.col.quoteText {
	background: linear-gradient(180deg, #ECA24D 0%, #ED6E18 100%);
	border-radius: 32px;
	padding: 60px 40px;
	text-align: center;
	width: unset;
	height: unset;
}
.center {
	text-align: center;  
	justify-content: center;
}
.col.quoteText p {
	margin: 0;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	line-height: 28px;
	height: 100%;
	display: flex;
	align-items: center;
	word-break: break-word;
}
.col.quoteImage img {
	height: 100%;
	border-radius: 32px;
	object-fit: cover;
	object-position: center;
}
#colophon {
	padding-top: 0;  
}
section.communitySpeaks h2 {
	margin-top: 0;
	margin-bottom: 3rem;
}

/* 12 - Single brand */
.textImageGrid .textGridItem .bttnGroup.visualDownGrid {
	flex-direction: column;
	flex-flow: column nowrap;
}
.textImageGrid .textGridItem .bttnGroup.visualDownGrid img {
	margin-top: -60px;
	margin-left: -8%;
	z-index: 1;
	position: relative;
}
.bttnGroup.visualDownGrid .bttn {
	z-index: 2;
}
.relatedBrand {
	position: relative;
	border-radius: 2rem;
	overflow: hidden;
	padding: 4rem;
	box-sizing: border-box;
}
img.relatedBrandBackground, .relatedBrandOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.3s ease;
}
.relatedBrandOverlay {
	background: rgba(16, 18, 25, 0.30);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	transition: 0.3s ease;
}
img.relatedBrandLogo {
	height: 160px;
	position: relative;
	object-fit: contain;
	filter: brightness(0) invert(1);
}
/* .relatedBrand a:hover .relatedBrandOverlay {
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
} */
.relatedBrand a {
	transition: transform 0.3s ease;
}
.relatedBrand a:hover {
	transform: translateY(-0.25rem);
}
.relatedBrand a:hover .relatedBrandBackground {
	transform: scale(1.1);
}
.otherBrands .bttn {
	width: max-content;
	margin: auto;
	margin-top: 3rem;
}
.otherBrands .swiper-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1.5rem;
	grid-row-gap: 2.5rem;
}
.productFilterBar.brandSplitter .mainGrid {
	justify-content: flex-start;
}
.productFilterBar.brandSplitter a {
	text-decoration: none;
	color: var(--white);
	font-style: normal;
	font-weight: 400;
	font-family: var(--headingFont);
	text-transform: uppercase;
	font-size: 24px;
}
.productFilterBar.brandSplitter a {
	display: flex;
	align-items: center;
	grid-gap: 0.5rem;
}
.woocommerce-account section {
	padding-top: 0;
}
.woocommerce-account .woocommerce::before, .woocommerce-account .woocommerce::after {
	display: none !important;
}
.woocommerce-account .woocommerce {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 2rem;
	margin-top: calc(var(--sectionPadding) * 2) !important;
}
.woocommerce-MyAccount-content {
	grid-column: span 9;
}
nav.woocommerce-MyAccount-navigation {
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.16);
	padding: 40px;
	border-radius: 32px;
	grid-column: span 3;
	height: fit-content;
	position: sticky;
	top: calc(80px + 2rem);
}
nav.woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-direction: column;
	grid-gap: 1rem;
}
nav.woocommerce-MyAccount-navigation ul .is-active {
	text-decoration: underline;
}
nav.woocommerce-MyAccount-navigation a {
	color: var(--black);
}
nav.woocommerce-MyAccount-navigation a {
	text-decoration: none;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row select {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	outline: 0;
	line-height: normal;
	background-color: #fff;
	border: 1px solid #50575e;
	border-radius: 4px;
	box-sizing: border-box;
	color: #2b2d2f;
	font-family: inherit;
	font-size: 1em;
	line-height: 1em;
	margin: 0;
	min-height: 0;
	padding: 1em;
	width: 100%;
}
.textGridItem .bttnGroup .bttn {
	flex-shrink: 0;
}
section.darkBg.ourBrands .layoutGrid {
	grid-gap: 3rem 2.5rem;
}
.rotateImages .mobile {
	display: none;
}
.rotateImages .singleImage:not(.active) {
	display: none;
}
.rotateImages .singleImage {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
/* Brand overview */
.singleBrand {
	align-items: flex-end;
}
.singleBrand.adidas h2 {
	font-family: 'adineuePRO';
}
.singleBrand + .singleBrand {
	padding-top: calc(var(--sectionPadding) * 2);
}
.singleBrand .infoColumn {
	grid-column: span 4;
}
.singleBrand .infoColumn .content p {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.singleBrand .infoColumn .logoWrapper {
	display: none;
}
.singleBrand .logoColumn {
	grid-column: span 2;
	display: flex;
	flex-flow: column;
}
.singleBrand .logoWrapper {
	position: relative;
	width: 100%;
	max-width: 90%;
	margin: 0 auto;
}
.singleBrand .logoWrapper img {
	display: block;
}
.singleBrand .logoWrapper .logoVisual {
	width: 100%;
}
.singleBrand .logoWrapper .logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 60%;
	max-height: 40%;
	object-fit: contain;
}
.brandsWrapper .singleBrand:nth-child(odd) .arrow.right {
	display: block;
}
.brandsWrapper .singleBrand:nth-child(even) .arrow.left {
	display: block;
}
.brandsWrapper .singleBrand:last-child .arrow.right, .brandsWrapper .singleBrand:last-child .arrow.left {
	display: none;
}
.singleBrand .logoColumn .arrow {
	display: none;
	margin-top: 50px;
	margin-bottom: calc((var(--sectionPadding) * 3) * -1);
}
.singleBrand .logoColumn .arrow.right {
	margin-left: auto;
}
.singleBrand .imageGalleryColumn {
	grid-column: span 6;
}
.singleBrand .imageGalleryColumn .imageGallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1.5rem;
}
.singleBrand .imageGalleryColumn .imageGallery img {
	border-radius: 2rem;
	height: 100%;
	object-fit: cover;
}

.contactInformation ul li a {
	text-decoration: unset;
	color: white;
}
.contactInformation ul li {
	list-style: none;
}
.contactInformation ul {
	padding: 0;
	margin: 0;
	text-decoration: none;
}
.contactInformation ul li a img {
	filter: brightness(0) invert(1);
}
/* 9 - Responsive */
@media only screen and (min-width: 1920px) {
	section.hero {
		min-height: 25vw;
	}
}
@media only screen and (max-width: 1440px) {
	:root {
		--mainGrid: 1180px;
	}
	.wysiwyg.bigText p {
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
	.textImageGrid .textGridItem .content {
		grid-template-columns: repeat(5, 1fr);
	}
	.twoColGrid > .col.logoCol img {
		max-height: 10rem;
	}
	.productFilterBar .inner a {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}
}

@media only screen and (max-width: 1280px) {
	:root {
		--mainGrid: 980px;
		--spaceBetween: 4rem;
	}
	h2.big {
		font-size: 4rem;
	}
	.textImageGrid .textGridItem .content {
		grid-template-columns: repeat(4, 1fr);
	}
	#colophon .footerSwiper .swiper-wrapper .swiper-slide {
		font-size: 8rem;
	}
	#colophon .footer .layoutGrid > .col.generalInfo {
		grid-column: 1/-1;
	}
	.productGeneralInformationContainer {
		padding: 24px;
	}
	.bigSubMenu .inner .col {
		grid-column: span 3;
	}
	section.ourBrands .textGridItem {
		grid-column: span 5;
	}
	section.ourBrands .imageCarouselGridItem {
		grid-column: span 7;
	}
	section.fulfillmentScrollThrough .textGridItem .content img {
		display: none;
	}
	section.homeHero .title, section.homeHero .title p {
		font-size: 3rem;
		line-height: 1;
	}
	section.homeHero .homeHeroContentWrapper .leftContent p {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	#masthead .navbar .navbarInner {
		display: flex;
		justify-content: space-between;
	}
	#masthead .navbar .navbarInner .navWrapper {
		flex-grow: 1;
		padding-left: 1rem;
	}
}

@media only screen and (max-width: 1024px) {
	:root {
		--mainGrid: 95vw;
		--spaceBetween: 3rem;
		--navbarHeight: 3.5rem;
	}
	.home, .home.scrolled {
		--navbarHeight: 3.5rem;
	}
	.layoutGrid {
		grid-column-gap: 1rem;
		grid-row-gap: 1rem;
	}
	section.hero .content .wysiwyg {
		grid-column: 1/-1;
	}
	.twoColGrid > .col:nth-child(1) {
		grid-column: span 8;
	}
	.twoColGrid > .col:nth-child(2) {
		grid-column: span 4;
	}
	#colophon .footer .layoutGrid .col.quickLinks nav ul li + li:before {
		display: none;
	}
	.bigSubMenu .inner .col {
		grid-column: span 4;
	}
	section.ourBrands .textGridItem {
		grid-column: 1/-1;
	}
	section.ourBrands .imageCarouselGridItem {
		grid-column: 1/-1;
		height: 400px;
		width: calc(100% + (var(--gridPadding) * 2));
		margin-left: calc(var(--gridPadding) * -1);
	}
	.imageCarousel {
		border-radius: 0;
	}
	section.fulfillmentScrollThrough .textGridItem {
		grid-column: 1/-1;
		height: auto;
	}
	section.fulfillmentScrollThrough .scrollThroughWrapper {
		grid-column: span 4;
		grid-template-columns: repeat(4, 1fr);
	}
	section.fulfillmentScrollThrough .scrollThroughGridItem {
		grid-column: span 3;
	}
	section.fulfillmentScrollThrough .scrollThroughAsideGridItem, .scrollThrough .singleItemWrapper {
		padding-top: 0;
	}
	section.fulfillmentScrollThrough .scrollThroughGridItem .scrollThrough {
		max-width: 100%;
	}
	.scrollThrough .singleItem h3 {
		font-size: 1.5rem;
		line-height: 2.25rem;
	}
	section.homeHero .header .title {
		width: 100%;
	}
	.home #masthead .navbar .navbarInner .siteBranding svg, #masthead .navbar .navbarInner .siteBranding svg, .home.scrolled #masthead .navbar .navbarInner .siteBranding svg {
		height: 1.5rem;
	}
	#masthead .navbar .navbarInner nav ul li + li {
		margin-left: 1rem;
	}
}

@media only screen and (max-width: 768px) {
	:root {
		--sectionPadding: 2.5rem;
		--spaceBetween: 1rem;
	}
	h1 {
		font-size: 3rem;
		line-height: 3.5rem;
	}
	h2, h2.big {
		font-size: 2.5rem;
		line-height: 2.25rem;
	}
	h3 {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.fourColGrid .swiper .swiper-wrapper {
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 0;
	}
	.fourColGrid .swiper .swiper-wrapper .col.quoteText {
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		grid-gap: 18px;
	}
	.communitySpeaksSwiper {
		padding-bottom: 4rem !important;
	}
	.communitySpeaksSwiper .col.quoteText {
		padding: 40px;
	}
	.mobileOnly {
		display: inherit;
	}
	.desktopOnly {
		display: none;
	}
	.textGridItem .bttnGroup {
		flex-flow: unset;
	}
	.textGridItem .bttnGroup img.visual {
		content:url("/wp-content/uploads/2024/01/mobile-visual.svg");
		max-width: 130px;
		margin-left: auto;
		margin-top: -30px !important;
	}
	.layoutGrid {
		grid-row-gap: 2.5rem;
	}
	.bttnGroup.visualDownGrid, .bttnGroup.teamUpGroup {
		flex-direction: unset !important;
	}
	hr {
		margin-bottom: 1rem;
		margin-top: 1rem;
	}
	.entry-content section:last-of-type {
		padding-bottom: var(--sectionPadding);
	}
	.fourColGrid .swiper .swiper-wrapper .col.quoteText img {
		height: 120px;
		width: 120px;
		border-radius: 2rem;
	}
	.sloganSwiper {
		display: none !important;
	}
	.textImageGrid .gridItem.textGridItem, .textImageGrid.reverse .gridItem.textGridItem {
		grid-column: 1/-1;
		grid-row: 1;
	}
	.textImageGrid .imageGridItem {
		grid-row: 2;
		grid-column: 1/-1;
		grid-gap: 1rem;
		align-items: center;
		width: calc(100% + (var(--gridPadding) * 2));
		margin-left: calc(var(--gridPadding) * -1);
	}
	.textImageGrid .imageGridItem .imagesWrapper {
		grid-gap: 1rem;
		grid-template-columns: repeat(2, 1fr);
		align-items: center;
	}
	.textImageGrid .imageGridItem .imagesWrapper img, .textImageGrid.reverse .imageGridItem .imagesWrapper:first-child img:last-child {
		grid-column: span 1;
	}
	.textImageGrid .imageGridItem .imagesWrapper:last-child {
		margin-top: 0;
	}
	.layoutGrid {
		grid-template-columns: repeat(4, 1fr);
	}
	.textImageGrid:not(.reverse) .imageGridItem .imagesWrapper:first-child img:first-child,
	.textImageGrid.reverse .imageGridItem .imagesWrapper:last-child img:first-child {
		border-radius: 0 1rem 1rem 0;
	}
	.textImageGrid:not(.reverse) .imageGridItem .imagesWrapper:last-child img:last-child, 
	.textImageGrid.reverse .imageGridItem .imagesWrapper:first-child img:last-child {
		border-radius: 1rem 0 0 1rem;
	}
	.textImageGrid .imageGridItem img {
		border-radius: 1rem;
	}
	.textImageGrid .textGridItem .bttnGroup .visual {
		margin-left: auto !important;
	}
	#colophon .footer .layoutGrid .col.contactInfo {
		grid-column: 1/-1;
	}
	.wysiwyg.bigText p {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	section.hero .content .subTitle {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	section.hero {
		min-height: 400px;
	}
	.twoColGrid > .col:nth-child(1) {
		grid-column: 1/-1;
	}
	.twoColGrid > .col.logoCol {
		grid-column-start: 2;
		grid-column-end: 4;
	}
	.twoColGrid > .col.logoCol img {
		width: 100%;
		height: auto;
		max-height: unset;
	}
	.products .categoryRow + .categoryRow {
		margin-top: var(--sectionPadding);
	}
	.products .categoryRow .productsWrapper {
		grid-template-columns: repeat(2, 1fr);
	}
	.singleProduct .imageModule {
		margin-top: 3rem;
		padding: 1rem;
	}
	.singleProduct .imageModule .backdrop {
		border-radius: 1rem;
		height: 10rem;
	}
	.singleProduct .imageModule .imageWrapper {
		margin-top: calc(-3rem - 1rem);
	}
	.singleProduct .imageModule .imageWrapper img {
		height: 8rem;
	}
	.singleProduct .imageModule .variationsWrapper {
		margin-top: 1rem;
		grid-gap: 6px;
	}
	.productInformationBlock.productImage .backdrop {
		height: 20rem;
	}
	.singleProduct .imageModule .variationsWrapper .singleVariation {
		width: 2.5rem;
		height: 2.5rem;
		padding: 0.3rem;
		border-radius: 0.5rem;
	}
	.singleProduct .productInfo {
		padding: 0 1rem;
	}
	.singleProduct .productInfo .price {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.bttnGroup {
		margin-top: 1.5rem;
	}
	#colophon .footerSwiper .swiper-wrapper .swiper-slide {
		font-size: 3rem;
	}
	#colophon .footerSwiper .swiper-wrapper .swiper-slide:after {
		left: calc(100% + 1.75rem);
		width: 1rem;
		height: 1rem;
	}

	.products .categoryRow {
		scroll-margin-top: 2rem;
	}
	.filterBar {
		padding: 0;
		position: fixed;
		top: auto;
		bottom: 0;
		width: 100%;
		transform: translateY(calc(100% - 80px));
		transition: transform 0.3s ease;
	}
	.filterBar.open {
		transform: translateY(0);
	}
	.filterBar.hide {
		transform: translateY(100%);
	}
	.productFilterBarHeader {
		display: block;
	}
	.productFilterBarHeader h2 {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.productFilterBarHeader .mainGrid {
		display: flex;
		justify-content: center;
		align-items: center;
		grid-column-gap: 0.5rem;
	}
	.productFilterBarHeader h2 {
		margin: 0;
		color: var(--white);
	}
	.productFilterBar {
		padding-top: 0;
	}
	.productFilterBar.brandSplitter {
		padding-top: 1.5rem;
	}
	.productFilterBar.brandSplitter .mainGrid {
		align-items: flex-start;
	}
	.productFilterBar .inner {
		flex-flow: column;
	}
	.productFilterBar .inner p + p, .productFilterBar .inner label ~ label {
		margin-left: 0;
		margin-top: var(--spaceBetween);
	}
	.woocommerce-order-received .woocommerce ul.order_details li {
		border-bottom: 1px dashed #cfc8d8;
	}
	.serviceContainer {
		grid-template-columns: 1fr;
	}
	.col.serviceItem img {
		margin: -140px auto -6% !important;
	}
	.bigSubMenu .inner .col, .bigSubMenu .inner .col.wider {
		grid-column: 1/-1;
	}
	.bigSubMenu .inner .col.buttonCol {
		grid-row: 1;
	}
	#masthead .navbar .navbarInner .siteBranding img {
		height: 2rem;
	}
	.main-navigation li {
		font-size: 18px;
	}
	.singleBrand .imageGalleryColumn .imageGallery img {
		border-radius: 0;
		height: 250px;
		object-fit: cover;
		width: 100%;	
	}
	.singleBrand .imageGalleryColumn .imageGallery {
		grid-gap: 0;
		width: calc(100% + (var(--gridPadding) * 2));
		margin-left: calc(var(--gridPadding) * -1);
	}
	.singleBrand .logoColumn .arrow {
		display: none !important;
	}
	.infoColumn.mobileOnly .bttnGroup {
		margin: 0;
	}
	.singleBrand .imageGalleryColumn {
		grid-column: span 4;
	}
	.singleBrand .logoColumn {
		grid-column: 4/5;
		grid-row: 1;
		margin-bottom: -4rem;
	}
	.singleBrand .infoColumn {
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 2rem 0;
		display: grid;
		align-items: flex-end;
	}
	.singleBrand .header {
		grid-column: span 2;
		padding-bottom: 0;
	}
	.singleBrand .header hr {
		margin-bottom: 0;
	}
	.singleBrand .infoColumn .logoWrapper {
		grid-column: span 2;
		display: block;
		max-width: 7.5rem;
		margin-right: 0;
	}
	.singleBrand .logoColumn .logoWrapper {
		display: none;
	}
	.singleBrand .content, .infoColumn.mobileOnly .bttnGroup {
		grid-column: span 4;
	}
	.infoColumn.mobileOnly .bttnGroup .bttn.outline, form .bttn.outline {
		justify-content: center;
		width: 100%;
	}
	.singleBrand + .singleBrand {
		padding-top: 0;
	}
	.brandsWrapper .singleBrand:last-child img.brandDownArrow {
		display: none;
	}
	img.brandDownArrow {
		grid-column: 1 / -1;
		margin: -1rem auto -2.5rem auto;
		width: 60px;
		padding-left: 14px;
	}
	.hero .imageCarousel .singleImage {
		width: calc(calc(100% - 6rem) / 10);
	}
	.hero .imageCarousel .singleImage.active {
		width: 6rem;
	}
	.hero .imageCarousel .singleImage img {
		width: 6rem;
	}
	.brandsFilterSection {
		padding: 0;
	}
	.otherBrands .swiper-initialized .swiper-wrapper {
		grid-column-gap: 0;
	}
	.swiper .swiper-pagination {
		position: initial;
		margin-top: 2.5rem;
	}
	.swiper .swiper-pagination .swiper-pagination-bullet {
		max-width: 78px;
	}
	.swiper .swiper-pagination .swiper-pagination-bullet {
		--swiper-pagination-bullet-inactive-color: var(--orange-500);
		--swiper-pagination-color: var(--orange-500);
		--swiper-pagination-bullet-width: 20%;
		--swiper-pagination-bullet-height: 1.5rem;
		--swiper-pagination-bullet-border-radius: 1rem;
		--swiper-pagination-bullet-horizontal-gap: 0.5rem;
	}
	section.ourBrands .textGridItem .bttnGroup {
		display: none;
	}
	section.ourBrands .bttnGroup {
		grid-column: 1/-1;
	}
	section.ourBrands .layoutGrid .bttnGroup {
		margin-top: 0;
	}
	.startExploring {
		position: relative;
		bottom: unset;
		left: unset;
		transform: unset;
		padding-top: 2rem;
		margin: auto auto 1rem;
		text-align: center;
	}
	.startExploring svg {
		width: 120px;
		height: 120px;
	}
	section.homeHero .overlay {
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0.50) 100%);
	}
	.rotateImages .mobile {
		display: block;
	}
	.rotateImages .desktop {
		display: none;
	}
	section.hero .mobileFeaturedImage {
		display: block;
	}
	section.hero .mobileFeaturedImage + img {
		display: none;
	}
	input.searchBar {
		font-size: 2rem;
	}
	.searchInput .searchBar + svg {
		width: 1.5rem;
	}
	.searchResult a p {
		font-size: 2rem;
	}
	.searchResults .imgContainer {
		height: 2rem;
	}
	.footer.contact form .col, .footer.contact form .col.textareaCol {
		grid-column: 1/-1;
	}
	#colophon .footer .layoutGrid .wysiwyg h2 {
		font-size: 2rem;
	}
	.footer.contact form input[type="text"], .footer.contact form input[type="email"] {
		font-size: 1rem;
	}
	.footer.contact .submitWrapper .bttn {
		width: auto !important;
	}
	.footer.contact form .textareaWrapper {
		margin-top: 3rem;
		padding: 1rem;
	}
	.footer.contact form .textareaWrapper p {
		font-size: 1rem;
	}
	#colophon .footer .layoutGrid .col.contactInfo nav ul, #colophon .footer .layoutGrid .col.socials nav ul {
		grid-gap: 0.5rem;
	}
	#colophon .footer .layoutGrid .col.contactInfo {
		grid-column: span 3;
	}
	#colophon .footer .layoutGrid .col.socials {
		grid-column: span 1;
	}
	#colophon .footer .layoutGrid {
		grid-row-gap: 0;
	}
	#colophon .footer .layoutGrid > .col.generalInfo {
		padding-bottom: 5rem;
	}
	#colophon .legalBar {
		padding-bottom: 0.5rem;
	}
	#colophon .legalBar ul {
		flex-flow: column;
		align-items: center;
		grid-gap: 0;
	}
	#colophon .footer .locationWrapper .city {
		font-size: 2rem;
	}
	.menuColHeader:before {
		right: 100%;
		display: block;
	}
}

@media only screen and (max-width: 1023px) {
	body.menuOpen {
		overflow: hidden;
	}
	#masthead .navbar .navbarInner {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		padding-top: 1rem !important;
	}
	#masthead .navbar .navbarInner .navWrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 2rem;
	}
	.menuOpen #masthead .extraMainMenuItems {
		margin-top: 3rem;
		margin-left: 0;
		align-items: center;
	}
	.menuOpen #masthead .extraMainMenuItems .bttn.white.outline {
		border-color: var(--black) !important;
		color: var(--black) !important;
	}
	.menuOpen #masthead .extraMainMenuItems .bttn.white.outline:hover {
		color: var(--white) !important;
		background-color: var(--black);
	}
	.menuOpen #masthead .wpml-ls ul a {
		color: var(--black);
		border-color: var(--black) !important;
	}
	.menuOpen #masthead .wpml-ls.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
		background-image: url('/wp-content/uploads/2024/06/chevron-right-black.svg');
	}
	.menuOpen .wpml-ls > ul > li:hover > a {
		display: block;
	}
	.wpml-ls ul .wpml-ls-current-language .wpml-ls-sub-menu {
		padding-top: 1rem;
	}
	.home #masthead .navbar .navbarInner nav ul li a, #masthead .navbar .navbarInner nav ul li a, .scrolled #masthead .navbar .navbarInner nav ul li a {
		color: var(--black);
	}
	#masthead .navbar .navbarInner .siteBranding {
		z-index: 1;
	}
	.menuOpen #masthead .navbar .navbarInner .siteBranding svg {
		color: var(--black);
	}
	#masthead .navbar .navbarInner nav ul {
		flex-flow: column;
	}
	#masthead .navbar .navbarInner nav ul li + li {
		margin-left: 0;
		margin-top: 2rem;
	}
	#masthead .extraMainMenuItems {
		flex-flow: column;
	}
	#masthead .navbar .navbarInner .navWrapper .navInnerWrapper {
		width: 100%;
	}
	#masthead .extraMainMenuItems .wpml-ls {
		display: none;
	}
	.navWrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--offWhite);
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.2s ease;
	}
	.menuOpen .navWrapper {
		opacity: 1;
		pointer-events: auto;
	}
	.menuOpen #masthead .mobileWpmlSwitcher, .bigSubMenuOpen #masthead .mobileWpmlSwitcher, .searchModalOpen #masthead .mobileWpmlSwitcher {
		display: block;
		margin-left: auto;
	}
	.hamburger {
		margin-left: 20px;
		display: block;
		width: 26px;
		height: 21px;
		position: relative;
		cursor: pointer;
		z-index: 60;
	}
	.hamburger .bar {
		position: absolute;
		right: 0;
		width: 100%;
		height: 1px;
		background-color: var(--black);
		transition: transform 0.3s ease, width 0.3s 0.3s ease, top 0.3s 0.3s ease;
	}
	.home .hamburger .bar {
		background-color: var(--white);
	}
	.scrolled .hamburger .bar {
		background-color: var(--black);
	}
	.hamburger .bar:nth-child(1) {
		top: 0;
	}
	.hamburger .bar:nth-child(2) {
		top: 50%;
		transform: translateY(-50%);
	}
	.hamburger .bar:nth-child(3) {
		top: 100%;
		transform: translateY(-100%);
	}
	.bigSubMenuOpen .hamburger .bar, .searchModalOpen .hamburger .bar, .menuOpen .hamburger .bar {
		background-color: var(--black);
	}
	.bigSubMenuOpen .hamburger .bar:nth-child(1), .searchModalOpen .hamburger .bar:nth-child(1), .menuOpen .hamburger .bar:nth-child(1) {
		top: 50%;
		transform: translateY(-50%) rotate(45deg);
	}
	.bigSubMenuOpen .hamburger .bar:nth-child(2), .searchModalOpen .hamburger .bar:nth-child(2), .menuOpen .hamburger .bar:nth-child(2) {
		width: 0%;
	}
	.bigSubMenuOpen .hamburger .bar:nth-child(3), .searchModalOpen .hamburger .bar:nth-child(3), .menuOpen .hamburger .bar:nth-child(3) {
		top: 50%;
		transform: translateY(-50%) rotate(-45deg);
	}
	.bigSubMenuOpen .hamburger .bar, .searchModalOpen .hamburger .bar, .menuOpen .hamburger .bar {
		transition: top 0.3s ease, width 0.3s ease, transform 0.3s 0.3s ease;		
	}
	section.homeHero .homeHeroContentWrapper {
		display: flex;
		flex-flow: column;
		grid-gap: 1rem;
	}
	.searchContainer {
		padding-top: 2rem;
	}
	#colophon .footer .layoutGrid .col.contactInfo nav ul li, #colophon .footer .layoutGrid .col.socials nav ul li {
		font-size: 1rem;
	}
}

@media only screen and (max-width: 600px) {
	h1 {
		font-size: 2rem;
		line-height: 2.5rem;
	}
	#colophon .footer .layoutGrid .col.contactInfo .quickActions {
		align-items: flex-start;
	}
	#colophon .wpml-ls > ul > li {
		flex-direction: unset;
	}
	#colophon .wpml-ls li .wpml-ls-sub-menu {
		padding-right: 0;
		padding-left: 0.5rem;
	}
	.formCol2 {
		grid-template-columns: 1fr;
	}
	.singleBrand .logoColumn {
		grid-column: 3/5;
		margin-left: 2rem;
	}
	.searchInput svg {
		width: 20px;
	}
	.singleBrand .imageGalleryColumn .imageGallery img {
		height: 160px;	
	}
	.quickActions {
		margin-bottom: 2.5rem;
	}
	.quickActions .searchContainer {
		width: max-content;
		margin: 0;
	}
	.quickActions input.searchBar {
		width: 100%;
	}
	hr.thick {
		height: 0.25rem;
	}
	section.hero {
		min-height: 14rem;
		padding-bottom: 0.25rem;
		padding-top: var(--navbarHeight);
	}
	section.hero .content .subTitle {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.textImageGrid .textGridItem .content .wysiwyg {
		grid-column: span 12;
	}
	.textGridItem .bttnGroup {
		margin-top: 3rem;
	}
	section.ourBrands .imageCarouselGridItem {
		height: 10rem;
	}
	.imageCarousel {
		--imageWidth: 6rem;
	}
	form .bttn {
		width: 100% !important;
	}
	input.searchBar {
		font-size: 1.5rem;
	}
	.searchResult a p {
		font-size: 1.5rem;
		-webkit-line-clamp: unset;
	}
	.searchModal .inner {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
}

@media only screen and (max-width: 450px) {
	.searchModal h4 {
		font-size: 10px;
	}
	#colophon .footer .layoutGrid .col.quickLinks nav ul {
		flex-direction: column;
		align-items: unset;
	}
	.textGridItem .bttnGroup img.visual {
		max-width: 100px;
		margin-top: -20px !important;
	}
	#colophon .footer .layoutGrid .col.quickLinks nav ul li {
		margin: 0;
	}
	#colophon .footer .layoutGrid .col.quickLinks nav {
		justify-content: unset;
	}
	.textGridItem .bttnGroup {
		margin-top: 2.5rem;
	}
	.bttnGroup .bttn {
		justify-content: center;
	}
	.textGridItem .bttnGroup .bttn {
		flex-shrink: unset;
	}
	.bttn, form .bttn, button.woocommerce-Button.button, .woocommerce-MyAccount-content .button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
		font-size: 1rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.bttn svg {
		margin-left: 14px;
		height: 10px;
	}
	.wpml-ls {
		width: 4rem;
	}
	.wpml-ls ul a span {
		height: auto;
		font-size: 16px;
	}
	.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
		padding-left: 0.875rem;
		padding-right: 1rem;
	}
	.wpml-ls.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
		background-size: 7px 13px;
		width: 7px;
		height: 13px;
	}
}

/* 10 - Animations (keyframes) */
@keyframes spin {
	from {
		transform: rotate(0deg);
	} to {
		transform: rotate(360deg);
	}
}
@keyframes pulse {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: .5;
	}
}
.pulse {
	animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.otgs-development-site-front-end {
	display: none;
}
.lowerNone {
	text-transform: none;  
}
.grecaptcha-badge {
	display: none !important;
}
span.wc-block-components-payment-method-label {
	text-transform: uppercase;
}
ul.gl-list {
	padding-left: 2rem;
	margin-left: 0;
	margin-top: 1rem;
}
.single-product .woocommerce-message {
	padding-left: 1rem;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
}
.single-product .woocommerce-message::after, .single-product .woocommerce-message::before {
	display: none !important;
}

.productGeneralInformationContainer .blockUI.blockOverlay {
	border-radius: 0 !important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
	height: max-content;
}

ul .variable-item-contents p.stock {
	margin-bottom: 0 !important;
	font-size: 12px !important;
	transition: .3s ease;
	display: block;
}

p.stock.out-of-stock {
	margin: 0;
}

.loading {
	opacity: 0.5;
	animation: loadingAnimation ease 2.5s infinite;
	cursor: not-allowed;
}

.loading * {
	pointer-events: none;
}

@keyframes loadingAnimation {
	50% {
		opacity: 0.25;
	}
}
p.stock.available-on-backorder {
	margin: 0;
	color: var(--orange-500) !important;
	font-weight: 500;
}

/* Popups */
body.popupShow {
	overflow: hidden;
}
body.popupShow #masthead {
	opacity: 0;
}
.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
}
.popup.show {
	opacity: 1;
	pointer-events: auto;
}
.popup .backdrop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(var(--black-rgb) / 20%);
}
.popup .content {
	position: relative;
	width: 100%;
	max-width: 60rem;
	padding: 2rem;
	border-radius: 2rem;
	background-color: var(--black);
	z-index: 1;
}
.popup .content .topBar {
	display: flex;
	justify-content: flex-end;
	padding-bottom: 1rem;
}
.popup .content .close {
	cursor: pointer;
}

.cartTotal {
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 9999px;
	line-height: 1;
	padding: 0.25rem 0.5rem;
	background-color: var(--black);
	color: var(--white);
	font-size: 0.5rem;
}
.checkoutDeliveryCta {
	padding-top: 1rem;
/* 	display: flex; */
	align-items: center;
	font-weight: 700;
}
.checkoutDeliveryCta img {
	width: 2rem;
	height: auto;
	margin-right: 0.5rem;
}
.uppercase {
	text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
	.popup .content {
		padding: 1rem;
		height: 100%;
		border-radius: 0;
	}
}
.citySubtitle {
	font-weight: 700;
	font-size: 0.875rem;
}

.woocommerce div.product div.images .flex-control-thumbs {
	grid-gap: 1rem;
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	overflow: visible !important;
	margin-top: 2rem !important;
}
.woocommerce div.product div.images .flex-control-thumbs li {
	width: 100% !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
	height: auto !important;
	padding: 2rem;
	background-color: var(--white);
	border-radius: 1rem;
	box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.16);
}

/* Start - PayPal disabled */
/* label[for="radio-control-wc-payment-method-options-ppcp"] {
	display: none !important;
}
.logged-in.is-admin label[for="radio-control-wc-payment-method-options-ppcp"] {
	display: block !important;
} */
/* End - PayPal disabled */
button.reset_variations {
    display: none !important;
}