/*
Theme Name: Base Plus
Theme URI: http://baseplus.nl
Description: Wordpress thema voor Base Plus
Author: Base Plus - Michael Doorneweerd / Hendry Bolt
Author URI: http://comceptum.nl
Version: 1.0
License: GNU General Public License
License URI: licence/GPL.txt
Text Domain: baseplus
*/

.every-single-photo-in-this-project {
	height: 100px !important;
	width: 100px !important;
}

/** 
 * Root Variables - Start
 */

:root {
	--base: 15px;
	--extrahuge: calc(var(--base) * 10);
	--huge: calc(var(--base) * 8);
	--extralarge: calc(var(--base) * 6);
	--largehuge: calc(var(--base) * 5);
	--large: calc(var(--base) * 4);
	--mediumlarge: calc(var(--base) * 3);
	--medium: max(22.5px, calc(var(--base) * 2));
	--small: max(15px, calc(var(--base) * 1.5));
	--extrasmall: max(10px, calc(var(--base) * 1));
	--tiny: max(7.5px, calc(var(--base) * 0.675));

	--borderradius: 25px;

	--logo-height: var(--large);
	--logo-width: calc(var(--logo-height) * 2.8);

	--baseplus-primary: #FFCB22;
	--baseplus-secondary: #000000;
	--baseplus-white: #FFFFFF;

	--baseplus-button__gap: var(--extrasmall);

	--bottom-nav__height: calc(var(--logo-height) + 2rem);
}

/**
 * Root Variables - End
 */


/**
 * Global Fonts / Styles - Start
 */

/* ADMIN BAR MARGIN */
html {
	margin-top: 32px !important;
}

@media(max-width:782px) {
	html {
		margin-top: 0px !important;
	}
}

