/*!
Theme Name: Billy Solskydd
Theme URI: http://underscores.me/
Author: Insite Media AS
Author URI: https://insitemedia.no
Description: Custom WooCommerce boilerplate for Billy Solskydd
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: billy-solskydd
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.

Billy Solskydd 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/
*/

:root {
	--var-grey: #F2F1EC;
	--var-orange: #EF5415;
	--var-black: #232323;
	--var-yellow: #F9DF4B; /* Might be replaced */
	--var-svea-blue: #00699A;
}

html,
body {
	margin: 0;
	padding: 0;
	font-family: "Roboto Condensed", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
}

.pricematch-badge {
	position: absolute;
	top: 50%;
	right: calc((100vw - 1320px)/ 2);
	transform: translateY(-50%);
	max-width: 500px;
}

h1 {
	font-size: 2.986rem;
}

h2 {
	font-size: 2.488rem;
}

h3 {
	font-size: 2.074rem;
}

h4 {
	font-size: 1.728rem;
}

h5 {
	font-size: 1.44rem;
}

h6 {
	font-size: 1.2rem;
}

p {
	font-size: 1rem;
}

small {
	font-size: 0.833rem;
}

.optional-text {
	font-size: 0.694rem;
}

.topbar {
	position: relative;
	z-index: 30;
	width: 100%;
	background: var(--var-yellow);
	padding: 10px 0;
}

.topbar a {
	text-decoration: none;
	text-align: center;
}

.topbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 35px;
	justify-content: flex-start;
}

.topbar ul li {
	color: var(--var-black);
}

.topbar ul li a {
	text-decoration: none;
	color: inherit;
}

.topbar ul li i {
	margin-right: 5px;
}

.topbar .col-sm-12 {
	display: flex;
	justify-content: center;
}

p {
	margin: 0;
}

.topbar p {
	font-size: 0.9rem;
	font-weight: 600;
	color: #000;
}

.main-header {
	display: flex;
	align-items: center;
	padding: 15px 0;
	gap: 35px;
}

.search-wrapper {
	position: relative;
}

.search-wrapper input {
	padding: 15px 55px 15px 25px;
	border-radius: 2px;
	box-sizing: border-box;
	border-radius: 25px;
	border: none;
	font-size: 1rem;
	min-width: 350px;
	background: var(--var-grey);
}

@media screen and (max-width: 1400px) {
	.search-wrapper input {
		min-width: 200px;
	}
}

.search-wrapper input:focus-visible {
	outline-color: #FA8907;
}

.search-wrapper i {
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
}

.icons {
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: flex-end;
	margin-left: auto;
}

.icons a {
	color: inherit;
}

.icon {
	display: flex;
	flex-direction: column;
	gap: 7px;
	text-align: center;
}

.main-menu {
	display: flex;
	gap: 35px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-menu li a {
	font-weight: 500;
	color: var(--var-black);
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
}


.icon i {
	font-size: 1.5rem;
}

.icon label {
	font-size: 0.9rem;
}

.header-menu {
	display: flex;
	align-items: center;
	gap: 25px;
	list-style: none;
	margin: 0;
	padding: 0;
}

body:not(.home) .secondary-header {
	display: none;
}

.woocommerce-cart .container.space-top {
	margin-top: 35px !important;
}

@media screen and (min-width: 1200px) {
	body:not(.home) #masthead {
		border-bottom: 1px solid #ccc;
	}
}

.secondary-header {
	background: var(--var-orange);
}

.topbar a {
	color: #000;
}

.pre-search-results {
	display: none;
	position: absolute;
	background: #fff;
	width: 100%;
	left: 0;
	top: 68px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-bottom: 15px;
}

.pre-search-results ul {
	list-style: none;
	margin: 0;
	padding: 0 25px;
}

.pre-search-results ul li {
	margin: 20px 0;

}

.pre-search-results ul li.nobold a {
	font-weight: 400;
}

.pre-search-results ul li:hover {
	text-decoration: underline;
	cursor: pointer;
}

.pre-search-results ul li a {
	text-decoration: none;
	color: inherit;
	font-size: 0.9rem;
	font-weight: 600;
}

.pre-search-results ul li i {
	margin-right: 10px;
}

.src-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #000;
	opacity: 0.2;
	z-index: 21;
	display: none;
}

.searchBox {
	margin-left: auto;
	position: relative;
	z-index: 22;
	padding: 12px 15px;
	background: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#homehero {
	position: relative;
	overflow: hidden;
	display: flex;
	gap: 0;
	background: var(--var-yellow);
}

#homehero .heroimage {
	flex: 1 0 65%;
	max-width: 65%;
	width: 65%;
	position: relative;
}

.heroimage img {
	position: absolute;
	top: 24%;
	right: 10%;
	max-width: 145px;
	height: auto;
}

#customer_login {
	max-width: 1320px;
	margin: 0 auto;
	display: flex;
	gap: 35px;
}

#customer_login .col-1,
#customer_login .col-2 {
	flex: 1 0 50%;
	max-width: calc(50% - 17.5px);
	width: calc(50% - 17.5px);
}

#customer_login .mailchimp-newsletter {
	margin: 10px 0;
}

a.cart-img-mobile {
	display: none;
}

a.cart-img {
	display: block;
}

#customer_login .woocommerce-privacy-policy-text p {
	font-size: 12px;
}

@media screen and (max-width: 1251px) {
	#customer_login {
		flex-wrap: wrap;
	}

	a.cart-img {
		display: none;
	}

	td.product-name {
		display: flex !important;
		gap: 10px;
	}

	.page-template-page-cart .container.space-top {
		margin-top: 10px;
	}

	.woocommerce-cart-form td.product-thumbnail {
		display: none;
	}

	a.cart-img-mobile {
		display: block;
		max-width: 64px;
		height: auto;
	}

	a.cart-img-mobile img {
		max-width: 100%;
		height: auto;
	}

	#customer_login .col-1,
	#customer_login .col-2 {
		flex: 1 0 100%;
		max-width: calc(100%);
		width: calc(100%);
	}

}

#homehero .hero-content {
	flex: 1 0 35%;
	max-width: 35%;
	width: 35%;
	height: 600px;
	position: relative;
}

.hero-content-inner {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (min-width: 1380px) {
	.hero-content-inner .button-wrap a {
		white-space: nowrap;
	}
}

@media screen and (max-width: 1380px) {
	.hero-content-inner .button-wrap {
		flex-wrap: wrap;
	}

	.hero-content-inner .button-wrap a {
		flex: 1 0 100%;
	} 
}

#shipping_method {
	margin: 10px 0;
}

.summary .svea-part-payment-module {
	font-weight: 400;
	margin: 15px 0;
}

#shipping_method li {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: flex-end;
}

#homehero .bubble,
#mobhero .bubble {
	position: absolute;
	top: 50%;
	right: 25%;
	background: var(--var-orange);
	color: var(--var-grey);
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 600;
	border-radius: 100%;
	padding: 10px;
	width: 125px;
	text-align: center;
	height: 125px;
	line-height: 1;
}

#homehero .bubble .inner,
#mobhero .bubble .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	width: 100%;
}

#homehero img.img-content {
	position: absolute;
	top: 50%;
	right: 20%;
	max-width: 600px;
	height: auto;
	transform: translateY(-50%);
}

.hero-widget {
	position: absolute;
	bottom: 10%;
	left: 5%;
	z-index: 20;
	background: var(--var-grey);
	padding: 20px;
	border-radius: 15px;
	display: flex;
	gap: 35px;
	align-items: center;
}

.arrow-wrapper {
	background: var(--var-orange);
	text-align: center;
	padding: 10px 15px;
	border-radius: 10px;
}

.hero-content {
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	background: var(--var-grey);
	padding: 35px;
	text-align: center;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

label.pill {
	background: var(--var-yellow);
	text-transform: uppercase;
	color: var(--var-black);
	font-family: "Roboto Condensed", sans-serif;
	padding: 5px 11px;
	border-radius: 25px;
	font-weight: 700;
	width: auto;
	font-size: 0.8rem;
}

.hero-content-inner img {
	max-width: 125px;
	height: auto;
}

.hero-content-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
}

.button-wrap {
	display: flex;
	gap: 15px;
	align-items: center;
	justify-content: space-between;
	margin-top: 15px;
}

.content .button-wrap {
	gap: 10px;
}

.content .button-wrap a {
	flex: 1;
	text-align: center;
	white-space: nowrap;
}

.btn-main {
	background: var(--var-orange);
	padding: 11px 35px;
	font-weight: 700;
	text-decoration: none;
	color: var(--var-grey);
	text-transform: uppercase;
	border: 2px solid var(--var-orange);
	transition: all 0.25s;
	border-radius: 25px;
}

.btn-main:hover {
	background: transparent;
	cursor: pointer;
	color: var(--var-black);
}

.btn-sec {
	background: var(--var-yellow);
	padding: 11px 35px;
	font-weight: 700;
	text-decoration: none;
	color: var(--var-black);
	text-transform: uppercase;
	border: 2px solid var(--var-yellow);
	transition: all 0.25s;
	border-radius: 25px;
}

.right {
	text-align: right;
}

.right a {
	color: var(--var-black);
}

.btn-sec:hover {
	background: transparent;
	color: var(--var-black);
}

.hero-widget h4,
.hero-widget h6 {
	margin-bottom: 0;
}

.hero-widget h6 {
	font-weight: 400;
}

.hero-widget a {
	text-decoration: none;
	color: var(--var-grey);
}

#openMenu {
	display: none;
}

#openMenu .line {
	width: 36px;
    height: 4px;
    margin: 8px 0;
    display: block;
    border-radius: 3px;
    background: #000;
}


a.main-btn {
	display: inline-flex;
	text-decoration: none;
	color: #000;
	background: #FA8907;
	border-radius: 25px;
	padding: 12px 35px;
	text-transform: uppercase;
	width: auto;
	font-weight: 600;
}

a.secondary-btn {
	display: inline-flex;
	text-decoration: none;
	color: #000;
	background: #E6DFC3;
	border-radius: 25px;
	padding: 12px 35px;
	text-transform: uppercase;
	width: auto;
	font-weight: 600;
}

.uc {
	text-transform: uppercase;
	font-weight: 700;
}

/*
#nf-field-6-wrap {
	margin-top: 25px;
} */

#ninja_forms_required_items, .nf-field-container {
	margin-bottom: 25px !important;
}

/*#nf-field-7-container {
	margin-bottom: 0 !important;
} */

/*
#nf-field-6-wrap .nf-field-label {
	display: none;
} */

/*
#nf-field-7 {
	background: var(--var-orange) !important;
	text-transform: uppercase !important;
	color: var(--var-grey) !important;
	margin: 0 auto !important;
	height: auto !important;
	padding: 10px 25px !important;
	border: 2px solid var(--var-orange) !important;
	border-radius: 25px !important;
	font-weight: 700;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 0.9rem !important;
}

#nf-field-7:hover {
	background: transparent !important;
	color: var(--var-black) !important;
}

#nf-field-7-wrap .nf-field-element {
	text-align: center;
} */

/*
#nf-field-6-wrap .nf-field-element {
	text-align: center;
}

#nf-field-6 {
	background: transparent !important;
	border: 1px solid #E3E3E3 !important;
	border-radius: 25px !important;
	padding: 20px 25px !important;
	box-sizing: border-box !important;
	color: var(--var-black) !important;
	max-width: 75% !important;
}*/

h5.fw4 {
	font-weight: 400;
}

.custom-logo {
	max-width: 194px;
	height: auto;
}

.space-top {
	margin-top: 35px;
}

.headerrow h4 {
	margin-bottom: 0;
}

.productcard {
	border: 1px solid var(--var-grey);
	border-radius: 25px;
	overflow: hidden;
}

.productcard .content {
	padding: 25px;
}

.productcard .titlearea {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 10px;
}

.productcard .image {
	position: relative;
}

.productcard .image i {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 2rem;
	color: var(--var-black);
}

.productcard .image i:hover {
	color: #b91c1c;
	font-weight: 700;
}

.productcard .image i.favorite {
	color: #b91c1c;
	font-weight: 700;
}

.fav-wrap {
	position: relative;
}

.fav-wrap .fav-bubble {
	position: absolute;
	top: -10px;
	right: -12px;
	padding: 2px 7px;
	background: var(--var-orange);
	color: var(--var-grey);
	font-weight: 700;
	font-size: 0.65rem;
	border-radius: 100%;
}

.content .btn-sec,
.content .btn-main {
	font-size: 0.8rem;
}

.titlearea h5 {
	margin-bottom: 0;
}

.rounded-card {
	border-radius: 10px;
	background: #f4f6f7;
	display: flex;
	justify-content: space-between;
	gap: 25px;
	position: relative;
}

img {
	max-width: 100%;
}

#coloroptions {
	text-align: center;
	padding: 85px 0;
}

.coloroptions {
	display: flex;
	list-style: none;
	margin: 25px 0;
	padding: 0;
	gap: 25px;
	justify-content: center;
}

.coloroption {
	width: 45px;
	height: 45px;
	border-radius: 100%;
	transition: all 0.25s;
	opacity: 0.85;
	border: 2px solid #fff;
	outline: 2px solid #fff;
}

#coloroptions img {
	margin: 25px 0;
	border-radius: 10px;
}

.coloroption:hover {
	cursor: pointer;
	opacity: 1;
	border: 2px solid #fff;
	outline: 2px solid #000;
}

.coloroption.green {
	background: #1b473a;
}

.coloroption.red {
	background: #b11b34;
}

.coloroption.yellow {
	background: #f5b70c;
}

.coloroption.yellow-stripe {
	background: repeating-linear-gradient(90deg,#f5b70c 0%, #f5b70c 20%,#fff 20%, #fff 40%,#f5b70c 40%,#f5b70c 60%,#fff 60%,#fff 80%, #f5b70c 80%, #f5b70c 100%);/*Explanation below*/
}

.coloroption.blue {
	background: #01438d;
}

.coloroption.active {
	opacity: 1;
	border: 2px solid #fff;
    outline: 2px solid #000;
}

.rounded-card .bubble {
	position: absolute;
	bottom: 10%;
	left: 55%;
	width: 95px;
	height: 95px;
	background: #FA8907;
	border-radius: 100%;
	text-align: center;
	font-weight: 700;
}

.bubble-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.small-uc {
	font-size: 1rem;
	text-transform: uppercase;
	line-height: 0.9;
}

.big-num {
	font-size: 2rem;
	line-height: 1;
}

.img-section {
	width: 39.5%;
    border-radius: 10px;
}

.rounded-card .text-section {
	padding: 45px 25px;
}

.rounded-card .text-section .optional-text {
	margin-top: 20px;
}

.orangebox {
	background: #FA8907;
	border-radius: 10px;
	height: 100%;
	padding: 45px 25px;
	position: relative;
}

.box-inner {
	position: absolute;
	top: 60%;
	transform: translateY(-50%);
}

.orangebox a {
	color: inherit;
	text-decoration: none;
}

.orangebox a i {
	margin-left: 10px;
}

.full-img-section {
	min-height: 750px;
	position: relative;
	border-radius: 10px;
}

.full-inner-section {
	position: absolute;
	top: 15%;
	right: 15%;
}

.full-inner-section.low {
	top: unset;
	bottom: 15%;
	right: 35%;
}

.strike {
	text-decoration: line-through;
}

.pop-comment {
	border-radius: 10px;
	background: #E6DFC3;
	padding: 25px;
	position: relative;
	z-index: 20;
	margin-bottom: 15px;
}

.pop-comment::after {
	position: absolute;
	right: 10%;
	top: -10%;
	width: 50px;
	height: 50px;
	z-index: 10;
	content: "";
	transform: rotate(45deg);
	background: #E6DFC3;
}

.pop-inner {
	position: relative;
	z-index: 30;
}

.pop-comment h1 {
	font-weight: 600;
	line-height: 1;
}

#trust {
	background: #232323;
	padding: 85px 0;
	margin-top: 35px;
}

#trust h4 {
	text-align: center;
	color: #fff;
}

#colophon {
	background: #232323;
	padding: 85px 0;
}

#colophon h4 {
	color: #F2F1EC;
}

#colophon ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#colophon ul li {
	margin: 8px 0;
}

#colophon ul li a {
	color: #F2F1EC;
	text-decoration: none;
	transition: all 0.25s;
	font-size: 1.25rem;
}

#colophon ul.business li {
	margin: 2px 0;
}

#colophon ul li a:hover {
	padding-left: 5px;
	color: var(--var-orange);
}

.coloroption {
	position: relative;
}

.poplabel {
	display: none;
	position: absolute;
	top: -65%;
	left: 50%;
	transform: translateX(-50%);
	background: #FA8907;
	color: #232323;
	border-radius: 10px;
	font-size: 0.65rem;
	font-weight: 600;
	padding: 4px 11px;
	text-transform: uppercase;
	white-space: nowrap;
}

.pop-inner {
	position: relative;
	z-index: 30;
}

.poplabel::after {
	width: 15px;
	height: 15px;
	background: #FA8907;
	position: absolute;
	left: 50%;
	bottom: -25%;
	transform: rotate(45deg) translateX(-50%);
	content: "";
}

