/* -----------------------------------------------
	1.1 Normalize
----------------------------------------------- */
html {
	font-size: 62.5%;
	overflow-x: hidden;
}
body {
	font-size: 1.8em;
	line-height: var(--lh-m);
	font-weight: normal;
	font-variation-settings: "wght" 400;
	font-family: var(--ff-default);
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: var(--c-text);
	background-color: var(--c-bg, #FFFFFF);
	margin: 0;
	padding: 0;
}
body.single-post {
	padding-top:139px;
}
@media (max-width:767px){
	body.single-post {
		padding-top:159px;
	}
}


.page-content > .elementor > .elementor-element:first-child > .e-con-inner {
	padding-top: 0 !important;
}


/* -----------------------------------------------
	1.3 Layout / Containers
----------------------------------------------- */

.page-content > .elementor > div:first-child {
	margin-top: calc(var(--header-height) + var(--space-l)) !important;
}

.wp-block-group > .wp-block-group__inner-container,
.container {
	position: relative;
	width: 100%;
	max-width: var(--container-width, calc(1500px + (var(--gap-default, 20px) * 2)));
	margin: 0 auto;
	padding: 0 var(--gap-default, 20px);
	box-sizing: border-box;
}
.content-wrapper {
	width: 100%;
	max-width: var(--container-width, calc(1500px + (var(--gap-default, 20px) * 2)));
	padding-left: var(--gap-default, 20px);
	padding-right: var(--gap-default, 20px);
	margin: auto;
}
.e-con-boxed .e-con .container {
	padding-left: 0;
	padding-right: 0;
}
@media (min-width:1200px) {
	/* header .container,
	footer .container { */
	.container {
		padding-left: 100px;
		padding-right: 100px;
	}
}


/* -----------------------------------------------
	2.4 Media (img, video, audio, iframe)
----------------------------------------------- */
/* --- Videos --- */
.video-wrapper.cover > video {
	height: 100%;
	object-fit:cover;
}
/* --- Images --- */
/* #content img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
} */
svg {
	fill: none;
	stroke: currentColor;
}
/* --- inline editor alignment --- */
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.aligncenter,.alignleft,.alignright {
	display: block;
	padding: 0;
}
.aligncenter {
	float: none;
	margin: .5em auto 1em;
}
.alignright {
	float: right;
	margin: .5em 0 1em 1em;
}
.alignleft {
	float: left;
	margin: .5em 1em 1em 0;
}

/* --- Cover --- */
video.cover, .cover video,
svg.cover, .cover svg,
img.cover, .cover img,
#content svg.cover, #content .cover svg,
#content img.cover, #content .cover img {
	object-fit: cover;
	height: 100% !important;
	width: 100%;
}
/* --- Contain --- */
video.contain, .contain video,
svg.contain, .contain svg,
img.contain, .contain img,
#content svg.contain, #content .contain svg,
#content img.contain, #content .contain img {
	object-fit: contain;
	height: 100% !important;
	width: 100%;
}