@font-face {
	font-family: 'Qruckia';
	src: url('fonts/QruckiaRegular.eot');
	src: url('fonts/QruckiaRegular.eot?#iefix') format('embedded-opentype'), url('fonts/QruckiaRegular.woff2') format('woff2'), url('fonts/QruckiaRegular.woff') format('woff'), url('fonts/QruckiaRegular.ttf') format('truetype'), url('fonts/QruckiaRegular.svg#QruckiaRegular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Font Awesome 6 Brands';
	src: url('fonts/FontAwesome6Brands-Regular.eot');
	src: url('fonts/FontAwesome6Brands-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/FontAwesome6Brands-Regular.woff2') format('woff2'), url('fonts/FontAwesome6Brands-Regular.woff') format('woff'), url('fonts/FontAwesome6Brands-Regular.ttf') format('truetype'), url('fonts/FontAwesome6Brands-Regular.svg#FontAwesome6Brands-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'Qruckia';
	margin-bottom: var(--extrasmall);
	margin-top: 0;
	line-height: 1;
	position: relative;
	display: block;
	font-weight: normal;
	text-wrap: balance;
	-webkit-transform: translateY(0.125em);
	transform: translateY(0.125em);
}

h1,
.h1 {
	font-size: 62px;
	line-height: 0.875;
}

.h2,
h2 {
	font-size: 32px;
}

.h3,
h3 {
	font-size: 28px;
}

.h4,
h4 {
	font-size: 26px;
}

.h5,
h5 {
	font-size: 22px;
	margin-bottom: var(--tiny);
}

.h6,
h6 {
	font-size: 16px;
	margin-bottom: var(--tiny);
}

body {
	font-size: 16px;
	font-weight: 400;
	font-family: "new-science", sans-serif;
	overflow-x: hidden;
	line-height: 1.675;
	background: var(--baseplus-secondary);
	color: var(--baseplus-white);
	margin: 0;
}

body.navigation-open {
	overflow-y: hidden;
	overflow-x: hidden;
}

p {
	margin-top: 0;
	margin-bottom: var(--extrasmall);
}

a {
	color: currentColor;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

ul,
ol {
	padding-left: 0;
	line-height: 1.675;
	margin-top: 0;
	margin-bottom: var(--extrasmall);
}

ul li {
	list-style: none;
}

img {
	width: 100%;
	height: auto;
}

label {
	font-weight: 600;
	margin-bottom: 0;
	display: block;
}

sup {
	top: -5px;
}

abbr {
	text-decoration: none !important;
}

hr {
	margin-top: var(--small);
	margin-bottom: var(--small);
	border: 0;
	border-top: 3px solid var(--baseplus-secondary);
}

blockquote {
	color: #50848B;
	font-size: 28px;
	margin: var(--medium) 0;
}

input:not([type="radio"], [type="checkbox"]),
textarea,
select {
	font-family: "new-science", sans-serif;
	font-size: inherit;
	line-height: inherit;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	outline: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	line-height: 1.125;
	width: 100%;
	position: relative;
	padding: 12.5px 22.5px;
	border: 0;
	background: #F5F5F5;
	color: var(--baseplus-secondary);
	border-radius: 0;
	font-weight: 400;
	resize: none;
}

input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
	color: #858585;
}

::-moz-selection,
::selection {
	background-color: #F8C83B;
}

:focus {
	outline: 0 !important;
}

table {
	margin-bottom: var(--extrasmall);
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.675;
}

table tr th {
	font-weight: bold;
	vertical-align: top;
}

b,
strong {
	font-weight: 600;
}

small,
.small {
	font-size: 0.75rem;
	font-weight: inherit;
	display: inline-block;
	line-height: 1.5;
}

section {
	padding: var(--large) 0;
}

button {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: 0;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.btn {
	-moz-appearance: none;
	-webkit-appearance: none;
	padding: 6px 7.5px 6px 12.5px;
	display: inline-block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	border: 0;
	z-index: 1;
	background-color: var(--baseplus-primary);
	color: var(--baseplus-secondary);
	overflow: hidden;
	line-height: 1;
	font-weight: 400;
	white-space: nowrap;
	cursor: pointer;
	font-family: 'Qruckia';
	font-size: 20px;
	clip-path: polygon(calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 0 100%, 0 0);
}

.btn:after {
	content: url(images/arrows_black.svg);
	position: relative;
	display: inline-block;
	width: 22.5px;
	line-height: 0;
	vertical-align: -0.25px;
	margin-left: 10px;
}

.btn-secondary {
	background-color: var(--baseplus-secondary) !important;
	color: var(--baseplus-primary) !important;
}

.btn-secondary:after {
	content: url(images/arrows.svg) !important;
}

.btn-white {
	background-color: var(--baseplus-white) !important;
	color: var(--baseplus-secondary) !important;
}

.btn-white:after {
	content: url(images/arrows_black.svg) !important;
}

.text-primary {
	color: var(--baseplus-primary);
}

.text-secondary {
	color: var(--baseplus-secondary);
}

.text-white {
	color: var(--baseplus-white);
}

/**
 * Global Fonts / Styles - End
 */


/**
 * @media Queries - Start
 */

/* Desktop - 1800px */
@media(max-width:1800px) {}

/* Desktop - 1600px */
@media(max-width:1600px) {}

/* Desktop - 1400px */
@media(max-width:1400px) {
	:root {
		--base: 12.5px;
	}

	h1,
	.h1 {
		font-size: 48px;
	}

	.product-tile__line {
		top: 40% !important;
		right: 87% !important;
	}

	.content-line.left {
		top: 60% !important;
		right: 85% !important;
	}
}

/* Desktop - 1200px */
@media(max-width:1200px) {
	:root {
		--base: 10px;
	}

	.product-tile__line {
		top: 33% !important;
		right: 88% !important;
	}

	.content-line.left {
		top: 54% !important;
		right: 83% !important;
	}

	.content-image.alter.right::before {
		top: 31% !important;
	}

	.content-line.right {
		top: 8% !important;
		right: 21% !important;
	}

    .row .related-products__line {
        right: -126.3%;
    }
}

/* Desktop - 993px */
@media(min-width:993px) {
	#main-navigation.collapse {
		display: flex !important;
		transform: none !important;
		height: auto !important;
		width: auto !important;
	}

	.dealer-finder .dealer-finder__form input {
		flex: 1;
		min-width: 0;
	}
}

/* Mobile - 992px */
@media(max-width:992px) {
	:root {
		--base: 7.5px;
		--logo-height: var(--extralarge);
	}

	h1,
	.h1 {
		font-size: 42px;
	}

	.h2,
	h2 {
		font-size: 28px;
	}

	.h3,
	h3 {
		font-size: 26px;
	}

	.h4,
	h4 {
		font-size: 24px;
	}

	#site-header {
		position: sticky !important;
		top: 0;
		z-index: 1025;
	}

	#site-footer .container.bottom {
		background: var(--baseplus-primary);
	}

	section.intro .intro-content {
		padding: var(--extralarge) 0 0 0 !important;
		margin-top: calc(var(--medium)*-1) !important;
	}

	section.intro .intro-image {
		width: auto !important;
		min-height: unset;
		margin-left: -15px;
		margin-right: -15px;
	}

	section.intro .intro-image .intro-image__extra {
		left: 50%;
		width: 50%;
		-webkit-transform: translate(-50%, 25%);
		transform: translate(-50%, 25%);
		min-width: unset;
		display: none;
	}

	section.intro .intro-image img,
	.content-wrapper__collumn .content-image img {
		width: 105% !important;
    	left: -10px !important;
	}

	#site-header .navigation-bottom .nav {
		width: 50%;
		justify-content: flex-start;
	}

	.header-logo__home {
		display: none !important;
	}

	#site-header>nav.navigation-top .row {
		justify-content: flex-start;
	}

	.header-logo__mobile img {
		height: var(--logo-height);
		width: auto;
	}

	#site-header .navigation-bottom {
		background-image: none !important;
		background-color: var(--baseplus-secondary) !important;
	}

	#main-navigation {
		position: sticky;
		top: 0;
		right: 0;
		height: 100vh;
		width: 55vw;
		max-width: 300px;
		overflow-y: auto;
		transform: translateX(100%);
		transition: transform .3s ease !important;
		border-left: 2px solid var(--baseplus-white) !important;
		z-index: 1025;
	}

	#main-navigation.show {
		transform: translateX(0) !important;
	}

	#main-navigation .container {
		padding: 1rem;
		height: 100%;
	}

	#main-navigation.show .container {
		flex-direction: column !important;
	}

	#main-navigation.show .nav {
		gap: 1rem;
		margin-top: var(--logo-height);
		display: flex;
		flex-direction: column;
	}

	.header-nav__close {
		display: block !important;
		position: absolute;
		top: 1rem;
		right: 1rem;
		background: none;
		border: none;
		font-size: 2rem;
		color: var(--baseplus-white);
		z-index: 1030;
	}

	.header-nav__contact {
		display: block;
		margin-top: auto;
		font-family: 'Qruckia', sans-serif !important;
		text-transform: uppercase;
		color: var(--baseplus-white);
		font-size: 1.125rem !important;
	}

	.header-nav__contact a {
		color: var(--baseplus-white);
		text-decoration: none;
	}

	/* mobile nav & burger */
	.burger {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 2rem;
		height: 1.5rem;
		z-index: 1031;
	}

	.burger__line {
		display: block;
		width: 100%;
		height: 3px;
		background: var(--baseplus-primary);
		transition: transform .3s ease, opacity .3s ease;
	}

	.burger.active .burger__line--top {
		transform: translateY(10px) rotate(45deg);
	}

	.burger.active .burger__line--mid {
		opacity: 0;
	}

	.burger.active .burger__line--bot {
		transform: translateY(-9px) rotate(-45deg);
	}

	.mobile-nav.active {
		right: 0;
	}

	.mobile-nav__cta {
		margin-top: auto;
		border-top: 1px solid var(--baseplus-primary);
	}

	.mobile-nav__inner {
		overflow-y: auto;
	}

	.mobile-nav .container {
		height: 100%;
	}

	.mobile-nav__menu li a {
		font-family: 'Qruckia';
		font-size: 1.5rem;
	}

	.mobile-nav__menu li {
		border-bottom: 1px white solid;
	}

	.mobile-nav__inner li:last-child {
		border-bottom: none;
	}

	.product-tile {
		padding-right: var(--extralarge) !important;
	}

	.filter-results {
		padding-left: 0px;
		padding-right: 0px;
	}

	.product-tile__line {
		top: 54.5% !important;
		right: 90% !important;
	}

	.product-tile__inner .product-tile__link {
		width: calc(100% - var(--extrahuge));
	}

	.product-tile__content-wrapper {
		padding-left: var(--extralarge) !important;
	}

	.product-tile__link {
		margin-left: var(--extralarge) !important;
	}

	.content-wrapper .content-text {
		padding: 0px;
	}

	.content .container.alter {
		background-color: var(--baseplus-primary);
		overflow: hidden;
	}

	.content-wrapper .content-contact.right {
		padding: 3rem 3rem 3rem 5rem;
	}

	.content-wrapper .row .content-wrapper__collumn {
		padding: 0 !important;
	}

	.content-wrapper__collumn .content-image {
		overflow: visible !important;
	}

	.content-wrapper__collumn .content-image img {
		position: relative !important;
	}

	.content-line.right {
		top: 10% !important;
		right: 7% !important;
	}

	.content-image.alter.right {
		max-height: none !important;
		overflow: hidden !important;
	}

	.content-image.alter.right::before {
		top: 35% !important;
	}

	.content-wrapper .content-contact.left {
		padding: 0rem 5rem 3rem 3rem;
	}

	.content-line.left {
		top: 47.5% !important;
		right: 86% !important;
	}

	.content-wrapper .content-image.alter.left::before {
		width: 92%;
		height: 4%;
		top: -2%;
	}

	.content-wrapper.alter.right::after {
		width: 37%;
		height: 6%;
		position: absolute;
		top: 97%;
		right: 0%;
	}

	.baseplus-icon {
		width: var(--largehuge) !important;
		height: var(--largehuge) !important;
	}

	section.intro .intro-content h1:before {
		left: -43px !important;
		width: 30px !important;
	}

	.content-wrapper.alter.left::after {
		width: 50% !important;
		height: 5% !important;
		top: 95% !important;
		right: -13% !important;
	}

	.footer-column .footer-contact {
		justify-self: flex-start !important;
		margin-top: 20px;
	}

	.footer-social {
		margin-bottom: 1.5rem !important;
	}

	.contact-section__wrapper {
		padding: var(--medium) !important;
	}

	.contact-section__shape {
		width: 60%;
	}
}

