/* ========================================================================== */
/*                                   GLOBAL                                   */
/* ========================================================================== */
html {
	/* 
	at 1920px 
		1rem is 20px
	*/
	/* ------------------ these variables should not be changed ----------------- */
	/* how many px should 1rem be (no unit) */
	--1rem-in-px: 20;
	/* at what screensize should the rem/px ratio be calculated (screensize in px without unit) */
	--rem-px-calculation-screen-size: 1920;
	font-size: calc(var(--1rem-in-px) / var(--rem-px-calculation-screen-size) * 100vw);
	/* font-size: 1.041vw; */
}
@media only screen and (max-width: 1499px) and (min-width: 1240px) {
	html {
		/* 
		at 1499px 
			1rem is 19.8px
		*/
		/* ------------------ these variables should not be changed ----------------- */
		--1rem-in-px: 19.8;
		--rem-px-calculation-screen-size: 1499;
	}
}
@media only screen and (max-width: 1239px) and (min-width: 1024px) {
	html {
		/* 
		at 1239px 
			1rem is 16.7px
			1px is 0.0599rem
		*/
		/* ------------------ these variables should not be changed ----------------- */
		--1rem-in-px: 16.7;
		--rem-px-calculation-screen-size: 1239;
	}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
	html {
		/* 
		at 1023px 
			1rem is 16.4px
			1px is 0.061rem
		*/
		/* ------------------ these variables should not be changed ----------------- */
		--1rem-in-px: 16.4;
		--rem-px-calculation-screen-size: 1023;
	}
}
@media only screen and (max-width: 767px) {
	html {
		/*
		at 320px
			1rem is 10px
		*/
		/* ------------------ these variables should not be changed ----------------- */
		--1rem-in-px: 10;
		--rem-px-calculation-screen-size: 320;
	}
}
.header_placeholder {
	display: none !important;
	height: 0 !important;
}
.wso-hide,
.section-page-footer {
	display: none;
}
a.wso-absolute-link {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
a {
	color: var(--color-text);
}
@media only screen and (min-width:1024px) {
	.wso-hide-desktop {
		display: none !important;
	}
}
/* ------------------------------- object fit ------------------------------- */
.wso-slider-skin-img img,
.wso-hero-img img,
.wso-section-text-img .image_wrapper img,
.wso-img-box img,
.gallery-item img,
.wso-section-multi-column .column_image.wso-img:not(.wso-img-proportional) img,
#Top_bar .wso-megamenu-img img {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
	width: 100% !important;
	/* height: 100% !important; */
}
.wso-hero-img video,
.wso-section-text-img video,
.wso-img:not(.wso-no-img) video,
.wso-slider-skin-img video {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
	width: 100%;
	height: 100%;
}
.wso-img.wso-no-img video {
	width: 100%;
}
.wso-hero-img video,
.wso-section-text-img video,
.wso-img:not(.wso-no-img) video,
.wso-slider-skin-img video {
	position: absolute;
	z-index: 1;
}
.wso-section-text-img .column_image.wso-img-proportional img {
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center center;
	object-position: center center;
	font-family: 'object-fit: contain; object-position: center;';
}
.wso-left-top img {
	-o-object-position: left top !important;
	object-position: left top !important;
	font-family: 'object-fit: cover; object-position: left top;' !important;
}
.wso-left-center img {
	-o-object-position: left center !important;
	object-position: left center !important;
	font-family: 'object-fit: cover; object-position: left center;' !important;
}
.wso-left-bottom img {
	-o-object-position: left bottom !important;
	object-position: left bottom !important;
	font-family: 'object-fit: cover; object-position: left bottom;' !important;
}
.wso-center-top img {
	-o-object-position: center top !important;
	object-position: center top !important;
	font-family: 'object-fit: cover; object-position: center top;' !important;
}
.wso-center-center img {
	-o-object-position: center center !important;
	object-position: center center !important;
	font-family: 'object-fit: cover; object-position: center center;' !important;
}
.wso-center-bottom img {
	-o-object-position: center bottom !important;
	object-position: center bottom !important;
	font-family: 'object-fit: cover; object-position: center bottom;' !important;
}
.wso-right-top img {
	-o-object-position: right top !important;
	object-position: right top !important;
	font-family: 'object-fit: cover; object-position: right top;' !important;
}
.wso-right-center img {
	-o-object-position: right center !important;
	object-position: right center !important;
	font-family: 'object-fit: cover; object-position: right center;' !important;
}
.wso-right-bottom img {
	-o-object-position: right bottom !important;
	object-position: right bottom !important;
	font-family: 'object-fit: cover; object-position: right bottom;' !important;
}
/* ------------------------------- float right ------------------------------ */
@media only screen and (min-width: 768px) {
	.wso-float-right {
		float: right;
	}
}
/* -------------------------------- lazy load ------------------------------- */
img[data-lazy-src*="http"] {
	transition: all var(--transition-short) ease-in-out;
}
img[data-lazy-src*="http"]:not(.lazyloaded) {
	opacity: 0 !important;
}
/* ------------------------------ section width ----------------------------- */
.mcb-section:not(.full-width) .section_wrapper,
.entry-content > .mcb-section.full-width .section_wrapper .mcb-section:not(.full-width) .section_wrapper,
#Footer .container,
#Footer .footer_action .container .mcb-section:not(.full-width) .section_wrapper,
.wpgb-card-2 .wpgb-block-1 {
	max-width: var(--content-width) !important;
}
.section.small-content-width .section_wrapper {
	max-width: var(--small-content-width) !important;
}
.section.big-content-width .section_wrapper {
	max-width: var(--big-content-width) !important;
}
@media only screen and (max-width: 767px) {
	#Wrapper .section_wrapper,
	#Wrapper .container,
	#Wrapper .four.columns .widget-area {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#Wrapper #Content {
		/* margin-top: var(--mobile-top-bar-height); */
	}
}
/* ------------------------- sections, colums, wraps ------------------------ */
.section.wso-align-center > .section_wrapper > .mcb-wrap:not(.wso-wrap-grid) > .mcb-wrap-inner > .column:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) > .column_attr,
.section.wso-align-center > .section_wrapper > .mcb-wrap:not(.wso-wrap-grid) > .mcb-wrap-inner > .column_visual:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box),
.column.wso-align-center .column_attr {
	text-align: center;
}
.section.wso-align-right > .section_wrapper > .mcb-wrap:not(.wso-wrap-grid) > .mcb-wrap-inner > .column:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) .column_attr,
.section.wso-align-right > .section_wrapper > .mcb-wrap:not(.wso-wrap-grid) > .mcb-wrap-inner > .column_visual:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box),
.column.wso-align-right .column_attr {
	text-align: right;
}
.column,
.columns {
	margin: 0 0% 0rem;
}
.column.one {
	width: 100%;
}
.column_image img {
	width: 100%;
}
.wso-wrap-content .column {
	margin-bottom: 0rem;
}
/* ------------------------ section padding / margin ------------------------ */
/*
INFO: rewrote paddings as variables so they can be used for mathematical operations
*/
#Wrapper .section.mcb-section.wso-top-no-padding {
	--current-top-padding: 0rem;
}
#Wrapper .section.mcb-section.wso-bot-no-padding {
	--current-bottom-padding: 0rem;
}
#Wrapper .section.mcb-section.wso-top-small-padding {
	--current-top-padding: var(--padding-small);
}
#Wrapper .section.mcb-section.wso-bot-small-padding {
	--current-bottom-padding: var(--padding-small);
}
.section.mcb-section {
	--current-top-padding: var(--padding-standard);
	--current-bottom-padding: var(--padding-standard);
}
#Wrapper .section.mcb-section.wso-top-big-padding {
	--current-top-padding: var(--padding-big);
}
#Wrapper .section.mcb-section.wso-bot-big-padding {
	--current-bottom-padding: var(--padding-big);
}
#Wrapper .section.mcb-section {
	padding-top: var(--current-top-padding);
	padding-bottom: var(--current-bottom-padding);
}
#Wrapper .section.mcb-section.wso-section-hero {
	margin-top: var(--current-top-padding);
	margin-bottom: var(--current-bottom-padding);
}
/* -------------------------------- subtitle -------------------------------- */
#Wrapper .wso-two-columns.wso-introduction .wrap:first-child .wso-subtitle:not([class^="wso-h"]),
#Wrapper .wso-subtitle:not([class^="wso-h"]),
#Wrapper .wso-two-columns .wso-wrap-content-above .wso-subtitle:not([class^="wso-h"]) {
	text-transform: uppercase !important;
	font-weight: 600 !important;
	letter-spacing: .088rem !important;
	line-height: 1.3em !important;
	font-size: 1.1rem !important;
}
@media only screen and (max-width:767px) {
	#Wrapper .wso-two-columns.wso-introduction .wrap:first-child .wso-subtitle:not([class^="wso-h"]),
	#Wrapper .wso-subtitle:not([class^="wso-h"]),
	#Wrapper .wso-two-columns .wso-wrap-content-above .wso-subtitle:not([class^="wso-h"]) {
		letter-spacing: .064rem !important;
		font-size: 1.6rem !important;
	}
}
/* ------------------------- normal text after text ------------------------- */
#Wrapper .section .column_attr p:not([class^="wso-"]) + p:not([class^="wso-"]) {
	margin-top: 1.5rem !important;
}
/* --------------------------- subtitle underline --------------------------- */
#Wrapper .wso-show-underline {
	position: relative;
	width: fit-content !important;
	padding-bottom: .96rem !important;
}
.wso-show-underline::after {
	content: "";
	display: block;
	min-width: 17.25rem;
	width: 80%;
	height: .1rem;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: var(--color-text);
}
@media only screen and (max-width:767px) {
	.wso-show-underline::after {
		min-width: 10.25rem !important;
		width: 55%;
	}
}
/* --------------------- SELOMUN ONLY ONE PRODUCT BUTTON -------------------- */
.wso-selomun a.wso-shop-button.tertiary-button {
	display: none !important;
}