/**
Theme Name: NOSUN
Author: NOSUN GmbH
Author URI: https://no-sun.com
Description: NOSUN WordPress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nosun
*/

/* Elementor Maintenance Mode
--------------------------------------------------------- */
.elementor-maintenance-mode .container {
	width: 100%;
	max-width: 100%;
	padding: 0;
}
.elementor-maintenance-mode .entry-title, .elementor-maintenance-mode .entry-meta, .elementor-maintenance-mode .below-single-nav, .elementor-maintenance-mode header, .elementor-maintenance-mode footer {
	display:none !important;
}
/* Elementor overwrites
--------------------------------------------------------- */
.mb0, .mb0 p, .mb0 h1, .mb0 .elementor-widget-heading h2.elementor-heading-title, h2.mb0, .mb0 .elementor-widget-heading h3.elementor-heading-title, h3.mb0, .mb0 .elementor-widget-heading h4.elementor-heading-title, h4.mb0 {
	margin-bottom: 0 !important;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
	padding: 0;
}
.elementor-top-section > .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
	padding: 0px;
}
body .elementor-widget:not(:last-child) {
	margin-bottom: 0;
}
.entry-content .elementor-section.elementor-section-boxed > .elementor-container {
	max-width: var(--container-width);
}
.elementor-screen-only, .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible {
	position: absolute;
	top: -10000em;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

/* Elementor Basis Galerie
--------------------------------------------------------- */
#content .elementor-widget-image-gallery .elementor-widget-container {
	max-width: var(--container-width);
	padding-left: var(--gap-default);
	padding-right: var(--gap-default);
	margin: auto;
}
#content .elementor-widget-image-gallery .elementor-widget-container .gallery {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--gap-default);
}
#content .elementor-widget-image-gallery .elementor-widget-container .gallery .gallery-item {
    margin-top: 0;
    width: 100%;
    max-width: 100%;
}
#content .elementor-widget-image-gallery .elementor-widget-container .gallery .gallery-item img {
    border: none;
}