.coloroption:hover .poplabel {
	display: block;
}

.center {
	text-align: center;
}

.grey-card {
	background: var(--var-grey);
	border-radius: 10px;
	padding: 55px;
	text-align: center;
}

#popout {
	background: #FA8907;
	padding: 25px 0;
}

#popout h2 {
	margin: 0;
}

#colophon img {
	max-width: 125px;
	height: auto;
}

.card-row-1,
.card-row-2 {
	display: flex;
	gap: 25px;
	align-items: center;
	margin-top: 35px;
	padding-left: 35px;
}

.card-row-2 {
	position: relative;
	left: -100%;
}

.truststars {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 5px;
}

.truststars li {
	max-width: 30px;
	height: auto;
}

.card-row-1 {
	animation: scroll 42s linear infinite;
}

.card-row-2 {
	animation: scroll-2 38s linear infinite;
}

#trustcards {
	overflow: hidden;
}

@keyframes scroll {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(calc(-10% * 8));
    }
}

@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translateX(0%);
	}
	100% {
		-webkit-transform: translateX(calc(-10% * 8));
	}
}

@keyframes scroll-2 {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(calc(10% * 7));
    }
}

@-webkit-keyframes scroll-2 {
	0% {
		-webkit-transform: translateX(0%);
	}
	100% {
		-webkit-transform: translateX(calc(10% * 7));
	}
}

.card-row-1::-webkit-scrollbar,
.card-row-2::-webkit-scrollbar {
	display: none;
}

.trustcard {
	background: var(--var-grey);
	border-radius: 10px;
	padding: 35px;
	flex: 1 0 33.3333%;
	min-height: 195px;
}

.trustcard img {
	margin-bottom: 15px;
}

.infobox {
	background: #f4f6f7;
	border-radius: 10px;
	margin-bottom: 25px;
}

.top-content {
	min-height: 175px;
	background: #FA8907;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.bottom-content {
	padding: 5px 0;
	text-align: center;
	text-transform: uppercase;
}

.bottom-content p {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 600;
}

#newsletter {
	padding: 25px 0;
	background: var(--var-yellow);
}

.flex-footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 105px;
	border-bottom: 1px solid var(--var-grey);
	padding-bottom: 25px;
}

.flex-footer-bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 35px;
	align-items: center;
}

.wc-block-cart__submit-button {
	display: block;
	width: 100%;
	background: var(--var-orange);
	font-weight: 700;
	color: var(--var-grey);
	border: 2px solid var(--var-orange);
	font-family: "Roboto Condensed", sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.25s;
	border-radius: 10px;
}

.woocommerce-MyAccount-orders {
	width: 100%;
}

.woocommerce-MyAccount-orders th {
	padding: 15px;
}

.woocommerce-orders-table__cell-order-number a {
	color: var(--var-black) !important;
	text-transform: uppercase;
	font-weight: 700;
	font-family: "Roboto Condensed", sans-serif;
}

.woocommerce-orders-table__cell-order-actions a {
	padding: 5px 15px;
	background: var(--var-yellow);
	color: var(--var-black) !important;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
	border: 2px solid var(--var-yellow);
	border-radius: 10px;
	font-size: 0.875rem;
	margin-right: 5px;
}

.woocommerce-orders-table__cell-order-actions a:last-child {
	margin-right: 0;
}

#currentDimensions {
	font-weight: 700;
}

.woocommerce-orders-table__cell-order-actions a:first-child {
	background: var(--var-orange) !important;
	border-color: var(--var-orange) !important;
	color: var(--var-grey) !important;
}

.woocommerce-order-details__title,
.woocommerce-column__title {
	margin-top: 15px;
}

.woocommerce-table--order-details {
	width: 100%;
}

.woocommerce-table__product-name .wc-item-meta {
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce-MyAccount-orders td {
	padding: 15px;
	border-bottom: 1px solid var(--var-grey);
}

.wc-block-cart__submit-button:hover {
	background: transparent;
	color: var(--var-black);
}

.flex-footer-bottom ul.payment-options-footer {
	gap: 10px;
}

.flex-footer-bottom ul.socials {
	gap: 15px;
}

#colophon h5 {
	font-size: 0.9rem;
	color: #F2F1EC;
}

.flex-footer-bottom ul.socials li a:hover {
	padding-left: 0 !important;
}

.flex-footer-bottom ul.payment-options-footer li {
	color: var(--var-grey);
}

.single_add_to_cart_button,
.custom-uppsell-products button.button {
	background: var(--var-orange);
	padding: 15px 0;
	display: block;
	width: 100%;
	border-radius: 10px;
	color: var(--var-grey);
	font-weight: 700;
	border: 2px solid var(--var-orange);
	transition: all 0.25s;
	text-transform: uppercase;
}

.single_add_to_cart_button:hover,
.custom-uppsell-products button.button:hover {
	cursor: pointer;
	background: transparent;
	color: var(--var-black);
}

#colophon .payment-options-footer li img {
	max-width: 90px;
	height: auto;
}

#newsletter .col-sm-12 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 35px;
}

#newsletter p,
#newsletter h3 {
	margin-bottom: 0;
}

#newsletter .nf-field-label,
.nf-after-field {
	display: none !important;
}

#nf-field-2-container {
	margin-bottom: 0 !important;
}

#newsletter #nf-form-1-cont {
	min-width: 300px !important;
}

#nf-field-12-container {
	margin-top: 35px;
}

#newsletterbox label {
	display: none !important;
}

#newsletterbox .listcheckbox-wrap label {
	display: block !important;
	text-align: left !important;
}

#nf-field-12-container label,
#nf-field-15-container label,
#nf-field-16-container label {
	display: none !important;
}

#nf-field-12,
#nf-field-15,
#nf-field-16 {
	background: #fff !important;
	border: 1px solid var(--var-grey) !important;
	border-radius: 25px !important;
	padding: 15px 25px !important;
	color: var(--var-black) !important;
	font-family: "Roboto Condensed", sans-serif !important;
	box-sizing: border-box !important;
}

#newsletterbox input[type="text"],
#newsletterbox input[type="email"],
#newsletterbox input[type="tel"],
#newsletterbox input[type="number"] {
	background: #fff !important;
	border: 1px solid var(--var-grey) !important;
	border-radius: 25px !important;
	padding: 15px 25px !important;
	color: var(--var-black) !important;
	font-family: "Roboto Condensed", sans-serif !important;
	box-sizing: border-box !important;
}

#newsletterbox textarea {
	background: #fff !important;
	border: 1px solid var(--var-grey) !important;
	border-radius: 25px !important;
	padding: 15px 25px !important;
	color: var(--var-black) !important;
	font-family: "Roboto Condensed", sans-serif !important;
	box-sizing: border-box !important;
}

.value.custom-att {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.value.custom-att label {
	flex: 1 0 25%;
	max-width: calc(25% - 7.5px);
	width: calc(25% - 7.5px);
	margin-right: 0 !important;
}

#product-3285 .value.custom-att label {
	flex: 1 0 33.33333%;
	max-width: calc(33.33333% - 7.5px);
	width: calc(33.33333% - 7.5px);
	margin-right: 0 !important;
}

.value.custom-att label .selection-wrapper {
	border-radius: 10px;
	border: 2px solid var(--var-grey);
	overflow: hidden;
	padding: 5px;
}

.value.custom-att label .selection-wrapper:hover {
	cursor: pointer;
	border: 2px solid var(--var-orange);
}

.profil-circle {
    width: 65px;
    height: 65px;
    margin: 0 auto 10px auto;
    border-radius: 100%;
}

.profil-circle.white-circle {
	background: #f1f0eb;
}

.profil-circle.silver-circle {
	background: silver;
}

.explain-grid {
	display: flex;
    flex-wrap: wrap;
    gap: 10px;
	margin-top: 15px;
}

.explain-grid .item {
	flex: 1 0 50%;
	max-width: calc(50% - 5px);
	width: calc(50% - 5px);
	display: flex;
	gap: 5px;
	align-items: center;
}

.explain-grid .item i {
	font-size: 1.5rem;
	width: 32px;
}

.explain-grid .item-circle {
    background: #000;
    color: #fff;
    padding: 5px 11.05px;
    border-radius: 100%;
    font-weight: 600;
    font-size: 12px;
	margin-right: 3px;
}

.selection-wrapper {
	position: relative;
}

.selection-wrapper i.darkness {
    position: absolute;
    top: 4px;
    left: 10px;
    background: #fff;
    padding: 7px 6px;
    border-radius: 100%;
}

.selection-wrapper .double {
	position: absolute;
	top: 9px;
	left: 44px;
    background: #000;
    padding: 3px 9px;
    font-size: 12px;
    border-radius: 100%;
    font-weight: 600;
    color: #fff;
}

.profil-circle.grey-circle {
	background: #4f4e4b;
}

.profil-circle.black-circle {
	background: #000;
}

.value.custom-att label input {
	display: none;
}

.discount-table {
	background: var(--var-yellow);
	border-radius: 15px;
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.discount-table h3 {
	font-size: 1.5rem;
	text-transform: uppercase;
}

.discount-pill {
	background: #0F9D58;
	color: var(--var-black);
	padding: 5px 15px;
	display: inline-flex;
	align-self: flex-start;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 4px;
}

.discount-table ul {
	margin-top: 10px;
}

.value.custom-att label input:checked + .selection-wrapper {
	border: 2px solid var(--var-orange);
}

.value.custom-att label img {
	margin-bottom: 5px !important;
	border-radius: 10px;
}

.value.custom-att label span {
	font-size: 0.75rem;
	opacity: 0.75;
	color: var(--var-black);
	display: block;
	width: 100%;
}

#nf-field-13,
#nf-field-23,
#nf-field-18 {
	background: var(--var-orange) !important;
	padding: 10px 35px !important;
	color: var(--var-grey) !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	height: unset !important;
	border: 2px solid var(--var-orange) !important;
	border-radius: 25px !important;
}

.nf-fu-fileinput-button {
	background: transparent !important;
	padding: 10px 35px !important;
	color: var(--var-black) !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	height: unset !important;
	border: 2px solid var(--var-orange) !important;
	border-radius: 25px !important;
	margin-bottom: 10px !important;
	transition: all 0.25s;
	display: inline-flex;
	align-self: flex-start;
}

.files_uploaded p {
	display: flex;
	justify-content: space-between;
}

.nf-fu-fileinput-button:hover {
	color: var(--var-grey) !important;
	background: var(--var-orange) !important;
}


#nf-field-25-wrap .nf-field-element,
#nf-field-26-wrap .nf-field-element,
#nf-field-27-wrap .nf-field-element {
	text-align: left !important;
}

#nf-field-13:hover,
#nf-field-23:hover,
#nf-field-18:hover {
	cursor: pointer !important;
	background: transparent !important;
	color: var(--var-black) !important;
}

#newsletter .nf-row {
	display: flex;
	gap: 0;
	align-items: center;
}

#newsletter .nf-cell,
.nf-form-content  {
	padding: 0 !important;
}

#newsletter #nf-field-2 {
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	color: var(--var-black) !important;
	padding: 10px 20px !important;
	font-size: 1rem;
	border: none !important;
	opacity: 1;
}

#newsletter #nf-field-5-container {
	margin-bottom: 0 !important;
}

#newsletter #nf-field-5-container a {
	color: inherit;
}

#newsletter #nf-field-4 {
	border-radius: 25px !important;
	background: var(--var-orange) !important;
	color: var(--var-grey) !important;
	padding: 0 25px !important;
	border: 2px solid var(--var-orange) !important;
}

.nf-error.field-wrap .nf-field-element:after {
	display: none !important;
}

#newsletter p.small {
	font-size: 0.55rem;
    margin-top: 10px;
}

#newsletter .nf-row:first-child .nf-cell:last-child {
	width: 36% !important;
    position: relative;
    right: 25px;
}

#nf-field-4-container {
	margin-bottom: 0 !important;
}

nf-cells {
	width: 100% !important;
	display: flex;
	align-items: center;
}

.business {
	list-style: none;
	margin: 20px 0 !important;
	display: flex;
	align-items: center;
	gap: 25px;
	justify-content: center;
}

.login-form-container {
	text-align: left !important;
}

.login-form-container label {
	display: block;
}

.login-form-container input[type="text"],
.login-form-container input[type="password"] {
	display: block;
	padding: 15px;
	box-sizing: border-box;
	width: 100%;
}

.login-form-container input[type="submit"] {
	display: inline-block;
}

.business li {
	color: var(--var-grey);
	font-size: 1rem;
}

#hero h1,
#hero h3,
#hero small {
	color: var(--var-grey);
}

#hero small {
	margin-bottom: 15px;
}

#hero {
	position: relative;
}

#hero .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.35;
	z-index: 10;
}

.logos {
	list-style: none;
	margin: 35px 0;
	padding: 0;
	display: flex;
	justify-content: center;
	gap: 65px;
}

.logos img {
	max-width: 150px;
	height: auto;
}

.preview {
	opacity: 0.55;
}

.markis {
	list-style: none;
	margin: 55px 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 35px;
}

#hero .container {
	position: relative;
	z-index: 20;
}

a.btn-secondary {
	padding: 11px 35px;
	color: var(--var-black);
	background: var(--var-yellow);
	text-decoration: none;
	border-radius: 10px;
	border: 2px solid var(--var-yellow);
	transition: all 0.25s;
	display: inline-block;
}

a.btn-secondary:hover {
	background: transparent;
	color: var(--var-grey);
}

.flex-blog-boxes {
	display: flex;
	gap: 35px;
	flex-wrap: wrap;
	margin-top: 35px;
}

.blog-box {
	flex: 1;
	border-radius: 25px;
	padding: 55px;
	background: var(--var-grey);
}

.blog-box h2 {
	max-width: 70%;
}

.blog-box p {
	font-size: 1.25rem;
}

.blog-box ul {
	list-style: none;
	margin: 25px 0 0 0;
	padding: 0;
	display: flex;
	gap: 20px;
}

.flex-blog-boxes .blog-box:first-child {
	flex: 1 0 100%;
	max-width: 100%;
	width: 100%;
	background: var(--var-yellow);
}

/*** BETA SIDE ***/

.page-template-page-beta .topbar,
.page-template-page-beta .main-header .main-menu,
.page-template-page-beta .main-header .searchBox,
.page-template-page-beta .main-header .icons,
.page-template-page-beta .main-header #openMenu,
.page-template-page-beta #colophon .container:first-child {
	display: none;
}

.page-template-page-beta #masthead {
	display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.page-template-page-beta .main-header {
	justify-content: center;
}

.badge {
	background: var(--var-yellow);
	padding: 7px 15px;
	color: var(--var-black);
	font-size: 0.75rem;
	border-radius: 25px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.badge.white{
	background: var(--var-grey);
}

.flex-card-full {
	display: flex;
	align-items: center;
	gap: 0;
}

.flex-card-full .text-container,
.flex-card-full .image-container {
	flex: 1 0 50%;
	width: 50%;
	max-width: 50%;
}

.flex-card-full .image-container {
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}

.flex-card-full .image-container div {
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}

.search-results article {
	margin-bottom: 35px;
}

.search-results article img {
	margin-bottom: 10px;
}

.search-results article .entry-header h2 a {
	text-decoration: none;
	color: var(--var-black);
}

.search-results article .entry-summary p {
	margin-bottom: 15px;
}

.flex-card-full strong {
	margin-top: 10px;
	display: block;
}

.flex-card-full .text-container {
	background: var(--var-grey);
	aspect-ratio: 16 / 11;
	position: relative;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}

.flex-card-full .text-container .inner {
	position: absolute;
	top: 50%;
	left: 5%;
	padding-right: 5%;
	max-width: 95%;
	transform: translateY(-50%);
}

.flex-card-full .text-container a.small-btn {
	display: inline-flex;
	margin: 15px 0;
}

.flex-card-full .text-container p {
	font-size: 1.15rem;
	line-height: 1.5;
}

#divider.pricematch h2,
#divider.pricematch p {
	color: var(--var-black);
}

.flex-blog-boxes .blog-box:first-child .badge {
	background: var(--var-black);
	color: var(--var-grey);
}

a.big-btn {
	background: var(--var-orange);
	color: var(--var-grey);
	padding: 11px 55px;
	border-radius: 5px;
	border: 2px solid var(--var-orange);
	text-decoration: none;
	transition: all 0.25s;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.9rem;
}

ul.flex-meta-post {
	margin-top: 35px;
}

a.big-btn:hover {
	background: transparent;
	color: var(--var-black);
}

.accordion {
	margin: 35px 0;
}

.accordion-item {
	border-radius: 15px !important;
	margin-bottom: 13px;
	overflow: hidden;
	border: none;
}

.accordion-button {
	font-size: 1.25rem;
}

#divider h2 {
	font-size: 3rem;
}

#divider p {
	font-size: 1.15rem;
}

#divider a.small-btn {
	font-size: 1rem;
	padding: 6px 20px;
	display: inline-flex;
}

.accordion-item:first-of-type .accordion-button {
	border-top-left-radius: unset !important;
	border-top-right-radius: unset !important;
}

.info-card {
	position: relative;
	border-radius: 25px;
	overflow: hidden;
}