@layer components {
	/* -----------------------------------------------
		2.2 Buttons
	----------------------------------------------- */
	/* --- alignment --- */
	.button-wrapper {
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
	}
	.button-wrapper.align-center {
		justify-content: center;
		align-items: center;
	}
	.button-wrapper.align-right {
		justify-content: flex-end;
	}
	.button-wrapper.two-buttons .button {
		vertical-align: top;
	}
	.button-wrapper.align-right.two-buttons .button {
		margin-right: 0;
	}
	.button-wrapper.align-right .button:first-child,
	.button-wrapper.align-center .button:first-child {
		margin-left: 0;
	}
	.button-wrapper.align-center .button:last-child,
	.button-wrapper.align-left .button:first-child {
		margin-right: 0;
	}
	@media (min-width: 768px) {
		.button-wrapper {
			flex-direction: row;
		}
		.button-wrapper.align-center.two-buttons .button {
			margin-right: var(--gap-half, 10px) !important;
			margin-left: var(--gap-half, 10px) !important;
		}
		.button-wrapper.two-buttons .button {
			margin-right: var(--gap-default, 20px) !important;
		}
		.button-wrapper.align-right.two-buttons .button {
			margin-right: 0 !important;
			margin-left: var(--gap-default, 20px) !important;
		}
	}
	
	/* === MASTER BUTTON BASE === */
	.wp-block-button__link,
	.elementor-button,
	.elementor-widget-button .elementor-button,
	input#submit,
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button,
	button {
		/* Default/Primary colors */
		--btn-bg: var(--c-primary, #2F6AFD);
		--btn-border: var(--c-primary, #2F6AFD);
		--btn-text: #FFFFFF;
		--btn-bg-hover: color-mix(in srgb, var(--btn-bg, #2F6AFD) 80%, black);
		
		/* Layout */
		display: inline-flex;
		justify-content: center;
		align-items: center;
		grid-gap: var(--gap-half, 10px);
		position: relative;
		
		/* Typography */
		font-family: var(--ff-default, 'Helvetica, Arial, sans-serif');
		font-size: var(--fs-s, clamp(1.4rem, 1.322rem + 0.200vw, 1.6rem));
		line-height: var(--lh-s, 1.2);
		text-align: center;
		text-decoration: none !important;
		user-select: none;
		
		/* Visual */
		padding: 11px 27px 11px 27px;
		border-radius: var(--border-radius, 4px);
		border: 3px solid;
		-webkit-appearance: none;
		cursor: pointer;
		margin-bottom: var(--gap-default, 20px);
		
		/* Transitions */
		transition: all var(--a-timing-default, 0.2s) var(--a-easing-default, ease),
					outline-width 0s linear 0s,
					outline-color 0s linear 0s;
		
		/* Apply colors from variables */
		background-color: var(--btn-bg);
		border-color: var(--btn-border);
		color: var(--btn-text);
		
		font-size: 18px;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.36px;
		text-transform: uppercase;
	}
	
	/* === BUTTON MODIFIERS === */
	
	/* small */
	.wp-block-buttons.size-small .wp-block-button__link,
	.elementor-widget-button.size-small .elementor-button,
	.button.size-small,
	button.size-small,
	input[type="submit"].size-small,
	input[type="button"].size-small {
		padding: 0.8rem calc(var(--gap-default, 20px) * 2);
		font-size: var(--fs-xs);
	}
	/* large */
	.wp-block-buttons.size-large .wp-block-button__link,
	.elementor-widget-button.size-large .elementor-button,
	.button.size-large,
	button.size-large,
	input[type="submit"].size-large,
	input[type="button"].size-large {
		padding: 1.6rem calc(var(--gap-default, 20px) * 3.5);
		font-size: var(--fs-m);
	}
	/* --- Button: primary filled --- */
	.wp-block-buttons.primary.filled .wp-block-button__link,
	.elementor-widget-button.primary.filled .elementor-button,
	.button.primary.filled {
		color: #fff !important;
		background-color: #000 !important;
	}
	.wp-block-buttons.primary.filled .wp-block-button__link:hover,
	.elementor-widget-button.primary.filled .elementor-button:hover,
	.button.primary.filled:hover {
		color: #000 !important;
		background-color: transparent !important;
	}
	
	/* --- Button: Defaults + Primary Outline --- */
	.wp-block-buttons.outline .wp-block-button__link,
	.elementor-widget-button.outline .elementor-button,
	.button.outline {
		--btn-bg: transparent !important;
		--btn-border: var(--c-primary, #2F6AFD);
		--btn-text: var(--btn-border);
	}
	/* --- Button: Secondary --- */
	.wp-block-buttons.secondary .wp-block-button__link,
	.elementor-widget-button.secondary .elementor-button,
	.button.secondary {
		--btn-bg: var(--c-secondary, #F8496F);
		--btn-border: var(--c-secondary, #F8496F);
	}
	/* --- Button: Text --- */
	.wp-block-buttons.text .wp-block-button__link,
	.elementor-widget-button.text .elementor-button,
	.button.text {
		--btn-bg: var(--c-text, #363D4E);
		--btn-border: var(--c-text, #363D4E);
	}
	.wp-block-buttons.text .wp-block-button__link:hover,
	.elementor-widget-button.text .elementor-button:hover,
	.button.text:hover,
	.wp-block-buttons.text.filled .wp-block-button__link,
	.elementor-widget-button.text.filled .elementor-button,
	.button.text.filled {
		--btn-text: var(--c-bg, #363D4E) !important;
	}
	/* --- Button: Gray --- */
	.wp-block-buttons.gray .wp-block-button__link,
	.elementor-widget-button.gray .elementor-button,
	.button.gray {
		--btn-bg: var(--c-lightest-gray, #F3F3F3);
		--btn-border: var(--c-lightest-gray, #F3F3F3);
		--btn-text: var(--text) !important;
		--btn-bg-hover: color-mix(in srgb, var(--btn-bg, #F3F3F3) 90%, black);
	}
	/* --- Button: Success --- */
	.wp-block-buttons.success .wp-block-button__link,
	.elementor-widget-button.success .elementor-button,
	.button.success {
		--btn-bg: var(--c-success, #48C572);
		--btn-border: var(--c-success, #48C572);
	}
	/* --- Button: Warning --- */
	.wp-block-buttons.warning .wp-block-button__link,
	.elementor-widget-button.warning .elementor-button,
	.button.warning {
		--btn-bg: var(--c-warning, #FCC130);
		--btn-border: var(--c-warning, #FCC130);
	}
	/* --- Button: Danger --- */
	.wp-block-buttons.error .wp-block-button__link,
	.elementor-widget-button.error .elementor-button,
	.button.error {
		--btn-bg: var(--c-error, #C84630);
		--btn-border: var(--c-error, #C84630);
	}
	/* --- Button: White --- */
	.wp-block-buttons.white .wp-block-button__link,
	.elementor-widget-button.white .elementor-button,
	.button.white {
		--btn-bg: #FFFFFF;
		--btn-border: #FFFFFF;
		--btn-text: var(--c-text, #363D4E);
	}
	/* --- Button: White Outline --- */
	.wp-block-buttons.white.outline .wp-block-button__link,
	.elementor-widget-button.white.outline .elementor-button,
	.button.white.outline {
		--btn-text: var(--btn-border);
	}
	/* --- Button: White Outline Hover --- */
	.wp-block-buttons.white.outline .wp-block-button__link:hover,
	.elementor-widget-button.white.outline .elementor-button:hover,
	.button.white.outline:hover {
		--btn-text: var(--c-text, #363D4E);
	}
	html[data-color-theme="dark"] .wp-block-buttons.white.filled .wp-block-button__link,
	html[data-color-theme="dark"] .elementor-widget-button.white.filled .elementor-button,
	html[data-color-theme="dark"] .button.white.filled,
	html[data-color-theme="dark"] .wp-block-buttons.white .wp-block-button__link:hover,
	html[data-color-theme="dark"] .elementor-widget-button.white .elementor-button:hover,
	html[data-color-theme="dark"] .button.white:hover {
		--btn-text: var(--c-bg, #363D4E);
	}
	/* --- Button: Defaults Hover --- */
	.wp-block-button__link:hover, .elementor-widget-button .elementor-button:hover, input#submit:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type=reset]:hover, .button:hover, button:hover {
		color: var(--btn-text);
		background-color: transparent;
		border-color: var(--btn-bg-hover);
	}
	/* --- Button: Defaults Outline Hover --- */
	.wp-block-buttons.outline .wp-block-button__link:hover,
	.elementor-widget-button.outline .elementor-button:hover,
	.button.outline:hover {
		--btn-text: #FFFFFF;
		--btn-bg-hover: var(--btn-border);
	}
	/* --- Icon Button --- */
	input#submit.icon-button.icon-pos-icon_right, input[type="button"].icon-button.icon-pos-icon_right, input[type="submit"].icon-button.icon-pos-icon_right, .button.icon-button.icon-pos-icon_right {
		flex-direction: row-reverse;
	}
	.button-text {
		display: inline-block;
		vertical-align: top;
	}
	.button-icon-wrap {
		display: inline-flex;
		vertical-align: top;
	}
	.button-icon-wrap i,
	.button-icon-wrap svg {
		font-size: var(--fs-m, clamp(1.6rem, 1.522rem + 0.200vw, 1.8rem));
		height: var(--fs-m, clamp(1.6rem, 1.522rem + 0.200vw, 1.8rem));
		color: currentColor;
	}
	.button-icon-wrap svg.e-font-icon-svg {
		fill: currentColor;
	}
	/* --- Scroll to top Button --- */
	.scrolltop-btn {
		position: fixed;
		bottom: var(--gap-default, 20px);
		right: var(--gap-default, 20px);
		z-index: 1010;
		background-color: var(--c-primary, #2F6AFD);
		color: var(--c-white, #FFFFFF);
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		display: block;
		border-radius: var(--border-radius, 4px);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: var(--transition, all .2s ease);
		cursor: pointer;
		border: none;
		padding: 0;
		colro: var(--c-text, #000000);
	}
	.scrolltop-btn:hover {
		background-color: var(--c-primary-alt, color-mix(in srgb, var(--c-primary, #2F6AFD) 90%, black));
	}
	.scrolltop-btn.visible {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}
	.scrolltop-btn svg {
		display: inline-block;
		position: relative;
		top: 5px;
	}
	/* --- Posts Filter --- */
	.posts-filter-container {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		grid-gap: var(--gap-default);
		flex-wrap:wrap;
	}
	/* --- Category Filter Button --- */
	.cat-filter-container {
		margin-bottom: var(--gap-half, 10px);
	}
	.cat-filter-buttons {
		grid-gap: var(--gap-half);
	}
	button.cat-filter {
		padding: 1rem 0 !important;
		background: none !important;
		border: none !important;
		color: var(--c-text, #000000);
		cursor:pointer;
		border-radius: 0;
		margin-right: 30px !important;
	}
	button.cat-filter.cat-filter-all {
		text-transform: lowercase !important;
		color: #000 !important;
	}
	button.cat-filter:last-child {
		margin-right: 0 !important;
	}
	button.cat-filter .cat-filter-logo-default {
		position: relative;
	}
	button.cat-filter .cat-filter-logo-default::after {
		content:"";
		position: absolute;
		bottom: -1rem;
		left:0;
		width: 100%;
		height: 3px;
		pointer-events: none;
		opacity: 0;
		background-color: currentColor;
		transition: var(--transition);
	}
	button.cat-filter:hover {
		color: var(--c-primary, #2F6AFD);
	}
	button.cat-filter.active .cat-filter-logo-default::after,
	button.cat-filter:hover .cat-filter-logo-default::after {
		opacity: 1;
	}
	button.cat-filter.active {
		background-color: var(--c-primary, #2F6AFD);
		border-color: var(--c-primary, #2F6AFD);
		color: #ffffff;
		pointer-events: none !important;
	}
	/* --- Disabled Button --- */
	.pagination-item.disabled,
	button.disabled,.button.disabled,button[disabled],.button[disabled]
	button:disabled.inView, input[type="button"]:disabled.inView, input[type="submit"]:disabled.inView, .button:disabled.inView,
	button[disabled].inView, input[type="button"][disabled].inView, input[type="submit"][disabled].inView, .button[disabled].inView,
	button.disabled.inView, input[type="button"].disabled.inView, input[type="submit"].disabled.inView, .button.disabled.inView {
		opacity: 0.4 !important;
	}
}

/* -----------------------------------------------
	2.3 Accesibility
----------------------------------------------- */
.video-play-button:focus-visible,
.lg_trigger:focus-visible,
#react-close-icon-1:focus-visible,
.burger:focus-visible,
.sub-menu-toggle:focus-visible,
input[type=submit]:focus-visible,
video:focus-visible,
button:focus-visible,
a:focus-visible {
	outline-style: dashed;
	outline-color: currentColor;
	outline-width: 2px;
	outline-offset: 2px;
}
video:focus-visible,
.lg_trigger:focus-visible,
input[type=submit]:focus-visible,
a.button:focus-visible {
	outline-color: var(--c-primary-alt, color-mix(in srgb, var(--c-primary, #2F6AFD) 90%, black));
}
#skiplink-nav {
	position: fixed;
	top:0;
	left:0;
	pointer-events: none;
	z-index: 2000;
	width: 100%;
}
#skiplink-nav li {
	list-style: none;
}
#skiplinks a {
	position: absolute;
	top: 10px;
	left: 20vw;
	margin:auto;
	opacity: 0;
	font-size: var(--fs-s, clamp(1.4rem, 1.322rem + 0.200vw, 1.6rem));
	display: inline-block;
	padding: 5px 10px;
	background-color: var(--c-primary, #2F6AFD);
	color: var(--c-white, #FFFFFF);
	border-radius: var(--border-radius, 4px);
}
#skiplinks a:focus-visible,
#skiplinks a:focus-within,
#skiplinks a:focus {
	opacity: 1;
}
.visually-hidden,
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
	clip-path: polygon(0 0,0 0,0 0,0 0);
	border: 0;
}
@media (max-width: 767px) {
	#skiplinks a {
		left: 10px;
	}
}


/* -----------------------------------------------
	Swiper
----------------------------------------------- */
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	margin: var(--gap-half) var(--gap-default);
}


/* -----------------------------------------------
	2.11 Header
----------------------------------------------- */
/* --- header --- */
header#main-header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1030;
	/* padding-top: var(--gap-half, 10px);
	padding-bottom: var(--gap-half, 10px); */
	transform: translateY(calc(var(--header-height, clamp(8rem, 5.379rem + 3.400vw, 12rem)) * -1));
	transition: var(--transition, all .2s ease);
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.40) !important
}
/* .sticky-nav header#main-header {
	background-color: var(--c-bg, #FFFFFF);
	box-shadow: 0 -5px 20px 0 rgba(0,0,0,.1);
} */
.mobile-menu-open header#main-header {
	box-shadow: none !important;
}
.mobile-menu-open header#main-header,
header#main-header.visible {
	transform: translateY(0px);
}
.elementor-editor-active header#main-header {
	position: static !important;
	transform: translateY(0px) !important;
}
.header-top {
	background-color: var(--c-lightest-gray);
	padding-top: var(--gap-half);
	padding-bottom: var(--gap-half);
}
.header-top .flex-col {
	padding-left: 0;
	padding-right: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}
.header-middle {
	background-color: var(--c-bg);
	padding-top: var(--gap-half);
	padding-bottom: var(--gap-half);
}
.header-middle .flex-col {
	flex-basis: max-content !important;
	width: auto;
	flex-wrap: wrap;
	display: flex;
}
.header-middle .flex-col#hm-col-2 {
	justify-content: flex-end;
	align-items: center;
}
/* --- logos --- */
.logo {
	display: inline-block;
	vertical-align: top;
}
#logo-light {
	display: none;
}
.logo img,.logo svg {
	height: 40px;
	width: auto;
	transition: var(--transition, all .2s ease);
}
.mobile-menu-open .logo img,.mobile-menu-open .logo svg,
.sticky-nav .logo img,.sticky-nav .logo svg {
	height: 40px;
}
.header-middle a.installateur-finden {
	display: none;
	margin-right: 10px;
}
.header-middle a.installateur-finden img {
	height: 40px;
	/* max-width: calc(100% - 60px); */
}
@media (max-width: 1080px) {
	.logo img,.logo svg {
		height: 40px;
	}
	.mobile-menu-open .logo img,.mobile-menu-open .logo svg,
	.sticky-nav .logo img,.sticky-nav .logo svg {
		height: 40px;
	}
}
@media (max-width: 767px) {
	header#main-header .header-middle .grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.logo img,.logo svg {
		height: 40px;
	}
	.mobile-menu-open .logo img,.mobile-menu-open .logo svg,
	.sticky-nav .logo img,.sticky-nav .logo svg {
		height: 20px;
	}
	#ht-col-2 {
		display: none !important;
	}
	.header-middle a.installateur-finden {
		display: inline-block !important;
	}
}
/* --- burger menu layout --- */
#mobile-menu-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	min-height: 100%;
	z-index: 1020;
	transition: var(--transition, all .2s ease);
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}
.mobile-menu-open #mobile-menu-container {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
}
.mobile-menu-inner {
	position: fixed;
	min-height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background-color: rgba(0,0,0,.7);
}
.mm-scroll-wrapper {
	height: 100%;
	width: 100vw;
	overflow-y: scroll;
}
.mm-item-wrap {
	text-align:left;
	padding: 16rem 0 0;
	background: white;
}
.mobile-menu-inner > .container {
	min-height: 100%;
	display: flex;
	align-items: center;
}
.mm-contacts-outer,
.mm-socials-outer {
	border-top: 1px solid var(--c-lightest-gray, #F5F5F5);
}
.burger {
	--burger-width: 52px;
	--burger-height: 40px;
	--burger-lines-height: 4px;
	--burger-lines-offset: 8px;
	--burger-patty-width: 32px;
	--burger-before-width: var(--burger-patty-width);
	--burger-after-width: var(--burger-patty-width);
	--burger-sides-width: calc(var(--burger-width) - var(--burger-patty-width));
	--burger-side-width: calc(var(--burger-sides-width) / 2);
	display: inline-block;
	width: var(--burger-width);
	height: var(--burger-height);
	position: relative;
	cursor: pointer;
	background: var(--c-bg-invert) !important;
	border: none;
	color: var(--c-bg);
	padding: 0 !important;
	border-radius: 0;
	margin-bottom: 0;
	margin-right: 0;
}
.burger:focus,
.burger:active,
.burger:hover {
	color: var(--c-bg) !important;
}
.burger::before,
.burger::after,
.burger .patty {
	content: "";
	border-radius: 4px;
	width: var(--burger-patty-width);
	height: var(--burger-lines-height);
	position: absolute;
	background-color: currentColor;
	top: 50%;
	margin-top: calc((var(--burger-lines-height) / 2) * -1);
	left: var(--burger-side-width);
	backface-visibility: hidden;
	transition: transform var(--a-timing-default, 0.2s) var(--a-easing-default, ease) 0s,
				top var(--a-timing-default, 0.2s) var(--a-easing-default, ease) var(--a-timing-default, 0.2s),
				opacity var(--a-timing-default, 0.2s) var(--a-easing-default, ease) var(--a-timing-default, 0.2s);
}
.burger::before {
	top: calc(50% - var(--burger-lines-offset));
	width: var(--burger-before-width);
}
.burger::after {
	top: calc(50% + var(--burger-lines-offset));
	width: var(--burger-after-width);
}
.mobile-menu-open .burger::before {
	transform: rotate(45deg);
	top: 50%;
	transition: transform var(--a-timing-default, 0.2s) var(--a-easing-default, ease) var(--a-timing-default, 0.2s),
				top var(--a-timing-default, 0.2s) var(--a-easing-default, ease) 0s;
}
.mobile-menu-open .burger::after {
	transform: rotate(-45deg);
	top: 50%;
	transition: transform var(--a-timing-default, 0.2s) var(--a-easing-default, ease) var(--a-timing-default, 0.2s),
				top var(--a-timing-default, 0.2s) var(--a-easing-default, ease) 0s;
}
.mobile-menu-open .burger .patty {
	opacity: 0;
	transition: opacity var(--a-timing-default, 0.2s) var(--a-easing-default, ease) 0s;
}
@media (min-width: 1381px) {
	.burger {
		display: none;
	}
}


/* -----------------------------------------------
	2.12 Menus & WP Nav Menus
----------------------------------------------- */
/* --- General --- */
.menu {
	list-style: none;
}
.menu li {
	display: inline-block;
}
.menu li a,
.menu li button {
	display: inline-block;
	transition: var(--transition, all .2s ease);
}
.menu li button:not(.button) {
	border: none;
	background: none;
	border-radius: 0;
	font-size: var(--fs-m);
	font-family: var(--ff-default);
	line-height: var(--lh-m);
	padding: 0;
	cursor:pointer;
	color: var(--c-primary);
	transition: var(--transition, all .2s ease);
}
.menu li button:hover {
	color: var(--c-primary-alt, color-mix(in srgb, var(--c-primary, #2F6AFD) 90%, black));
}
/* --- Main Menu --- */
header#main-header .menu-hauptmenue-container {
	display: none;
}
#main-menu {
	list-style: none;
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	vertical-align: middle;
	padding-left: 0;
}
#main-menu li {
	
}
#main-menu li button:not(.button),
#main-menu li a:not(.button) {
	background: none;
	border: none;
	border-radius: 0;
	color: var(--c-text);
	display: inline-block;
	padding: 1.2rem 0;
	text-decoration: none;
	font-family: var(--ff-default);
	font-size: var(--fs-m);
	cursor:pointer;
	line-height: var(--lh-m);
	display: inline-grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	height: 50px;
	font-weight: 700;
	padding-left: 0;
	padding-right: 0;
	margin-right: 30px;
	font-size: var(--fs-s);
}
#main-menu li > *:last-child {
	margin-right: 0;
}
/* #main-menu li.current-page-ancestor > button:not(.button),
#main-menu li.current-menu-ancestor > button:not(.button),
#main-menu li.current-menu-item > button:not(.button),
#main-menu li button:not(.button):hover,
#main-menu li.current-page-ancestor > a:not(.button),
#main-menu li.current-menu-ancestor > a:not(.button),
#main-menu li.current-menu-item > a:not(.button),
#main-menu li a:not(.button):hover {
	color: var(--c-primary);
} */
#main-menu li button,
#main-menu li .button {
	margin-bottom: 0;
	opacity: 1 !important;
	transform: translateY(0) !important;
}
@media (min-width: 1381px) {
	header#main-header .menu-hauptmenue-container {
		display: block;
	}
}
@media (max-width: 1380px) {
	.header-middle {
		text-align: right;
	}
}
#main-menu li.menu-item-has-children {
	position: relative;
}
#main-menu li.menu-item-has-children > button,
#main-menu li.menu-item-has-children > a {
	padding-right: 3rem;
}
.menu-logo-default,
.menu-logo-hover {
	grid-column: 1;
	grid-row: 1;
	position: relative;
}
#main-menu li.menu-item-has-children > button:hover .menu-logo-default,
#main-menu li.menu-item-has-children > a:hover > .menu-logo-default,
.menu-logo-hover {
	opacity: 0;
}
#main-menu li.menu-item-has-children > button:hover .menu-logo-hover,
#main-menu li.menu-item-has-children > a:hover > .menu-logo-hover {
	opacity: 1;
}
#main-menu li.menu-item-has-children > a::after {
	content:"";
	position: absolute;
	width: 10px;
	height: 10px;
	border-width: 0 0 2px 2px;
	transform: rotate(-45deg);
	border-color: var(--c-text);
	pointer-events: none;
	border-style: solid;
	right: 3.5rem;
	top: 0.6lh;
}
#main-menu li.menu-item-has-children > .sub-menu-toggle {
	position: absolute;
	top: 0.5lh;
	right: 1.6rem;
	height: 2.6rem;
	width: 2.6rem;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}
#main-menu li.menu-item-has-children > .sub-menu-toggle svg {
	width: 18px;
	height: 18px;
	transition: var(--transition, all .2s ease);
}
#main-menu li.menu-item-has-children:hover > .sub-menu-toggle svg {
	transform: rotate(180deg);
}
#main-menu > li > .sub-menu {
	position: absolute;
	top: 100%;
	left:0;
	padding-left:0;
	right:auto;
	/* padding: var(--gap-half, 10px) 0;
	background-color: var(--c-bg, #FFFFFF);
	min-width: 260px;
	box-shadow: var(--box-shadow-default, 0 0 10px var(--c-bg-invert-a10, rgba(0,0,0,.1))); */
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transform: translateY(1rem);
	transition: var(--transition, all .2s ease);
}
#main-menu > li.menu-item-has-children:focus-within > .sub-menu,
#main-menu > li.menu-item-has-children:focus-visible > .sub-menu,
#main-menu > li.menu-item-has-children:focus > .sub-menu,
#main-menu > li.menu-item-has-children:hover > .sub-menu {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
	transform: translateY(0rem);
}
#main-menu .sub-menu {
	width: 100%;
	list-style: none;
	padding-top: 10px;
}
#main-menu .sub-menu li {
	width: 100%;
	display: inline-block;
}
#main-menu .sub-menu .sub-menu {
	padding-left: var(--gap-default, 20px);
	padding-right: var(--gap-default, 20px);
}
#main-menu li.menu-item-has-children .sub-menu .sub-menu-toggle {
	display: none;
}
/* --- Mobile Menu --- */
#mobile-main-menu {
	list-style: none;
	padding-left: 0;
}
#mobile-main-menu > li {
	position: relative;
	width: 100%;
	padding:5px 0;
	border-bottom: 1px solid #efefef;
	line-height: 61px;
	/* display: inline-flex;
	align-items: center; */
}
#mobile-main-menu li button:not(.button),
#mobile-main-menu li a:not(.button) {
	background: none;
	border: none;
	border-radius: 0;
	font-size: var(--fs-l, clamp(6rem, -0.162rem + 8.100vw, 12rem));
	display: inline-block;
	padding: 1rem 0;
	margin: 0;
	text-decoration: none;
	color: var(--c-text);
	line-height: var(--lh-m);
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	font-size: var(--fs-s);
	font-weight: 800;
	text-transform: lowercase;
}
#mobile-main-menu li img {
	height: 22px !important;
	width: auto;
}
/* #mobile-main-menu li#menu-item-405 .menu-logo-hover img{
	height: 18.6px !important;
} */
#mobile-main-menu li .menu-logo-default,
#mobile-main-menu li .menu-logo-hover {
	grid-row: 1;
	grid-column: 1;
	height: 22px;
	display: block;
}
#mobile-main-menu li a:hover > .menu-logo-default,
#mobile-main-menu li .menu-logo-hover {
	opacity: 0;
}
#mobile-main-menu li a:hover > .menu-logo-hover {
	opacity: 1;
}
#mobile-main-menu li.current-menu-ancestor > button:not(.button),
#mobile-main-menu li.current-menu-item > button:not(.button),
#mobile-main-menu li button:not(.button):hover,
#mobile-main-menu li.current-menu-ancestor > a:not(.button),
#mobile-main-menu li.current-menu-item > a:not(.button),
#mobile-main-menu li a:not(.button):hover {
	/* color: var(--c-text); */
	text-decoration: underline !important;
}
#mobile-main-menu .sub-menu {
	display: none;
	list-style: none;
	padding-left: 0;
	/* padding-left: var(--space-xs, clamp(1rem, -0.027rem + 1.400vw, 2rem)); */
}
#mobile-main-menu .sub-menu li {
	display: block;
	margin: 0;
}
#mobile-main-menu .sub-menu li button:not(.button),
#mobile-main-menu .sub-menu li a:not(.button) {
	font-size: var(--fs-m);
	margin-top: 1px !important;
}
#mobile-main-menu .sub-menu-toggle {
	display: inline-flex;
	height: 3rem;
	width: 3rem;
	margin-left: 1rem;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: absolute;
	top: 0.7rem;
}
#mobile-main-menu .sub-menu .sub-menu-toggle {
	top: 0.1rem;
}
#mobile-main-menu .btn-submenu-toggle svg,
#mobile-main-menu .sub-menu-toggle svg {
	position: relative;
	top: 1px;
	width: 18px;
	height: 18px;
	transition: var(--transition, all .2s ease);
}
#mobile-main-menu li.active > .btn-submenu-toggle svg,
#mobile-main-menu li.active > .sub-menu-toggle svg {
	transform: rotate(180deg);
}