@media (min-width: 768px) {
	#content .elementor-widget-image-gallery .elementor-widget-container .gallery {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* Elementor Toggle & Tabs & Image Box
--------------------------------------------------------- */
.elementor-widget-image-box .elementor-image-box-title a:hover,
.elementor-tab-title.elementor-active,
.elementor-tab-title.elementor-active .elementor-toggle-title {
	color: var(--c-primary);
}

/* Base Styles
--------------------------------------------------------- */
::selection {
	background-color: var(--c-primary);
	color: var(--c-white);
}
* {
	box-sizing: border-box;
}
/* NOTE
html is set to 62.5% so that all the REM measurements
are based on 10px sizing. So basically 1.5rem = 15px */
html {
	font-size: 62.5%;
	overflow-x: hidden;
}
body {
	font-size: 1.8em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: var(--lh-m);
	font-weight: 400;
	font-family: var(--ff-default);
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: var(--c-text);
	margin: 0;
	padding: 0;
}
.bg-primary {
	background-color:var(--c-primary);
}

/* Typography
--------------------------------------------------------- */
.elementor-widget-heading h1.elementor-heading-title, .entry-content h1, h1,
.elementor-widget-heading h2.elementor-heading-title, .entry-content h2, h2,
.elementor-widget-heading h3.elementor-heading-title, .entry-content h3, h3,
.elementor-widget-heading h4.elementor-heading-title, .entry-content h4, h4,
.elementor-widget-heading h5.elementor-heading-title, .entry-content h5, h5,
.elementor-widget-heading h6.elementor-heading-title, .entry-content h6, h6 {
	margin-top: 0;
	margin-bottom: var(--gap-default);
	font-weight: 700;
	color: var(--c-headlines);
	font-family: var(--ff-alt);
}
.elementor-widget-heading h2.elementor-heading-title.h1, .entry-content h2.h1, h2.h1,
.elementor-widget-heading h3.elementor-heading-title.h1, .entry-content h3.h1, h3.h1,
.elementor-widget-heading h4.elementor-heading-title.h1, .entry-content h4.h1, h4.h1,
.elementor-widget-heading h5.elementor-heading-title.h1, .entry-content h5.h1, h5.h1,
.elementor-widget-heading h6.elementor-heading-title.h1, .entry-content h6.h1, h6.h1,
.elementor-widget-heading h1.elementor-heading-title, .entry-content h1, h1 {
	/* neuer wordpress standard:
	 * clamp({fluid.min}, {fluid.min} + ((1vw - 0.48rem) * 1.592), {fluid.max});
	 * */
	font-size: clamp(2.6rem, 2.6rem + ((1vw - 0.48rem) * 1.592), 7.2rem);
}
.elementor-widget-heading h1.elementor-heading-title.h2, .entry-content h1.h2, h1.h2,
.elementor-widget-heading h3.elementor-heading-title.h2, .entry-content h3.h2, h3.h2,
.elementor-widget-heading h4.elementor-heading-title.h2, .entry-content h4.h2, h4.h2,
.elementor-widget-heading h5.elementor-heading-title.h2, .entry-content h5.h2, h5.h2,
.elementor-widget-heading h6.elementor-heading-title.h2, .entry-content h6.h2, h6.h2,
.elementor-widget-heading h2.elementor-heading-title, .entry-content h2, h2 {
	font-size: clamp(2.2rem, 2.6vw, 4.0rem);
}
.elementor-widget-heading h1.elementor-heading-title.h3, .entry-content h1.h3, h1.h3,
.elementor-widget-heading h2.elementor-heading-title.h3, .entry-content h2.h3, h2.h3,
.elementor-widget-heading h4.elementor-heading-title.h3, .entry-content h4.h3, h4.h3,
.elementor-widget-heading h5.elementor-heading-title.h3, .entry-content h5.h3, h5.h3,
.elementor-widget-heading h6.elementor-heading-title.h3, .entry-content h6.h3, h6.h3,
.elementor-widget-heading h3.elementor-heading-title, .entry-content h3, h3 {
	font-size: clamp(2.0rem, 2.2vw, 3.4rem);
}
.elementor-widget-heading h4.elementor-heading-title, .entry-content h4, h4 {
	font-size: clamp(1.8rem, 1.2vw, var(--fs-l));
}
.elementor-widget-heading h5.elementor-heading-title, .entry-content h5, h5 {
	font-size: var(--fs-s);
}
.elementor-widget-heading h6.elementor-heading-title, .entry-content h6, h6 {
	font-size: var(--fs-s);
}
.elementor-widget-heading h1.elementor-heading-title.h11, .entry-content h1.h11, h1.h11,
.elementor-widget-heading h2.elementor-heading-title.h11, .entry-content h2.h11, h2.h11,
.elementor-widget-heading h2.elementor-heading-title.h11, .entry-content h2.h11, h2.h11,
.elementor-widget-heading h3.elementor-heading-title.h11, .entry-content h3.h11, h3.h11,
.elementor-widget-heading h4.elementor-heading-title.h11, .entry-content h4.h11, h4.h11,
.elementor-widget-heading h5.elementor-heading-title.h11, .entry-content h5.h11, h5.h11,
.elementor-widget-heading h6.elementor-heading-title.h11, .entry-content h6.h11, h6.h11 {
	color: var(--c-primary);
	text-transform: uppercase;
}
@media (max-width:767px) {
	body {
		font-size:1.6em;
	}
}

.uppercase { text-transform: uppercase; }

.ff-default { font-family: var(--ff-default); }
.ff-alt 	{ font-family: var(--ff-alt); }

.fs-xl { font-size: var(--fs-xl); }
.fs-l  { font-size: var(--fs-l);  }
.fs-m  { font-size: var(--fs-m);  }
.fs-s  { font-size: var(--fs-s);  }
.fs-xs { font-size: var(--fs-xs); }

.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }

.ls-l { letter-spacing: var(--ls-l); }
.ls-m { letter-spacing: var(--ls-m); }
.ls-s { letter-spacing: var(--ls-s); }

.lh-l { line-height: var(--lh-l); }
.lh-m { line-height: var(--lh-m); }
.lh-s { line-height: var(--lh-s); }