.info-card .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(16,16,16);
	background: linear-gradient(0deg, rgba(16,16,16,0.8) 0%, rgba(16,16,16,0) 80%);
	z-index: 1;
}

#divider .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(16,16,16);
	background: linear-gradient(0deg, rgba(16,16,16,0.8) 0%, rgba(16,16,16,0) 80%);
	z-index: 1;
	border-radius: 25px;
}

.info-card .content {
	position: absolute;
	bottom: 32px;
	width: 100%;
	padding: 0 36px;
	z-index: 2;
}

.info-card .content h3,
.info-card .content p {
	color: var(--var-grey);
	margin-bottom: 13px;
}

.info-card a.small-btn:hover {
	color: var(--var-grey);
}

.info-card .float-img {
	position: absolute;
	top: 35px;
	right: 35px;
	max-width: 130px;
	height: auto;
}


.accordion-button {
	background: var(--var-grey);
	border: none;
	padding: 20px;
}

.accordion-button:not(.collapsed),
.accordion-collapse {
	color: var(--var-black);
	background-color: var(--var-yellow);
}

.accordion-button:focus {
	outline: none !important;
	box-shadow: none !important;
}

.accordion-button::after {
	background: var(--var-orange);
	border-radius: 3px;
	content: "\f078";
	font-family: "Font Awesome 6 Pro";
	color: var(--var-grey);
	text-align: center;
    padding: 3px 5px;
	width: unset;
	height: unset;
}

body:not(.postid-258) .value.custom-att label:nth-child(n+17) {
	display: none !important;
}

.postid-258 #showMoreBtn {
	display: none !important;
}

body:not(.postid-258) .value.custom-att.showMore label:nth-child(n+17) {
	display: inline-block !important;
}

.square-addon {
	width: 15px;
	height: 15px;
	border-radius: 3px;
	border: 2px solid var(--var-grey);
	max-width: 15px;
}

.spec-addon {
	display: flex;
    align-items: flex-start;
    gap: 10px;
	position: relative;
}

.pill-yellow {
	background: var(--var-yellow);
	font-weight: 600;
	color: var(--var-black);
	position: absolute;
	top: 5px;
	right: 0;
	border-radius: 15px;
	font-size: 13px;
	padding: 5px 15px;
}

.addon-price {
	font-weight: 600;
	font-size: 1.5rem;
	color: var(--var-black);
	gap: 5px;
}

.addon-price span {
	display: unset !important;
}

.addon-text p {
	max-width: 85%;
}

.square-addon {
	margin-top: 4px;
	transition: all 0.25s;
	position: relative;
	flex: 1 0 auto;
}

.square-addon.active {
	background: var(--var-orange);
	border: 2px solid var(--var-orange);
}

.square-addon i {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 10px;
	color: var(--var-grey);
}

.square-addon.active i {
	display: block;
}


.value.custom-att.showMore {
	transition: all 0.25s;
}

.showMore::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 1px var(--var-grey);
	background-color: #F5F5F5;
}

.showMore::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}

.showMore::-webkit-scrollbar-thumb {
	background-color: var(--var-orange);
	border: 1px solid var(--var-grey);
}

#showMoreBtn {
	text-decoration: underline;
	font-size: 1rem;
	text-align: center;
	font-weight: 600;
	margin: 15px 0;
	display: inline-flex;
    background: var(--var-yellow);
    color: var(--var-black);
    text-align: center;
    justify-content: center;
    gap: 10px;
    align-items: center;
    text-decoration: none;
    padding: 8px 30px;
    border-radius: 25px;
    align-self: center;
	transition: all 0.25s;
	border: 2px solid transparent;
}

.warning-banner-header {
	background: var(--var-yellow);
	text-align: center;
	padding: 10px 0;
}

.warning-banner-header p {
	color: var(--var-black);
	font-weight: 500;
}

.desktop-warning {
	display: block;
}

.mobile-warning {
	display: none;
}

.summer-holiday {
	display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    background: #f0df6b;
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 10px;
}

.summer-holiday a {
	color: inherit;
}

.summer-holiday .img {
	flex: 0 0 17%;
	width: calc(17% - 10px);
	max-width: calc(17% - 10px);
}

.summer-holiday .text {
	flex: 0 0 83%;
	width: calc(83% - 10px);
	max-width: calc(83% - 10px);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.summer-holiday h5 {
	margin: 0;
	font-size: 1.25rem;
}

.summer-holiday i {
	background: var(--var-grey);
	padding: 10px 11px;
	border-radius: 100%;
	border: 2px solid var(--var-grey);
	transition: all 0.25s;
}

.summer-holiday a:hover i {
	background: transparent;
	cursor: pointer;
}


@media screen and (max-width: 1251px) {
	.desktop-warning {
		display: none;
	}

	.pill-yellow {
		display: none;
	}

	.mobile-warning {
		display: block;
	}

	.summer-holiday h5 {
		font-size: 1rem;
	}

	.summer-holiday p {
		font-size: 0.875rem;
	}

	.summer-holiday .text {
		flex: 0 0 80%;
	}

	.summer-holiday a {
		color: var(--var-orange);
	}
}

#showMoreBtn:hover {
	cursor: pointer;
	border: 2px solid var(--var-yellow);
	background: transparent;
}

#variationMultiple {
	padding-right: 0;
	transition: all 0.25s;
}

.flex-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 35px;
}

.flex-title h1 {
	font-size: 12rem;
}

#variationMultiple.showMore {
	max-height: 413px;
	overflow-y: scroll;
	padding-right: 10px;
}

.accordion-button:not(.collapsed)::after {
	background-image: unset !important;
}

.flex-steps {
	display: flex;
	align-items: flex-start;
	gap: 55px;
	margin: 55px 0 0 0;
}

.step {
	flex: 1 0 19%;
	max-width: 19%;
	text-align: left;
}

.step-img {
	margin-left: auto;
}

.step a {
	color: inherit;
	text-decoration: underline;
}

.badge-num {
	background: var(--var-orange);
	margin-bottom: 25px;
	color: var(--var-grey);
	padding: 10px 23px;
	text-align: center;
	border-radius: 100%;
	font-weight: 700;
	font-size: 1.75rem;
	display: inline-block;
}

a.small-btn {
	background: var(--var-orange);
	color: var(--var-grey);
	border: 2px solid var(--var-orange);
	border-radius: 25px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.75rem;
	padding: 8px 20px;
	transition: all 0.25s;
	text-decoration: none;
}

.grey-card p {
	margin-bottom: 25px;
}

a.small-btn:hover {
	background: transparent;
	color: var(--var-black);
}

#divider {
	margin: 85px 0;
	border-radius: 25px;
	position: relative;
}

.woocommerce-cart .woocommerce-notices-wrapper {
	margin-bottom: 25px;
}

td.product-thumbnail img {
	border-radius: 10px;
}

#divider .hero-widget {
	bottom: unset;
	left: unset;
	top: 10%;
	right: 5%;
	max-width: 380px;
}

.divider-section .container {
	position: absolute;
	bottom: 40px;
	left: 40px;
	z-index: 20;
}

.page-template-page-pricematch .divider-section .container,
.page-template-page-about .divider-section .container {
	bottom: 0;
	left: calc((100vw - 1296px) / 2);
}

@media screen and (max-width: 1300px) {
	.page-template-page-pricematch .divider-section .container,
	.page-template-page-about .divider-section .container {
		left: unset;
	}
}



.single-post .divider-section .container {
	left: 50%;
	transform: translateX(-50%);
}

.service-card {
	display: flex;
	background: var(--var-grey);
	border-radius: 10px;
	gap: 15px;
	align-items: center;
	padding: 30px 25px;
}

.service-card .icon-box {
	width: 60px;
	height: 60px;
	background: var(--var-orange);
	border-radius: 100%;
	text-align: center;
	color: var(--var-grey);
}

.service-card i {
	font-size: 2rem;
	line-height: 60px;
}

.service-card .content p {
	margin-bottom: 0;
}

.service-card .content h4.black {
	font-size: 1.25rem;
	text-transform: uppercase;
	margin: 0;
}

.service-card .content h2.orange {
	text-decoration: none;
	color: var(--var-orange);
	margin: 0;
	font-size: 2rem;
}

a.service-small-card {
	display: flex;
	flex-direction: column;
	background: var(--var-grey);
	padding: 60px 25px;
	text-align: center;
	text-decoration: none;
	width: 100%;
	align-items: center;
	gap: 15px;
	margin-top: 35px;
	border-radius: 25px;
	border: 2px solid var(--var-grey);
	transition: all 0.25s;
}

ul.filter-blogs {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 35px;
	margin-bottom: 35px;
}

ul.filter-blogs li {
	flex: 1;
}

ul.filter-blogs li a {
	display: block;
	width: 100%;
	padding: 15px 25px;
	border: 2px solid var(--var-grey);
	transition: all 0.25s;
	color: var(--var-black);
	text-decoration: none;
	font-size: 1.25rem;
	border-radius: 25px;
	font-weight: 700;
}

.blogcontent p {
	margin-bottom: 20px;
	font-size: 1.25rem;
	line-height: 1.6;
}

ul.filter-blogs li a:hover {
	cursor: pointer;
	border-color: var(--var-orange);
}

ul.filter-blogs li a.active {
	border-color: var(--var-orange);
}

a.service-small-card:hover {
	cursor: pointer;
	border-color: var(--var-orange);
}



.flex-card-instructions {
	display: flex;
	background: var(--var-grey);
	border-radius: 25px;
	margin-bottom: 35px;
	overflow: hidden;
}

.flex-card-instructions .text-container {
	flex: 1 0 70%;
	max-width: 70%;
	width: 70%;
	padding: 60px;
}

.flex-card-instructions .image-container {
	flex: 1 0 30%;
	max-width: 30%;
	width: 30%;
}

.flex-card-instructions .icon-box {
	width: 60px;
	height: 60px;
	background: var(--var-orange);
	border-radius: 100%;
	line-height: 60px;
	color: var(--var-grey);
	font-weight: 700;
	text-align: center;
	margin-bottom: 15px;
	font-size: 1.5rem;
}

a.gotolink {
	border: 2px solid var(--var-grey);
	padding: 25px;
	border-radius: 25px;
	width: 100%;
	font-size: 1.25rem;
	color: var(--var-black);
	transition: all 0.25s;
	display: inline-flex;
	text-decoration: none;
	margin-bottom: 25px;
}

a.gotolink span {
	margin-left: auto;
}

a.gotolink:hover {
	border-color: var(--var-orange);
	cursor: pointer;
}

.flex-card-instructions img {
	margin-top: 25px;
}

a.service-small-card .icon-box {
	width: 60px;
	height: 60px;
	background: var(--var-orange);
	border-radius: 100%;
	text-align: center;
	color: var(--var-grey);
}

a.service-small-card .icon-box i {
	font-size: 1.75rem;
	line-height: 60px;
}

.service-card .content h2.orange a {
	text-decoration: none;
	color: inherit;
}

a.service-small-card .content h4.black,
a.service-small-card .content p {
	color: var(--var-black);
	margin: 0;
}

.divider-section h2,
.divider-section p {
	color: var(--var-grey);
}

.divider-section p { 
	margin-bottom: 35px;
}

.divider-section a.small-btn:hover {
	color: var(--var-grey);
}

.benefit-table td {
	border: 1px solid #E3E3E3;
	padding: 25px;
}

.quote-flex {
	display: flex;
	gap: 55px;
	margin: 35px 0 15px 0;
	align-items: center;
}

blockquote {
	font-weight: 400;
	font-style: italic;
	font-size: 1.45rem;
	text-align: left;
}

.benefit-table tr td:first-child {
	text-align: left;
}

.benefit-table p {
	margin-bottom: 0;
}

.page-template-page-colors .productcard {
	margin-bottom: 25px;
}

.woocommerce-breadcrumb {
	display: none;
}

.single-product main {
	background: var(--var-grey);
}

.single-product main .whitecard {
	background: #fff;
	padding: 30px;
	border-radius: 25px;
}

@media screen and (max-width: 1200px) {
#product-94 #prodImgWrapper,
#product-97 #prodImgWrapper,
#product-267 #prodImgWrapper,
#product-258 #prodImgWrapper,
#product-250 #prodImgWrapper {
	display: none;
}
}


.show-password-input {
	display: none !important;
}

.container.space-top {
	margin-top: 85px;
}

.container.space-bot {
	margin-bottom: 85px;
}

.container.space {
	margin-top: 85px;
	margin-bottom: 85px;
}

.single-product .container.space-top {
	margin-top: unset;
	padding-top: 17.5px;
}

.woocommerce-product-gallery__image a img {
	width: 100%;
	height: auto;
}

.single-product div.product .woocommerce-product-gallery {
	width: 100%;
	margin-bottom: 25px;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	margin-bottom: 25px !important;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
	flex: 1 0 25%;
	max-width: calc(25% - 5px);
	width: calc(25% - 5px);
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
	width: 100%;
	height: auto;
	border-radius: 25px;
}

.woocommerce-product-gallery__image a img {
	border-radius: 25px;
}

.summary form.cart {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.summary form.cart button {
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	color: var(--var-grey);
	background: var(--var-svea-blue);
	height: unset;
	padding: 14px 0;
	text-transform: uppercase;
	font-weight: 700;
	border: 2px solid var(--var-svea-blue);
	transition: all 0.25s;
	border-radius: 25px;
}

.custom-product-section .divide-or {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 15px 0;
}

.custom-product-section .divide-or h6 {
    margin: 0 15px;
    white-space: nowrap;
	font-size: 1rem;
	opacity: 0.9;
	text-transform: uppercase; 
}

.custom-product-section p {
	margin: 10px 0;
}

#yourTyg {
	display: flex;
	flex-direction: row;
	gap: 25px;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

#yourTyg .tyg-slot {
	flex: 1 0 20%;
    max-width: 20%;
    width: 20%;
}

#yourTyg .tyg-slot p {
	margin: 0;
	font-size: 0.9rem;
	font-weight: 600;
}

#yourTyg .empty-tyg-img {
	width: 86.8px;
	height: 86.8px;
	background: #ccc;
	opacity: 0.5;
}

.custom-product-section a.cart-link {
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
    color: #000;
}

.custom-product-section .divide-or::before,
.custom-product-section .divide-or::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #ccc; /* Adjust thickness & color */
}

.custom-product-section a.order-tyg {
	display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: var(--var-grey);
    background: var(--var-orange);
    height: unset;
    padding: 14px 0;
    text-transform: uppercase;
    font-weight: 700;
    border: 2px solid var(--var-orange);
    transition: all 0.25s;
    border-radius: 25px;
}

.custom-product-section a.order-tyg:hover {
	background: transparent;
	cursor: pointer;
	color: var(--var-black);
}

.summary form.cart button:hover {
	background: transparent;
	color: var(--var-black);
}

ul.billy-benefit {
	margin: 25px 0 0 0;
	padding: 0;
	list-style: none;
}

.noydpill {
	padding: 2px 8px;
    border-radius: 5px;
    background: var(--var-yellow);
    display: inline-flex;
    font-weight: 700;
	color: var(--var-black);
	margin-top: 5px;
	margin-bottom: 5px;
	align-items: center;
	gap: 3px;
}

.checkbox-wrapper input[type="checkbox"]:checked + label.add.noydlabel {
	background: var(--var-yellow);
}

.checkbox-wrapper input[type="checkbox"]:checked + label.add.noydlabel a {
	color: var(--var-black);
}

.noydtext {
	display: block;
}

.order-total small.includes_tax {
	display: block;
}

ul.billy-benefit li img {
	max-width: 35px;
}

ul.billy-benefit li {
	display: flex;
	gap: 10px;
	border-bottom: 1px solid var(--var-grey);
	padding: 10px 0;
	align-items: center;
	font-size: 0.875rem;
}

ul.billy-benefit li i {
	flex: 1 0 5%;
	max-width: 5%;
	width: 5%;
	font-size: 1.15rem;
}

ul.billy-benefit li:last-child {
	border-bottom: none;
}

ul.billy-benefit li a {
	color: inherit;
}

.product_meta {
	display: none;
}

.summary .price,
.summary .amount,
.custom-price {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 2.25rem;
	font-weight: 700;
	color: var(--var-black);
	white-space: nowrap;
}

.custom-price {
	margin-bottom: 10px;
}

.insp-card a {
	text-decoration: none;
	color: var(--var-black);
}

.insp-card img {
	border-radius: 10px;
	margin-bottom: 15px;
	margin-top: 15px;
	width: 100%;
	height: auto;
}

.woocommerce-order-received .woocommerce-thankyou-order-details,
.woocommerce-order-received .woocommerce-thankyou-order-received {
	display: none;
}

.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details {
    background-color: rgb(255, 255, 255);
    color: rgb(67, 67, 67);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 8px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: rgb(235, 235, 235);
	padding: 25px;
	max-width: 620px;
    margin: 35px auto;
}

.woocommerce-checkout #billing_country_field {
	display: none;
}

.woocommerce-checkout-review-order-table {
	width: 100%;
}

.woocommerce-checkout .woocommerce-input-wrapper {
	display: block;
	width: 100%;
}

