/*------------------------
   CANVAS
-------------------------*/
body[class*='modal-open'] {
	/*position: fixed;
	height: 100vh;*/
	overflow-y: hidden !important;
}
/* Fix scrollbar jump */
/* Tablet and up */
@media screen and (min-width: 769px) {
	body[class*='modal-open'] #header,
	body[class*='modal-open'] .below-header {
		transform: translateX(-8px);
	}
	body[class*='modal-open'] #main {
		padding-right: calc(var(--gutter) + 10px);
	}
}
#bodywrapper {
	min-height: 100%;
}
.canvas-module {
	margin: auto;
	text-align: left;
	color: var(--base-color1);
	background: var(--base-background1);
	border: 1px solid var(--border-color1);
}
.canvas-right-module,
.canvas-left-module {
	text-align: left;
	color: var(--base-color1);
	background: var(--base-background1);
	border-left: 1px solid var(--border-color1);
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
	display: flex;
    flex-direction: column;
}
.canvas-module.active,
.canvas-module-xs.active {
	display: block;
	display: flex;
    flex-direction: column;
}
.canvas-right-module.active,
.canvas-left-module.active,
.canvas-right-module-xs.active,
.canvas-left-module-xs.active {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
/* Mobile only */
@media screen and (max-width: 768px) {
	.canvas-module-xs,
	.canvas-right-module-xs,
	.canvas-left-module-xs {
		text-align: left;
		color: var(--base-color1);
		background: var(--base-background1);
	}
}
/* ------------------------ 
	Inuti Canvas modules
 ------------------------ */
.canvas-header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;

}
.canvas-header .Close {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	width: 3.2em;
	height: 3.2em;
	border-radius: 0;
	line-height: normal;
	min-height: unset;
	background: none;
  }
.canvas-header .Close::after {
	font-family: "Font Awesome 5 Pro";
	content: "\f00d";
	font-weight: 300;
}

.canvas-footer {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-end;
	-moz-align-items: end;
	-webkit-align-items: end;
	justify-content: flex-end;
	text-align: right;
	text-align: end;
	gap: var(--gutter);
	flex-direction: column;
  }

.canvas-main {
	flex-grow: 1;
}
/*------------------------
   DIMMER
-------------------------*/
.mask::after {
	content: '';
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: rgba(0, 0, 0, 0.04); */
	background: #8d4c0a0a;
	position: absolute;
	pointer-events: none;
}
#dimmer,
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	background: rgba(32, 32, 32, 0.6);
	pointer-events: none;
}
#dimmer.active,
.overlay.active,
body[class*='modal-open'] #dimmer {
	z-index: 60;
	opacity: 1;
	pointer-events: initial;
}
/* Mobile only */
@media screen and (max-width: 768px) {
	body.modal-open-left-xs .dimmer-header,
	body.checkout-modal-open-right .dimmer-header {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 118%;
		z-index: 60;
		/*background: rgba(32, 32, 32, 0.6);*/
		background: transparent;
	}
	.above-header:not(:empty)~#header .header {
		margin-top: 2rem;
	}
	.modal-open-left-xs .above-header,
	.checkout-modal-open-right .above-header,
	.modal-open-left-xs .header,
	.checkout-modal-open-right .header {
		filter: brightness(0.5);
	}
	.modal-open-left-xs .dummy-header,
	.checkout-modal-open-right .dummy-header {
		background: #838383;
	}
	.modal-open-left-xs #header,
	.checkout-modal-open-right #header {
		border-bottom: none;
	}
}

/*------------------------
   BUTTONS
-------------------------*/
.btn,
.btn a,
.Knapp_Generell a,
.buy-button,
.info-link,
.do_more #more_of_it,
input[type='button'],
.Checkout a,
.Knapp_Kop a,
.Knapp_Kop2,
button,
.utlamningsstalle a,
#cookieBarAccept,
.list-as-buttons li a {
	/* text-align: center;
	font-weight: 600;
	font-family: 'poppinsmedium', sans-serif;
	width: 100%;
	display: inline-block;
	border-radius: var(--border-radius2);
	cursor: pointer;
	/*padding: .5em 1em; */ /* fallback */
	/*padding: calc(var(--gutter) / 2) var(--gutter);
	min-height: calc(var(--gutter) * 2.2); 
	border: 0;*/
}
.btn a {
	padding: 0;
	min-height: auto;
}
.cm-img-cta a {
	border-radius: var(--border-radius2);
}
.btn-xs,
.utlamningsstalle a {
	padding: 0.33em; /* fallback */
	padding: calc(var(--gutter) / 3);
	min-height: unset;
}
.btn-sm {
	padding: 0.5em; /* fallback */
	padding: calc(var(--gutter) / 2);
	min-height: unset;
}
.btn-md,
.do_more #more_of_it,
.Checkout a,
#SubmitFalt .buy-button {
	padding: var(--gutter);
}
.btn-lg {
	min-height: 45px;
	font-size: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn-auto,
.Knapp_Visa_Onskelista_Tabell,
.Knapp_Kop a,
.Knapp_Kop2,
#cookieBarAccept {
	width: auto;
}
.btn,
.btn a,
.info-link,
button,
.utlamningsstalle a {
	/* Grey */
	background: var(--cta-background2);
	color: var(--cta-color2);
}
.btn.cta-primary,
.btn.cta-primary a,
.buy-button,
input[type='button'],
.Knapp_Generell a,
.Checkout a,
.Knapp_Kop a,
.Knapp_Kop2,
.do_more #more_of_it,
.iconbadge {
	/* Black */
	background: var(--cta-background1);
	color: var(--cta-color1);
}
.btn.cta-primary-invert,
#cookieBarAccept,
.list-as-buttons li a {
	/* White */
	background: var(--cta-color1);
	color: var(--cta-background1);
	border: 1px solid var(--cta-background1);
}
/* Button prdsida */
.buy-button {
	position: relative;
}