.c-primary 	 { color:var(--c-primary) !important; }
.c-secondary { color:var(--c-secondary) !important; }
.c-white 	 { color:var(--c-white) !important; }
.c-danger 	 { color:var(--c-danger) !important; }
.c-success 	 { color:var(--c-success) !important; }

.entry-content p, p {
	margin-top: 0;
	margin-bottom: var(--gap-default);
	hyphens: auto;
}


/* Links
--------------------------------------------------------- */
a {
	outline: 0 !important;
	color: var(--c-primary);
	text-decoration: none;
	transition: all var(--a-timing-default) var(--a-easing-default);
}
a:hover {
	color: var(--c-primary-alt);
}
/*.wysiwyg a,
.elementor-widget-text-editor a {
	display: inline-block;
	background: linear-gradient(top bottom, transparent calc(100% - 1px), var(--c-primary));
}*/


/* lists
--------------------------------------------------------- */
ol, ul {
	margin: 0;
	padding: 0;
}
.wysiwyg ol,
.elementor-widget-text-editor ol {
	counter-reset: li;
	list-style: none;
	margin: 0 0 var(--gap-default) 0;
}
.wysiwyg ul,
.elementor-widget-text-editor ul {
	list-style: none;
	margin: 0 0 var(--gap-default) 0;
}
.wysiwyg ol ol, .elementor-widget-text-editor ol ol,
.wysiwyg ul ul, .elementor-widget-text-editor ul ul {
	margin-bottom: 0;
}
.wysiwyg ol li,
.wysiwyg ul li,
.elementor-widget-text-editor ol li:not(.elementor-editor-element-edit),
.elementor-widget-text-editor ul li:not(.elementor-editor-element-edit) {
	padding-left: var(--gap-default);
	position: relative;
}
/*.elementor-widget-text-editor ol > li:not(.elementor-editor-element-edit):before,*/
.wysiwyg ul li::before,
.elementor-widget-text-editor ul li:not(.elementor-editor-element-edit)::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1.2rem;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 0.6rem;
	background-color: var(--c-text);
}
.wysiwyg ul li ul li::before,
.elementor-widget-text-editor ul li:not(.elementor-editor-element-edit) ul li::before {
	border: 1px solid;
	background-color: transparent;
	border-color: var(--c-text);
}
.wysiwyg ol > li::before,
.elementor-widget-text-editor ol > li:not(.elementor-editor-element-edit)::before {
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
	content: counter(li) ".";
	counter-increment: li;
}