/* Mobile - 767px */
@media(max-width:767px) {
	section.intro .intro-image .intro-image__extra {
		-webkit-transform: translate(-50%, 37.5%);
		transform: translate(-50%, 37.5%);
	}
}

/**
 * @media Queries - End
 */


/**
 * Header Styles - Start
 */

.header-nav__contact {
	display: none;
}

#site-header {
	position: relative;
	background: var(--baseplus-secondary);
	overflow: visible;
	display: inline;
}

#site-header>nav.navigation-top {
	background-color: var(--baseplus-secondary) !important;
	padding: 1rem 0 !important;
	transition: 0.3s ease;
}

.scrolled #site-header>nav.navigation-top {
    margin-top: -60px;
    transition: 0.3s ease;
}

#site-header>nav.navigation-top .container {
	padding: 0 1rem;
}

#site-header>nav.navigation-top .row {
	justify-content: flex-end;
}

.header-contact {
	display: flex;
	align-items: center;
	font-family: 'Qruckia', sans-serif !important;
	text-transform: uppercase;
	font-size: 18px;
}

.header-contact a:not(:last-child) {
	margin-right: 2rem;
}

.header-contact__tab {
	display: flex;
	align-items: center;
	color: var(--baseplus-primary);
}

.header-contact__tab:after {
	content: url(images/arrows.svg);
	position: relative;
	display: inline-block;
	width: 20.5px;
	line-height: 0;
	margin-left: 6px;
}