/* icons for states */
.buy-button:not([data-state='default']) .label::after {
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	line-height: normal;
    font-size: 1.2rem;
	color: var(--cta-color1);
}
/* icon for processing */
.buy-button[data-state='processing'] .label::after {
	content: '\f1ce';
	transform: none;
	-webkit-animation: air-loading 1s linear infinite;
	animation: air-loading 1s linear infinite;
	margin: -0.5rem 0 0 -0.5rem;
}
/* icon for success */
.buy-button[data-state='success'] .label::after {
	content: '\f00c';
}
/* icon for success */
.buy-button[data-state='error'] .label::after {
	content: '\f321';
}
.buy-button[data-state='processing'] .label,
.buy-button[data-state='success'] .label,
.buy-button[data-state='error'] .label {
	font-size: 0;
}
/* Close */
.close-header {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-content: space-between;
	height: 2.5em; /* fallback */
	line-height: 2.5em; /* fallback */
	height: calc(var(--gutter) * 2.5);
	line-height: calc(var(--gutter) * 2.5);
}
.close-header {
	/*background: var(--base-background2);
	color: var(--base-color2);*/
}
.close-header i {
	/*color: var(--base-color2);*/
}
.close-header span,
.close-header::before,
.close-header i {
	flex: 1;
}
.close-header::before,
.close-header i {
	padding-left: var(--gutter);
}
.close-header::before {
	font-size: 1.4em;
}
.close-header::after, .sokrutanWrap .close-header::after {
	font-family: "Font Awesome 5 Pro";
	content: "\f00d";
	/*font-size: 1.4em;
	text-align: center;
	background: var(--base-background4);
	color: var(--base-color4);
	cursor: pointer;
	width: calc(var(--gutter)*1.8);*/
	position: absolute;
	top: 5px;
	right: 5px;
	width: 40px;
	height: 40px;
	font-size: 24px;
	font-weight: 200;
	text-align: center;
	line-height: initial;
	background: var(--base-background7);
	color: var(--base-color7);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	padding: 8px;
}
.invisibleClose.close-header::after {
	/*content: " ";
	z-index: 56;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(32, 32, 32, 0.6);*/
}
/* Mobile only */
@media screen and (max-width: 768px) {
	.close-header {
		/*height: calc(30px + 2em);
		height: calc(30px + var(--gutter)*2);*/
		position: relative;
		/*line-height: calc(30px + 2em);
		line-height: calc(30px + var(--gutter)*2);*/
		height: 45px;
		line-height: 45px;
	}
	.close-header::after {
		/*position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: calc(22px + 2em);
		width: calc(22px + var(--gutter)*2);*/
	}
}
/*------------------------
   HOVER & TRANSITION
-------------------------*/
.close {
	cursor: pointer;
}
.Antal_Artiklar_I_Onskelistan {
	transition: 200ms ease-in-out animation;
}
.wishlist-header.addedAnimation .Antal_Artiklar_I_Onskelistan {
	animation: jump 1.8s infinite;
}
@keyframes jump {
	0% {
		transform: translate(0, 0);
	}
	45% {
		transform: translate(0, -3px);
	}
	50% {
		transform: translate(0, -3px);
	}
	60% {
		transform: translate(0, 0);
	}
	65% {
		transform: translate(0, -3px);
	}
	70% {
		transform: translate(0, -3px);
	}
	100% {
		transform: translate(0, 0);
	}
}
@media screen and (min-width: 769px) {
	input,
	select,
	textarea,
	.Artgrp_VisaFler a:hover {
		/*transition: 200ms ease-in-out filter;*/
	}
	input:not([type='button']):not([type='submit']):not([type='reset']):not([type='file']):not([type='color']):not([type='range']):not(#sokterm):hover:not(#search-input):hover,
	select:hover,
	textarea:hover,
	button:hover,
	.select-ul-li:hover {
		border-color: var(--border-marked);
	}
	input:not([type='button']):not([type='submit']):not([type='reset']):not([type='file']):not([type='color']):not([type='range']):not(#sokterm):not(#search-input),
	select,
	textarea,
	button,
	.select-ul-li.open {
		transition: 200ms ease-in-out border-color;
	}
	.hoverbrightness a,
	.btn,
	.buy-button,
	input[type='button'],
	button,
	.info-link,
	.do_more #more_of_it,
	.Checkout a,
	.Knapp_Kop a,
	.Knapp_Kop2,
	.Knapp_Generell a,
	.utlamningsstalle a,
	#cookieBarAccept,
	a.skip-link {
		transition: 200ms ease-in-out filter;
	}
	.hoverbrightness a:hover,
	.btn:hover,
	.buy-button:hover,
	input[type='button']:hover,
	button:hover,
	.info-link:hover,
	.do_more #more_of_it:hover,
	.Checkout a:hover,
	.Knapp_Kop a:hover,
	.Knapp_Kop2:hover,
	.Knapp_Generell a:hover,
	.utlamningsstalle a:hover,
	#cookieBarAccept:hover,
	a.skip-link:hover {
		filter: brightness(0.8);
	}
	.hoveropacity a,
	.lookLikeInput,
	.close-header::after,
	#LSS_Result .close,
	.TxtWrap .Sub,
	.TxtWrap .Add,
	.TxtWrap .Rem,
	a.Din_Sida_Order_ID {
		transition: 200ms ease-in-out opacity;
	}
	.hoveropacity a:hover,
	.lookLikeInput:hover,
	.close-header:hover::after,
	#LSS_Result .close:hover,
	.TxtWrap .Sub:hover,
	.TxtWrap .Add:hover,
	.TxtWrap .Rem:hover,
	a.Din_Sida_Order_ID:hover {
		opacity: 0.7;
	}
	.hoverlinks a:hover,
	#AIRvarukorg-Wrap #EmptyBtn a:hover {
		text-decoration: underline;
	}
	.list-as-buttons li a {
		transition: 200ms ease-in-out all;
	}
	.list-as-buttons li a:hover {
		background: var(--cta-background1);
		color: var(--cta-color1);
		border: 1px solid var(--cta-color1);
	}
}

/*------------------------
   Form elemets
-------------------------*/
/* Form elemets - Generellt */
.label {
	display: block;
	font-weight: 600;
	font-family: 'poppinsmedium', sans-serif;
}

input:not([type='button']):not([type='submit']):not([type='reset']):not([type='file']):not([type='color']):not([type='range']):not(#sokterm):focus,
input:not([type='button']):not([type='submit']):not([type='reset']):not([type='file']):not([type='color']):not([type='range']):not(#search-input):focus,
select:focus,
textarea:focus,
button:focus,
.select-ul-li.open {
	outline: none;
	border-color: var(--border-marked);
}


/* Form elemets - Textarea */
textarea {
	padding: var(--gutter);
}
/* Form elemets - Checkbox/Radio */
input[type='checkbox']:not([type='button']):not([type='submit']):not([type='reset']):not([type='file']):not([type='color']):not([type='range']):not(#sokterm):not(#search-input),
input[type='radio']:not([type='button']):not([type='submit']):not([type='reset']):not([type='file']):not([type='color']):not([type='range']):not(#sokterm):not(#search-input) {
	height: 14px;
	width: 14px;
	padding: 1px !important;
	margin: 0 10px -3px 0;
	cursor: pointer;
	border-radius: 0 !important;
	background: #fff;
}
/* input[type='checkbox']:checked:not([type='button']):not([type='submit']):not([type='reset']):not([type='file']):not([type='color']):not([type='range']):not(#sokterm):not(#search-input),  */
input[type='radio']:checked:not([type='button']):not([type='submit']):not([type='reset']):not([type='file']):not([type='color']):not([type='range']):not(#sokterm):not(#search-input) {
	background: #000;
}
/* Form elemets - LookLikeInput */
.lookLikeInput::before {
	content: ' ';
	width: 14px;
	height: 14px;
	margin-right: 10px;
	margin-bottom: -2px;
	display: inline-block;
	border: 1px solid var(--cta-background1);
	background-color: var(--base-background1);
}
.lookLikeInput.selected::before {
	background-color: var(--cta-background1);
}
/*------------------------
   Dialogruta
-------------------------*/
#dialogruta {
	position: fixed;
	max-height: 500px;
	max-width: 500px;
	height: fit-content;
	text-align: left;
	top: 0;
	margin: auto;
	left: 0;
	bottom: 0;
	z-index: 61;
	background: var(--base-background1);
	border: var(--border-std);
	right: 0;
	visibility: hidden;
	padding: calc(var(--gutter) * 2);
}
#dialogruta h1 {
	margin-top: 0;
	margin-top: 0;
	font-size: 18px;
}
#dialogruta h1 img {
	display: none;
}
#dialogruta a:last-child {
	background: var(--base-background6);
	color: var(--base-color6);
	line-height: 35px;
	display: block;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	font-family: 'poppinsmedium', sans-serif;
	text-align: center;
}