.woocommerce-checkout .woocommerce-input-wrapper textarea {
	width: 100%;
	border: 1px solid var(--var-grey);
	border-radius: 10px;
	box-sizing: border-box;
	padding: 15px;
	background: #fff;
	color: var(--var-black);
}

.wc-svea-checkout-page .wc-svea-checkout-order-details .woocommerce-info,
.wc-svea-checkout-page .wc-svea-checkout-order-details .checkout_coupon {
	background: var(--var-yellow) !important;
	border: 1px solid var(--var-yellow) !important;
	color: var(--var-black) !important;
	border-radius: 10px;
}

body.search #primary img {
	width: 100%;
	height: auto;
}

.woocommerce-checkout .woocommerce-shipping-totals.shipping td {
	text-align: left !important;
}

.wc-svea-checkout-page .wc-svea-checkout-order-details .woocommerce-info a {
	color: var(--var-black) !important;
	float: right;
	font-weight: 500;
}

.wc-svea-checkout-page .wc-svea-checkout-order-details .checkout_coupon .form-row-first,
.checkout_coupon .form-row.form-row-first input#coupon_code {
	width: 100%;
}

.checkout_coupon .form-row.form-row-first input#coupon_code {
	margin: 15px 0;
	padding: 15px;
	box-sizing: border-box;
}

.wc-svea-checkout-page .wc-svea-checkout-order-details .checkout_coupon button[type="submit"] {
	background: var(--var-orange);
	text-transform: uppercase;
	font-weight: 700;
	padding: 15px 35px;
	color: var(--var-grey);
	border-radius: 10px;
	white-space: nowrap;
	border: 1px solid var(--var-orange);
}

.woocommerce-order-received .woocommerce-order-details a {
	color: var(--var-orange);
}

.woocommerce-order-received .woocommerce-order-details table tr td {
	padding: 15px 0;
}

.woocommerce-order-received .woocommerce-order-details table tfoot tr td,
.woocommerce-order-received .woocommerce-order-details table tbody tr td.product-total,
.woocommerce-order-received .woocommerce-order-details table thead tr th.product-total {
	font-weight: 600;
	text-align: right;
}

.woocommerce-order-received .woocommerce-order-details table tfoot tr td {
	padding: 0;
}

.woocommerce-account main {
	background: var(--var-grey);
	padding-top: 55px;
	padding-bottom: 55px;
}

.woocommerce-account .entry-header,
.woocommerce-account .entry-footer {
	display: none;
}

.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
	background: #fff;
	padding: 0;
	border-radius: 10px;
	overflow: hidden;
}

.woocommerce-MyAccount-content {
	padding: 35px;
}

.woocommerce-MyAccount-content a {
	color: var(--var-orange);
}

.woocommerce-MyAccount-content .woocommerce-info {
	padding: 0;
	background-color: unset;
	background: unset;
	font-family: "Roboto Condensed", sans-serif;
}

.woocommerce-MyAccount-content .woocommerce-info a {
	color: var(--var-orange);
}

.woocommerce-Addresses.col2-set {
	display: flex;
	gap: 35px;
	margin-top: 35px;
}

.woocommerce-address-fields__field-wrapper,
.woocommerce-EditAccountForm {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.woocommerce-address-fields__field-wrapper .form-row-first,
.woocommerce-address-fields__field-wrapper .form-row-last,
.woocommerce-EditAccountForm .form-row-first,
.woocommerce-EditAccountForm .form-row-last {
	flex: 1 0 50%;
	max-width: calc(50% - 7.5px);
	width: calc(50% - 7.5px);
}

.woocommerce-address-fields__field-wrapper .form-row-wide,
.woocommerce-EditAccountForm .form-row-wide {
	flex: 1 0 100%;
	max-width: 100%;
	width: 100%;
}

.woocommerce-EditAccountForm .clear {
	flex: 1 0 100%;
	max-width: 100%;
	width: 100%;
}

.woocommerce-address-fields__field-wrapper input,
.woocommerce-EditAccountForm input {
	display: block;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	background: transparent;
	border: 1px solid var(--var-grey);
	border-radius: 25px;
}

.woocommerce-Addresses .woocommerce-Address {
	flex: 1;
}

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

.woocommerce-MyAccount-navigation ul li {
	border-bottom: 1px solid var(--var-grey);
	padding: 8px 25px;
}

.woocommerce-MyAccount-navigation ul li:last-child {
	border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li a {
	text-decoration: none;
	color: var(--var-black);
	font-weight: 700;
	font-family: "Roboto Condensed", sans-serif;
}

.woocommerce-MyAccount-navigation ul li.is-active {
	background: var(--var-orange);
}

.woocommerce-MyAccount-navigation ul li.is-active a {
	color: var(--var-grey);
}

.single-radio .is-disabled {
	opacity: 0.5;
}

.single-radio .is-disabled:hover {
	border: 2px solid var(--var-grey);
	cursor: unset;
}

.select2-container--default .select2-selection--single {
	border: 1px solid var(--var-grey);
	padding: 15px;
	border-radius: 25px;
	box-sizing: border-box;
	height: unset;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 54px;
    position: absolute;
    top: 1px;
    right: 15px;
    width: 20px;
}

.woocommerce-MyAccount-content button[type="submit"] {
	background: var(--var-yellow);
	color: var(--var-black);
	border: 2px solid var(--var-yellow);
	border-radius: 5px;
	padding: 10px 35px;
	font-size: 0.875rem;
	font-weight: 700;
	margin-top: 15px;
	transition: all 0.25s;
}

.woocommerce-MyAccount-content button[type="submit"]:hover {
	background: transparent;
}

.woocommerce-MyAccount-content .woocommerce-error {
	background-color: unset;
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
	font-family: "Roboto Condensed", sans-serif;
}

.woocommerce-MyAccount-content .woocommerce-message {
	padding: 15px;
	border-radius: 10px;
	margin: 0 0 15px 0;
	color: var(--var-black);
	font-weight: 700;
	font-family: "Roboto Condensed", sans-serif;
}

.page-template-page-favorites .productcard,
.page-template-page-markiser .productcard,
.page-template-page-terrace .productcard,
.page-template-page-window .productcard {
	margin-bottom: 15px;
}

.woocommerce-tabs.wc-tabs-wrapper {
	display: none;
}

.band-desc {
	display: block;
	margin-top: 10px;
}

.custom-dimensions,
.custom-adds,
.custom-kjol,
.custom-motor,
.custom-conc,
.custom-roof,
.custom-alu-colors,
.custom-placement {
	border-top: 1px solid var(--var-grey);
	border-bottom: 1px solid var(--var-grey);
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 10px 0;
}

.custom-adds,
.custom-kjol,
.custom-motor,
.custom-conc,
.custom-roof,
.custom-alu-colors,
.custom-placement,
.custom-dimensions {
	border-top: none;
}

.summary {
	position: relative;
}

.favorite-icon {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.75rem;
	z-index: 20;
}

.summary.entry-summary .favorite-icon {
	top: 0;
}

#custom_length {
	-webkit-appearance: none; /* Removes the default arrow in Safari */
    -moz-appearance: none;    /* Removes the default arrow in Firefox */
    appearance: none;         /* Standard appearance reset for all browsers */
    background: none;         /* You can customize the background to your needs */
	width: 100%;
	padding: 15px;
	border-radius: 25px;
	border-color: var(--var-grey);
	color: var(--var-black);
	position: relative;
}

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.favorite-icon:not(.favorite) i {
	font-weight: 400;
	color: var(--var-black);
}

.favorite-icon.favorite i {
	font-weight: 700;
	color: #b11b34;
}

.custom-drop-arrow {
	position: absolute;
    right: 10px;
    width: 10px !important;
    height: 10px !important;
    border-bottom: 2px solid var(--var-black);
    border-left: 2px solid var(--var-black);
    transform: rotate(-45deg) translateY(50%);
    bottom: 50%;
    right: 24px;
}

.quantity {
	display: flex;
	gap: 0;
	margin: 10px 0;
}

.contact {
	list-style: none;
	margin: 15px 0;
	padding: 0;
}

.favorite-icon i {
	transition: all 0.25s;
}

.favorite-icon i:hover {
	cursor: pointer;
	color: #b11b34;
	font-weight: 700;
}

.adjust-flex {
	display: flex;
	gap: 15px;
}

span.opac {
	opacity: 0.8;
}

.add-flex {
	display: flex;
	gap: 10px;
	flex-direction: column;
}

.add-flex .add {
	display: flex;
	align-items: flex-start;
	gap: 0;
	border: 2px solid var(--var-grey);
	border-radius: 10px;
	padding: 15px 15px 15px 35px;
}

.checkbox-wrapper {
	margin-top: -15px;
}

.checkbox-wrapper input {
	position: relative;
    top: 43px;
    left: 14px;
}

/* Styles when the checkbox is checked */
.checkbox-wrapper input[type="checkbox"]:checked + label.add {
    border-color: var(--var-orange); /* Example border color when checked */
}

.add h5 {
	font-weight: 400;
	font-size: 1.35rem;
}

.add {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
	transition: all 0.25s;
}

.add:hover {
	border: 2px solid var(--var-orange);
	cursor: pointer;
}

.add h5 {
	display: flex;
	gap: 3px;
	align-items: center;
}

.add input {
	top: 5px;
	position: relative;
}

.add img {
	max-height: 18px;
	width: auto;
	position: relative;
	top: -2px;
}


.adjust-flex .custom-checkbox-wrap input {
	width: auto;
}

.mont-price {
	white-space: nowrap;
	margin-left: auto;
}

.adjust-flex input {
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid var(--var-grey);
	border-radius: 25px;
	width: 100%;
}

.custom-dimensions a {
	margin-bottom: 10px;
	display: inline-block;
	font-size: 1rem;
}

.adjust-flex .input-wrapper {
	position: relative;
	width: 100%;
}

.adjust-flex div {
	flex: 1;
}

.adjust-flex span {
	position: absolute;
	top: 50%;
	right: 40px;
	opacity: 0.75;
	font-size: 0.875rem;
	color: var(--var-black);
	transform: translateY(-50%);
}

.adjust-flex label {
	font-size: 0.9rem;
	margin-bottom: 3px;
}

.custom-dimensions h3,
.custom-adds h3,
.custom-kjol h3,
.custom-motor h3,
.custom-conc h3,
.custom-roof h3,
.custom-alu-colors h3,
.custom-placement h3 {
	font-size: 1.35rem;
}

.custom-alu-colors {
	padding-bottom: 25px;
}

.custom-alu-colors .single-radio {
	flex: 0;
}

.custom-alu-colors .single-radio label {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	padding: 2px;
}

.custom-alu-colors .single-radio label .inner {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	position: relative;
}

.custom-alu-colors .single-radio label .inner .pop {
	display: none;
	position: absolute;
	bottom: -175%;
	left: 50%;
	transform: translateX(-50%);
	padding: 5px 10px;
	background: var(--var-orange);
	color: var(--var-grey);
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.75rem;
	transition: all 0.25s;
	white-space: nowrap;
	border-radius: 3px;
	z-index: 5;
}

.custom-alu-colors .single-radio label .inner .pop::before {
	content: "";
	display: block;
	top: 0;
	left: 50%;
	width: 20px;
	height: 20px;
	background: var(--var-orange);
	position: absolute;
	transform: translateX(-50%) rotate(-45deg);
}

.custom-alu-colors .single-radio label:hover .inner .pop {
	display: block;
}

.custom-alu-colors .single-radio label:hover .inner .pop .text {
	position: relative;
	z-index: 10;
}

.custom-alu-colors .single-radio label.ral-1 .inner {
	background: #0A0A0A;
}

.custom-alu-colors .single-radio label.ral-2 .inner {
	background: #B5B5B5;
}

.custom-alu-colors .single-radio label.ral-3 .inner {
	background: #4E4E50;
}

.custom-alu-colors .single-radio label.ral-4 .inner {
	background: #F4F3EE;
}

.radio-wrap {
	display: flex;
	gap: 15px;
}

.radio-wrap.bundle-wrapper {
	flex-direction: column;
	margin-top: 15px;
	gap: 25px;
}

.radio-wrap.bundle-wrapper .single-radio {
	flex: 1 0 100%;
	max-width: 100%;
	width: 100%;
	position: relative;
}

.radio-wrap.bundle-wrapper .single-radio:nth-child(2) label {
	border-color: var(--var-yellow);
}

.radio-wrap.bundle-wrapper .single-radio label {
	text-align: left;
	padding: 40px;
}

.radio-wrap.bundle-wrapper .single-radio label .radio-pill {
	position: absolute;
    top: 0;
    left: 35px;
    transform: translateY(-37%);
	padding: 3px 10px;
	background: var(--var-grey);
	border-radius: 4px;
	transition: all 0.25s;
	font-weight: 600;
}

.radio-wrap.bundle-wrapper .single-radio:nth-child(2) label .radio-pill {
	background: var(--var-yellow);
}

.radio-wrap.bundle-wrapper .single-radio label .select-circle {
	width: 30px;
	height: 30px;
	background: #fff;
	border: 2px solid var(--var-grey);
	outline: 1px solid #fff;
	border-radius: 100%;
	position: absolute;
	top: 40px;
	right: 40px;
	transition: all 0.25s;
	padding: 5px;
}

.radio-wrap.bundle-wrapper .single-radio:nth-child(2) input[type="radio"]:checked + label {
	border-color: var(--var-orange);
}

.radio-wrap.bundle-wrapper .single-radio input[type="radio"]:checked + label .radio-pill {
	background: var(--var-orange);
}

.single-radio input[type="radio"]:checked + label .select-circle {
	background: var(--var-orange);
	border: 2px solid var(--var-grey);
	outline: 1px solid var(--var-orange);
}

.radio-wrap.bundle-wrapper .single-radio label h4 {
	font-size: 2rem;
	text-transform: uppercase;
}

.bundle-month-price {
	display: flex;
	align-items: center;
	gap: 0;
	font-weight: 600;
	gap: 3px;
}

@media screen and (max-width: 1200px) {
	.radio-wrap.bundle-wrapper .single-radio label {
		padding: 20px;
	}

	.radio-wrap.bundle-wrapper .single-radio label .select-circle {
		top: 20px;
		right: 20px;
	}

	.radio-wrap.bundle-wrapper .single-radio label h4 {
		font-size: 1.5rem;
	}

	.radio-wrap.bundle-wrapper .single-radio label .select-circle {
		width: 15px;
		height: 15px;
	}
}

.bundle-month-price .finance-badge {
	background: var(--var-grey);
	padding: 2px 8px;
	margin-left: 4px;
	border-radius: 4px;
}

.include-list {
	list-style: none;
	margin: 15px 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.include-list li,
.include-list li strong {
	display: flex;
	align-items: center;
	gap: 8px;
}

.include-list li i {
	color: #0F9D58;
}

.bundle-price {
	display: flex;
	gap: 0;
	align-items: center;
	font-size: 2rem;
	font-weight: 600;
}

.single-radio {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.flex-mont {
	display: flex;
	gap: 15px;
	justify-content: flex-start;
	margin: 10px 0;
}

.flex-mont i {
	margin-top: 15px;
}

.montServiceText {
	font-weight: 600;
}

.woocommerce-message {
	border: 2px solid var(--var-yellow);
	padding: 15px;
	box-sizing: border-box;
	background: var(--var-yellow) !important;
	background-color: var(--var-yellow) !important;
	color: var(--var-black);
	border-radius: 10px;
}

.woocommerce-message {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

@media screen and (max-width: 1251px) {
	.woocommerce-message {
		flex-direction: row-reverse;
	}
}

.woocommerce-message a {
	color: var(--var-black);
	font-weight: 500;
}

@media screen and (max-width: 1251px) {
	.woocommerce-message {
		flex-direction: column-reverse;
	}
}

.custom-image-wrap-product {
	position: relative;
}

#noCap,
#waveCap,
#legCap,
#legNoCap,
#legWaveCap,
#alu_roof,
#aluRoofMobile,
#mobAlu,
#aluBlackMobile,
#aluBlackRoofMobile,
#topBlackAlu,
#topBlackRoof {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	border-radius: 25px;
}

#blackAlu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

#alu_roof {
	z-index: 25;
	position: absolute;
	top: 0;
	left: 0;
}

#blackRoof {
	z-index: 30;
	position: absolute;
	top: 0;
	left: 0;
}

.button-select-wrap {
	display: flex;
	gap: 0;
	margin: 25px 0;
}

.button-select-wrap button {
	flex: 1;
	border: 2px solid var(--var-orange);
	color: var(--var-black);
	font-weight: 600;
	padding: 15px 0;
	background: transparent;
	transition: all 0.25s;
}

.button-select-wrap button:hover {
	background: var(--var-orange);
	color: var(--var-grey);
}

.button-select-wrap button.active {
	background: var(--var-orange);
	color: var(--var-grey);
}

.button-select-wrap button:first-child {
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.product_title {
	margin-bottom: 0;
}

.single-product .trustcard {
	background: #fff;
}

.woocommerce-cart .indiproduct .quantity {
	display: none;
}

.cart-montering-row {
	background: #f4f6f7;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

.cart-montering-row label,
.cart-montering-row span {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

.spanwrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 5px;
}

@media screen and (max-width: 1251px) {
	.spanwrap strong {
		display: none;
	}
}

.spanwrap .montering-price {
	margin-left: auto;
	padding-right: 25px;
}

#monteringCart {
	padding: 25px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
	margin: 15px 0;
}

#monteringCart table {
	width: 100%;
	margin: 20px 0;
}

#monteringCart table tr td:last-child {
	text-align: right;
}