#mobile-main-menu .sub-menu li button,
#mobile-main-menu .sub-menu li a,
#main-menu .sub-menu li button,
#main-menu .sub-menu li a {
	/* padding: var(--gap-half) var(--gap-default); */
	margin-top: var(--gap-half);
	background-color: var(--c-text);
	border: 1px solid var(--c-text);
	color: var(--c-white);
	font-size: var(--fs-m);
	font-weight: 700;
	padding: 10px 25px 10px 25px;
	line-height: 35px;
	height: auto;
	text-decoration: none;
	text-transform: uppercase;
	min-width: 310px;
}
/* #mobile-main-menu .sub-menu li button,
#mobile-main-menu .sub-menu li a {
	margin-top: 2px !important;
} */
#mobile-main-menu .sub-menu li button:hover,
#mobile-main-menu .sub-menu li a:hover,
#main-menu .sub-menu li button:hover,
#main-menu .sub-menu li a:hover {
	background-color: var(--c-white);
	color: var(--c-text);
}


/* adjustments flex */
/* 1. Set the parent <li> as a wrapping flex container */
#mobile-main-menu .menu-item-has-children {
	display: flex;
	flex-wrap: wrap;
	align-items: center; /* Aligns link and toggle button vertically */
}

/* 2. Link takes up auto width based on its content */
#mobile-main-menu .menu-item-has-children > a {
	flex: 0 0 auto;
}