/* 404 & Search
--------------------------------------------------------- */
.search #content .container,
.search #post-0,
.fourohfour-wrapper {
	min-height: 70vh;
	padding-top: var(--gap-default);
	padding-bottom: var(--gap-default);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


/* images
--------------------------------------------------------- */
#content img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}


/* helper classes
--------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.fn { float: none; }

.w100 { width: 100%; }


/* Buttons
--------------------------------------------------------- */
/* alignment */
.button-wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
}
.button-wrapper.align-center {
	justify-content: 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) !important;
		margin-left: var(--gap-half) !important;
	}
	.button-wrapper.two-buttons .button {
		margin-right: var(--gap-default) !important;
	}
	.button-wrapper.align-right.two-buttons .button {
		margin-left: var(--gap-default) !important;
	}
}
/* Default Button */
.elementor-widget-button .elementor-button, input#submit, input[type="button"], input[type="submit"], .button {
	font-size: var(--fs-s);
	padding: 1.2rem calc(var(--gap-default) * 2);
	border-radius: var(--border-radius);
	line-height: var(--lh-s);
	color: var(--c-white);
	text-align: center;
	background-color: var(--c-primary);
	text-decoration: none !important;
	display: inline-block;
	transition: all var(--a-timing-default) var(--a-easing-default);
	position: relative;
	border: 1px solid;
	border-color: var(--c-primary);
	margin-bottom: var(--gap-default);
	-webkit-appearance: none;
}
.elementor-widget-button .elementor-button:hover, input#submit:hover, input[type="button"]:hover, input[type="submit"]:hover, .button:hover {
	background-color: var(--c-primary-alt);
	color: var(--c-white);
	border-color: var(--c-primary-alt);
}
/* Primary Outline */
.elementor-widget-button.outline .elementor-button,
.button.outline {
	background-color: transparent;
	color: var(--c-primary);
	border-color: var(--c-primary);
}
.elementor-widget-button.outline .elementor-button:hover,
.button.outline:hover {
	background-color: var(--c-primary);
	color: var(--c-white);
	border-color: var(--c-primary);
}
/* Danger Button (secondary color) */
.elementor-widget-button.secondary .elementor-button,
.button.secondary {
	background-color: var(--c-secondary);
	border-color: var(--c-secondary);
}
.elementor-widget-button.secondary .elementor-button:hover,
.button.secondary:hover {
	background-color: var(--c-secondary-alt);
	border-color: var(--c-secondary-alt);
}
/* Danger Outline (secondary color) */
.elementor-widget-button.secondary.outline .elementor-button,
.button.secondary.outline {
	background-color: transparent;
	color: var(--c-secondary);
	border-color: var(--c-secondary);
}
.elementor-widget-button.secondary.outline .elementor-button:hover,
.button.secondary.outline:hover {
	background-color: var(--c-secondary);
	color: var(--c-white);
	border-color: var(--c-secondary);
}
/* White Button */
.elementor-widget-button.white .elementor-button,
.button.white {
	background-color: var(--c-white);
	color: var(--c-text);
	border-color: var(--c-white);
}
.elementor-widget-button.white .elementor-button:hover,
.button.white:hover {
	background-color: var(--c-lightest-gray);
	border-color: var(--c-lightest-gray);
}
/* White Outline Button */
.elementor-widget-button.white.outline .elementor-button,
.button.white.outline {
	background-color: transparent;
	color: var(--c-white);
	border-color: var(--c-white);
}
.elementor-widget-button.white.outline .elementor-button:hover,
.button.white.outline:hover {
	background-color: var(--c-white);
	color: var(--c-text);
	border-color: var(--c-white);
}
/* Danger Button */
.elementor-widget-button.danger .elementor-button,
.button.danger {
	background-color: var(--c-danger);
	border-color: var(--c-danger);
}
.elementor-widget-button.danger .elementor-button:hover,
.button.danger:hover {
	background-color: var(--c-danger-alt);
	border-color: var(--c-danger-alt);
}
/* Danger Outline Button */
.elementor-widget-button.danger.outline .elementor-button,
.button.danger.outline {
	background-color: transparent;
	color: var(--c-danger);
	border-color: var(--c-danger);
}
.elementor-widget-button.danger.outline .elementor-button:hover,
.button.danger.outline:hover {
	background-color: var(--c-danger);
	color: var(--c-white);
	border-color: var(--c-danger);
}
/* Success Button */
.elementor-widget-button.success .elementor-button,
.button.success {
	background-color: var(--c-success);
	border-color: var(--c-success);
}
.elementor-widget-button.success .elementor-button:hover,
.button.success:hover {
	background-color: var(--c-success-alt);
	border-color: var(--c-success-alt);
}
/* Success Outline Button */
.elementor-widget-button.success.outline .elementor-button,
.button.success.outline {
	background-color: transparent;
	color: var(--c-success);
	border-color: var(--c-success);
}
.elementor-widget-button.success.outline .elementor-button:hover,
.button.success.outline:hover {
	background-color: var(--c-success);
	color: var(--c-white);
	border-color: var(--c-success);
}
/* Icon Button */
input#submit.icon-button.icon-pos-icon_left, input[type="button"].icon-button.icon-pos-icon_left, input[type="submit"].icon-button.icon-pos-icon_left, .button.icon-button.icon-pos-icon_left {
	padding-left: calc(var(--gap-default) * 2);
}
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 {
	padding-right: calc(var(--gap-default) * 2);
}
.button-text {
	display: inline-block;
	vertical-align: top;
}
.button-icon-wrap {
	float: right;
	display: inline-block;
	margin-right: -0.4rem;
	vertical-align: top;
	margin-left: var(--gap-half);
}
.icon-pos-icon_left .button-icon-wrap {
	float: left;
	margin-left: -0.4rem;
	margin-right: var(--gap-half);
}
.button-icon-wrap i,
.button-icon-wrap svg {
	font-size: var(--fs-m);
	height: var(--fs-m);
}
/* Scroll to top Button */
.scrolltop-btn {
	position: fixed;
	bottom: var(--gap-default);
	right: var(--gap-default);
	z-index: 1010;
	background-color: var(--c-primary);
	color: var(--c-white);
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: block;
	border-radius: var(--border-radius);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all var(--a-timing-default) var(--a-easing-default);
}
.scrolltop-btn:hover {
	background-color: var(--c-primary-alt);
}
.scrolltop-btn.visible {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}
.scrolltop-btn svg {
	display: inline-block;
	position: relative;
	top: 5px;
}