.header-contact__tab svg {
	margin-left: 0.5rem;
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.header-contact__label {
	color: var(--baseplus-primary);
	margin-right: 0.25rem;
}

#site-header .navigation-bottom {
	background-color: var(--baseplus-secondary);
	margin-bottom: 0;
	position: sticky;
	z-index: 1000;
	top: 0;
}

#site-header .navigation-bottom .container {
	display: flex;
	align-items: center;
	flex-direction: row;
	transition: 0.3s ease;
}

.scrolled #site-header .navigation-bottom .container {
	margin-top: 20px;
	margin-bottom: 15px;
	transition: 0.3s ease;
}

#site-header .navigation-bottom .nav {
	margin: 7px 0 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	gap: 2rem;
	position: relative;
	align-self: flex-start;
}

.header-logo__home {
	display: inline-block;
	background: url("images/logo.svg") no-repeat center/contain;
	width: var(--logo-width);
	height: var(--logo-height);
	margin-right: var(--small);
}

#site-header .navigation-bottom .nav a {
	font-family: 'Qruckia', sans-serif !important;
	/* font-size: 1.125rem; */
	font-size: 1.325rem;
	text-transform: uppercase;
	color: var(--baseplus-white);
    transition: 0.3s ease;
}

#site-header .navigation-bottom .nav a:hover, .header-contact a:hover {
	color: var(--baseplus-primary);
    transition: 0.3s ease;
}

.current-menu-item a {
    color: var(--baseplus-primary) !important;
}

.header-nav__close {
	display: none;
}

/* Mobile off-canvas menu */
.mobile-nav {
	position: fixed;
	top: calc(var(--bottom-nav__height));
	right: -101%;
	width: 100vw;
	height: calc(100vh - var(--bottom-nav__height));
	background: var(--baseplus-secondary);
	padding: 1.5rem 1rem;
	overflow-y: auto;
	transition: right .3s ease;
	z-index: 999;
	font-family: 'Qruckia', sans-serif !important;

}

/**
 * Header Styles - End
 */


/**
 * Footer Styles - Start
 */

#site-footer {
	background: var(--baseplus-secondary);
	color: var(--baseplus-secondary);
	padding: var(--largehuge) 0;
}

.footer-intro .h1 {
	color: var(--baseplus-white);
	margin-bottom: var(--extralarge);
}

.baseplus-icon {
	width: var(--large);
	height: var(--large);
	align-self: start;
}

.footer-column {
	display: flex;
	flex-direction: column;
	background: var(--baseplus-primary);
	padding: var(--mediumlarge);
	height: 100%;
}

.footer-logo img {
	width: 25%;
	height: auto;
}

.footer-address li {
	margin-bottom: var(--tiny);
}

.footer-contact .header-contact__label,
.footer-label {
	font-weight: 700;
	color: var(--baseplus-secondary);
}

.footer-cta {
	display: inline-block;
	font-family: 'Qruckia';
	text-transform: uppercase;
	color: var(--baseplus-secondary);
	text-decoration: none;
	margin-top: auto;
	margin-bottom: 0px;
}