/* 3. Toggle button fills all remaining space in the top row */
#mobile-main-menu .sub-menu-toggle {
	flex: 1 1 auto;
	display: flex;
	justify-content: flex-end; /* Aligns arrow to the far right */
	align-items: center;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0 0 20px 0;
	position: relative;
	top: auto;
	text-align:right;
}
#mobile-main-menu .sub-menu-toggle svg {
	width: 26px;
	height: 26px;
}
/* 4. Sub-menu spans 100% width and drops to the second row */
#mobile-main-menu .sub-menu-toggle + .sub-menu {
	flex: 0 0 100%;
	width: 100%;
}

/* --- Footer Menu --- */
#footer-menu li {
	width: 100%;
	margin: 0 0 0.6rem 0;
	list-style: none;
}
#footer-menu li button:not(.button),
#footer-menu li a:not(.button) {
	background: none;
	border: none;
	border-radius: 0;
	font-size: var(--fs-m);
	font-family: var(--ff-default);
	display: inline-block;
	padding: 0.2rem 0.0rem;
	text-decoration: none;
	cursor:pointer;
	color:var(--c-primary);
	line-height: var(--lh-m);
}
#footer-menu li button:not(.button):hover,
#footer-menu li a:not(.button):hover {
	color:var(--c-primary-alt, color-mix(in srgb, var(--c-primary, #2F6AFD) 90%, black));
}

/* Single Post
--------------------------------------------------------- */
.single-post .elementor-widget-dce-acf-repeater-v2 ol.dce-acf-repeater-list .repeater-item p {
	margin-block-end: 30px;
}
@media (min-width:1080px) {
	.single-post .elementor-widget-dce-acf-repeater-v2 ol.dce-acf-repeater-list .repeater-item p {
		margin-block-end: 60px;
	}
}

/* -----------------------------------------------
	2.6 Cards
----------------------------------------------- */
.posts-container {
	position: relative;
}
.posts-container .spinner {
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	z-index: 4;
	width: 30px;
	height: 30px;
	opacity: 0;
	pointer-events: none;
}
.posts-container:has(.post-item-holder.loading) .spinner {
	opacity: 1;
}
.post-item-holder {
	transition: opacity .2s ease;
}
.post-item-holder:focus-visible {
	outline: none !important;
}
.post-item-holder.loading {
	opacity: 0.3;
}
.post-title-link {
	color:var(--c-headlines, #000000);
}
.js-enabled .post-title-link[data-href]:not([data-href=""]) {
	transition: var(--transition, all .2s ease);
	cursor: pointer;
}
.js-enabled .post-title-link[data-href]:not([data-href=""]):hover {
	color:var(--c-primary);
}
.card {
	display: flex;
	flex-direction: column;
	border: var(--border-contrast);
}
.post-content-container {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: space-between;
}
.bb-excerpt-inner {	
	margin-bottom: var(--gap-default, 20px);
}
.bb-excerpt-inner.limit-excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	height: 4lh;
	overflow: hidden;
}
.post-image-container {
	position: relative;
	overflow:hidden;
	width: 100%;
	margin-bottom: var(--gap-default);
}
.sonne,
.post-image-link img {
	transition: var(--transition-slow, all 0.6s ease-in-out);
}
.js-enabled .post-image-link[data-href]:not([data-href=""]) .sonne,
.js-enabled .post-image-link[data-href]:not([data-href=""]) img {
	cursor: pointer;
}
.js-enabled .post-image-link[data-href]:not([data-href=""]):hover .sonne,
.js-enabled .post-image-link[data-href]:not([data-href=""]):hover img {
	transform: scale(1.05);
}
.post-categories {
	background: var(--c-bg-invert);
	padding: 10px 20px;
	width: 100%;
	/* position: absolute;
	bottom: var(--gap-default, 20px);
	left: var(--gap-default, 20px);
	z-index: 2; */
	pointer-events: none;
}
.post-categories .tag {
	/* margin: 2px;
	padding: 5px 10px;
	border-radius: var(--border-radius, 4px);
	background-color: var(--c-secondary, #F8496F);
	color: var(--c-white, #FFFFFF); */
}
/* --- Card Layout: Image ABOVE Text --- */

/* --- Card Layout: Image BESIDE Text --- */
@media (min-width:1024px) {
	.card.box-layout-image-beside-text {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: var(--gap-default);
	}
	.card.box-layout-image-beside-text .post-image-container {
		margin-bottom: 0;
	}
	.card.box-layout-image-beside-text .post-content-container {
		justify-content: center;
	}
	.card.box-image-pos-text-left-image-right .post-image-container {
		grid-column: 2;
		grid-row: 1;
	}
	.card.box-image-pos-text-left-image-right .post-content-container {
		grid-column: 1;
		grid-row: 1;
	}
}


/* Typography
--------------------------------------------------------- */
/* all headings */
.h1, .h2, .h3, .h4, .h5, .h6,.elementor-widget-heading h1.elementor-heading-title, h1,.elementor-widget-heading h2.elementor-heading-title, h2,.elementor-widget-heading h3.elementor-heading-title, h3,.elementor-widget-heading h4.elementor-heading-title, h4,.elementor-widget-heading h5.elementor-heading-title, h5,.elementor-widget-heading h6.elementor-heading-title, h6 {
	font-weight: 700;
	letter-spacing: 0.6px;
}
/* h1 */
.h1,.elementor-widget-heading.h1 h2.elementor-heading-title, .entry-content h2.h1, h2.h1,.elementor-widget-heading.h1 h3.elementor-heading-title, .entry-content h3.h1, h3.h1,.elementor-widget-heading.h1 h4.elementor-heading-title, .entry-content h4.h1, h4.h1,.elementor-widget-heading.h1 h5.elementor-heading-title, .entry-content h5.h1, h5.h1,.elementor-widget-heading.h1 h6.elementor-heading-title, .entry-content h6.h1, h6.h1,.elementor-widget-heading.h1 h1.elementor-heading-title, .entry-content h1, h1 {
	/* font-size: clamp(3.8rem, 3.014rem + 1.000vw, 5rem); */
}
/* h2 */
.h2,.elementor-widget-heading.h2 h1.elementor-heading-title, .entry-content h1.h2, h1.h2,.elementor-widget-heading.h2 h3.elementor-heading-title, .entry-content h3.h2, h3.h2,.elementor-widget-heading.h2 h4.elementor-heading-title, .entry-content h4.h2, h4.h2,.elementor-widget-heading.h2 h5.elementor-heading-title, .entry-content h5.h2, h5.h2,.elementor-widget-heading.h2 h6.elementor-heading-title, .entry-content h6.h2, h6.h2,.elementor-widget-heading.h2 h2.elementor-heading-title, .entry-content h2, h2 {
	/* font-size: clamp(3rem, 2.345rem + 0.900vw, 4rem); */
}
/* h3 */
.h3,.elementor-widget-heading.h3 h1.elementor-heading-title, .entry-content h1.h3, h1.h3,.elementor-widget-heading.h3 h2.elementor-heading-title, .entry-content h2.h3, h2.h3,.elementor-widget-heading.h3 h4.elementor-heading-title, .entry-content h4.h3, h4.h3,.elementor-widget-heading.h3 h5.elementor-heading-title, .entry-content h5.h3, h5.h3,.elementor-widget-heading.h3 h6.elementor-heading-title, .entry-content h6.h3, h6.h3,.elementor-widget-heading.h3 h3.elementor-heading-title, .entry-content h3, h3 {
	/* font-size: clamp(2.6rem, 2.338rem + 0.300vw, 3rem); */
}
/* h4 */
.h4,.elementor-widget-heading.h4 h1.elementor-heading-title, .entry-content h1.h4, h1.h4,.elementor-widget-heading.h4 h2.elementor-heading-title, .entry-content h2.h4, h2.h4,.elementor-widget-heading.h4 h3.elementor-heading-title, .entry-content h3.h4, h3.h4,.elementor-widget-heading.h4 h5.elementor-heading-title, .entry-content h5.h4, h5.h4,.elementor-widget-heading.h4 h6.elementor-heading-title, .entry-content h6.h4, h6.h4,.elementor-widget-heading h4.elementor-heading-title, .entry-content h4, h4 {
	/* font-size: clamp(2.4rem, 2.269rem + 0.200vw, 2.6rem); */
}
/* h5 */
.h5,.elementor-widget-heading.h5 h1.elementor-heading-title, .entry-content h1.h5, h1.h5,.elementor-widget-heading.h5 h2.elementor-heading-title, .entry-content h2.h5, h2.h5,.elementor-widget-heading.h5 h3.elementor-heading-title, .entry-content h3.h5, h3.h5,.elementor-widget-heading.h5 h4.elementor-heading-title, .entry-content h4.h5, h4.h5,.elementor-widget-heading.h5 h6.elementor-heading-title, .entry-content h6.h5, h6.h5,.elementor-widget-heading h5.elementor-heading-title, .entry-content h5, h5 {
	/* font-size: clamp(2rem, 1.869rem + 0.200vw, 2.2rem); */
}
/* h6 */
.h6,.elementor-widget-heading.h6 h1.elementor-heading-title, .entry-content h1.h6, h1.h6,.elementor-widget-heading.h6 h2.elementor-heading-title, .entry-content h2.h6, h2.h6,.elementor-widget-heading.h6 h3.elementor-heading-title, .entry-content h3.h6, h3.h6,.elementor-widget-heading.h6 h4.elementor-heading-title, .entry-content h4.h6, h4.h6,.elementor-widget-heading.h6 h5.elementor-heading-title, .entry-content h5.h6, h5.h6,.elementor-widget-heading h6.elementor-heading-title, .entry-content h6, h6 {
	/* font-size: clamp(1.8rem, 1.669rem + 0.200vw, 2rem); */
}

@media (max-width:767px) {
	.elementor-element-489d2aa .uael-dual-heading-text.uael-highlight-text {
		line-height: 54px !important;
	}
}


/* blog */
/* single */
/* .elementor-location-single.type-post.hentry.category-heizung #filters li:nth-child(2) { */
.elementor-location-single.type-post.hentry.category-heizung #filters li:has( a[href*="heizung"]) {
	background-image: url("https://meisterinstallateure.at/wp-content/uploads/2024/08/mi_logo_sub_heizung_hover.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	& a {
		opacity: 0 !important;
	}
}
.elementor-location-single.type-post.hentry.category-bad #filters li:has( a[href*="bad"]) {
	background-image: url("https://meisterinstallateure.at/wp-content/uploads/2024/08/mi_logo_sub_bad_hover.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	& a {
		opacity: 0 !important;
	}
}
.elementor-location-single.type-post.hentry.category-klima #filters li:has( a[href*="klima"]) {
	background-image: url("https://meisterinstallateure.at/wp-content/uploads/2024/08/mi_logo_sub_klima_hover.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	& a {
		opacity: 0 !important;
	}
}