/*------------------------
   Loading
-------------------------*/
/* Spinner */
@-webkit-keyframes air-loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes air-loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* LOADER / PRELOAD */
.preloader {
	display: none;
}
/*------------------------
   Footer
-------------------------*/
.fa-arrow-up::after {
	content: '\f176';
}
.footer {
	padding-bottom: 50px;
	background-size: cover;
	max-width: 100vw;
	overflow: hidden;
}
.footer p {
	font-size: 12px;
	margin-bottom: var(--gutter);
}
.footer a {
	color: var(--theme-color2);
}
.footer .newsletter h2 {
	font-size: 2em;
	min-height: 48px;
	margin-top: var(--gutter);
}
#mc_embed_signup_scroll input {
	height: 45px !important;
	margin-top: var(--gutter);
}
#mc_embed_signup_scroll .email {
	color: var(--base-color7) !important;
	background: transparent !important;
	border: 1px solid var(--base-color7) !important;
}
#mc_embed_signup_scroll .email::placeholder {
	color: #fff;
}
#mc_embed_signup_scroll .btn {
	position: relative;
	left: -2px;
	font-size: 1em;
	letter-spacing: 0.7px;
	text-transform: uppercase;
	color: var(--base-background7);
	background: var(--base-color7);
	padding-left: 20px;
	padding-right: 20px;
}
.footer .links h2 {
	font-size: 1em;
	letter-spacing: 0.7px;
	min-height: 38px;
	text-transform: uppercase;
	border-bottom: 1px solid var(--base-color7);
	padding-bottom: var(--gutter);
	margin-bottom: var(--gutter);
}
.footer .links li {
	padding-bottom: calc(0.25 * var(--gutter));
}
.footer .links li a {
	display: flex;
	align-items: center;
	min-height: 28px;
}
.footer .links.social-links li a {
	min-height: 50px;
}
.footer .info h2 {
	font-size: 1.3em;
	min-height: 30px;
	margin-bottom: -8px;
}