#monteringCart table tr:nth-child(odd) {
	background: #f4f6f7;
}

#monteringCart table tr td {
	padding: 10px;
}

.cart-montering-row:hover,
.cart-montering-row td:hover,
.cart-montering-row label:hover {
	cursor: pointer;
}

.cart-montering-row td {
	padding: 15px;
}

.button-select-wrap button:last-child {
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.list-montage {
	margin: 35px 0;
	list-style: none;
	padding: 0;
}

.list-montage li i {
    background: var(--var-orange);
    color: var(--var-grey);
    padding: 12px 13px;
    border-radius: 100%;
    margin-right: 10px;
    font-size: 1.55rem;
}

.list-montage li {
	font-weight: 700;
	margin: 10px 0;
	font-size: 1.25rem;
}

.flex-card-instructions .button-wrap {
	justify-content: unset;
	gap: 15px;
}

.productcard h6 {
	font-size: 1.5rem;
}

#prodImgWrapper {
	position: sticky;
	top: 50px;
	min-height: 575px;
}

.final-price {
	display: flex;
	gap: 5px;
	align-items: center;
	justify-content: flex-end;
}

.row.hidedesktop {
	display: none;
}

.flex-mont p {
	font-size: 0.875rem;
	opacity: 0.9;
}

.single-radio label {
	padding: 10px;
	border-radius: 10px;
	text-align: center;
	transition: all 0.25s;
	border: 2px solid var(--var-grey);
}

.single-radio label span {
	display: block;
}

.woo-add-to-cart-wrapper .quantity input {
	flex: 1 0 50%;
	border-color: #ccc !important;
}

.woo-add-to-cart-wrapper button.minus,
.woo-add-to-cart-wrapper button.plus {
	padding: 0 5px;
	border-color: #ccc;
}

.woo-add-to-cart-wrapper button.minus {
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}

#hemfix-details,
#self-details {
	display: flex;
	padding: 50px 25px;
    background: var(--var-grey);
    border-radius: 25px;
    align-items: center;
    gap: 25px;
}

#self-details {
	border: 2px solid var(--var-black);
	background: transparent;
	margin-top: 10px;
}

#hemfix-details h3,
#self-details h3 {
	font-size: 1.35rem;
	margin-bottom: 3px;
}

#hemfix-details i,
#self-details i {
	font-size: 2rem;
}

@media screen and (min-width: 1200px) {
	.woocommerce-page .wc-svea-checkout-page .wc-svea-checkout-page-inner form #order_review_heading {
		margin-top: 0;
	}
}


.billy-orange {
	padding: 2px 8px;
    border-radius: 5px;
    background: var(--var-orange);
    display: inline-flex;
	align-self: flex-start;
    font-weight: 700;
    color: var(--var-grey);
    margin-top: 5px;
    margin-bottom: 5px;
    align-items: center;
    gap: 3px;
}

#hemfix-details a,
#self-details a {
	color: var(--var-orange);
}

.review-title-area {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 35px;
	gap: 10px;
}

.review-title-area h4 {
	flex: 1 0 100%;
	text-align: center;
	margin-bottom: 0;
}

.review-review-area {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.custom-review {
	display: flex;
	align-items: center;
	gap: 20px;
	border-bottom: 1px solid #ccc;
	padding-top: 15px;
	padding-bottom: 15px;
}

.review-review-area .custom-review:first-child {
	border-top: 1px solid #ccc;
}


.custom-review .review-img {
	flex: 1 0 15%;
	max-width: 15%;
	width: 15%;
}

.blackbar {
	background: var(--var-black);
	padding: 8px 0;
}

.blackbar a {
	color: var(--var-grey);
	text-decoration: none;
	font-weight: 600;
}

.review-text p {
	font-size: 1.25rem;
	opacity: 0.8;
	color: var(--var-black);
}

.reviewer {
	display: flex;
	flex-direction: column;
	gap: 5px;
	flex: 1 0 15%;
    max-width: 15%;
    width: 15%;
}

.reviewer h5 {
	white-space: nowrap;
	margin-bottom: 0;
}

.reviewer i {
	color: var(--var-yellow);
}

a.review-link {
	color: var(--var-black);
	font-size: 1.05rem;
	opacity: 0.9rem;
	transition: all 0.25s;
}

a.review-link:hover {
	opacity: 1;
}

.review-title-area .review-stars {
	display: flex;
	gap: 10px;
	align-items: center;
}

.review-stars a.google-review-stars {
	margin-bottom: 0 !important;
}

@media screen and (max-width: 1000px) {
	.woo-add-to-cart-wrapper .quantity {
		flex: 1 0 25%;
	}

	.custom-review {
		flex-wrap: wrap;
	}

	.reviewer,
	.review-img,
	.custom-review .review-img {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	#hemfix-details,
	#self-details {
		padding: 30px 15px;
	}

	#hemfix-details h3,
	#self-details h3 {
		font-size: 1rem;
	}

	#hemfix-details p,
	#self-details p,
	#hemfix-details a,
	#self-details a {
		font-size: 0.875rem;
	}
}

.woo-add-to-cart-wrapper button.plus {
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}

.quantity input {
	width: 100%;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	border-radius: 0;
	padding: 15px;
	margin: 0;
	flex: 1 0 80%;
}

button.minus,
button.plus,
.summary form.cart button.minus,
.summary form.cart button.plus {
	background: transparent;
	border: 1px solid #ccc;
	color: var(--var-black);
	padding: 0;
	border-radius: 0;
	font-size: 1.25rem;
}

button.minus:hover,
button.plus:hover,
.summary form.cart button.minus:hover,
.summary form.cart button.plus:hover {
	background: var(--var-grey);
}

button.minus,
.summary form.cart button.minus {
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	border-right: 0;
}

button.plus,
.summary form.cart button.plus {
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	border-left: 0;
}


.single-radio label:hover {
	cursor: pointer;
}

.single-radio input {
	display: none;
}

.single-radio label:hover {
	border: 2px solid var(--var-orange);
}

.single-radio input[type="radio"]:checked + label {
	border: 2px solid var(--var-orange);;
}

/*
#nf-form-3-cont label {
	display: none;
}

#nf-form-3-cont input:not([type="submit"]),
#nf-form-3-cont textarea {
	background: transparent !important;
	border: 1px solid var(--var-grey) !important;
	border-radius: 25px !important;
	padding: 15px 25px !important;
	box-sizing: border-box !important;
	color: var(--var-black) !important;
	font-family: "Roboto Condensed", sans-serif !important;
}
*/

#nf-field-11 {
	background: var(--var-orange) !important;
	border: 2px solid var(--var-orange) !important;
	text-transform: uppercase !important;
	border-radius: 10px !important;
	padding: 7px 45px !important;
	height: unset !important;
	color: var(--var-grey) !important;
	font-weight: 700 !important;
}

#nf-field-11:hover {
	background: transparent !important;
	color: var(--var-black) !important;
	cursor: pointer !important;
}

.woocommerce-cart .entry-footer,
.woocommerce-cart .entry-header,
.woocommerce-checkout .entry-footer,
.woocommerce-checkout .entry-header {
	display: none;
}

#mobS {
	display: none;
}

#mobhero {
	display: none;
}

#mobOverlay {
	background: var(--var-grey);
	z-index: 99999;
	position: fixed;
	top: 0;
	right: -300vw;
	transition: all 0.25s;
	width: 100%;
	height: 100%;
	padding: 35px;
	text-align: center;
}

#mobOverlay ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mobOverlay ul li {
	margin: 8px 0;
}

#mobOverlay ul li a {
	text-decoration: none;
	font-weight: 700;
	color: var(--var-black);
	font-size: 1.75rem;
}

#mobOverlay.active {
	right: 0;
}

#closeMenu {
	position: absolute;
	top: 5%;
	right: 8%;
}

#mobOverlay .container {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
    max-width: 100%;
}

#mobOverlay img {
	margin-bottom: 25px;
}

#closeMenu .line {
	width: 30px;
	height: 4px;
	border-radius: 5px;
	background: var(--var-black);
}

#closeMenu .line.left {
	transform: rotate(45deg);
}

#closeMenu .line.right {
	transform: rotate(-45deg);
	position: relative;
	top: -4px;
}

.price-table {
	width: 100%;
}

.price-table tr td:last-child {
	text-align: right;
}

.fa-light.fa-heart.active {
	font-weight: 700;
	color: #b91c1c;
}

.price-table td {
	padding: 10px 0;
	border-bottom: 1px solid var(--var-grey);
}

.price-table tr.save-row td:last-child {
	color: #0F9D58;
	font-weight: 700;
}

.cart-col {
	display: flex;
	justify-content: flex-start;
	gap: 25px;
	align-items: flex-start;
	padding-left: 0;
	padding-right: 0;
}

.cart-col .form-cart-wrapper {
	flex: 1 0 70%;
	max-width: calc(70% - 12.5px);
	width: calc(70% - 12.5px);
}

.cart-col .cart-collaterals {
	flex: 1 0 30%;
	max-width: calc(30% - 12.5px);
	width: calc(30% - 12.5);
}

.cart-col .cart-collaterals {
	border: 1px solid var(--var-grey);
	border-radius: 25px;
	padding: 25px;
}

.cart-col .cart-collaterals table {
	width: 100%;
}

.cart-col .shop_table.shop_table_responsive {
	width: 100%;
}

.cart-col .woocommerce-cart-form {
	border: 1px solid var(--var-grey);
	border-radius: 25px;
	padding: 25px;
}

.cart-col .product-remove {
	display: none;
}

.cart-col .product-name {
	padding-left: 10px;
}

.cart-col .product-name a:first-child {
	text-decoration: none;
	color: var(--var-orange);
	font-weight: 700;
}

.woocommerce-cart-form__cart-item .product-thumbnail {
	width: 100px;
}

.woocommerce-cart-form__cart-item .product-thumbnail img {
	height: auto;
}

.variation dd,
.variation dt,
.variation dd p {
	font-size: 0.875rem;
}

.cart-col .quantity input {
	border: 1px solid #ccc;
	padding: 15px;
	max-width: 100%;
	margin: 0;
	flex: 1;
	border-left: none;
	border-right: none;
}

.cart-col button.minus,
.cart-col button.plus {
	padding: 0 10px;
}

.cart-col .product-quantity {
	width: 160px;
	max-width: 160px;
	padding-right: 25px;
}

#coupon_code {
	border: 1px solid var(--var-grey);
	border-radius: 25px;
	padding: 10px 15px;
	color: var(--var-black);
}

.coupon {
	margin: 15px 0;
	padding: 15px 0;
	border-top: 1px solid var(--var-grey);
	border-bottom: 1px solid var(--var-grey);
}

.coupon button {
	background: var(--var-orange);
	color: var(--var-grey);
	font-weight: 700;
	border: 1px solid var(--var-orange);
	border-radius: 25px;
	padding: 15px 35px;
	position: relative;
    right: 40px;
}

.actions button {
	background: var(--var-orange);
	color: var(--var-grey);
	font-weight: 700;
	border: 1px solid var(--var-orange);
	border-radius: 25px;
	padding: 10px 35px;
	font-weight: 400;
}

.actions button:disabled {
	opacity: 0.5;
	display: none;
}

.cart_totals h2 {
	font-size: 1.25rem;
}

.cart_totals .wc-proceed-to-checkout a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--var-grey);
	border: 2px solid var(--var-svea-blue);
	background: var(--var-svea-blue);
	text-decoration: none;
	font-weight: 700;
	transition: all 0.25s;
	height: unset;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 10px;
	margin-top: 10px;
}

.cart_totals .wc-proceed-to-checkout a i {
	background: var(--var-grey);
	color: var(--var-svea-blue);
	padding: 5px 6px;
	border-radius: 100%;
}

#masthead .container#mainheader {
	transition: all 0.25s;
	top: -200px;
}

.logged-in #masthead .container#mainheader {
	top: 0;
}

.woocommerce-shipping-totals.shipping {
	margin: 15px 0;
}

.woocommerce-shipping-totals.shipping td {
	padding: 25px 0 25px 25px;
	text-align: right;
}

.woocommerce-shipping-totals.shipping td ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

a.remove {
	display: block;
	font-size: 0.75rem;
	font-weight: 500;
	color: #b91c1c;
	opacity: 0.8;
	transition: all 0.25s;
}

a.remove:hover {
	opacity: 1;
}

.cart_totals tr td,
.cart_totals tr th {
	padding: 15px 0;
	border-bottom: 1px solid var(--var-grey);
}

.cart_totals .cart-subtotal td,
.cart_totals .order-total td {
	text-align: right;
}

.container.sticky#mainheader {
	position: fixed;
	max-width: 100%;
	width: 100%;
	z-index: 9990;
	background: #fff;
	border-bottom: 1px solid var(--var-grey);
}

.wc-svea-checkout-page .wc-svea-checkout-order-details .wc-svea-checkout-form .woocommerce-checkout-review-order-table,
.wc-svea-checkout-page .wc-svea-checkout-other-fields,
.custom-montering-section,
.cart-col .woocommerce-cart-form,
.cart-col .cart-collaterals {
	background-color: rgb(255, 255, 255);
    color: rgb(67, 67, 67);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 8px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: rgb(235, 235, 235);
	border-radius: 10px;
}

.product-name p {
	font-size: 0.75rem;
	opacity: 0.9;
}


.woocommerce-error li {
	display: flex;
	flex-direction: row-reverse;
	gap: 10px;
	justify-content: space-between;
}

.woocommerce-error li a {
	color: var(--var-black);
	font-weight: 500;
}

.login-wrapper {
	max-width: 600px;
	margin: 35px auto;
	background: #fff;
	border-radius: 10px;
	padding: 35px;
}


.review-card {
	border-radius: 10px;
	overflow: hidden;
	background: var(--var-grey);
}

.mont-help {
	display: block;
	float: right;
	position: relative;
	margin-bottom: 15px;
}

.mont-explain {
	display: none;
	position: absolute;
    top: 125%;
    background: var(--var-grey);
    padding: 10px;
    border-radius: 4px;
    right: 0;
    min-width: 400px;
    font-size: 0.9rem;
    z-index: 100;
    color: var(--var-black);
    max-width: 95vw;
}

.mont-explain::before {
	content: "";
	position: absolute;
	top: -10%;
	right: 25px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid var(--var-grey);
}

@media screen and (max-width: 1251px) {
	.mont-explain {
		min-width: 290px;
	}

	.mont-explain::before {
		top: -7%;
	}
}

.mont-help:hover {
	cursor: help;
}

.mont-help:hover .mont-explain {
	display: block;
}


@media screen and (max-width: 1251px) {
	.review-card {
		margin-bottom: 20px;
	}

	.hidemobile {
		display: none;
	}

	.spanwrap .montering-price {
		padding-right: 0;
	}

}

@media screen and (max-width: 1370px) {
	.divider-section .container {
		left: calc((100vw - 1140px) / 2)
	}
}

.review-content {
	padding: 25px;
}

.review-content i {
	color: var(--var-yellow);
}

.review-content h1 {
	font-size: 2rem;
	margin: 15px 0;
}

.review-content p {
	font-size: 1.15rem;
	line-height: 1.5;
}

.review-content a {
	color: var(--var-black);
	text-decoration: underline;
	display: inline-flex;
	margin-top: 15px;
	font-weight: 500;
}


.login-wrapper input[type="text"],
.login-wrapper input[type="password"],
.login-wrapper input[type="email"] {
	display: block;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 25px;
	border: 1px solid var(--var-grey);
	color: var(--var-black);
	margin-bottom: 15px;
}

.login-wrapper h2 {
	margin-bottom: 35px;
}

.login-wrapper button {
	display: block;
	width: 100%;
	color: var(--var-grey);
	background: var(--var-orange);
	text-transform: uppercase;
	border: 2px solid var(--var-orange);
	font-weight: 600;
	transition: all 0.25s;
	padding: 15px 0;
	margin: 10px 0;
	border-radius: 10px;
}

.login-wrapper button:hover {
	cursor: pointer;
	background: transparent;
	color: var(--var-black);
}

#letsgo img {
	max-width: 200px;
	height: auto;
}

#letsgo h2 {
	font-size: 3rem;
}

#letsgo p {
	font-size: 1.25rem;
	line-height: 1.5;
}

#letsgo a.small-btn {
	display: inline-flex;
	margin: 15px 0;
	padding: 10px 20px;
	font-size: 1rem;
}

.custom-uppsell-products {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.custom-uppsell-products .product {
	flex: 1 0 100%;
    max-width: 100% !important;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 25px;
}

.custom-uppsell-products .product img {
	max-width: 125px !important;
	height: auto !important;
}

.custom-uppsell-products .product .product-info {
	max-width: 45% !important;
}

.custom-uppsell-products .product a.button {
	margin-left: auto;
}

.productcard .add-to-cart {
	position: relative;
}

a.added_to_cart {
	position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--var-orange);
    padding: 5px 15px;
    z-index: 9999;
    color: #fff;
    text-decoration: none;
}