.footer-nav span {
	display: block;
	border-bottom: 1px solid var(--baseplus-secondary);
	color: var(--baseplus-secondary);
}

.footer-nav {
	margin-bottom: var(--large);
}

.footer-nav li:last-child span {
	border-bottom: none;
}

.footer-legal a {
	color: var(--baseplus-secondary);
	text-decoration: none;
}

.footer-contact p,
.footer-contact .footer-address li {
	margin-bottom: 0px;
}

.footer-column .footer-menu-section {
	display: flex;
	flex-direction: column;
}

.footer-column .footer-menu-section .footer-legal {
	margin-top: auto;
}

.footer-column .footer-contact {
	display: flex;
	flex-direction: column;
	justify-self: flex-end;
	height: 100%;
}

/* Socials */
.footer-social {
	line-height: 1;
	margin-bottom: 0;
	display: flex;
	flex-wrap: nowrap;
	gap: 5px;
	margin-top: auto;
}

.footer-social li {
	display: inline-block;
}

.footer-social li:last-child {
	margin-right: 0;
}

.footer-social li a {
	height: 30px;
	width: 30px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background: var(--baseplus-primary);
	color: var(--baseplus-secondary);
	font-size: 18px;
}

.footer-social li a:hover {
	background-color: var(--baseplus-primary);
	color: black;
}

.footer-social li a:before {
	content: attr(data-icon);
	font-weight: normal;
	font-family: 'Font Awesome 6 Brands';
}

.footer-social .footer-social__icon {
	font-family: 'Font Awesome 6 Brands';
	font-size: 1.25rem;
	color: var(--baseplus-primary);
	background: var(--baseplus-secondary);
	border: 1px solid var(--baseplus-secondary);
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

/**
 * Footer Styles - End
 */


/**
 * Hero / Intro Styles - Start
 */

.hero-buttons {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--baseplus-button__gap);
}

.intro .container .row {
	min-height: 35vw;
}

section.intro,
section.single-product {
	padding-top: 0;
}

section.intro .intro-content {
	padding: var(--extralarge) var(--extralarge) var(--extralarge) 0;
	margin-top: var(--huge);
}

section.intro .intro-content img {
	max-width: 210px;
	margin-bottom: var(--mediumlarge);
}

section.intro .intro-content h1:before {
	content: url(images/icon.svg);
	position: absolute;
	left: -95px;
	width: 45px;
	line-height: 0;
}

section.intro .intro-content .intro-content__newsletter {
	background: var(--baseplus-primary);
	color: var(--baseplus-secondary);
	padding: var(--medium);
	overflow: hidden;
	position: relative;
	margin-top: var(--mediumlarge);
}

section.intro .intro-content .intro-content__newsletter:after {
	content: url(images/shapes-black.svg);
	position: absolute;
	right: 0;
	bottom: 0;
	width: 35%;
	line-height: 0;
	-webkit-transform: translate(0%, 50%);
	transform: translate(0%, 50%);
	pointer-events: none;
}

section.intro .intro-content .intro-content__newsletter form {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 10px;
}

section.intro .intro-content .intro-content__newsletter form input {
	flex: 1;
}

section.intro .intro-content .intro-content__newsletter form input:last-of-type {
	flex: unset;
	width: 100%;
}

section.intro .intro-content .intro-content__newsletter form button:last-of-type {
	flex: unset;
	width: auto;
}

section.intro .intro-content ul:not(.footer-social) {
	margin-top: var(--mediumlarge);
}

section.intro .intro-logo {
	margin: var(--small) 0;
	line-height: 1;
}

section.intro .intro-logo img {
	max-width: 180px;
}

section.intro .intro-image {
	position: relative;
	display: block;
	padding-bottom: 66.666%;
	height: 100%;
	width: 50vw;
}

section.intro .intro-image img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

section.intro .intro-image .intro-image__extra {
	aspect-ratio: 2/1;
	position: absolute;
	width: 40%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	min-width: 360px;
	display: none;
}

section.intro .intro-image .intro-image__extra img {
	object-position: top center;
}

/**
 * Hero / Intro Styles - End
 */


/**
 * Content Styles - Start
 */

.content-label {
	color: var(--baseplus-primary);
}

.content-image.alter.left::before {
	content: '';
	background-image: url(images/shapes_group_white.svg);
	background-repeat: no-repeat;
	position: absolute;
	width: 94.5%;
	height: 4%;
	top: -3%;
	z-index: -1;
}

.content-image.alter.right::before {
	content: '';
	background-image: url(images/shapes-black.svg);
	background-repeat: no-repeat;
	position: absolute;
	width: 95%;
	height: 10%;
	top: 30%;
}

.content-wrapper.alter {
	background: var(--baseplus-primary);
	color: var(--baseplus-secondary);
}