.footer img {
	margin-right: var(--gutter);
}

.footer .social-links img {
	width: 30px;
	max-height: 30px;
}

.footer .social img {
	width: 30px;
	max-height: 30px;
}

.mobile-xs.social {
	font-size: 0;
}
.mobile-xs.social h2 {
	display: none;
}
.mobile-xs.social ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
/* Desktop and up */
@media screen and (min-width: 1025px) {
	.footer {
		background-image: url(/themes/develop_a11y/design/bilder/FOOTER_1800x500.png);
	}
	#mc_embed_signup_scroll input {
		height: 50px !important;
		/*line-height: 40px;*/
	}
	@supports (display: grid) {
		.footer .cssgrid {
			grid-template-columns: repeat(5, 1fr);
			row-gap: var(--gutter);
			column-gap: 70px;
		}
		.footer .newsletter {
			grid-row: 1 / 2;
			grid-column: 1 / 3;
		}
		.footer .links {
			grid-row: 1 / 3;
		}
		.footer .info {
			grid-row: 2 / 3;
			grid-column: 1 / 3;
		}
	}
	#mc_embed_signup_scroll .email {
		border-radius: 8px 0 0 8px !important;
	}
	#mc_embed_signup_scroll .btn {
		border-radius: 0 8px 8px 0;
	}
	.footer .newsletter,
	.footer .info {
		padding-right: 100px;
	}
	.footer .links li {
		font-size: 1.4em;
	}
	.footer .links li a {
		min-height: 33px;
	}
}
/* Mobile & Tablet */
@media screen and (max-width: 1024px) {
	.footer {
		background-image: url(/themes/develop_a11y/design/bilder/FOOTER_300x1000.png);
	}
	/* a.skip-link {
		padding: 10px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		height: 48px;
		width: 48px;
		font-size: 1.5em;
		right: 10px;
		left: unset;
	}
	a.skip-link > span {
		display: none;
	} */
	@supports (display: grid) {
		.footer .cssgrid {
			grid-template-columns: repeat(1, 1fr);
		}
	}
	.footer .newsletter {
		margin-bottom: var(--gutter);
	}
	.footer .newsletter h2 {
		/*margin-bottom: 0;*/
	}
	#mc_embed_signup_scroll input {
		margin-top: 0;
	}
	#mc_embed_signup_scroll .btn {
		font-size: 0.8em;
	}
	.footer .links h2 {
		font-size: 0.8em;
		margin-top: calc(var(--gutter) * -1.5);
	}
	.footer .links ul {
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		-webkit-transition: all 400ms ease;
		transition: all 400ms ease;
	}
	.footer .links.active ul {
		max-height: 1000px;
		opacity: 1;
	}
	.footer .links li {
		font-size: 1.2em;
	}
	.footer img {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.footer .info {
		margin-top: 0;
	}
}