a.added_to_cart::before {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 10px;
	height: 10px;
	background: var(--var-orange);
}

.container.space {
	margin-top: 85px;
	margin-bottom: 85px;
}

/* Define the keyframes for continuous scrolling from left to right */
@keyframes scroll-left-to-right {
    0% {
        transform: translateX(-100%); /* Start fully off-screen to the left */
    }
    100% {
        transform: translateX(calc(100vw)); /* End fully off-screen to the right */
    }
}

@-webkit-keyframes scroll-left-to-right {
    0% {
        -webkit-transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(calc(100vw));
    }
}

@media screen and (max-width: 1251px) {
	/* Define the keyframes for continuous scrolling from left to right */
@keyframes scroll-left-to-right {
    0% {
        transform: translateX(100%); /* Start fully off-screen to the left */
    }
    100% {
        transform: translateX(calc(-100vw)); /* End fully off-screen to the right */
    }
}

@-webkit-keyframes scroll-left-to-right {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(calc(-100vw));
    }
}
}

.scrolling-text {
	overflow: hidden;
	position: relative;
	height: 50px;
	width: 100%;
	/* Full width of its parent */
	white-space: nowrap;
}

.scrolling-text p {
	position: absolute;
	width: auto;
	height: 100%;
	margin: 0;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--var-grey);
	/* Start off the right edge */
	transform: translateX(-100%);
	/* Animate to the left */
	animation: scroll-left-to-right 15s linear infinite;
}

.woocommerce-cart-form__cart-item.cart_item td {
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid var(--var-grey);
}

.cart-col .woocommerce-cart-form {
	min-height: auto;
}


.custom-montering-section {
	padding: 25px;
	max-width: 100%;
	margin-top: 25px;
}

.wc-svea-checkout-page .wc-svea-checkout-other-fields {
	margin-top: 25px;
}

.wc-svea-checkout-page {
	max-width: 100% !important;
}

.wc-svea-checkout-page .wc-svea-checkout-order-details {
	padding-right: 0 !important;
}

@media screen and (max-width: 1251px) {
	.logged-in #masthead .container#mainheader {
		top: 0;
	}
}

.cart_totals .wc-proceed-to-checkout a:hover {
	cursor: pointer;
	background: transparent;
	color: var(--var-black);
}

ul.colors {
	list-style: none;
	margin: 20px 0;
	padding: 0;
	display: flex;
	gap: 10px;
}

ul.colors .color-circle {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 1px solid var(--var-black);
	font-size: 0.8rem;
    padding: 4px;
    font-weight: 600;
}

.page-template-page-montering .flex-card-full .image-container div,
.page-template-page-about .flex-card-full .image-container div,
.page-template-page-pricematch .flex-card-full .image-container div {
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}

.woocommerce-account #primary .woocommerce-notices-wrapper {
	margin: 0 auto;
	max-width: 1296px;
}

.woocommerce-account .woocommerce-error li {
	display: block;
}

@media screen and (max-width: 1350px) {
	.woocommerce-account #primary .woocommerce-notices-wrapper {
		margin: 0 auto;
		max-width: 95%;
	}
}

@media screen and (max-width: 1251px) {
	.page-template-page-montering .flex-card-full .image-container div,
	.page-template-page-about .flex-card-full .image-container div,
	.flex-card-full .image-container div
	 {
		border-top-left-radius: 25px;
		border-bottom-left-radius: 0;
		border-top-right-radius: 25px;
	}
}

.woocommerce-order-received .wc-item-meta {
	display: none;
}

.woocommerce-order-received .woocommerce-customer-details .col-1,
.woocommerce-order-received .woocommerce-customer-details .col-2,
.woocommerce-customer-details .col-1,
.woocommerce-customer-details .col-2 {
	width: 100% !important;
}

.pricefrom {
	color: var(--var-orange);
}

.color-circle.color-1 {
	background: #857A68;
}

.color-circle.color-black {
	background: #3D3D3D;
}

.color-circle.color-gray {
	background: #857A68;
}

.color-circle.color-white {
	background: #fff;
}

.color-circle.color-2 {
	background: #3D3D3D;
}

.finalText,
.margin-text {
	margin: 10px 0;
}

@media screen and (min-width: 1200px) {
	.custom-cards .productcard {
		height: 100%;
		display: flex;
		flex-direction: column;
	}

	.custom-cards .productcard .content {
		height: 100%;
		display: flex;
		flex-direction: column;
	}
}

@media screen and (max-width: 800px) {
	.button-select-wrap {
		flex-wrap: wrap;
	}

	.button-select-wrap button {
		font-size: 1rem;
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
		border-radius: 0 !important;
		margin-bottom: -2px;
	}
}

@media screen and (max-width: 1251px) {
	.custom-cards .productcard {
		margin-bottom: 10px;
	}
}

.bottom-content-wrap {
	margin-top: auto;
}

.button-flex-toggle {
	display: flex;
	gap: 0;
	margin: 25px 0;
}

.button-flex-toggle button {
	flex: 1 0 50%;
	max-width: 50%;
	width: 50%;
	font-weight: 600;
	padding: 15px 0;
}

.button-flex-toggle button img {
	max-width: 70%;
	margin: 0 auto;
}

.billy-rows h4 {
	font-size: 1rem;
}

.billy-rows td p {
	margin-bottom: 0;
	font-size: 0.9rem;
}


#compareText {
	padding: 10px 0;
	font-weight: 600;
}

.billy-rows td {
	padding: 15px 10px;
}

.comp-td {
	display: none;
}

.billy-rows td {
	border: 1px solid #E3E3E3;
	text-align: left;
}

.button-flex-toggle button:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-right: none;
}

.button-flex-toggle button:last-child {
	border-left: none;
	color: #000;
}

#mobileTable {
	display: none;
}

.button-flex-toggle button.active {
	background: var(--var-orange);
	border: 1px solid var(--var-orange);
	color: #fff;
}

.button-flex-toggle button:last-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.button-flex-toggle button {
	border: 2px solid #E3E3E3;
	background: #fff;
}

.billy-table {
	display: none;
}

.color-circle.color-3 {
	background: #1B473A;
}

.color-circle.color-4 {
	background: #EDEAD7;
}

.color-circle.color-5 {
	background: var(--var-orange);
}

.color-circle.color-6 {
	background: transparent;
}

.woocommerce-MyAccount-content .wc-item-meta {
	display: none;
}

.woocommerce-MyAccount-content .shop_table td {
	padding: 10px 0;
	border-bottom: 1px solid var(--var-grey);
}

.custom-montering-section .product {
	max-width: 300px;
}

.custom-montering-section .product {
	margin-top: 15px;
}

.custom-montering-section a {
	text-decoration: none;
}

.custom-montering-section a.add_to_cart_button,
.custom-uppsell-products button.button {
	background: var(--var-orange);
    padding: 11px 35px;
    font-weight: 700;
    text-decoration: none;
    color: var(--var-grey);
    text-transform: uppercase;
    border: 2px solid var(--var-orange);
    transition: all 0.25s;
    border-radius: 10px;
	display: inline-block;
	margin-top: 15px;
}

.custom-montering-section a.add_to_cart_button:hover,
.custom-uppsell-products button.button:hover {
	background: transparent;
	color: var(--var-black);
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
	flex: 1 0 16.5%;
	max-width: calc(16.5% - 11.5px);
	width: calc(16.5% - 11.5px);
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li img {
	border-radius: 10px;
}

.custom-montering-section .product h3 {
	color: var(--var-black);
	text-decoration: none;
	margin-top: 10px;
	font-size: 1.5rem;
}

.custom-montering-section .product .price {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--var-black);
    white-space: nowrap;
}

.custom-montering-section .product img {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 1300px) {
	.container {
		max-width: 90%;
	}

	.custom-montering-section .product {
		flex-direction: column;
		align-items: flex-start;
	}

	.custom-montering-section .product .product-info {
		max-width: 100% !important;
	}

	.custom-montering-section .product a.button {
		margin-left: unset !important;
	}
}

#mobileImg,
#mobileImgBottom {
	display: none;
}

.step-img.stepmobile {
	display: none;
}

.pricematch-badge-mobile {
	display: none;
}

ul.wp-block-list li,
ol.wp-block-list li {
	font-size: 1.25rem;
    line-height: 1.6;
	margin: 8px 0;
}

.prod-images {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 25px;
}

.prod-images li {
	flex: 1 0 33.333%;
	max-width: calc(33.3333% - 16.5px);
	width: calc(33.3333% - 16.5px);
}

.prod-images li img {
	border-radius: 25px;
}

body.woocommerce-checkout div:not(.wc-svea-checkout-page) #customer_details {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 25px;
}

.wc-svea-checkout-page-inner #customer_details {
	display: unset !important;
}

body.woocommerce-checkout div:not(.wc-svea-checkout-page) .col-1,
body.woocommerce-checkout div:not(.wc-svea-checkout-page) .col-2 {
	flex: 1 0 50%;
	max-width: calc(50% - 12.5px);
	width: calc(50% - 12.5px);
}

@media screen and (max-width: 1251px) {
	body.woocommerce-checkout div:not(.wc-svea-checkout-page) .col-1,
	body.woocommerce-checkout div:not(.wc-svea-checkout-page) .col-2 {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

}

.woocommerce-additional-fields {
	display: none;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle {
	display: none;
}

body.woocommerce-checkout div:not(.wc-svea-checkout-page) input:not([type="checkbox"]) {
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	display: block;
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
	width: 100%;
}

.how-it-works-card {
	text-align: center;
}

.how-it-works-card h3 {
	font-size: 1.75rem;
}

.how-it-works-card p {
	font-size: 1.15rem;
	opacity: 0.9;
}

.how-it-works-card a.btn.main {
	background: var(--var-yellow);
	border: 2px solid var(--var-yellow);
	color: var(--var-black);
	padding: 7px 27px;
	border-radius: 25px;
	font-size: 1.25rem;
	font-weight: 600;
	margin-top: 15px;
	transition: all 0.25s;
}

.how-it-works-card img {
	margin-bottom: 20px;
}

.how-it-works-card a.btn.main:hover {
	cursor: pointer;
	background: transparent;
}

@media screen and (max-width: 1200px) {
	body.woocommerce-checkout div:not(.wc-svea-checkout-page) #order_review_heading {
		margin-top: 35px;
	}
}


body.woocommerce-checkout div:not(.wc-svea-checkout-page) #order_review,
.checkout_coupon {
	padding: 35px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}

.checkout_coupon {
	margin-bottom: 35px;
}

.est-delivery {
	display: flex;
	margin: 20px 0;
	gap: 10px;
	align-items: center;
	justify-content: center;
}

.est-delivery strong {
	color: #0F9D58;
}

.step-circle {
	position: absolute;
	top: 0;
	right: 16%;
	width: 55px;
	height: 55px;
	background: var(--var-orange);
	color: var(--var-grey);
	border-radius: 100%;
	font-weight: 700;
	font-size: 1.25rem;
}

.step-circle .inner-number {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

body.woocommerce-checkout div:not(.wc-svea-checkout-page) #order_review table {
	width: 100%;
}

#stepHero {
	padding: 35px 0;
	background: var(--var-yellow);
}

#stepHero .flex-step {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
}

#stepHero .flex-step .step {
	flex: 1 0 calc(33.3333% - 16.5px);
	width: calc(33.3333% - 16.5px);
	max-width: calc(33.3333% - 16.5px);
	display: flex;
	align-items: center;
	gap: 15px;
}

#stepHero .flex-step .step .circle {
	width: 50px;
	height: 50px;
	position: relative;
	border-radius: 100%;
	background: #fff;
}

#stepHero .flex-step .step .circle .number {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.25rem;
	font-weight: 700;
}

#stepHero .flex-step .step .text {
	display: flex;
	gap: 3px;
	flex-direction: column;
}

#stepHero .flex-step .step .text h5 {
	margin: 0;
	white-space: nowrap;
}

#stepHero .flex-step .step a {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
}

#stepHero .flex-step .step a span {
	text-decoration: underline;
}

#stepHero .flex-step .step a i {
	text-decoration: none;
}

.custom-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}

.custom-title i {
	opacity: 0.8;
	font-size: 1.5rem;
	transition: all 0.25s;
}

.custom-title h3 {
	margin: 0;
}

.custom-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -200;
	display: none;
}

.custom-modal.active {
	z-index: 999999;
	display: block;
}

.gobi-wrap {
	display: flex;
	align-items: flex-start;
	gap: 35px;
	justify-content: center;
	margin-bottom: 20px;
}

.flex-card-instructions .gobi-wrap {
	justify-content: flex-start;
}

.custom-modal .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	z-index: 5;
}

.custom-modal .info-help {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 612px;
	max-width: 90vw;
	background: #fff;
	z-index: 10;
	border-radius: 10px;
}

.custom-modal .info-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 20px;
	border-bottom: 1px solid #ccc;
}

.custom-modal .info-content {
	padding: 15px 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-height: 450px;
	overflow-y: scroll;
}

.custom-modal .info-content p {
	font-size: 1.15rem;
	line-height: 1.5;
}

.custom-modal .info-header h3 {
	font-size: 1.25rem;
	margin: 0;
}

.custom-title i:hover {
	cursor: pointer;
	opacity: 1;
}

.custom-modal .info-footer {
	display: flex;
	border-top: 1px solid #ccc;
	align-items: center;
	justify-content: flex-end;
	padding: 15px 20px;
}

.custom-modal i {
	font-size: 1.25rem;
	opacity: 0.8;
	transition: all 0.25s;
}

.custom-modal i:hover {
	cursor: pointer;
	opacity: 1;
}

.custom-modal .info-footer button {
	display: inline-flex !important;
	padding: 8px 25px !important;
	width: auto !important;
}