/* elementor dual headline */

body #content .elementor-widget-uael-dual-color-heading .uael-dual-heading-text {
	line-height: 1.2 !important;
}



/* SUPERCHAT - ROBERT */
#custom-superchat-button {
	position: fixed !important;
	right: 24px !important;
	bottom: 24px !important;
	z-index: 999 !important;

	width: 68px !important;
	height: 68px !important;

	padding: 0 !important;
	margin: 0 !important;

	border: 0 !important;
	border-radius: 18px !important;

	background: #000 !important;

	box-shadow: 0 4px 18px rgba(0,0,0,.25) !important;

	cursor: pointer !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	opacity: 1 !important;
	visibility: visible !important;
}

#custom-superchat-button img {
	width: 28px !important;
	height: 28px !important;

	display: block !important;

	margin: 0 !important;
	padding: 0 !important;

	opacity: 1 !important;
}


#superchat-consent-overlay {
	position: fixed;
	inset: 0;
	z-index: 999999;

	background: rgba(0,0,0,.45);

	align-items: center;
	justify-content: center;

	padding: 20px;
}

#superchat-consent-overlay[hidden] {
	display: none !important;
}

#superchat-consent-overlay:not([hidden]) {
	display: flex !important;
}




#superchat-consent-box {
	position: relative;

	width: 100%;
	max-width: 430px;

	box-sizing: border-box;

	background: #fff !important;
	color: #222 !important;

	/* keine runden Ecken */
	border-radius: 0 !important;

	padding: 30px;

	box-shadow: 0 10px 40px rgba(0,0,0,.25);
}