/*------------------------
   BRANDPAGE
-------------------------*/
.Varum_Grupperad {
	padding: 2em 0;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -1rem;
	margin-left: -1rem;
}
.Varum_Grupperad > div {
	box-sizing: border-box;
	-ms-flex: 0 0 auto;
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	padding-right: 1rem;
	padding-left: 1rem;
}
.Varum_Grupperad ul {
	list-style: none;
}
.Varum_Grupperad h2 {
	border-bottom: var(--border-std);
}
/* Mobile only */
@media screen and (max-width: 768px) {
	.Varum_Grupperad > div {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
}
/* Tablet and up */
@media screen and (min-width: 769px) {
	.Varum_Grupperad > div {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%;
		min-height: 10vh;
	}
}

/*------------------------
   DCM
-------------------------*/
.DCMyta {
	position: relative;
	/*display: grid; */
	vertical-align: bottom;
}
.DCMyta:empty {
	display: none;
}
.DCMyta h2,
.DCMyta h3,
.DCMyta h4,
.DCMyta h5,
.DCMyta h6,
.DCMyta p {
	margin: 0;
	margin-top: calc(0.25 * var(--gutter));
	margin-bottom: calc(0.25 * var(--gutter));
}
.DCMyta h2 {
	font-size: 2em;
	font-weight: 600;
	font-family: 'poppinsmedium', sans-serif;
}
.DCMyta h3 {
	font-size: 1em;
	font-weight: 300;
	font-family: 'poppinslight', sans-serif;
	text-transform: uppercase;
}
.DCMyta p {
	font-size: 1.1em;
	font-weight: 300;
	font-family: 'poppinslight', sans-serif;
}
.DCMyta img {
	width: 100%;
}
.DCMyta table {
	position: absolute;
	/*top: 0;*/
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 200px;
	border-color: transparent;
}
.DCMyta table {
	display: flex;
	flex-direction: column;
}
.DCMyta tbody {
	display: table;
	height: 100%;
}
.DCMyta td {
	padding: var(--gutter);
	vertical-align: bottom;
	color: var(--base-color7);
	text-shadow: 1px 1px 4px rgb(0 0 0 / 20%);
	border-color: transparent;
}
.DCMyta td a {
	vertical-align: bottom;
	color: var(--base-color7);
	text-shadow: 1px 1px 4px rgb(0 0 0 / 20%);
}
.DCMyta.fullbred1 .Banner {
	width: 100vw;
	margin-left: calc(var(--gutter) * -1);
}
.DCMyta.fullbred1 td {
	vertical-align: middle;
}
.DCMyta.txt-img-slider a {
	text-transform: uppercase;
	color: var(--lowlight-color1);
}
/* Tablet and up */
@media screen and (min-width: 769px) {
	.DCMyta.fullbred1 table {
		/*min-height: 500px;*/
	}
	.DCMyta.fullbred1,
	.DCMyta.kat4x1a {
		font-size: 1.6em;
	}
	.DCMyta h2 {
		font-size: 2.7em;
	}
	.DCMyta h3 {
		font-size: 1.2em;
	}
	.DCMyta p {
		/*font-size: 1.1em;*/
	}
}
/* Desktop and up */
@media screen and (min-width: 1025px) {
	.DCMyta.fullbred1 table {
		/*min-height: 600px;*/
	}
}
/* Ultrawide and up */
@media screen and (min-width: 1921px) {
	.DCMyta.fullbred1 table {
		/*min-height: 630px;*/
	}
	.DCMyta.fullbred1 .Banner {
		margin-left: calc((100vw - 1920px) * -0.5);
	}
}
/* Mobile only */
@media screen and (max-width: 768px) {
	.DCMyta h2,
	.DCMyta h3,
	.DCMyta h4,
	.DCMyta h5,
	.DCMyta h6,
	.DCMyta p {
		margin-top: 0;
		margin-bottom: 0;
	}
	.DCMyta td {
		padding-left: 0;
		padding-right: 0;
	}
	.DCMyta:not(.kat4x1c) img {
		width: calc(100% + (2 * var(--gutter)));
		max-width: unset;
		margin-left: calc(-1 * var(--gutter));
		margin-right: calc(-1 * var(--gutter));
	}
	.cm .DCMyta.txt-img-slider img {
		width: 100%;
		margin-left: unset;
		margin-right: unset;
	}
	.DCMyta.kat4x1c img {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.DCMyta.txt-img-slider {
		font-size: 0.8em;
	}
}
/*------------------------
   SLIDER
-------------------------*/

.slider .slick-list {
	padding: 0 var(--gutter);
}
.slider .slick-slide {
	padding: 0 calc(var(--gutter) * 0.5);
}
/* Tablet and up */
@media screen and (min-width: 769px) {
	.slider .slick-list {
		padding-left: 8%;
		padding-right: 8%;
	}
}
/* Ultrawide and up */
@media screen and (min-width: 1921px) {
	.slider {
		width: calc(100% + (2 * var(--gutter)));
		margin-left: calc(-1 * var(--gutter));
		margin-right: calc(-1 * var(--gutter));
	}
	.slider .slick-list {
		padding-left: calc((100% - 1920px) * 0.5);
		padding-right: calc((100% - 1920px) * 0.5);
	}
}
/*------------------------
   MISC
-------------------------*/
.Kontaktform input:not([type='checkbox']),
.Kontaktform textarea {
	width: 100%;
}
a[onmouseover*='overlib'] {
	pointer-events: none;
}
* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img[alt='space'] {
	display: none;
}
.no-user-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Tablet and up */
@media screen and (min-width: 769px) {
	td,
	tr {
		text-overflow: ellipsis;
		white-space: normal;
	}
}


/* landsväljare + flags */
.flag-holder {
    width: 25px;
    height: 22px;
    position: relative;
    vertical-align: middle;
    margin-right: 8px;
}

.flags {
    display: inline-block;
    /* height: 100% !important; */
    background-size: 100% 100% !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.flags.SE {
    background: url("https://www.soffadirekt.se/bilder/png/SE.png");
    width: 100%;
    height: 62.5%;
}

.flags.NO {
    background: url("https://www.soffadirekt.se/bilder/png/NO.png");
    width: 100%;
    height: 66.6666666667%;
}

.flags.DK {
    background:  url("https://www.soffadirekt.se/bilder/png/DK.png");
    width: 100%;
    height: 66.6666666667%;
}


/* landsväljare */
#country_select {
	width: 550px;
	max-width: calc(100% - 40px);
	display: none; 
	position: fixed;
	padding: 30px 20px 15px;
	margin: 0;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	border: 1px solid #93abb4;
    border-radius: 4px;
	color: var(--base-color1);
}
  .country_select_title{font-weight: bold;}

  #country_select .close-header div{
	font-size: 18px;
    font-weight: 600;
  }

  #country_select .close-header * {
	font-family: inherit;
  }
  
  #country_select.active {
	display: block;
	z-index: 61;
  }
  
  #country_select .Close:after{
	right: 0px;
	top: 0px;
	background: transparent;
	color: var(--base-color1);
}
  