/* Header
--------------------------------------------------------- */
header#header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	box-shadow: 0 -5px 20px 0 rgba(0,0,0,.1);
	background-color: var(--c-white);
	z-index: 1030;
	padding-top: var(--gap-half);
	padding-bottom: var(--gap-half);
	transform: translateY(-100px);
	transition: all var(--a-timing-default) var(--a-easing-default);
}
.mobile-menu-open header#header,
header#header.visible {
	transform: translateY(0px);
}
.elementor-editor-active header#header {
	position: static !important;
	transform: translateY(0px) !important;
}
#logo {
	display: inline-block;
	vertical-align: top;
}
#logo img,
#logo svg {
	height: 80px;
	width: auto !important;
	float:left;
	transition: all var(--a-timing-default) var(--a-easing-default);
}
.sticky-nav #logo img,
.sticky-nav #logo svg {
	height: 60px;
}
@media (max-width: 767px) {
	header#header .header-middle .grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

#mobile-menu-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	min-height: 100%;
	z-index: 1020;
	transition: all var(--a-timing-default) var(--a-easing-default);
	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-y: auto;
	overflow-x: hidden;
	background-color: var(--c-white);
	padding: var(--gap-default) 0;
}
.mobile-menu-inner > .container {
	min-height: 100%;
	display: flex;
	align-items: center;
}

.burger {
	display: inline-block;
	float: right;
	width: 50px;
	height: 50px;
	position: relative;
	cursor: pointer;
}
.burger::before,
.burger::after,
.burger .patty {
	content: "";
	width: 30px;
	height: 2px;
	position: absolute;
	background-color: var(--c-text);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: transform var(--a-timing-default) var(--a-easing-default) 0s,
				top var(--a-timing-default) var(--a-easing-default) var(--a-timing-default),
				bottom var(--a-timing-default) var(--a-easing-default) var(--a-timing-default),
				opacity var(--a-timing-default) var(--a-easing-default) var(--a-timing-default);
}
.burger::before {
	top: -12px;
}
.burger::after {
	bottom: -12px;
}
.mobile-menu-open .burger::before {
	transform: rotate(45deg);
	top: 0;
	transition: transform var(--a-timing-default) var(--a-easing-default) var(--a-timing-default),
				top var(--a-timing-default) var(--a-easing-default) 0s,
				bottom var(--a-timing-default) var(--a-easing-default) 0s;
}
.mobile-menu-open .burger::after {
	transform: rotate(-45deg);
	bottom: 0;
	transition: transform var(--a-timing-default) var(--a-easing-default) var(--a-timing-default),
				top var(--a-timing-default) var(--a-easing-default) 0s,
				bottom var(--a-timing-default) var(--a-easing-default) 0s;
}
.mobile-menu-open .burger .patty {
	opacity: 0;
	transition: transform var(--a-timing-default) var(--a-easing-default) 0s,
				top var(--a-timing-default) var(--a-easing-default) var(--a-timing-default),
				bottom var(--a-timing-default) var(--a-easing-default) var(--a-timing-default),
				opacity var(--a-timing-default) var(--a-easing-default) 0s;
}

@media (min-width: 1081px) {
	.burger {
		display: none;
	}
}