.content-wrapper.alter.right {
	padding-top: 3rem;
	overflow: hidden;
}

.content-wrapper.alter.left::after {
	content: '';
	background-image: url(images/shapes_group_black.svg);
	background-repeat: no-repeat;
	width: 100%;
	height: 6%;
	position: absolute;
	top: 94%;
	right: -69%;
}

.content-contact {
	padding: 0rem 5rem 3rem 5rem;
}

.content-line.left {
	position: absolute;
	height: 140px;
	width: 30px;
	top: 64.5%;
	right: 87%;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

.content-line.right {
	position: absolute;
	height: 250px;
	width: 30px;
	top: 8.5%;
	right: 17%;
	border-right: 2px solid black;
	border-top: 2px solid black;
}

.content-image {
	overflow: hidden;
}

.content-image.alter.right {
	overflow: visible;
	max-height: 30rem;
	aspect-ratio: 1/1;
}

.content-image img {
	aspect-ratio: 1/1;
	object-fit: cover;
}

.content-text {
	padding: 3rem;
}

.content-content,
.content-header {
	padding-bottom: 1rem;
}

.content-wrapper .row {
	align-items: center;
}

.content-wrapper.alter.right .row {
	align-items: start;
}

.content-contact.right {
	padding: 3rem 8rem 3rem 5rem;
	text-align: end;
}

.content-text.alter .content-label {
	color: var(--baseplus-secondary);
}

.contact-section__title {
	display: flex;
	align-items: center;
	color: var(--baseplus-white);
	margin-bottom: var(--large);
}

.contact-section__wrapper {
	background: var(--baseplus-primary);
	padding: var(--large);
	padding-right: 0px;
	padding-top: 0px;
	position: relative;
}

.contact-section__shape {
	content: "";
	position: absolute;
	right: -35px;
	bottom: -40px;
	width: 20rem;
	height: 7.75rem;
	background: url(images/shapes-black.svg) no-repeat right bottom/contain;
}

.contact-section__image img {
	aspect-ratio: 1/1;
	object-fit: cover;
}

.contact-section__info p {
	margin-bottom: var(--tiny);
}

.contact-section__side {
	margin-top: var(--huge);
}

/**
 * Content Styles - End
 */


/**
 * Product / Filter Styles - Start
 */

.filter-products {
	display: flex;
	gap: var(--large);
	margin: var(--large) 0;
}

.filter-products__sidebar {
	flex: 0 0 250px;
	background: #111;
	color: var(--baseplus-white);
	padding: var(--medium);
}

.filter-products__title {
	font-family: 'Qruckia';
	text-transform: uppercase;
	margin-bottom: var(--small);
}

.product-card__hidden {
	display:none;
}

.filter-sidebar {
	background: rgba(0, 0, 0, .8);
	max-height: calc(100vh - 2rem);
	overflow-y: auto;
}

.filter-sidebar__toggle {
	color: var(--baseplus-white);
	width: 100%;
	border-bottom: solid white 1px;
	text-align: start;
	font-size: 16px;
	font-weight: 700;
	padding-left: 0px;
	transition: transform .3s ease;
}

.form-group:first-child {
	border-top: solid white 2px;
}

.filter-sidebar__toggle::after {
	content: url(images/arrow_single_white.svg);
	position: absolute;
	right: 5%;
	width: 1rem;
	height: 1rem;
	transform: translateY(0);
	transform-origin: center;
	transition: transform .3s ease;
}

.filter-sidebar__toggle[aria-expanded="true"]::after {
	transform: translateY(75%) rotate(90deg);
	right: 5%;
}

.filter-sidebar__accordion .form-group:first-of-type .filter-sidebar__toggle {
	border-top: 1px solid var(--baseplus-white);
}

.filter-item {}

.filter-item__inner {
	width: 100%;
	height: 100%;
	color: var(--baseplus-secondary);
	display: flex;
	text-align: center;
	padding: 20px;
	background: var(--baseplus-primary);
}

.filter-product__group {
	display: flex;
}

.filter-product__group label {
	font-weight: normal;
	margin-left: 5px;
}

.filter-results {
	position: relative;
	padding-left: 0px;
}

.filter-results.loading::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff86;
	z-index: 10;
}

.filter-results .row {
	margin: 0px;
}

.form-group__reset {
	color: var(--baseplus-white);
	text-decoration-line: underline;
	padding-left: 0px;
	margin-top: 3rem;
}

.product-tile {
	background: #eee;
	display: flex;
	flex-direction: column;
	padding-right: var(--mediumlarge);
	padding-left: 0px;
	position: relative;
	overflow: hidden;
	margin-bottom: var(--small);
	height: calc(100% - var(--small));
	transition: all 0.3s;
}