/* Mobile only */
@media screen and (max-width: 768px) {
	#country_select {
		top: 52%;
        padding: 20px;
        z-index: 111;
	}
	
	#country_select .Close:after{
		right: 0px;
		top: 0px;
	}
  }
  
  #country_select .countries-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	margin: 20px 0;
  }
  
  .country_selection{
    width: 100%;
  }

  .countrylink_wrapper{
    width: 100%;
  }


/* Mobile only */
@media screen and (max-width: 768px) {
	#country_select .selected-item{
		margin-bottom: 20px;
	}
}
  
/* Tablet and up */
@media screen and (min-width: 769px) {
	#country_select .countries-wrapper {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		margin: 20px 0;
	  }

	  .country_selection{
		width: 60%;
	  }
	
	  .countrylink_wrapper{
		width: 35%;
	  }
}

/* Mobile only */
@media screen and (max-width: 768px) {
	#country_select .countries-wrapper {
	  grid-template-columns: 1fr;
	}
  
	#country_select .countries-wrapper .countrylink_wrapper {
	  order: 1;
	}
  }
  
  #country_select .language-heading {
	margin-bottom: 6px;
  }
  
  #country_select .select-wrapper {
	position: relative;
  }
  
  #country_select .select-wrapper::after {
	cursor: pointer;
	line-height: 1.8rem;
    right: 0.5rem;
    padding: 10px;
  }
  
  #country_select .select-wrapper.open::after {
	transform: rotate(180deg) translateY(50%);
	top: 22px;
  }
  
  #country_select .selected-item {
	cursor: pointer;
	padding: 10px;
	border: 2px solid #ccc;
	border-radius: 4px;
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  
  #country_select .selected-item a {
	text-decoration: none;
	color: #000;
  }

  #country_select .select-wrapper .selected-item span {
    display: flex;
    align-items: center;
}
  
  #country_select .select-list {
	display: none;
	position: absolute;
	width: 100%;
	width: calc(100% - 2rem);
	background: #fff;
	top: 46px;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	max-height: calc(70vh - 250px);
	overflow: scroll;
  }
  
  #country_select .select-wrapper.open .select-list {
	display: block;
  }
  
  #country_select .select-wrapper ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	flex-direction: column;
  }
  
  #country_select .select-wrapper  li {
	text-align: left;
	list-style: none;
	cursor: pointer;
	padding: 0;
	margin: 0;
	transition: .2s all ease;
	display: flex;
	align-items: center;
	line-height: 27px;
  }
  
  #country_select .select-wrapper li:hover {
	background-color: #f1f1f1;
  }
  
  #country_select .select-wrapper li.selected {
	/* background-color: #f7f7f7; */
  }
  
  #country_select .select-wrapper li.selected::after {
	font-family: 'Font Awesome 5 Pro';
	content: '\f00c';
	margin: 0 10px 0 auto;
	display: none;
  }
  
  #country_select .select-wrapper li > span {
	display: flex;
	padding: 10px;
	cursor: pointer;
	align-items: center;
	pointer-events: none;
  }
  
  #country_select .select-wrapper li a {
	text-decoration: none;
	pointer-events: none;
	color: var(--base-color1)!important;
  }
  
  #country_select #countrylink {
    background: var(--cta-background1);
    color: var(--cta-color1);
	font-size: 0.9em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 1em 1em;
	width: 100%;
	text-align: center;
	display: block;
	cursor: pointer;
  }
  
  #country_select #lang-continue-btn {
	text-underline-offset: 4px;
	/* margin-top: 16px;
	margin-left: 20px; */
	cursor: pointer;
	text-decoration: underline;
	text-align: left;
  }
  