.product-card-wrapper {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1.25;
	border-radius: 15px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

.introduction {
	padding-top: 55px;
	padding-bottom: 55px;
}

.introduction p {
	font-size: 1.25rem;
	line-height: 1.5;
}

.introduction .btn {
	border: 2px solid var(--var-yellow);
	display: inline-flex;
	align-self: flex-start;
	padding: 7px 28px;
	border-radius: 25px;
	font-weight: 600;
	text-align: center;
	transition: all 0.25s;
	color: var(--var-black);
}

.introduction .button-wrapper {
	margin: 35px auto;
}

.introduction .btn.main {
	background: var(--var-yellow);
}

.introduction .btn.main:hover {
	background: transparent;
}

.introduction .btn.secondary {
	background: transparent;
}

.repeat-wrapper {
	padding-top: 100px;
	padding-bottom: 100px;
}

.repeat-wrapper.dark {
	background: var(--var-grey);
}

.repeat-wrapper .inner-box {
	padding: 0 5%;
}

.variant-card a.btn.main {
	border: 2px solid var(--var-yellow);
	background: var(--var-yellow);
	display: inline-flex;
	align-self: flex-start;
	padding: 7px 28px;
	border-radius: 25px;
	font-weight: 600;
	text-align: center;
	transition: all 0.25s;
	color: var(--var-black);
	margin-top: 15px;
}

.grey-inner-card {
	background: var(--var-grey);
	border-radius: 15px;
	height: 100%;
	padding: 25px 45px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.eurobonus-on-cart {
	border: 1px solid var(--var-svea-blue);
	border-radius: 5px;
	padding: 15px;
}

.eurobonus-on-cart input {
	padding: 10px;
	border: 1px solid var(--var-grey);
	border-radius: 5px;
	box-sizing: border-box;
}

@media screen and (max-width: 1240px) {
	.grey-inner-card {
		height: auto;
		padding: 25px;
		margin-top: 20px;
	}
}

a.title-link {
	color: var(--var-black);
	text-decoration: none;
}

a.title-link i {
	transition: all 0.25s;
}

a.title-link:hover i {
	padding-left: 5px;
}

.variant-card.flex-column {
	border: 1px solid var(--var-grey);
	padding: 25px;
	border-radius: 15px;
}

.variants-grid {
	margin-bottom: 55px;
}

.variant-thumb img {
	max-width: 100%;
	height: auto;
}

.variant-card a.btn.main:hover {
	background: transparent;
}

@media screen and (max-width: 1200px) {
	.repeat-wrapper .inner-box {
		padding: 5% 0;
	}

	iframe {
		max-width: 100%;
		height: auto;
	}

	.container.repeat-title {
		padding-bottom: 0 !important;
	}

	.repeat-wrapper {
		padding-top: 55px;
		padding-bottom: 55px;
	}
}

.repeat-wrapper .inner-box p {
	font-size: 1.25rem;
}

.inner-box a.btn.main {
	border: 2px solid var(--var-yellow);
	background: var(--var-yellow);
	display: inline-flex;
	align-self: flex-start;
	padding: 7px 28px;
	border-radius: 25px;
	font-weight: 600;
	text-align: center;
	transition: all 0.25s;
	color: var(--var-black);
	margin-top: 15px;
}

.repeat-wrapper img {
	border-radius: 15px;
}

.gray-section {
	padding-top: 35px;
	padding-bottom: 35px;
	background: var(--var-grey);
}

.gray-section .whitecard {
	background: #fff;
	padding: 35px;
	border-radius: 15px;
}

.inner-box a.btn.main:hover {
	background: transparent;
}

.introduction .btn.secondary:hover {
	background: var(--var-yellow);
}

.product-card-wrapper button {
	position: absolute;
	bottom: 15px;
	left: 5%;
	width: 90%;
	display: block;
	padding: 10px 15px;
	font-weight: 600;
	background: var(--var-yellow);
	border-radius: 25px;
	color: var(--var-black) !important;
	text-align: center;
	border: 2px solid var(--var-yellow);
	transition: all 0.25s;
}

.product-card-wrapper button:hover {
	background: #f5b70c;
	border: 2px solid #f5b70c;
	color: var(--var-black) !important;
}

.product-row-wrapper {
	padding-top: 50px;
	padding-bottom: 50px;
}

.product-row-wrapper.grey-wrap {
	background: var(--var-grey);
}

.flex-texts {
	display: flex;
	align-items: flex-start;
	gap: 25px;
	margin: 15px 0;
}

.flex-texts .text {
	flex: 1 0 50%;
	max-width: calc(50% - 12.5px);
	width: calc(50% - 12.5px);
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.flex-texts .text p {
	font-size: 1.25rem;
	line-height: 1.4;
	opacity: 0.9;
}

@media screen and (max-width: 1251px) {
	.flex-texts .text {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.flex-texts {
		flex-wrap: wrap;
	}
}

.whitebackground-steps .product-row-wrapper.grey-wrap {
	background: #fff;
}

.whitebackground-steps {
	margin-top: 35px;
}

.titlerow p,
.inner-wrapper p {
	font-size: 1.25rem;
	margin: 20px auto 35px auto;
	opacity: 0.8;
}

.inner-wrapper p {
	margin: 15px 0 35px 0;
}

.inner-wrapper a.btn.main,
.inner a.btn.main  {
	background: var(--var-yellow);
	border: 2px solid var(--var-yellow);
	display: inline-flex;
	align-self: flex-start;
	padding: 7px 28px;
	border-radius: 25px;
	font-weight: 600;
	text-align: center;
	transition: all 0.25s;
	color: var(--var-black);
}

.inner a.btn.main {
	margin-top: 35px;
}

.page-template-page-awnings2025 .inner {
	padding: 0 10%;
}

.page-template-page-awnings2025 .inner h3 {
	font-size: 3.25rem;
}

.page-template-page-awnings2025 .inner p {
	font-size: 1.25rem;
	opacity: 0.9;
}

.inner-wrapper {
	padding: 0 10%;
}

.inner-wrapper a.btn.main:hover,
.inner a.btn.main:hover {
	background: transparent;
}


.product-card-wrapper .product-background {
	transition: all 0.25s;
}

.product-card-wrapper:hover .product-background {
	transform: scale(1.05);
}

.yellow-background {
	padding-top: 50px;
	padding-bottom: 50px;
	background: var(--var-yellow);
}

.yellow-background h3,
.yellow-background p {
	color: var(--var-black);
}

.yellow-background h3 {
	font-size: 3rem;
}

.yellow-background p {
	font-size: 1.25rem;
	opacity: 0.9;
	margin: 20px auto 35px auto;
}

.yellow-background a.btn.secondary {
	background: var(--var-grey);
	border: 2px solid var(--var-grey);
	display: inline-flex;
	align-self: flex-start;
	padding: 7px 28px;
	border-radius: 25px;
	font-weight: 600;
	text-align: center;
	transition: all 0.25s;
	color: var(--var-black);
}

.yellow-background a.btn.secondary:hover {
	background: transparent;
}

@media screen and (min-width: 1200px) {
	#spaceDesk {
		padding-top: 50px !important;
	}
}

@media screen and (max-width: 1000px) {
	#stepHero .flex-step {
		overflow-x: scroll;
	}

	#stepHero .flex-step::-webkit-scrollbar {
		display: none;
	}

	#stepHero .flex-step .step {
		flex: 1 0 60vw;
		width: 60vw;
		min-width: 275px;
		max-width: 60vw;
	}

	#stepHero .flex-step .step:first-child {
        flex: 1 0 56vw;
        width: 56vw;
        min-width: 230px;
        max-width: 60vw;
    }

	#stepHero .col-12,
	#stepHero .container {
		padding-right: 0;
	}
}

body.woocommerce-checkout div:not(.wc-svea-checkout-page) #order_review table tr td:last-child,
body.woocommerce-checkout div:not(.wc-svea-checkout-page) #order_review table tr th:last-child {
	text-align: right !important;
}

body.woocommerce-checkout div:not(.wc-svea-checkout-page) #order_review button[type="submit"] {
	background: var(--var-svea-blue);
    padding: 11px 35px;
    font-weight: 700;
    text-decoration: none;
    color: var(--var-grey);
    text-transform: uppercase;
    border: 2px solid var(--var-svea-blue);
    transition: all 0.25s;
    border-radius: 10px;
	margin-top: 35px;
}

body.woocommerce-checkout .woocommerce-info {
	padding: 15px;
	display: flex;
	justify-content: space-between;
	color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
	margin-bottom: 15px;
}

body.woocommerce-checkout div:not(.wc-svea-checkout-page) #order_review button[type="submit"]:hover {
	color: var(--var-black);
	background: transparent;
}

.checkout_coupon button {
	background: var(--var-orange);
    padding: 11px 35px;
    font-weight: 700;
    text-decoration: none;
    color: var(--var-grey);
    text-transform: uppercase;
    border: 2px solid var(--var-orange);
    transition: all 0.25s;
    border-radius: 10px;
	margin-top: 35px;
}

.checkout_coupon button:hover {
	color: var(--var-black);
	background: transparent;
}

.titlerow {
	margin-bottom: 20px;
}

.btn-outline-secondary {
	border-color: var(--var-orange);
	color: var(--var-black);
}

.btn-outline-secondary:hover {
	background: var(--var-orange);
	border-color: var(--var-orange);
	color: var(--var-grey);
}

.btn-outline-secondary.active {
	background-color: var(--var-orange);
	color: var(--var-grey);
	border-color: var(--var-orange);
}

.woocommerce-Price-amount {
	white-space: nowrap;
}

.name-content img {
	max-width: 160px;
	height: auto;
}

#order_review tbody tr.cart_item {
	border-bottom: 1px solid #ccc;
}

#order_review tbody tr.cart_item td {
	padding-top: 15px;
	padding-bottom: 15px;
}

#order_review tfoot tr.cart-subtotal th,
#order_review tfoot tr.cart-subtotal td {
	padding-top: 15px;
}

#order_review tfoot .woocommerce-shipping-totals.shipping td {
	padding: 0;
}

.woo-add-to-cart-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
}

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

	.row.hidedesktop {
		display: block;
	}

	.pricematch-badge-mobile {
		display: block;
		max-width: 115px;
		height: auto;
		margin-bottom: 20px;
	}

	.prod-images {
		flex-wrap: wrap;
	}

	.prod-images li {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.container.space-top .col-sm-6 h3 {
		margin-top: 35px;
	}

	.list-montage li {
		font-weight: 500;
		font-size: 1rem;
	}

	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.product-card-wrapper {
		margin-bottom: 20px;
	}

	.inner-wrapper {
		padding: 10% 0 0 0;
	}

	h1,
	#divider h2 {
		font-size: 2.25rem;
	}

	#divider {
		padding: 25px 0;
	}

	#divider .container {
		position: relative;
		height: 100% !important;
	}

	.cart-col {
		display: flex !important;
		flex-wrap: wrap;
		flex-direction: row-reverse;
	}

	.woocommerce-cart .container.space-top {
		margin-top: 0 !important;
	}

	.form-cart-wrapper {
		order: 1;
	}

	table.shop_table_responsive tr td::before {
		display: none;
	}

	.woocommerce-cart-form__cart-item .product-thumbnail {
		width: 100%;
	}

	.woocommerce-cart-form__cart-item.cart_item td {
		text-align: left;
		padding: 15px 0;
	}

	.cart-col .form-cart-wrapper,
	.cart-col .woocommerce-cart-form,
	.cart-col .shop_table.shop_table_responsive,
	.cart-collaterals {
		flex: 1 0 100%;
		max-width: 100% !important;
		width: 100%;
	}

	.cart-col .woocommerce-cart-form {
		min-height: unset;
	}

	#coupon_code {
		width: 100%;
		margin-bottom: 15px;
	}

	.cart_totals .cart-subtotal td, .cart_totals .order-total td,
	.woocommerce-shipping-totals.shipping td {
		text-align: left;
		padding-left: 0;
	}


	.custom-montering-section {
		flex: 1 0 100%;
		max-width: 100%;
	}

	.woocommerce-info {
		display: flex;
		flex-direction: column;
	}

	ul.billy-benefit li {
		gap: 15px;
	}

	#product-58 #prodImgWrapper,
	#product-363 #prodImgWrapper,
	#product-3285 #prodImgWrapper {
		display: none;
	}

	.adjust-flex input:focus-visible,
	.adjust-flex select:focus-visible {
		outline: none !important;
	}

	#mobileImg,
	#mobileImgBottom {
		display: block;
	}

	#mobileImg .woocommerce-product-gallery,
	#mobileImgBottom .wooocommerce-product-gallery {
		float: unset !important;
	}

	.price-secure {
		margin-top: 10px;
	}

	.woocommerce-cart-form__cart-item.cart_item .product-price,
	.cart_item .product-quantity.indiproduct,
	.cart_item .product-subtotal.indiproduct {
		display: none;
	}


	.coupon button,
	.actions button {
		right: unset;
		width: 100%;
		border-radius: 10px;
	}

	#shipping_method li {
		justify-content: flex-start;
	}

	#order_review #shipping_method li {
		justify-content: flex-end;
	}

	#mobileTable {
		display: block;
	}

	.flex-steps .step-img {
		display: none;
	}

	.titlerow {
		margin-bottom: 20px;
	}

	.how-it-works-card {
		margin-bottom: 30px;
		text-align: center;
	}

	.how-it-works-card img {
		max-width: 75%;
		margin: 0 auto 20px auto;
	}



	a.added_to_cart {
		background: var(--var-yellow);
		color: var(--var-black);
	}

	a.added_to_cart::before {
		background: var(--var-yellow);
		color: var(--var-black);
	}

	.single-post #divider .row {
		flex-direction: column-reverse;
	}

	#divider .hero-widget {
		max-width: 90%;
	}

	#product-58 .container .row,
	#product-363 .container .row {
		flex-direction: column-reverse
	}

	.desktop-only {
		display: none;
	}

	.pricematch-badge {
		display: none;
	}

	.step-img.stepmobile {
		display: block;
	}

	.page-template-page-pricematch .divider-section .container {
		bottom: 11%;
	}

	.billytable {
		display: block;
	}

	.benefit-table {
		display: none;
	}

	#prodImgWrapper { 
		min-height: 225px;
		margin-bottom: 25px;
	}

	.login-wrapper { 
		max-width: 90%;
	}

	.benefit-btn {
		text-align: center;
		display: block;
		font-size: 1rem;
		padding: 10px 0;
	}

	.card-row-1 {
		animation: unset;
		overflow-x: scroll;
		padding-left: 22px;
	}

	.card-row-1 .trustcard:nth-child(n+10) {
		display: none;
	}

	.product_title {
		font-size: 2rem;
	}

	#newsletterbox .grey-card div {
		max-width: unset !important;
	}

	#newsletterbox .grey-card.center p {
		max-width: 100% !important;
	}

	#newsletterbox p.small {
		margin-bottom: 0 !important;
	}

	.trustcard {
		min-height: 267px;
	}

	.adjust-flex {
		flex-wrap: wrap;
	}

	.adjust-flex div {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.add-flex .add {
		flex-wrap: wrap;
	}


	.add-flex .add div {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.mont-price {
		margin-left: unset;
		margin-top: 5px;
	}

	.custom-logo {
		width: 125px;
		height: auto;
		display: block;
	}

	.cart-col .product-quantity {
		max-width: 100%;
		width: 100%;
	}
	
	.cart-col .product-quantity .quantity {
		max-width: 110px;
	}

	.cart-col .quantity input {
		padding: 6px 15px;
	}

	.searchBox {
		display: none;
	}

	.chat-wrapper {
		display: none;
	}

	#openMenu {
		display: block;
	}

	ul.menupoints {
		display: none;
	}

	.topbar ul.ups {
		gap: 10px;
		width: 100%;
	}

	.topbar ul.ups li {
		flex: auto;
	}

	.image-container div {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0;
	}

	.accordion-button {
		gap: 15px;
	}

	.accordion-button::after {
		padding: 6px 8px;
	}

	.topbar ul.ups li a {
		white-space: nowrap;
		font-size: 0.85rem;
	}

	#masthead .main-menu {
		display: none;
	}

	#masthead .main-header {
		gap: 0;
	}

	#masthead .icons {
		margin-left: auto;
	}

	#mobS {
		display: block;
	}

	#mobS .searchBox {
		display: block;
		padding-top: 0;
		padding: 0 12px 12px 12px;
	}

	.info-card .content p a {
		color: inherit;
	}

	#mobS .search-wrapper input {
		min-width: 100%;
	}

	#homehero {
		display: none;
	}

	.headerrow .col-sm-6 {
		flex: 1 0 50%;
		max-width: 50%;
		width: 50%;
	}

	.headerrow h4,
	.headerrow h3 {
		font-size: 1.5rem;
	}

	.scrollrightcontainer {
		display: flex;
		overflow-x: scroll;
		flex-wrap: nowrap;
		padding-right: 35px;
	}

	.button-wrap {
		flex-wrap: wrap;
	}

	.content .button-wrap a {
		flex: 1 0 100%;
		text-align: center;
	}

	#page {
		overflow-x: hidden;
	}

	.scrollrightcontainer::-webkit-scrollbar {
		display: none;
	}

	.scrollrightcontainer .col-sm-4 {
		flex: 1 0 90%;
		max-width: 90%;
		width: 90%;
	}

	.container.mobfullscroll {
		margin: 0;
		padding: 0;
		padding-left: calc(5% + (var(--bs-gutter-x) * .5));
		max-width: 100%;
		margin-top: 35px;
	}

	.container.mobfullscroll .headerrow {
		max-width: 95%;
	}

	.flex-card-instructions {
		flex-wrap: wrap;
	}

	.flex-card-instructions .image-container div {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 25px;
		border-bottom-right-radius: 25px;
	}

	.service-card {
		margin-bottom: 25px;
	}

	.service-card .content h4.black {
		font-size: 1rem;
	}

	.service-card h2 a {
		font-size: 1.5rem;
	}

	.service-card {
		flex-wrap: wrap;
	}

	.flex-card-instructions .text-container,
	.flex-card-instructions .image-container {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.text-container a {
		color: inherit;
	}

	.scrollrightcontainer .col-sm-4 {
		margin-bottom: 0 !important;
	}

	.scrollrightcontainer .col-sm-4:first-child {
		padding-left: 0;
	}

	.button-wrap a {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
		text-align: center;
	}

	.info-card {
		height: 450px !important;
		margin-bottom: 25px;
	}

	.trustcard {
		flex: 1 0 90%;
		max-width: 90%;
		width: 90%;
	}

	.card-row-1 {
		gap: 15px;
		padding-right: 35px;
	}

	.card-row-2 {
		display: none;
	}

	.benefit-table p {
		display: none;
	}

	.benefit-table h4 {
		font-size: 1rem;
	}

	.benefit-table tr td:not(:first-child) h4 {
		white-space: nowrap;
	}

	.benefit-table td {
		padding: 10px;
	}

	.benefit-table .custom-logo {
		max-width: 50px;
		height: auto;
	}

	.benefit-table h3 {
		font-size: 1rem;
	}

	.grey-card {
		padding: 35px 20px;
	}

	.quote-flex {
		gap: 15px;
	}

	#letsgo h2 {
		font-size: 2.5rem;
	}

	#letsgo a.small-btn {
		margin: 15px 0 0 0;
	}

	#colophon {
		padding: 45px 0;
	}

	#letsgo p {
		font-size: 1.1rem;
	}

	blockquote {
		font-size: 1rem;
	}

	.quote-flex img {
		max-width: 90px;
		height: auto;
	}

	.divider-section .container {
		left: unset;
		bottom: 25%;
		top: unset;
		transform: unset;
		height: unset !important;
	}

	.single-post .divider-section .container {
		position: unset;
		padding-top: 25px;
	}

	#masthead .container {
		margin-left: unset;
	}

	.page-template-page-beta #mobS {
		display: none;
	}

	.flex-blog-boxes .blog-box {
		padding: 35px;
	}

	.page-template-page-cart .woocommerce .container {
		max-width: 100% !important;
	}

	.blog-box h2 {
		max-width: 100%;
		font-size: 1.75rem;
	}

	.flex-meta-post {
		flex-wrap: wrap;
		gap: 3px;
	}

	.flex-meta-post li {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
		margin: 0;
	}

	.blog-box ul {
		gap: 10px;
	}

	.flex-meta-post li a {
		display: block;
		text-align: center;
	}

	.flex-steps {
		gap: 25px;
		flex-wrap: wrap;
	}

	.flex-steps .step {
		flex: 1 0 100%;
		max-width: calc(100%);
		width: calc(100%);
		text-align: center;
	}

	.step-img {
		margin-left: auto;
		margin-right: auto;
	}

	.step-img {
		max-width: 55%;
		height: auto;
		margin: 25px auto;
	}

	.step a.small-btn {
		display: inline-block;
		margin-bottom: 25px;
		text-align: center;
		font-size: 0.9rem;
	}

	.step p {
		margin: 0 auto 25px auto;
		max-width: 90%;
	}

	.grey-card.center p {
		max-width: 90% !important;
	}

	.grey-card.center a.small-btn {
		display: block;
		text-align: center;
	}

	#newsletter .col-sm-12 {
		flex-wrap: wrap;
		gap: 20px;
	}

	#newsletter .col-sm-12 img {
		flex: 1 0 33%;
		max-width: calc(33% - 10px);
		width: calc(33% - 10px);
	}

	#newsletter .col-sm-12 h3 {
		flex: 1 0 66%;
		max-width: calc(66% - 10px);
		width: calc(66% - 10px);
	}

	#newsletter #nf-form-1-cont {
		min-width: 100%;
		width: 100%;
	}

	#newsletter .nf-row:first-child .nf-cell:first-child {
		flex: 1 0 75%;
		max-width: 75% !important;
		width: 75% !important;
	}

	#newsletter .nf-row:first-child .nf-cell:last-child {
		flex: 1 0 25%;
		max-width: 25% !important;
		width: 25% !important;
	}

	#colophon h4 {
		margin-top: 35px;
	}

	.flex-footer-bottom {
		flex-wrap: wrap;
	}

	.flex-footer-bottom img {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
		height: auto;
	}

	.payment-options-footer {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	#colophon h5 {
		margin-top: 35px;
	}

	ul.business {
		flex-wrap: wrap;
		gap: 0;
	}

	ul.business li {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
		opacity: 0.75;
	}

	#mobhero {
		display: block;
	}

	.grey-mob {
		background: var(--var-grey);
		padding-top: 20px;
		padding-bottom: 35px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.flex-card-full {
		flex-wrap: wrap;
	}

	.flex-card-full .image-container,
	.flex-card-full .text-container {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.flex-card-full .text-container {
		position: unset;
		border-radius: unset;
		border-bottom-left-radius: 25px;
		border-bottom-right-radius: 25px;
		aspect-ratio: unset;
	}

	.flex-card-full .text-container .inner {
		position: unset;
		top: unset;
		left: unset;
		padding-right: unset;
		max-width: unset;
		transform: unset;
		padding: 25px;
		height: auto;
	}

	.container {
		max-width: 95%;
	}

	.value.custom-att label {
		flex: 1 0 50%;
		max-width: calc(50% - 7.5px);
		width: calc(50% - 7.5px);
		margin-right: 0 !important;
	}

	.woocommerce-MyAccount-content {
		margin-top: 25px;
	}

	.woocommerce-Addresses.col2-set {
		flex-wrap: wrap;
	}

	.woocommerce-Addresses .woocommerce-Address {
		flex: 1 0 100%;
	}

	.woocommerce-address-fields__field-wrapper .form-row-first, .woocommerce-address-fields__field-wrapper .form-row-last, .woocommerce-EditAccountForm .form-row-first, .woocommerce-EditAccountForm .form-row-last {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.woocommerce-MyAccount-content .form-row span {
		font-size: 0.9rem;
		margin: 10px 0;
	}

	.woocommerce-MyAccount-content fieldset input {
		margin-bottom: 15px;
	}

	.woocommerce-MyAccount-content label[for=mailchimp_woocommerce_is_subscribed],
	.woocommerce-MyAccount-content label[for=mailchimp_woocommerce_is_unsubscribed],
	.woocommerce-MyAccount-content label[for=mailchimp_woocommerce_is_transactional] {
		display: flex;
		gap: 10px;
	}

	.woocommerce-MyAccount-content label[for=mailchimp_woocommerce_is_subscribed] input,
	.woocommerce-MyAccount-content label[for=mailchimp_woocommerce_is_unsubscribed] input,
	.woocommerce-MyAccount-content label[for=mailchimp_woocommerce_is_transactional] input {
		width: 10%;
	}

	.button-wrap .add-to-cart {
		display: block;
		width: 100%;
		max-width: 100%;
	}

	.content .button-wrap a {
		display: block;
		width: 100%;
		max-width: 100%;
	}

	.woocommerce-error li {
		display: flex;
		flex-direction: column-reverse;
		gap: 10px;
	}

	.grey-mob img {
		max-width: 125px;
	}

	.container.introduction .button-wrapper {
		display: flex;
		flex-direction: column;
		gap: 8px;
		justify-content: center;
		align-items: center;
	}

		.container.introduction .button-wrapper a {
			margin: 0 auto;
		}

}


.woocommerce-error {
	background: var(--var-yellow) !important;
	background-color: var(--var-yellow) !important;
	border: none !important;
	list-style: none;
	margin: 10px 0;
	padding: 25px;
	border-radius: 10px;
}

.woocommerce-MyAccount-content label[for=mailchimp_woocommerce_is_subscribed],
.woocommerce-MyAccount-content label[for=mailchimp_woocommerce_is_unsubscribed],
.woocommerce-MyAccount-content label[for=mailchimp_woocommerce_is_transactional] {
	display: flex;
	gap: 10px;
}

.woocommerce-MyAccount-content label[for=mailchimp_woocommerce_is_subscribed] input,
.woocommerce-MyAccount-content label[for=mailchimp_woocommerce_is_unsubscribed] input,
.woocommerce-MyAccount-content label[for=mailchimp_woocommerce_is_transactional] input {
	width: 10%;
}

.flex-footer-bottom ul.payment-options-footer li,
#colophon ul.socials li {
	border: 1px solid #4B4B4B;
	border-radius: 3px;
}

ul.socials li {
	padding: 2px 25px;
}

.price-secure {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 15px;
}

.price-secure img {
	flex: 1 0 20%;
	max-width: 20%;
	width: 20%;
}

.price-secure p {
	font-style: italic;
}

.custom-montering-section h2 {
	font-size: 2rem;
}

@media screen and (max-width: 1251px) {
	table.variations {
		overflow: hidden;
	}

	.payment-options-footer li {
		padding: 10px 0;
	}

	.flex-footer-bottom h5 {
		flex: 1 0 100%;
	}

	body:not(.postid-258):not(.postid-267) 
	.value.custom-att label:nth-child(n+9) {
		display: none !important;
	}

	.grey-mob {
		position: relative;
	}

	.grey-mob img {
		position: absolute;
		top: -60px;
		left: 50%;
		transform: translateX(-50%);
	}
	
	body:not(.postid-258):not(.postid-267) .value.showMore.custom-att label:nth-child(n+9) {
		display: inline-block !important;
	}

	.woocommerce-variation-add-to-cart-enabled .quantity input:focus-visible {
		outline: none !important;
	}

	.text-container img {
		margin-bottom: 10px;
		max-width: 50px;
	}

	ul.filter-blogs {
		gap: 10px;
	}

	.blogpost {
		flex-direction: column-reverse;
	}

	.blogpost .col-sm-4 {
		margin-bottom: 25px;
	}

	ul.filter-blogs li a {
		padding: 10px 15px;
		font-size: 1rem;
		text-align: center;
	}

	.flex-card-instructions .text-container {
		padding: 35px;
	}

	.page-template-page-globalmount .productcard {
		margin-bottom: 25px;
	}

	.summary form.cart {
		overflow: hidden;
	}

	.accordion {
		margin: 15px 0;
	}

	.accordion-body p {
		font-size: 1.2rem;
	}

	.container.space-top {
		margin-top: 55px;
	}

	.page-template-page-dimensions .text-container img {
		display: none;
	}

	.custom-montering-section h2 {
		font-size: 1.5rem;
	}

	.custom-montering-section .product h3 {
		font-size: 1.15rem;
	}

	.custom-montering-section .product p {
		font-size: 1rem;
	}

	.cart_totals .woocommerce-shipping-totals.shipping td {
		padding: 10px 0 10px 0;
	}

	.custom-uppsell-products .product img {
		max-width: 90px !important;
	}
}

.woocommerce-checkout-review-order-wrapper img {
	border-radius: 10px;
	display: block;
	margin-bottom: 10px;
}


.accordion-body:focus-visible {
	outline: none !important;
}

.accordion-button:focus,
.accordion-button:not(.collapsed) {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}

.promo-grid{
  --gap:16px;
  display:grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-areas:
    "left top top"
    "left promo small";
  gap:var(--gap);
}

.card{
  position:relative;
  display:block;                 /* whole card is clickable */
  border-radius:14px;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}

/* Image cards */
.card > img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Areas + suggested heights (tweak to your images) */
.card--left  { grid-area:left;  min-height:420px; }
.card--top   { grid-area:top;   min-height:210px; }
.card--promo { grid-area:promo; min-height:210px; background:var(--var-yellow); border: none; }
.card--small { grid-area:small; min-height:210px; }

.news-popout-flex {
	display: flex;
    padding: 20px;
    border-radius: 5px;
    background: var(--var-grey);
	align-items: center;
	gap: 20px;
}

.news-popout-flex img {
	max-width: 125px;
	height: auto;
}

.goodtoknow {
	background: var(--var-grey);
	padding: 20px;
	border-radius: 20px;
	margin-bottom: 15px;
}

.goodtitle {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 1.35rem;
}

.goodtoknow p {
	font-size: 15px;
}

.custom-checkbox-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: flex-start;
	font-weight: 500;
	flex: 0 0 auto !important;
	margin: 15px 0 0 0;
	max-width: 100%;
}