/* Menus
--------------------------------------------------------- */
/* Main Menu  */
header#header .menu-hauptmenue-container {
	display: none;
}
#main-menu {
	list-style: none;
	float: right;
}
#main-menu li {
	float: left;
}
#main-menu li a {
	color: var(--c-text);
	display: inline-block;
	float: left;
	padding: 1.2rem 3rem;
	text-decoration: none;
	font-weight: bold;
}
#main-menu li.current-page-ancestor > a,
#main-menu li.current-menu-ancestor > a,
#main-menu li.current-menu-item > a,
#main-menu li a:hover {
	color: var(--c-primary);
}
@media (min-width: 1081px) {
	header#header .menu-hauptmenue-container {
		display: block;
	}
}
#main-menu li.menu-item-has-children {
	position: relative;
}
#main-menu > li > .sub-menu {
	position: absolute;
	top: 100%;
	left:0;
	right:auto;
	padding: var(--gap-half);
	background-color: var(--c-white);
	min-width: 260px;
	box-shadow: var(--box-shadow-default);
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transform: translateY(1rem);
	transition: all var(--a-timing-default) var(--a-easing-default);
}
#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;
}
#main-menu .sub-menu li {
	width: 100%;
	display: inline-block;
}
#main-menu .sub-menu li a {
	padding-top: .6rem;
	padding-bottom: .6rem;
}
#main-menu .sub-menu .sub-menu {
	padding-left: var(--gap-default);
	padding-right: var(--gap-default);
}


/* Mobile Menu  */
#mobile-main-menu {
	list-style: none;
}
#mobile-main-menu li a {
	font-size: var(--fs-l);
	display: inline-block;
	margin: 1rem 0;
	text-decoration: none;
	color: var(--c-text);
}
#mobile-main-menu li.current-menu-item a,
#mobile-main-menu li a:hover {
	color: var(--c-primary);
}
#mobile-main-menu .sub-menu {
	padding-left:var(--gap-default);
	list-style: none;
}
#mobile-main-menu .sub-menu li a {
	font-size: var(--fs-m);
	margin: .5rem 0;
}


/* Footer Menu  */
#footer-menu {
	/*list-style: none;*/
}
#footer-menu li {
	float: left;
	width: 100%;
	margin: 0 0 0.6rem 0;
	list-style: none;
}
#footer-menu li a {
	display: inline-block;
	float: left;
	padding: 0.2rem 0.0rem;
	text-decoration: none;
}


/* Content
--------------------------------------------------------- */
#content {
	padding: 18rem 0 12rem;
}
.content-wrapper {
	width: 100%;
	max-width: var(--container-width);
	padding-left: var(--gap-default);
	padding-right: var(--gap-default);
	margin: auto;
}

/* Fancybox fix
--------------------------------------------------------- */
.fancybox__container {
	z-index: 9990 !important;
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
	border-width: 2px !important;
	border-color: var(--c-primary) !important;
}


/* Contact form 7
--------------------------------------------------------- */
input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	border: 1px solid var(--c-light-gray);
	border-radius: var(--border-radius);
	padding: 9px 32px !important;
	height: 50px;
	font-size: var(--fs-s);
	line-height: 50px;
}
input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=reset]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
	border-color: var(--c-primary) !important;
}
.k-smalltext,
input[type=email]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=reset]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, input[type=url]::placeholder, select::placeholder, textarea::placeholder {
	font-size: var(--fs-s);
	color: var(--c-light-gray);
}	
textarea {
	height: auto;
	min-height: 250px;
	width: 100%;
	max-width: 100%;
	padding: var(--gap-half) var(--gap-default) !important;
}
input#submit, input[type="button"], input[type="submit"] {
	margin-top: var(--gap-default);
}


/* lightgallery.js
--------------------------------------------------------- */
.lg-outer .lg-thumb-item {
	border-radius: var(--border-radius);
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
	border-color: var(--c-primary) !important;
	border-radius: var(--border-radius);
}


/* Footer
--------------------------------------------------------- */
footer#footer .footer-middle {
	background-color: var(--c-lightest-gray);
	padding-top: calc(var(--gap-default) * 2);
	padding-bottom: calc(var(--gap-default) * 2);
}
footer#footer .footer-bottom {
	background-color: var(--c-text);
	color: var(--c-white);
	padding-top: var(--gap-default);
	padding-bottom: var(--gap-default);
}
.copyright {
	width: 100%;
	text-align: center;
	display: inline-block;
}


/* display none
--------------------------------------------------------- */
.hidden {
	display: none !important;
}



/* media queries
should be added under each section
--------------------------------------------------------- */