/* Tablet and up */
@media screen and (min-width: 769px) {
	#country_select #lang-continue-btn {
	  text-align: center;
	}
  }

/* Close */
.close-header {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-content: space-between;
	height: 2.5em; /* fallback */
	line-height: 2.5em; /* fallback */
	height: calc(var(--gutter)*2.5);
	line-height: calc(var(--gutter)*2.5);
}

.close-header::after {
	font-family: 'Font Awesome 5 Pro';
	content: '\f00d';
	position: absolute;
	top: 5px;
	right: 5px;
	width: 40px;
	height: 40px;
	font-size: 24px;
	font-weight: 200;
	text-align: center;
	line-height: initial;
	background: var(--base-background7);
	color: var(--base-color7);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	padding: 8px;
}

#country_select .Close.btn-auto:after {
	position: unset;
	font-family: "Font Awesome 5 Pro";
	content: "\f00d";
    font-weight: 300;
    font-size: 1.4rem;
}

.country_select .close-header:before,
.country_select .close-header:after,
.country_select .Close.btn-auto:before,
.country_select .Close.btn-auto:after {
	font-size: 1.4em;
}

.country_select .Close.btn-auto {
	/* height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
	right: 0; */
	font-size: 1.4em;
	text-align: center;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 6px;
	background: transparent;
    padding: 0;
    width: 2rem;
    height: 2rem;
    display: grid;
    place-content: center;
}
#country_select .select-list input[type="checkbox"] {
	position: absolute;
	inset: 0;
	width: unset !important;
	height: unset !important;
	border: unset !important;
	background: transparent !important;
	margin: 3px !important;
}
#country_select .select-list input[type="checkbox"]:checked::after {
	all: unset !important;
}
#country_select li.selected {
	opacity: 0.7;
	background-color: var(--base-background1);
}
#country_select li.selected::after {
	content: "";
}
/* Mobile only */
@media screen and (max-width: 768px) {
	.close-header {
		height: calc(30px + 2em); /* fallback */
		height: calc(30px + var(--gutter)*2);
		position: relative;
		line-height: calc(30px + 2em); /* fallback */
		line-height: calc(30px + var(--gutter)*2);
	}
	.close-header span,
	.close-header:before,
	.close-header i {
		flex: 1; 
	}

	.breadcrumbs {font-size: 12px;}

	input:not([type='range']):not([type='color']), select, textarea {
		/* font-size: 16px !important; */
	}
	select, textarea {
		font-size: 16px !important;
	}
}

  /* ------------------------ 
    Price History
------------------------ */
.fa-circle-info:before {
	content: '\f05a';
	font-weight: 300;
}
body.priceinfo-modal-open #dimmer.active {
	display: block;
}
.price-history-lowest-price:empty + .price_info_trigger,
.price-history-lowest-price {
	display: none;
}
.price_info_area .price-history-lowest-price {
	display: initial;
}

.price_info_area {
	height: fit-content;
	width: 90vw;
	padding: 1rem;
}

.price-history-closebtn-wrap {
	top: 1rem;
	right: 1rem;
	position: absolute;
}
.price-history-closebtn-wrap button {
	all: unset;
	cursor: pointer;
}

.price_history_title {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
}

#AIRvarukorg-Wrap .Price_History {
		display: flex;
		justify-content: end;
		gap: 0.3rem;
		color: var(--lowlight-color1);
		text-decoration: line-through;
		font-size: 14px;
}
#AIRvarukorg-Wrap .price-history-lowest-price {
		display: block;
}
#AIRvarukorg-Wrap .Price {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.5rem;
	flex-direction: row-reverse;
}
#AIRvarukorg-Wrap .Price.cart_campaign{
	color: var(--danger-color);
}

#AIRvarukorg-Wrap .Row:has(.campaignChanged.higher) .Price_History,
#AIRvarukorg-Wrap .Row:has(.campaignChanged.lower) .Price_History {
	display: none;
}
#AIRvarukorg-Wrap .Row:has(.campaignChanged.higher) .Price,
#AIRvarukorg-Wrap .Row:has(.campaignChanged.lower) .Price {
	color: #458017 !important;
}

.price_info_trigger {
	all: unset;
	font-size: 14px;
	margin-left: 0.3rem;
	cursor: pointer;
	color: var(--lowlight-color1)
}