#helpExpertOpen,
#helpWindowSizeOpen,
#helpSafetyOpen,
#helpPlacementOpen {
	text-decoration: underline;
}

#helpExpertOpen:hover,
#helpWindowSizeOpen:hover,
#helpSafetyOpen:hover,
#helpPlacementOpen:hover {
	cursor: pointer;
}

.custom-checkbox-wrap input {
	flex: 0;
}

#helpSize:hover,
#helpUpgrade:hover,
#helpSizesOpen:hover,
#helpKontrollOpen:hover,
#helpGarantiOpen:hover,
#helpFunctionOpen:hover,
#helpMountOpen:hover,
#helpDifferenceOpen:hover,
#helpVillkorOpen:hover,
#helpDifferenceOpenSecond:hover {
	cursor: pointer;
}

#helpFunctionOpen,
#helpSizesOpen {
	margin-bottom: 5px;
}

#prodImgWrapper img {
	height: auto;
}

#menu-header {
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: flex-start;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu-header li a {
	color: var(--var-black);
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.25s;
	font-weight: 600;
}

#menu-header li.menu-item-has-children {
	position: relative;
	padding: 5px 0;
	margin-right: 15px;
}

#menu-header li.menu-item-has-children::after {
	content: "";
	width: 10px;
	height: 10px;
	background: transparent;
	border-bottom: 2px solid var(--var-black);
	border-left: 2px solid var(--var-black);
	transform: rotate(-45deg);
	position: absolute;
	top: 28%;
	right: -17px;
}

#menu-header li a:hover {
	color: var(--var-orange);
}

#menu-header li ul.sub-menu:last-child::before {
    position: absolute;
    top: -6px;
    width: 8px;
    height: 15px;
    background: var(--var-grey);
    content: "";
    left: 23px;
    transform: rotate(45deg);
}

#menu-header li ul.sub-menu {
	display: none;
	position: absolute;
    top: 100%;
    left: 0;
	background: var(--var-grey);
	padding: 15px;
	list-style: none;
	margin: 0;
	z-index: 9999;
	border-radius: 10px;
	box-shadow: 3px 1px 10px -1px rgba(61,61,61,0.35);
	-webkit-box-shadow: 3px 1px 10px -1px rgba(61,61,61,0.35);
	-moz-box-shadow: 3px 1px 10px -1px rgba(61,61,61,0.35);
}

#menu-header li ul.sub-menu:hover {
	display: block;
}

#menu-header li ul.sub-menu ul.sub-menu {
	padding: 0 15px;
	box-shadow: unset;
	-webkit-box-shadow: unset;
	-moz-box-shadow: unset;
}

#menu-header li ul.sub-menu ul.sub-menu li {
	margin: 8px 0;
}

#menu-header li ul.sub-menu li.menu-item-has-children::after {
	display: none !important;
}

#menu-header li ul.sub-menu ul.sub-menu {
	position: unset;
	top: unset;
	left: unset;
}

#menu-header li.menu-item-has-children:hover ul.sub-menu {
	display: block;
}

.radio-img {
    max-height: 65px;
    width: auto;
    margin-bottom: 10px;
}

.radio-icon {
	font-size: 2rem;
	margin-bottom: 10px;
}

@media screen and (max-width: 1251px) {
	.news-popout-flex {
		flex-wrap: wrap;
	}

	.news-popout-flex .text-popout {
		flex: 1 0 100%;
	}
}

.text-popout a {
	color: inherit;
}

/* Top-left pill/label */
.chip{
  position:absolute;
  top:12px; left:12px;
  background:#fff;
  padding:10px 14px;
  border-radius:999px;
  font-weight:700;
  line-height:1;
  display:inline-flex; gap:8px; align-items:center;
}

/* Promo card content */
.promo-content{
  position:absolute; inset: 16px 16px 16px;
  display:flex; flex-direction:column; gap:6px;
  font-weight:700;
}
.promo-title{ margin:0; font-size:1.35rem; }
.promo-link { margin:0; text-decoration:underline; font-weight:600; }

.promo-arrow{
  position:absolute; left:22px; bottom:22px;
  font-size:2.2rem; line-height:1;
}

/* Hover focus */
.card:focus-visible{ outline:3px solid #000; outline-offset:2px; }
.card:hover .chip span[aria-hidden],
.card:hover .promo-arrow{ transform:translateX(2px); }
.chip span[aria-hidden], .promo-arrow{ transition:transform .15s ease; }

.text-hero h1 {
	margin-top: 35px;
}

.text-hero p {
	margin-bottom: 35px;
	font-size: 1.25rem;
}

.text-hero .promo-content p {
	margin-bottom: 0;
}

/* Responsive: stack on small screens */
@media (max-width: 900px){
  .promo-grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "left"
      "top"
      "promo"
      "small";
  }
  .card--left{ min-height:360px; }
}

.yellow-box {
	display: flex;
	background: var(--var-yellow);
	color: var(--var-black);
	text-decoration: none;
	border-radius: 25px;
	padding: 35px;
}

.yellow-box .text {
	display: flex;
	gap: 8px;
	flex-direction: column;
	max-width: 75%;
}

.yellow-box .text p {
	font-size: 1.25rem;
}

.yellow-box i {
	font-size: 3.5rem;
	transition: all 0.25s;
}

.yellow-box:hover i {
	padding-left: 10px;
}

#designYourOwn {
	display: block;
	width: auto;
	padding: 8px 20px;
	border: 2px solid var(--var-yellow);
	color: var(--var-black);
	font-weight: 600;
	border-radius: 25px;
	background: var(--var-yellow);
	text-decoration: none;
	transition: all 0.25s;
	white-space: nowrap;
}

#designYourOwn:hover {
	background: transparent;
	color: var(--var-black);
}

@media screen and (max-width: 1251px) {
	.yellow-box {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.yellow-box .text {
		max-width: 100%;
	}

	.yellow-box .text p {
		font-size: 1rem;
	}

	.yellow-box i {
		font-size: 2.5rem;
	}

	.yellow-background .col-6 {
		padding-left: 25px;
		padding-right: 25px;
	}

	.yellow-background h3 {
		font-size: 2.25rem;
	}

	#divider {
		min-height: 360px !important;
	}

	#masthead #menu-header {
		display: none;
	}

	#designYourOwn {
		display: none;
	}
}

.order-total-mangdrabatt td {
	text-align: right !important;
	color: #0F9D58;
	font-weight: 600;
}

@media screen and (min-width: 1200px) {
	.single-product #prodImgWrapper .whitecard:first-child,
	.product-type-variable #prodImgWrapper .whitecard:first-child {
		min-height: 600px;
	}
}

@media screen and (max-width: 1200px) {
	.explain-grid .item {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}
}

@media screen and (max-width: 1400px) {
	#menu-header li a {
		font-size: 15px;
		white-space: nowrap;
	}
}

@media screen and (max-width: 450px) {
	.woo-add-to-cart-wrapper .quantity {
		flex: 1 0 30%;
	}
}

@media screen and (min-width: 1200px) {
	#masthead .topbar .container {
		height: 29px;
	}
}

@media screen and (max-width: 1200px) {
	#masthead .topbar .container {
		height: 24px;
	}

	#masthead .topbar .container .row .col-sm-6:first-child {
		display: none;
	}
}


@media screen and (max-width: 1251px) {
	#masthead .topbar .col-sm-6 {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
		text-align: center;
	}

	#masthead .topbar .container {
		margin-left: auto;
	}

	#masthead .topbar .container .row {
		gap: 5px;
	}
}