#superchat-consent-box h3 {
	margin: 0 0 20px 0;

	color: #222 !important;
}

#superchat-consent-box p {
	margin: 0 0 25px 0;

	line-height: 1.55;

	color: #222 !important;
}



#superchat-consent-accept {
	appearance: none !important;
	-webkit-appearance: none !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	min-height: 48px !important;

	margin: 0 12px 0 0 !important;
	padding: 12px 18px !important;

	border: 0 !important;
	border-radius: 0 !important;

	background: #000 !important;
	color: #fff !important;

	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;

	text-transform: uppercase;

	cursor: pointer !important;

	opacity: 1 !important;
	visibility: visible !important;
}

#superchat-consent-accept:hover,
#superchat-consent-accept:focus {
	background: #222 !important;
	color: #fff !important;
}




#superchat-consent-cancel {
	appearance: none !important;
	-webkit-appearance: none !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	min-height: 48px !important;

	margin: 0 !important;
	padding: 12px 18px !important;

	border: 0 !important;
	border-radius: 0 !important;

	background: transparent !important;
	color: #000 !important;

	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;

	text-transform: uppercase;

	cursor: pointer !important;

	opacity: 1 !important;
	visibility: visible !important;
}

#superchat-consent-cancel:hover,
#superchat-consent-cancel:focus {
	background: #eee !important;
	color: #000 !important;
}



#superchat-consent-close {
	appearance: none !important;
	-webkit-appearance: none !important;

	position: absolute !important;

	right: 12px !important;
	top: 12px !important;

	width: 36px !important;
	height: 36px !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 0 !important;

	background: transparent !important;
	color: #000 !important;

	font-size: 28px !important;
	font-weight: 400 !important;
	line-height: 1 !important;

	cursor: pointer !important;

	opacity: 1 !important;
	visibility: visible !important;
}

#superchat-consent-close:hover,
#superchat-consent-close:focus {
	background: #eee !important;
	color: #000 !important;
}

	#custom-superchat-button.superchat-hidden {
	display: none !important;
}

/* ========================================
   MOBILE
   ======================================== */

@media (max-width: 480px) {

	#superchat-consent-box {
		padding: 25px 20px;
	}

	#superchat-consent-accept,
	#superchat-consent-cancel {
		font-size: 15px !important;
	}

}