/* ------------------------ 
	.aria-expanded_toggle
------------------------ */
.ae_s {
	/* .ae_s = Default styling */
	all: unset;
	background: var(--base-background1);
	color: var(--base-color1);
	border: 1px solid var(--border-color1);
	cursor: pointer;
	/* padding: 0 0.6rem; */
	line-height: 1.6;
	height: 2rem;
	width: 100%;
	/* padding-right: 1.6rem; */
  }
  .ae_s.using-mouse:focus {
	outline: none;
	border-color: var(--border-marked);
	box-shadow: none;
  }
  .ae_s:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 200;
	content: "\f078";
	speak: never;
	position: absolute;
	top: -1px;
	line-height: 1.6;
	right: 0.8rem;
	pointer-events: none;
	display: flex;
	height: 100%;
	align-items: center;
  }
  .ae_s[aria-expanded=true]:after {
	content: "\f077"/"";
	speak: never;
  }
  
  .aria-expanded_toggle {
	position: relative;
	display: inline-block;
  }
  .aria-expanded_toggle[aria-expanded=true] ~ .aria-expanded_toggle-dd {
	display: block;
	z-index: 3;
  }
  
  .aria-expanded_toggle-dd {
	background: var(--base-background1);
	color: var(--base-color1);
	border: 1px solid var(--border-color1);
	display: none;
	margin: 0;
	position: absolute;
	top: calc(100% + 1px);
	left: -1px;
	width: calc(100% + 2px);
	min-height: calc(2em + 2 * var(--input-and-button-padding-size));
	min-height: calc(2em + 0.8rem);
	max-height: 300px;
	min-width: 200px;
	overflow: auto;
	text-align: left;
	padding: 0 var(--input-and-button-padding-size);
	box-shadow: var(--box-shadow1);
	border-radius: var(--border-radius2);
  }
  
  .aria-expanded-close {
	text-align: right;
  }
  .aria-expanded-close .btn-auto {
	position: absolute;
	width: 2em;
	height: 2em;
	top: 0;
	right: 0;
	padding: 0;
	margin: 0;
	padding: 0;
	border-radius: 0;
	overflow: hidden;
	opacity: 0;
	background-color: transparent;
	color: var(--base-color1);
  }
  .aria-expanded-close .btn-auto:focus {
	opacity: 1;
	overflow: visible;
  }
  
  
/* using-mouse) */
body:not(.using-mouse) .header-buttons-wrap button:focus, body:not(.using-mouse) .header-buttons-wrap a:focus, body:not(.using-mouse) .mobilenav-icon:focus {
	outline: var(--focus-outline);
	/* border: var(--focus-border); */
	box-shadow: var(--focus-shadow);
}

body:not(.using-mouse) .btn:focus,
body:not(.using-mouse) .btn a:focus,
body:not(.using-mouse) .Knapp_Generell a:focus,
body:not(.using-mouse) .buy-button:focus,
body:not(.using-mouse) .info-link:focus,
body:not(.using-mouse) .do_more #more_of_it:focus,
body:not(.using-mouse) input[type='button']:focus,
body:not(.using-mouse) input[type='submit']:focus,
body:not(.using-mouse) input[type='reset']:focus,
body:not(.using-mouse) .Checkout a:focus,
body:not(.using-mouse) .Knapp_Kop a:focus,
body:not(.using-mouse) .Knapp_Kop2:focus,
body:not(.using-mouse) button:focus,
body:not(.using-mouse) .utlamningsstalle a:focus,
body:not(.using-mouse) .cm-img-cta a:focus {
	outline: none;
	/* border: none; */
	box-shadow: 0 0 0 3px #fff, 0px 0px 0 6px var(--focus-color);
}

.using-mouse input[type="date"], .using-mouse input[type="datetime-local"], .using-mouse input[type="email"], .using-mouse input[type="month"], .using-mouse input[type="number"], .using-mouse input[type="password"], .using-mouse input[type="tel"], .using-mouse input[type="text"], .using-mouse input[type="time"], .using-mouse input[type="url"], .using-mouse input[type="week"],
.using-mouse select,
.using-mouse textarea,
.using-mouse button {
	/* Styling when usig mouse */
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*input:not([type='button']):not([type='submit']):not([type='reset']):not([type='file']):not([type='color']):not([type='range']):not(#sokterm),*/
.using-mouse input[type="date"]:focus, .using-mouse input[type="datetime-local"]:focus, .using-mouse input[type="email"]:focus, .using-mouse input[type="month"]:focus, .using-mouse input[type="number"]:focus, .using-mouse input[type="password"]:focus, .using-mouse input[type="tel"]:focus, .using-mouse input[type="text"]:focus, .using-mouse input[type="time"]:focus, .using-mouse input[type="url"]:focus, .using-mouse input[type="week"]:focus, 
.using-mouse select:focus,
.using-mouse textarea:focus,
.using-mouse button:focus{
	/* Focus styling when using mouse */
	outline: none;
	border-color: var(--border-marked);
}

.using-mouse .select-ul-li.open {
	/* Focus styling when using mouse */
	outline: none;
	border-color: var(--border-marked);
}

.using-mouse .ae_s:focus {
	/* Focus styling when using mouse */
	outline: none;
	border-color: var(--border-marked);
	box-shadow: none;
}

body:not(.using-mouse) .cm-img-wrapper a:not(.cm-img-tag-link):focus {
	width: 100%;
	height: 100%;
	display: inherit;
}
body:not(.using-mouse) .cm-img-wrapper a.cm-img-tag-link:focus span.cm-img-tag {
	outline: var(--focus-outline);
	/* border: var(--focus-border); */
	box-shadow: var(--focus-shadow);
}