.product-tile:hover {
	background: var(--baseplus-primary);
	transition: all 0.3s;
}

.product-tile:hover .product-tile__link {
	color: var(--baseplus-primary);
}

.product-tile__inner {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.product-tile__line {
	position: absolute;
	height: 75px;
	width: 17px;
	top: 45%;
	right: 87%;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

.product-tile__image {
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
	background-position: center;
	margin-bottom: var(--small);
}

.product-tile__title {
	font-family: 'Qruckia', sans-serif;
	text-transform: uppercase;
	color: #000;
}

.product-tile__desc {
	flex: 1;
	color: #000;
	margin-bottom: var(--small);
	min-height: 5rem;
}

.product-tile__link {
	font-family: 'Qruckia', sans-serif;
	text-transform: uppercase;
	color: var(--baseplus-white);
	position: relative;
	display: inline-block;
	margin-top: auto;
	padding-left: 1rem;
	background: black;
	margin-left: var(--mediumlarge);
	width: calc(100% - var(--extralarge));
	height: 2rem;
	font-size: 20px;
	align-content: end;
}

.product-tile__link::after {
	content: "";
	position: absolute;
	left: 98%;
	top: 50%;
	transform: translateY(-50%);
	background: url(images/shapes-black.svg) no-repeat center/contain;
	width: 7.5rem;
	height: 100%;
}

.product-tile__content-wrapper {
	padding-left: var(--mediumlarge);
}

.filter-product__input[type="checkbox"] {
	appearance: none;
	width: 0.8rem;
	height: 0.8rem;
	background: var(--baseplus-secondary);
	border: 2px solid var(--baseplus-primary);
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	align-self: center;
	margin: 0;
	transform: translateY(2px);
	position: relative;
	transition: all .3s ease;
}

.filter-product__input[type="checkbox"]:checked {
	background: var(--baseplus-primary);
}

.filter-product__input[type="checkbox"]::before,
.filter-product__input[type="checkbox"]::after {
	content: '';
	position: absolute;
	top: 1px;
	left: 50%;
	width: 1px;
	height: 7px;
	background: var(--baseplus-secondary);
	opacity: 0;
	transform: translateX(-50%) rotate(0deg);
	transition: opacity .3s ease, transform .3s ease;
}

.filter-product__input[type="checkbox"]::after {
	transform: translateX(-50%) rotate(0deg);
}

.filter-product__input[type="checkbox"]:checked::before {
	opacity: 1;
	transform: translateX(-50%) rotate(45deg);
}

.filter-product__input[type="checkbox"]:checked::after {
	opacity: 1;
	transform: translateX(-50%) rotate(-45deg);
}

/* Single product */
.single-product__block {
	background: var(--baseplus-white);
	color: var(--baseplus-secondary);
	padding: 2.75rem;
	position: relative;
	margin-bottom: 30px;
}

.single-product__block::after {
	content: "";
	position: absolute;
	right: 78px;
	bottom: 18px;
	transform: translate(50%, 50%);
	width: 42%;
	height: 2.75rem;
	background: url(images/shapes-black.svg) no-repeat center/contain;
}

.product-sidebar {
	background: var(--baseplus-primary);
	color: var(--baseplus-secondary);
	padding: 2.75rem 2.75rem 0rem 2.75rem;
	margin-bottom: 30px;
}

.product-specifications tbody tr:first-child {
	border-top: solid black 1px;
}

.product-specifications tbody tr {
	border-bottom: solid black 1px;
}

.product-specifications {
	line-height: 1.5;
}

.product-sidebar__btn {
	color: var(--baseplus-primary);
	font-family: 'Qruckia', sans-serif;
	position: relative;
	display: inline-block;
	margin-top: auto;
	padding-left: 1rem;
	background: black;
	margin-left: var(--mediumlarge);
	width: calc(100% - var(--extralarge));
	height: 2rem;
	font-size: 20px;
	align-content: end;
}

.product-sidebar__btn::after {
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	background: url(images/shapes-black.svg) no-repeat center/contain;
	width: 7.3rem;
	height: 100%;
}

.single-product__excerpt a,
.single-product__related a {
	text-decoration-line: underline;
}

.product-gallery__thumbs {
	margin: 12px 0px 12px 0px;
	overflow: hidden;
}

.product-gallery__thumb img {
	object-fit: cover;
}

.product-gallery__thumbs .slick-slide,
.related-products__slider .slick-slide {
	margin: 0 6px;
}

.product-gallery__thumbs .slick-list,
.related-products__slider .slick-list {
	margin: 0 -6px;
}

.product-gallery__arrows{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.product-gallery__prev,
.product-gallery__next{
	display: inline-flex;
}

.product-gallery__thumb img {
	aspect-ratio: 1/1;
	object-fit: cover;
}

.related-products__slider .slick-list {
	overflow: visible;
	clip-path: inset(0 -100vw 0 0);
}

.related-products__slider .slick-track {
	display: flex;
	margin-left: 0;
}

.related-products__slider .slick-slide {
	height: auto;
}

.related-products__title {
	margin-top: 2.5rem;
}

.product-usp__item span {
	display: inline-block;
	max-width: 85%;
}

.single-product__related-title,
.product-usp__item {
	font-family: 'Qruckia', sans-serif;
}

.product-usp__icon {
	aspect-ratio: 1/1;
	width: 1.5rem;
	margin-right: 1.25rem;
}

button.related-slider__prev,
button.related-slider__next {
	background: url(images/arrow_single_black.svg) center no-repeat var(--baseplus-white);
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 0.2rem 1rem 0;
}

button.related-slider__prev {
	transform: scaleX(-1);
}

.related-products__line {
    position: absolute;
    height: 1rem;
    background: var(--baseplus-primary);
    width: 150%;
    top: 0;
    right: -153.5%;
    transform: translateX(-50%);
}

/**
 * Product / Filter Styles - End
 */


/**
 *  Dealerfinder - Start
 */

.dealer {
	background: var(--baseplus-primary);
}

.dealer-highlight__image {
	height: 100%;
}

.dealer-highlight__image img,
.dealer-card img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
	height: 100%;
}

.dealer-finder{
}

.dealer-finder__content :is(h1,h2,h3,h4,h5,h6){
  max-width:480px;
}

.dealer-finder__form{
  display:flex;
  flex-wrap:wrap;
  gap:var(--extrasmall);
}

.dealer-finder__form button {
  white-space: nowrap;
  flex-shrink: 0;
}

.dealer-highlight {
  background: var(--baseplus-primary);
  padding: var(--large) var(--tiny);
}

.dealer-card:hover {
  transform: scale(1.025);
}

.dealer-card__content {
  padding: var(--small);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.dealer-card__content .btn, 
.dealer-highlight .btn {
  align-self: flex-start;
  margin-top: auto;
}

.dealers {
    margin: var(--extrasmall) 0;
    padding: var(--large) var(--tiny);
}

.dealer-card {
    overflow: hidden;
    display: block;
    position: relative;
    transition: transform .3s;
    margin-bottom: calc(var(--tiny) * 2);
}

.dealer-card:hover {
    transform: scale(1.025);
}

.dealer-card__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: var(--small) var(--medium);
}

.dealer-finder__wrapper {
	background: var(--baseplus-primary);
    padding: var(--mediumlarge) var(--small);
}

.dealer-finder .dealer-finder__form{
    display:flex;
    flex-wrap:wrap;
    gap:var(--extrasmall);
}

/**
 *  Dealerfinder - End
 */


/**
 * Extra Styling
 */

.label {
	position: fixed;
	bottom: 0;
	left: 0;
	background: var(--baseplus-primary);
	color: var(--baseplus-secondary);
	padding: var(--extrasmall) var(--large);
	z-index: 99;
}

.label:after {
	content: url(images/shapes-yellow.svg);
	position: absolute;
	left: calc(100% - 1px);
	top: 0;
	bottom: 0;
	line-height: 0;
	width: 57.5%;
}

.label * {
	margin-bottom: 0;
}

.gfield_label {
	display: none;
}

.ginput_container {
	margin-bottom: var(--tiny);
}

.filter-sidebar__toggle--mobile {
	padding: var(--small);
    font-family: 'Qruckia', sans-serif;
    width: 100%;
    border: 1px solid var(--baseplus-white);
	transition: 0.35s ease;
	color: var(--baseplus-white);
	margin-bottom: 1.5rem;
}

.lang-switcher {
	display:flex;
	gap:0.75rem;
	margin:0;
	padding:0;
}

.lang-switcher__link {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	color: var(--baseplus-white);
	text-decoration: none;
	transition: opacity .2s ease;
}

.lang-switcher__flag {
	width: 20px;
}

.lang-switcher__item--current .lang-switcher__link {
	color: var(--baseplus-primary);
}

.lang-switcher__link:hover {
	color: var(--baseplus-primary);
}

.ginput_container.ginput_container_select::after {
    content: url(images/arrow_single_black.svg);
    position: absolute;
    right: 3%;
    top: 10%;
    width: 1rem;
    height: 1rem;
    transform: translateY(75%) rotate(90deg);
    transform-origin: center;
}

.ginput_container.ginput_container_select {
	position: relative;
}

nav.breadcrumb {
    font-size: 16px;
}

span.breadcrumb-current {
    color: var(--baseplus-primary);
}

.mobile-nav__inner .lang-switcher__code,
.mobile-nav__bottom .header-contact {
    font-size: 1.3rem;
}

.mailchimp-form__wrapper input {
    margin-bottom: 10px;
}