/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/



/* Basics
========================================================================= */

/* Basics: Fonts
---------------------------------------------- */

@font-face {
	font-family: 'FuturaNowText';
	src: url('f/f/futuranow_regular.eot'); /* IE9 Compat Modes */
	src: url('f/f/futuranow_regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('f/f/futuranow_regular.woff2') format('woff2'), /* Modern Browsers */
		 url('f/f/futuranow_regular.woff') format('woff'), /* Modern Browsers */
		 url('f/f/futuranow_regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('f/f/futuranow_regular.svg#futuranow_regular') format('svg'); /* Legacy iOS */
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'FuturaNowText';
	src: url('f/f/futuranow_regular_italic.eot'); /* IE9 Compat Modes */
	src: url('f/f/futuranow_regular_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('f/f/futuranow_regular_italic.woff2') format('woff2'), /* Modern Browsers */
		 url('f/f/futuranow_regular_italic.woff') format('woff'), /* Modern Browsers */
		 url('f/f/futuranow_regular_italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('f/f/futuranow_regular_italic.svgfuturanow_regular_italic') format('svg'); /* Legacy iOS */
	font-style: italic;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'FuturaNowText';
	src: url('f/f/futuranow_bold.eot'); /* IE9 Compat Modes */
	src: url('f/f/futuranow_bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('f/f/futuranow_bold.woff2') format('woff2'), /* Modern Browsers */
		 url('f/f/futuranow_bold.woff') format('woff'), /* Modern Browsers */
		 url('f/f/futuranow_bold.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('f/f/futuranow_bold.svg#FuturaNowText-Bd') format('svg'); /* Legacy iOS */
	font-style: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'PlantinNowText';
	src: url('f/p/pn-regular.eot'); /* IE9 Compat Modes */
	src: url('f/p/pn-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('f/p/pn-regular.woff2') format('woff2'), /* Modern Browsers */
		 url('f/p/pn-regular.woff') format('woff'), /* Modern Browsers */
		 url('f/p/pn-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('f/p/pn-regular.svg#pn-regular') format('svg'); /* Legacy iOS */
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'PlantinNowText';
	src: url('f/p/pn-regular-italic.eot'); /* IE9 Compat Modes */
	src: url('f/p/pn-regular-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('f/p/pn-regular-italic.woff2') format('woff2'), /* Modern Browsers */
		 url('f/p/pn-regular-italic.woff') format('woff'), /* Modern Browsers */
		 url('f/p/pn-regular-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('f/p/pn-regular-italic.svg#pn-regular-italic') format('svg'); /* Legacy iOS */
	font-style: italic;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}





/* Basics: Basic design
---------------------------------------------- */

:root {
	--flint-black-100: #000;
	--flint-black-200: #0b151a;
	--flint-black-300: 	#1d1720;
	--flint-black-400: #232323;
	--flint-black-500: #1f1514;
	--flint-gray-100: #555;
	--flint-gray-200: #777;
	--flint-gray-300: #aaa;
	--flint-gray-400: #bbb;
	--flint-gray-500: #ddd;
	--flint-gray-600: #eee;
	--flint-warmwhite-100: #ebe7e0;
	--flint-warmwhite-200: #f3f0ea;
	--flint-warmwhite-300: #e8e4dd;
	--flint-warmwhite-400: #dfdad2;
	--flint-warmwhite-500: #dad4ca;
	--flint-warmwhite-600: #b8b2a7;
	--flint-warmwhite-700: #959088;
	--flint-warmwhite-800: #79746e;
	--flint-warmwhite-900: #57534e;
	--flint-warmwhite-1000: #f3f0e9;
	--flint-brown-100: #160f01;
	--flint-brown-200: #1c1301;
	--flint-brown-300: #231802;
	--flint-brown-400: #2d2108;
	--flint-blue-100: #091166;
	--flint-blue-200: #121d9d;
	--flint-blue-300: #3452ff;
	--flint-blue-400: #5664ff;
	--flint-blue-700: #dcc8ff;
	--flint-purple-100: #121020;
	--flint-purple-200: #26243c;
	--flint-purple-300: #9995c8;
	--flint-purple-400: #cdcaee;
	--flint-green-100: #001107;
	--flint-green-200: #0c2b18;
	--flint-green-300: #005521;
	--flint-green-400: #305900;
	--flint-green-500: #457d00;
	--flint-green-600: #00b90c;
	--flint-green-700: #61cf79;
	--flint-green-800: #00ff38;
	--flint-green-900: #e0e9d1;
	--flint-greenyellow-100: #ebff78;
	--flint-greenyellow-200: #e7fb00;
	--flint-greenyellow-300: #bfd927;
	--flint-red-100: #e10000;
	--flint-red-200: #920000;
	--flint-basefont: "FuturaNowText";
	--flint-basefont-weight: 400;
	--flint-basefont-letterspacing: -0.012em;
	--flint-fineprint: -0.017em;
	--flint-h1-letterspacing: -0.032em;
	--flint-h2-letterspacing: -0.018em;
	--flint-h3-letterspacing: -0.02em;
	--flint-h4-letterspacing: -0.02em;
	--flint-h5-letterspacing: -0.016em;
	--flint-h6-letterspacing: -0.016em;
	--flint-fontsize-9px: 0.5625rem;
	--flint-fontsize-10px: 0.625rem;
	--flint-fontsize-11px: 0.6875rem;
	--flint-fontsize-12px: 0.75rem;
	--flint-fontsize-14px: 0.875rem;
	--flint-fontsize-15px: 0.9375rem;
	--flint-fontsize-16px: 1rem;
	--flint-fontsize-18px: 1.125rem;
	--flint-fontsize-19px: 1.1875rem;
	--flint-fontsize-20px: 1.25rem;
	--flint-fontsize-22px: 1.375rem;
	--flint-fontsize-24px: 1.5rem;
	--flint-fontsize-28px: 1.75rem;
	--flint-fontsize-30px: 1.875rem;
	--flint-fontsize-32px: 2rem;
	--flint-fontsize-36px: 2.25rem;
	--flint-fontsize-40px: 2.5rem;
	--flint-fontsize-48px: 3rem;
	--flint-fontsize-56px: 3.5rem;
	--flint-fontsize-64px: 4rem;
	--flint-fontsize-72px: 4.5rem;
	--flint-content-padding: 40px;
	
	/* Light Mode */
	--flint-logo-black: url('/wp-content/uploads/2026/02/logo_flint_black_website.svg');
	--flint-logo-white: url('/wp-content/uploads/2026/04/logo_flint_warmwhite-500_website.svg');
	--flint-text: var(--flint-brown-300);
	--flint-light: var(--flint-warmwhite-100);
	--flint-warm-light: var(--flint-warmwhite-400);
	--flint-warm-dark: var(--flint-warmwhite-700);
	--flint-dark: var(--flint-brown-200);
	--flint-white: #fff;
	--flint-black: #000;
	--flint-green-light: var(--flint-green-700);
	--flint-green-dark: var(--flint-green-800);
	--flint-bg-light: var(--flint-warmwhite-300);
	--flint-bg-dark: var(--flint-brown-200);
	--flint-bg-transparent: transparent;  /* Only when using background images in Light mode */
	--flint-link-color: var(--flint-warmwhite-900);
	--flint-link-border: var(--flint-warmwhite-600);
	--flint-link-hover: var(--flint-black);
	--flint-border-color: var(--flint-warmwhite-700);
	--flint-cursor-pill-text: var(--flint-warmwhite-300);
	--flint-cursor-pill-bg: rgba(24, 16, 0, 0.7);
	--flint-cookieconsent-text: var(--flint-warmwhite-300);
	--flint-cookieconsent-bg: rgba(35, 24, 2, 0.9);
	--flint-bar-default: rgba(223, 218, 210, 0.8);
	--flint-bar-active: var(--flint-brown-100);	
}

html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

::-moz-selection {
	color: var(--flint-warmwhite-200) !important;
	background: var(--flint-brown-400) !important;
}

::selection {
	color: var(--flint-warmwhite-200) !important;
	background: var(--flint-brown-400) !important;
}



/* Basic definitions
---------------------------------------------- */

/* Basics */

body, 
.nectar-font-body, 
h1, 
h3, 
h4, 
h5, 
.nectar-font-h1, 
.nectar-font-h3, 
.nectar-font-h4, 
.nectar-font-h5, 
label, 
.nectar-font-label:not(.section-title), 
.content-container, 
.content-container a, 
#content-holder .thumb .thumb-hover-meta .title, 
#content-holder .thumb .thumb-hover-meta .category, 
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn, 
#cmplz-manage-consent .cmplz-manage-consent, 
body.maintenance h2, 
body.maintenance .nectar-font-h2, 
#slide-out-widget-area .inner .off-canvas-menu-container li > a, 
#arrow-icon {
	font-family: "FuturaNowText", helvetica, arial, sans-serif !important;
	font-weight: normal !important;
	font-style: normal !important;
	letter-spacing: -0.024em !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

label, 
.nectar-font-label:not(.section-title) {
	/* 
	font-size: 0.875rem !important;
	font-weight: 400 !important;
	font-style: normal !important;
	color: var(--flint-black-100) !important;
	letter-spacing: -0.01em !important;
	line-height: 1.3em !important;
	text-transform: none !important; */
	
	/*
	font-family: "plantin", sans-serif !important;
	font-size: 0.75rem !important;
	font-weight: 400 !important;
	font-style: normal !important;
	letter-spacing: var(--flint-h6-letterspacing) !important;
	color: var(--flint-purple-100) !important;
	line-height: 1.3em !important;
	word-spacing: -0.05em !important;
	text-transform: none !important; */
	
	/*
	font-family: plantin !important;
	font-size: 0.675rem !important;
	font-weight: 400 !important;
	font-style: normal !important;
	color: var(--flint-black-100) !important;
	letter-spacing: 0.07em !important;
	line-height: 1.3em !important;
	text-transform: uppercase !important; */
	
	/* 
	font-family: "plantin", serif !important;
	font-size: var(--flint-fontsize-16px) !important;
	font-weight: 400 !important;
	font-style: italic !important;
	font-feature-settings: "liga" on;
	letter-spacing: 0.005em !important;
	line-height: 1.3em !important;
	text-transform: none !important; */
	
	/* 
	font-family: "plantin", sans-serif !important;
	font-size: 0.875rem !important;
	font-weight: 300 !important;
	font-style: normal !important;
	font-feature-settings: "smcp";
	letter-spacing: 0.04em !important;
	color: var(--flint-purple-100) !important;
	line-height: 1.3em !important;
	word-spacing: -0.02em !important;
	text-transform: lowercase !important; */
	
	font-size: 0.6875rem !important;
	font-weight: 300 !important;
	font-style: normal !important;
	letter-spacing: 0.07em !important;
	color: var(--flint-purple-100) !important;
	line-height: 1.3em !important;
	word-spacing: -0.01em !important;
	text-transform: uppercase !important;
}

.nectar-font-label.section-title {
	font-size: var(--flint-fontsize-22px) !important;
	line-height: 1.3em !important;
	letter-spacing: var(--flint-h2-letterspacing) !important;
	word-spacing: -0.012em !important;
	text-transform: none !important;
	margin-bottom: 1.6em;
	
}

.marquee-block .nectar-font-label.section-title {
	margin-bottom: 0.6em;
	padding: 0 calc(var(--flint-content-padding) + 10px) !important;
}

.marquee-block.images .nectar-font-label.section-title {
	padding: 0 calc(var(--flint-content-padding) + 40px) !important;
}

body, 
.nectar-blocks-column .nectar-blocks-text, 
.text-col ul {
	line-height: 1.5em;
}

/* Fix for iOS Safari (background image bug) */
/*
@media (hover: none) and (pointer: coarse) {
  body {
	background-attachment: scroll !important;
  }
}
*/

h2, 
h2 em, 
h6, 
h6 em, 
.nectar-font-h2, 
.nectar-font-h2 em, 
.nectar-font-h6, 
.nectar-font-h6 em, 
body.maintenance h3, 
body.maintenance .nectar-font-h3, 
#cmplz-document > p > i, 
.primarylist em, 
.nectar-font-label.section-title {
	font-family: "PlantinNowText", serif !important;
	font-weight: 400 !important;
	/* font-style: normal !important; */
	font-feature-settings: "liga" on;
	letter-spacing: var(--flint-h2-letterspacing) !important;
	word-spacing: -0.012em !important;
}

h1, 
.nectar-font-h1, 
body:not(.home) .introduction:not(.wide) h2, 
body:not(.home) .introduction:not(.wide) .nectar-font-h2 {
	margin-top: 1.5em;
}

.nectar-block.shop h1, 
.nectar-block.shop h2, 
.nectar-block.shop .nectar-font-h1, 
.nectar-block.shop .nectar-font-h2 {
	margin-top: 0;
}


h1, 
.nectar-font-h1 {
	/* font-size: 1.75rem !important; */
	font-size: var(--flint-fontsize-36px) !important;
	font-weight: normal !important;
	font-style: normal !important;
	letter-spacing: -0.032em !important;
	line-height: 1.2em !important;
	margin-bottom: 0.4em !important;
}

h2, 
.nectar-font-h2 {
	font-size: var(--flint-fontsize-28px) !important;
	line-height: 1.3em !important;
	letter-spacing: var(--flint-h2-letterspacing) !important;
	word-spacing: -0.017em !important;
}

h3, 
.nectar-font-h3 {
	font-size: var(--flint-fontsize-28px) !important;
	text-transform: uppercase !important;
	letter-spacing: var(--flint-h3-letterspacing) !important;
	line-height: 1.3em !important;
}

h4, 
.nectar-font-h4 {
	font-size: var(--flint-fontsize-32px) !important;
	letter-spacing: -0.03em !important;
	line-height: 1.4em !important;
}

h5, 
.nectar-font-h5 {
	font-size: var(--flint-fontsize-20px) !important;
	letter-spacing: var(--flint-h5-letterspacing) !important;
	line-height: 1.3em !important;
}

h6, 
.nectar-font-h6 {
	/* font-size: 1.375rem !important; */
	font-size: var(--flint-fontsize-20px) !important;
	letter-spacing: var(--flint-h6-letterspacing) !important;
	color: var(--flint-purple-100) !important;
	line-height: 1.32em !important;
	word-spacing: -0.03em !important;
}

em, 
em span, 
h6 em, 
.nectar-font-h6 em {
	font-family: inherit !important;
	font-style: italic !important;
	letter-spacing: -0.012em !important;
}

body a,
label span,
.nectar-color-accent-color,
body [class^="icon-"].icon-default-style,
.blog-recent[data-style*="classic_enhanced"] .post-meta a:hover i,
.masonry.classic_enhanced .post .post-meta a:hover i,
.comment-list .comment-meta a:hover,
.comment-list .comment-meta a:focus,
.comment-author a:hover,
.comment-author a:focus,
.post .post-header h2 a,
.post .post-header a:hover,
.post .post-header a:focus,
#single-below-header a:hover,
#single-below-header a:focus,
.comment-list .pingback .comment-body > a:hover,
[data-style="list_featured_first_row"] .meta-category a,
[data-style="list_featured_first_row"] .meta-category a,
.nectar-fancy-box[data-style="color_box_hover"][data-color="accent-color"] .icon-default-style,
div[data-style="minimal"] .toggle:hover > .toggle-title a,
div[data-style="minimal"] .toggle.open > .toggle-title a,
#footer-outer #copyright li a i:hover,
.ascend .comment-list .reply a,
body .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover,
body #sidebar .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover,
body #footer-outer .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover,
#top nav .sf-menu .current_page_item > a .sf-sub-indicator i,
#top nav .sf-menu .current_page_ancestor > a .sf-sub-indicator i,
.sf-menu > .current_page_ancestor > a > .sf-sub-indicator i,
.material .widget .tagcloud a,
#single-below-header a:hover [class^="icon-"],
.wpcf7-form .wpcf7-not-valid-tip,
#header-outer .nectar-menu-label, 
.container-wrap a {
	color: var(--flint-link-color) !important;
	text-decoration: underline solid var(--flint-link-border) !important;
	text-decoration-thickness: 0.1em !important;
	text-underline-offset: 0.1em;
	text-decoration-skip-ink: auto !important;
}

a, 
a:hover, 
.content-container a, 
.content-container a:hover, 
.content-container a.mouseover-none, 
.content-container a.mouseover-none:hover {
	border: none !important;
	font-weight: inherit !important;
}

.container-wrap a:hover {
	color: var(--flint-link-hover) !important;
	text-decoration-thickness: 0.1em !important;
}

/*
#footer-outer[data-link-hover="underline"][data-custom-color="false"] #footer-widgets ul:not([class*="nectar_blog_posts"]):not(.cart_list) a:not(.tag-cloud-link):not(.nectar-button),
#footer-outer[data-link-hover="underline"] #footer-widgets .textwidget a:not(.nectar-button) {
	background-image: linear-gradient(to right, var(--flint-blue-300) 0, var(--flint-blue-300) 100%);
}

a:hover, 
#ajax-content-wrap #footer-outer[data-link-hover="underline"] #footer-widgets ul:not([class*="nectar_blog_posts"]) li > a:not(.tag-cloud-link):not(.nectar-button):hover, 
#footer-outer[data-link-hover="underline"] #footer-widgets .textwidget a:not(.nectar-button):hover {
	color: var(--flint-blue-200) !important;
}
*/

#footer-outer[data-link-hover="underline"][data-custom-color="false"] #footer-widgets ul:not([class*="nectar_blog_posts"]):not(.cart_list) a:not(.tag-cloud-link):not(.nectar-button),
#footer-outer[data-link-hover="underline"] #footer-widgets .textwidget a:not(.nectar-button) {
	background-image: none !important;
}

a:hover {
	text-decoration: underline solid var(--flint-link-hover) !important;
}

#header-outer #top nav > ul > li a, 
body header a, 
body #footer-outer a, 
body #footer-outer a:hover, 
#ajax-content-wrap #footer-outer[data-link-hover="underline"] #footer-widgets ul:not([class*="nectar_blog_posts"]) li > a:not(.tag-cloud-link):not(.nectar-button):hover, 
.nectar-global-section.nectar_hook_global_section_footer > .container ul li a, 
.mode-switcher a {
	text-decoration: none !important;
}



/* Templates
---------------------------------------------- */

body .container-wrap, 
body .nectar-global-section, 
body #footer-outer {
	transition: none !important;
	background: none !important;
}

body.shop .container-wrap {
	height: 80vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

body.shop .container-wrap > .main-content {
	max-width: 90%;
}

XXXbody .container-wrap .contained:not(.mobile), 
body .mainrow, 
.marquee-block h6, 
.gallery-block h6, 
.off-canvas-menu-container, 
body.shop .container-wrap > .main-content, 
body .container-wrap .imagegrid-block {
	padding: 0 var(--flint-content-padding) !important;
}

body .container-wrap div:not(.title-column) .contained:not(.mobile).left,
body .heroimg .contained.left {
	/* padding-left: calc(var(--flint-content-padding) + 7px) !important; */
	padding-left: var(--flint-content-padding) !important;
	padding-right: 0;
}

body .container-wrap div:not(.title-column) .contained:not(.mobile).right,
body .heroimg .contained.right {
	padding-left: 0;
	/* padding-right: calc(var(--flint-content-padding) + 7px) !important; */
	padding-right: var(--flint-content-padding) !important;
}

body .edge:not(.mobile).left {
	margin-left: calc(var(--flint-content-padding) * -1) !important;
}

body .edge:not(.mobile).right {
	margin-right: calc(var(--flint-content-padding) * -1) !important;
}

body .container-wrap [class*="wp-block"].alignfull, 
body .container-wrap [class*="wp-block"].readmore-block,
body .container-wrap [class*="wp-block"].marquee-block,
body .container-wrap [class*="wp-block"].gallery-block {
	padding: 0 !important;
}

body .container-wrap [class*="wp-block"].alignfull:not(.readmore-block), 
body .container-wrap .imagegrid-block.fullwidth, 
body .container-wrap .nectar-blocks-carousel.fullwidth {
	margin: 0 calc(50% - 50vw) !important;
}

body .container-wrap [class*="wp-block"].alignfull:not(.readmore-block) {
	left: 0 !important;
}

body.shop .container-wrap [class*="wp-block"].alignfull:not(.readmore-block) {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

body .container-wrap [class*="wp-block"].alignfull.imagegrid-block {
	padding: 0 var(--flint-content-padding) !important;
}

body .container-wrap .imagegrid-block.fullwidth {
	width: 100vw !important;
	padding: 0 !important;
}

#footer-outer[data-full-width="1"] .container, 
#header-outer[data-full-width="true"] header > .container, 
body[data-slide-out-widget-area-style="simple"] #header-outer[data-full-width="true"] #mobile-menu, 
.nectar-global-section.nectar_hook_global_section_footer > .container {
	padding-left: var(--flint-content-padding) !important;
	padding-right: var(--flint-content-padding) !important;
}

body #footer-outer .container .row {
	/* padding-bottom: calc(var(--flint-content-padding) + 4vh) !important; */
	padding-bottom: 0 !important;
}

.nectar-global-section.nectar_hook_global_section_footer > .container ul li.wp-block-polylang-navigation-language-switcher, 
body #footer-outer #copyright {
	margin-top: 2vh;
}

body #footer-outer #copyright {
	padding: 0 !important;
}

body #footer-outer #copyright .container {
	padding-bottom: calc(var(--flint-content-padding) + 4vh) !important;
}

body #footer-outer #copyright .container p {
	margin: 0 !important;
	color: var(--flint-warmwhite-800) !important;
}

body .container-wrap.narrow > .container {
	max-width: 1200px;
}

body[data-header-resize="0"] .container-wrap, 
body[data-header-resize="0"] .project-title, 
body.error404 .container-wrap {
	padding-top: 2vh;
}

body[data-header-resize="0"] .container-wrap.narrow {
	padding-top: 8vh;
}

body[data-header-resize="0"].home .container-wrap {
	padding-top: 4vh;
}

body .nectar-blocks-row__inner {
	gap: 2.0rem !important;
}

body .nectar-blocks-row__inner.zerogap {
	gap: 0 !important;
}

.introduction {
	padding-right: 1vw;
}

/*
body .wp-block-nectar-blocks-column .nectar-font-h1, 
body .wp-block-nectar-blocks-column .nectar-font-h2 {
	margin-top: -0.25em;
}
*/



/* Animations: Basic Animations
---------------------------------------------- */

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept, 
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny, 
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences, 
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences, 
.cmplz-cookiebanner .cmplz-close, 
.cmplz-cookiebanner .cmplz-close::before, 
.project-col, 
.project-col img, 
.caption, 
.container-wrap a, 
#scroll-circle-wrap:hover #arrow-icon, 
#scroll-circle-wrap:hover #arrow-icon.visible, 
#scroll-circle-wrap:hover #progress-ring {
	transition: all 0.5s !important;
}



/* Animations: Element Fade-ins
---------------------------------------------- */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.navbar-inner nav ul li.current-menu-item a::after {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.8s;
	-moz-animation-duration: 0.8s;
	animation-duration: 0.8s;
}

.navbar-inner nav ul li.current-menu-item a::after {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	animation-delay: 0.6s;	
}



/* Animations: Page Fade-ins
---------------------------------------------- */

html body.shop {
	opacity: 0;
	z-index: -1;
	animation: fadeInBg 1s ease forwards;
}

@keyframes fadeInBg {
	to {
		opacity: 1;
	}
}



/* CSS Toggle/Switcher
---------------------------------------------- */

a#darkButton {
	cursor: pointer !important;
}



/* Light mode
---------------------------------------------- */

body, 
body #header-space, 
#nectar_fullscreen_rows > #footer-outer.wpb_row .full-page-inner-wrap, 
.container-wrap, 
.material .ocm-effect-wrap, 
.project-title, 
.ascend .container-wrap, 
.ascend .project-title, 
body .vc_text_separator div, 
.carousel-wrap[data-full-width="true"] .carousel-heading, 
.carousel-wrap .left-border, 
.carousel-wrap .right-border, 
.single-post.ascend #page-header-bg.fullscreen-header, 
.single-post #single-below-header.fullscreen-header, 
#page-header-wrap, 
.page-header-no-bg, 
#full_width_portfolio .project-title.parallax-effect, 
.portfolio-items .col, 
.page-template-template-portfolio-php .portfolio-items .col.span_3, 
.page-template-template-portfolio-php .portfolio-items .col.span_4, 
body .nectar-quick-view-box div.product .product div.summary, 
.nectar-global-section.before-footer, 
.nectar-global-section.after-nav, 
body.box-rolling, 
body[data-footer-reveal="1"].ascend.box-rolling, 
body[data-footer-reveal="1"].box-rolling, 
#footer-outer, 
.wpml-ls-statics-footer {
	/* background-color: var(--flint-warmwhite-100) !important; */
	background-color: var(--flint-bg-transparent);
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

body #header-outer, 
body[data-header-color="dark"] #header-outer, 
body.shop #header-space, 
body.shop .ocm-effect-wrap {
	background-color: transparent !important;
}

body,  
.nectar-font-body, 
h1, 
h2, 
h3, 
h4, 
h5
h6, 
.nectar-font-h1, 
.nectar-font-h2, 
.nectar-font-h3, 
.nectar-font-h4, 
.nectar-font-h5, 
.nectar-font-h6, 
.wp-block-nectar-blocks-text, 
#top nav ul li a, body[data-header-color="light"] .mobile-header, body[data-header-color="light"] .span_9 > .slide-out-widget-area-toggle a .label, 
.material #footer-outer .widget li a, 
.material #sidebar .widget li a, 
.material .widget li a, 
#header-outer #top nav > ul > li.current-menu-item::before, 
#footer-outer ul.menu > li.current-menu-item a::after, 
#header-outer #top nav > ul > li.current-menu-item a::after, 
#footer-outer ul.menu > li.current-menu-item a::after, 
body.page-template-page-portfolio nav > ul > li.work a::after, 
a:hover, 
#ajax-content-wrap #footer-outer[data-link-hover="underline"] #footer-widgets ul:not([class*="nectar_blog_posts"]) li > a:not(.tag-cloud-link):not(.nectar-button):hover, 
#footer-outer[data-link-hover="underline"] #footer-widgets .textwidget a:not(.nectar-button):hover, 
.nectar-global-section.nectar_hook_global_section_footer > .container ul li a:hover, 
label, 
.nectar-font-label, 
.readmore a, 
#footer-outer #clock + #zurich-time, 
.nectar-global-section.nectar_hook_global_section_footer > .container ul li a, 
.nectar-global-section.nectar_hook_global_section_footer > .container ul li.current-menu-item a::after, 
.mode-switcher a, 
body.maintenance h1, 
body.maintenance h2, 
body.maintenance h3, 
body.maintenance .nectar-font-h1, 
body.maintenance .nectar-font-h2, 
body.maintenance .nectar-font-h3, 
body.maintenance p, 
body.maintenance a, 
#cmplz-manage-consent .cmplz-manage-consent, 
#cmplz-cookies-overview .cmplz-dropdown h5,
#cmplz-document .cmplz-dropdown h5,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,
#cmplz-document .cmplz-dropdown .cookies-per-purpose div {
	color: var(--flint-text) !important;
}

body.maintenance, 
body.maintenance h2, 
body.maintenance .nectar-font-h2, 
body.maintenance h3, 
body.maintenance .nectar-font-h3, 
body.maintenance a, 
body.maintenance a:hover {
	color: var(--flint-brown-200) !important;
}

#header-outer[data-box-shadow="large"] {
	/* box-shadow: 0 3px 45px rgba(0,0,0,0.15); */
	box-shadow: none !important;
}


/* Negative Version */

html body.negative header#top nav ul li a, 
html body.negative .main-content *, 
html body.negative #header-outer #top nav > ul > li.current-menu-item a::after, 
html body.negative .nectar-global-section.nectar_hook_global_section_footer > .container ul li a,
html body.negative .nectar-global-section.nectar_hook_global_section_footer > .container ul li.current-menu-item a::after, 
html body.negative .mode-switcher a, 
html body.negative #zurich-time, 
html body.hero header#top nav ul li a, 
html body.hero .nectar-blocks-row.heroimg *, 
html body.hero #header-outer #top nav > ul > li.current-menu-item a::after, 
html body.page-template-page-portfolio.hero nav > ul > li.current-page-ancestor a::after {
	color: var(--flint-warmwhite-500) !important;
}

html body.negative a {
	color: var(--flint-warmwhite-600) !important;
}

html body.negative a:hover, 
html body.negative .readmore a:hover {
	color: var(--flint-white) !important;
}

html body.negative .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines::after,
html body.negative .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines::before,
html body.negative .slide-out-widget-area-toggle.mobile-icon .lines-button::after, 
html body.negative #top .span_9 > .slide-out-widget-area-toggle.mobile-icon a:hover .lines::after, 
html body.negative #top .span_9 > .slide-out-widget-area-toggle.mobile-icon a:hover .lines-button::after, 
html body.negative #top .span_9 > .slide-out-widget-area-toggle.mobile-icon a:hover .lines::before, 
html body.hero .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines::after,
html body.hero .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines::before,
html body.hero .slide-out-widget-area-toggle.mobile-icon .lines-button::after, 
html body.hero #top .span_9 > .slide-out-widget-area-toggle.mobile-icon a:hover .lines::after, 
html body.hero #top .span_9 > .slide-out-widget-area-toggle.mobile-icon a:hover .lines-button::after, 
html body.hero #top .span_9 > .slide-out-widget-area-toggle.mobile-icon a:hover .lines::before {
	background: var(--flint-warmwhite-500) !important;
}

html body.negative .readmore a {
	border: 1px solid var(--flint-warmwhite-800) !important;
}

html body.negative .readmore a:hover {
	border-color: var(--flint-white) !important;
}

body.negative:not(.shop) .introduction {
	margin-top: 0 !important;
}


/* Hero Image Version */

body.hero #header-space {
	height: 0 !important;
}

body.hero .container-wrap {
	padding-top: 0 !important;
}

body .nectar-blocks-row.heroimg, 
body .container-wrap [class*="wp-block"].alignfull:not(.readmore-block).heroimg {
	margin-top: 0 !important;
}

body .title-block {
	/* width: 40% !important;
	max-width: 760px !important; */
	/* max-width: 840px !important; */
	width: 50% !important;
	max-width: 720px !important;
}

body.hero:not(.shop) .title-block .title-column .nectar-blocks-column__wrapper .nectar-blocks-column__content-wrap {
	gap: 0.8em !important;
}

body.hero:not(.shop) .title-block h1, 
body.hero:not(.shop) .title-block .nectar-font-h1 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

body.hero .title-block h6, 
body.hero .title-block .nectar-font-h6 {
	font-size: var(--flint-fontsize-18px) !important;
	line-height: 1.5em !important;
}


/* Hero Image Version: Scroll down indicator */

.scroll-indicator {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
}

.dot-trail {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.dot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--flint-warmwhite-400);
	animation: dotFade 3.6s ease-in-out infinite;
}

.dot:nth-child(1) {
	animation-delay: 0s;
}

.dot:nth-child(2) {
	animation-delay: 0.2s;
}

.dot:nth-child(3) {
	animation-delay: 0.4s;
}

@keyframes dotFade {
	0%,
	100% {
		opacity: 0.0;
		transform: scale(0.5);
	}

	50% {
		opacity: 1;
		transform: scale(1);
	}
}



/* Dark mode
---------------------------------------------- */

.dark-mode {
	--flint-text: var(--flint-warmwhite-500);
	--flint-light: var(--flint-brown-200);
	--flint-warm-light: var(--flint-brown-400);
	--flint-warm-dark: var(--flint-warmwhite-900);
	--flint-dark: var(--flint-warmwhite-100);
	--flint-white: #fff;
	--flint-black: #000;
	--flint-green-light: var(--flint-green-600);
	--flint-green-dark: var(--flint-green-500);
	--flint-bg-light: var(--flint-brown-200);
	--flint-bg-dark: var(--flint-warmwhite-300);
	--flint-bg-transparent: var(--flint-brown-200);
	--flint-link-color: var(--flint-warmwhite-600);
	--flint-link-border: var(--flint-warmwhite-900);
	--flint-link-hover: var(--flint-white);
	--flint-border-color: var(--flint-warmwhite-800);
	--flint-cursor-pill-text: var(--flint-brown-200);
	--flint-cursor-pill-bg: rgba(232, 228, 221, 0.7);
	--flint-cookieconsent-text: var(--flint-brown-200);
	--flint-cookieconsent-bg: rgba(184, 178, 167, 1);
	--flint-bar-default: rgba(223, 218, 210, 0.4);
	--flint-bar-active: var(--flint-link-hover);
}

.dark-mode #logo img, 
body.shop #logo img, 
body.hero #logo img {
	content: var(--flint-logo-white);
}






/* Header
========================================================================= */

/* Header: Main Navigation
---------------------------------------------- */

/*
body[data-hhun="0"] #header-outer[data-header-resize="0"]:not([data-transparent-header="true"]) {
	transition: box-shadow .42s ease, opacity 1.3s ease, transform 1.32s ease !important;
}
*/



/* Fix for displaying the header/sticky header correctly on Mobile (see also functions.php) */
body header#top {
	/* Extend background color into the status bar area */
	padding-top: env(safe-area-inset-top);
	/* Fallback for browsers that don't support env() */
	padding-top: max(env(safe-area-inset-top), 0px);
	/* background-color: #201515; */
	z-index: 9999;
}

body #header-outer:not(.transparent) {
	/* background: rgba(232, 228, 221, 0.3) !important; */
	/* backdrop-filter: blur(32px) saturate(150%) !important; */
}

#header-outer:not([data-format="left-header"]) #top > .container > .row nav, 
#header-outer:not([data-format="left-header"]) #top > .container > .row nav > ul {
	width: 100%;
}

#header-outer[data-format="default"] #top .span_3, 
#header-outer[data-format="default"] #top .span_9 {
	width: 50%;
	margin-left: 0;
	margin-right: 0;
}

/*
#header-outer:not([data-format="left-header"]) #top > .container > .row nav > ul {
	justify-content: space-between;
}
*/

#header-outer #logo, 
#header-outer .logo-clone, 
#header-outer .logo-spacing {
	/* margin-top: 46px; */
	margin-top: 32px;
}

#header-outer #logo img {
	transition: opacity 0.3s ease;
}

#header-outer #logo img, 
#header-outer .logo-clone img, 
#header-outer .logo-spacing img {
	height: 20px;
}

#header-outer:not([data-format="left-header"]) #top nav > ul {
	justify-content: flex-end;
}

#header-outer[data-lhe="default"] #top nav > ul > li > a, 
#header-outer[data-lhe="text_reveal"] #top nav > ul > li:not([class*="menu-item-btn"]) > a, 
#header-outer .nectar-header-text-content, 
body[data-header-search="false"][data-full-width-header="false"] #header-outer[data-lhe="animated_underline"][data-format="default"][data-cart="false"] .nectar-header-text-content, 
#header-outer #top nav > ul > li.current-menu-item::before, 
#footer-outer ul.menu > li.current-menu-item a::after {
	padding-left: 0;
	padding-right: 0;
	/* font-size: var(--flint-fontsize-24px); */
	font-size: var(--flint-fontsize-20px);
}

#header-outer[data-lhe="text_reveal"] #top nav > ul > li:not([class*="menu-item-btn"]).work > a, 
#header-outer[data-lhe="text_reveal"] #top nav > ul > li:not([class*="menu-item-btn"]).about > a {
	margin-right: 6vw !important;
	margin-left: 32px !important;
}

#header-outer[data-lhe="text_reveal"] #top nav > ul > li:not([class*="menu-item-btn"]).shop > a {
	margin-left: 15vw !important;
}

#header-outer #top nav > ul > li a {
	display: inline-flex;
	align-items: center;
	/* margin-top: 22px; */
}

#header-outer #top nav > ul > li a::after, 
#footer-outer ul.menu > li.current-menu-item a::after, 
body.page-template-page-portfolio nav > ul > li a::after, 
.nectar-global-section.nectar_hook_global_section_footer > .container ul li.current-menu-item a::after {
	content: "•";
	color: transparent;
}

#header-outer #top nav > ul > li a::after, 
.nectar-global-section.nectar_hook_global_section_footer > .container ul li.current-menu-item a::after {
	margin-left: 0.3em;
}

#footer-outer ul.menu > li a::after {
	margin-left: 0.2em;
}

#header-outer .footernav.imprint, 
#header-outer .footernav.privacypolicy, 
#header-outer .footernav.cookiepolicy {
	display: none !important;
}


/* Main Navigation: Scrolled down */

#header-outer:not(.transparent) {
	backdrop-filter: blur(0px) saturate(100%) !important;
	transition: backdrop-filter 0.4s ease-in-out !important;
}

body.is-scrolled #header-outer:not(.transparent) {
	/* backdrop-filter: blur(32px) saturate(150%) !important; */
	backdrop-filter: blur(32px) saturate(100%) !important;
}

body.is-scrolled #header-outer.no-blur { /* Add CSS class "unblur-header" to elements to unblur the header navi when scrolling above */
	backdrop-filter: blur(0) !important;
	-webkit-backdrop-filter: blur(0) !important;
	transition: backdrop-filter 0.4s ease-in-out !important;
}

/* Main Navigation: Change Text colours and Logo when scrolling down */

/* Over the hero: white */
html body.hero #header-outer nav ul.sf-menu a,
html body.hero #header-outer .nectar-text-reveal-button__text, 
html body.hero #header-outer #top nav > ul > li.current-menu-item a::after, 
html body.hero #header-outer #top nav > ul > li.current-page-ancestor a::after {
	color: var(--flint-warmwhite-500) !important;
	transition: color 0.6s ease, transform .55s cubic-bezier(.25,1,.33,1);
}

/* Past the hero: black */
html body.hero #header-outer.past-hero nav ul.sf-menu a,
html body.hero #header-outer.past-hero .nectar-text-reveal-button__text, 
html body.hero #header-outer.past-hero #top nav > ul > li.current-menu-item a::after, 
html body.hero #header-outer.past-hero #top nav > ul > li.current-page-ancestor a::after {
	color: var(--flint-text) !important;
}

html:not(.dark-mode) body.hero #header-outer.past-hero #logo img {
	content: var(--flint-logo-black);
}

html body.hero #header-outer.past-hero .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines::before, 
html body.hero #header-outer.past-hero .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines::after, 
html body.hero #header-outer.past-hero .slide-out-widget-area-toggle.mobile-icon .lines-button::after {
	background-color: var(--flint-text) !important;
}



/* Header: Mobile Navigation
---------------------------------------------- */

#header-outer #top #mobile-cart-link i,
#header-outer .mobile-search .icon-salient-search,
#header-outer .mobile-user-account .icon-salient-m-user,
#top .span_9 > .slide-out-widget-area-toggle > div {
	margin-top: 6px;
}

/*
#header-outer .slide-out-widget-area-toggle .lines,
#header-outer .slide-out-widget-area-toggle .lines-button,
#header-outer .slide-out-widget-area-toggle .lines::after,
#header-outer .slide-out-widget-area-toggle .lines::before,
.slide-out-widget-area-toggle.mobile-icon .lines-button::after,
.slide-out-widget-area-toggle.mobile-icon .lines::after,
.slide-out-widget-area-toggle.mobile-icon .lines::before,
body[data-slide-out-widget-area-style="slide-out-from-right-hover"] .slide-out-widget-area-toggle.mobile-icon .lines::before,
body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines::before,
#header-outer .left-aligned-ocm .lines::before,
#top .slide-out-widget-area-toggle a span {
	width: 44px !important;
}
*/


/* Navi closed: Hamburger */

.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines::after,
.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines::before,
.slide-out-widget-area-toggle.mobile-icon .lines-button::after, 
body #top .span_9 > .slide-out-widget-area-toggle.mobile-icon a:hover .lines::after, 
body #top .span_9 > .slide-out-widget-area-toggle.mobile-icon a:hover .lines-button::after, 
body #top .span_9 > .slide-out-widget-area-toggle.mobile-icon a:hover .lines::before {
	background: var(--flint-dark) !important;
	opacity: 1 !important;
}

body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines::before {
	top: 8px;
}

#header-outer .slide-out-widget-area-toggle.mobile-icon .lines::after {
	top: -8px;
}


/* Navi opened: Cross */

#search-outer .close-wrap .close-line,
#top .slide-out-widget-area-toggle .close-line,
.nectar-close-btn .close-line,
.slide_out_area_close .close-wrap .close-line,
.style_slide_in_click .close-cart .close-line,
.transparent .left-aligned-ocm .lines-button i::before,
.transparent .left-aligned-ocm .lines-button i::after,
.transparent .left-aligned-ocm .lines-button::after,
#header-outer.transparent>#top nav ul .slide-out-widget-area-toggle a .lines,
#header-outer.transparent>#top nav ul .slide-out-widget-area-toggle a .lines::before,
#header-outer.transparent>#top nav ul .slide-out-widget-area-toggle a .lines::after,
body.material #header-outer.transparent .slide-out-widget-area-toggle a .close-line,
#header-outer.transparent>#top nav ul .slide-out-widget-area-toggle .lines-button::after {
	background: var(--flint-warmwhite-500) !important;
	opacity: 1 !important;
}


/* Further definitions */

.nectar-bg-accent-color,
.nectar-bg-hover-accent-color:hover,
#ajax-content-wrap .nectar-bg-pseudo-accent-color::before,
[data-style="list_featured_first_row"] .meta-category a::before,
.tabbed > ul li .active-tab,
.tabbed > ul li .active-tab:hover,
.wpb_row .nectar-post-grid-filters[data-active-color="accent-color"] a::after,
.testimonial_slider[data-style="multiple_visible"][data-color*="accent-color"] .flickity-page-dots .dot.is-selected::before,
.testimonial_slider[data-style="multiple_visible"][data-color*="accent-color"] blockquote.is-selected p,
.nectar_video_lightbox.nectar-button[data-color="default-accent-color"],
.nectar_video_lightbox.nectar-button[data-color="transparent-accent-color"]:hover,
.nectar-cta[data-color="accent-color"]:not([data-style="material"]) .link_wrap,
.flex-direction-nav a,
.carousel-prev:hover,
.carousel-next:hover,
.nectar-flickity[data-controls*="arrows_overlaid"][data-control-color="accent-color"] .flickity-prev-next-button:hover::before,
.nectar-flickity[data-controls="default"][data-control-color="accent-color"] .flickity-page-dots .dot::before,
.nectar-flickity[data-controls="touch_total"][data-control-color="accent-color"] .visualized-total span,
[class*=" icon-"],
.toggle.open>.toggle-title a,
div[data-style="minimal"] .toggle.open>.toggle-title i::after,
div[data-style="minimal"] .toggle:hover>.toggle-title i::after,
div[data-style="minimal"] .toggle.open>.toggle-title i::before,
div[data-style="minimal"] .toggle:hover>.toggle-title i::before,
div[data-style="minimal_small"] .toggle.accent-color>.toggle-title::after,
.main-content .widget_calendar caption,
#footer-outer .widget_calendar caption,
.post .more-link span:hover,
.post.format-quote .post-content .quote-inner,
.post.format-link .post-content .link-inner,
.nectar-post-grid-wrap[data-load-more-color="accent-color"] .load-more:hover,
.format-status .post-content .status-inner,
.nectar-post-grid-item.nectar-new-item .inner::before,
input[type="submit"]:hover,
input[type="button"]:hover,
body[data-form-submit="regular"] input[type="submit"],
body[data-form-submit="regular"] button[type="submit"],
body[data-form-submit="regular"] .container-wrap .span_12.light input[type="submit"]:hover,
body[data-form-submit="regular"] .container-wrap .span_12.light button[type="submit"]:hover,
#slide-out-widget-area,
#slide-out-widget-area-bg.fullscreen,
#slide-out-widget-area-bg.fullscreen-split,
#slide-out-widget-area-bg.fullscreen-alt .bg-inner,
body.material #slide-out-widget-area-bg.slide-out-from-right,
.widget .material .widget .tagcloud a::before,
.nectar-hor-list-item[data-hover-effect="full_border"][data-color="accent-color"] .nectar-list-item-btn:hover,
#header-outer[data-lhe="animated_underline"] .nectar-header-text-content a::after,
.nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart .nectar-notice,
.woocommerce #review_form #respond .form-submit #submit,
#header-outer .nectar-menu-label::before {
	background-color: var(--flint-bg-dark);
	transition: background-color 0.3s ease, color 0.3s ease;
}

#top nav > ul > .button_solid_color_2 > a::before,
#header-outer.transparent #top nav > ul > .button_solid_color_2>a::before,
body[data-slide-out-widget-area-style="slide-out-from-right"]:not([data-header-color="custom"]).material .slide_out_area_close::before,
#header-outer .widget_shopping_cart a.button,
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale,
.woocommerce span.onsale,
.woocommerce-page span.onsale {
	background: none;
}

#top .slide-out-widget-area-toggle a .close-wrap {
	height: 28px !important;
}

body[data-slide-out-widget-area-style*="fullscreen"] #top .menu-push-out .lines-button::after,
body[data-slide-out-widget-area-style*="fullscreen"] #top .menu-push-out .lines::after,
body[data-slide-out-widget-area-style*="fullscreen"] #top .menu-push-out .lines::before {
 	transform: translateX(calc((var(--nectar-ocm-icon-width, 22px) + 8px) * 2));
}

/* 
#top .slide-out-widget-area-toggle a span .lines-button.hover-effect {
	display: none !important;
}
*/


/*
#search-outer .close-wrap,
.nectar-close-btn .close-wrap,
.slide-out-widget-area-toggle a .close-wrap,
.slide_out_area_close .close-wrap,
.style_slide_in_click .close-cart .close-wrap {
	width: 32px;
	height: 32px;
}
#search-outer .close-wrap .close-line,
#top .slide-out-widget-area-toggle .close-line,
.nectar-close-btn .close-line,
.slide_out_area_close .close-wrap .close-line,
.style_slide_in_click .close-cart .close-line {
	background: var(--flint-warmwhite-300);
}

#slide-out-widget-area.slide-out-from-right {
	min-width: 440px;
	padding-left: 30px;
	padding-right: 30px;
}
*/



/* Header: Off Canvas
---------------------------------------------- */

#slide-out-widget-area-bg {
	transition: opacity 0.7s ease;
}

.side-widget-open {
	transition: transform 0.7s;
}

.fullscreen-inline-images .nectar-ocm-image-wrap-outer {
	background: var(--flint-brown-100) !important;
	/* background: rgba(22, 15, 1, 0.6) !important;
	backdrop-filter: blur(20px) !important; */
}

#slide-out-widget-area .inner-wrap {
	justify-content: flex-end;
	padding-bottom: 5vh;
}

#slide-out-widget-area.fullscreen-inline-images .inner-wrap > .inner {
	/* padding: 2vh 0 4vh; */
	margin: 0 !important;
	padding: 0 !important;
}

body #slide-out-widget-area .inner > div:first-of-type {
	margin: 0;
}

#slide-out-widget-area .menuwrapper .menu {
	display: block;
}

#slide-out-widget-area.fullscreen-inline-images .inner .widget.widget_nav_menu li a, #slide-out-widget-area.fullscreen-inline-images .inner .off-canvas-menu-container li a {
	margin-left: 0;
	margin-right: 0;
}

#slide-out-widget-area .menuwrapper .menu li.footernav a {
	font-size: var(--flint-fontsize-20px) !important;
}

#slide-out-widget-area .menuwrapper .menu li.footernav.first a {
	margin-top: 3em !important;
}

#slide-out-widget-area.fullscreen-inline-images .inner .off-canvas-menu-container {
	text-align: right;
}

#slide-out-widget-area .inner .off-canvas-menu-container li > a {
	font-size: var(--flint-fontsize-48px) !important;
	line-height: 2em;
	color: var(--flint-warmwhite-500) !important;
	text-decoration: none !important;
}

#slide-out-widget-area .off-canvas-menu-container li a .wrap::after {
	display: none !important;
}




/* Footer
========================================================================= */

#footer-outer {
	transform: translate3d(0px, 0rem, 0px);
}

#footer-outer .widget {
	margin-bottom: 0;
}

#footer-outer #footer-widgets .col ul li, 
#footer-outer #footer-widgets .col ul li > a, 
.nectar-global-section.nectar_hook_global_section_footer > .container ul li, 
.nectar-global-section.nectar_hook_global_section_footer > .container ul li a, 
body #footer-outer #copyright .container p, 
.mode-switcher a {
	font-size: var(--flint-fontsize-24px);
	line-height: 0.8em !important;
}

.material #footer-outer #footer-widgets .col ul li, 
body #footer-outer #copyright .container p {
	padding: 0.2em 0 !important;
	line-height: 1em !important;
}

.nectar-global-section.nectar_hook_global_section_footer > .container ul li, 
.mode-switcher a {
	padding: 0.3em 0 !important;
	line-height: 1.5em !important;
}

#footer-outer #footer-widgets .col ul li a {
	display: inline-block;
}

#footer-outer #clock, 
#footer-outer #clock + #zurich-time, 
.nectar-global-section.nectar_hook_global_section_footer #clock, 
.nectar-global-section.nectar_hook_global_section_footer #zurich-time {
	width: 100px !important;
}

#footer-outer #clock, 
.nectar-global-section.nectar_hook_global_section_footer #clock {
	height: 100px !important;
	margin-top: 60px;
	margin-bottom: 5px;
}

#footer-outer #clock+#zurich-time,
.nectar-global-section.nectar_hook_global_section_footer #zurich-time {
	/* font-family: var(--flint-basefont) !important; */
	font-family: monospace !important;
	font-size: var(--flint-fontsize-11px) !important;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	margin-top: 1em;
	margin-bottom: 50px;
}


/* Footer: Global Section Version */

.nectar-global-section.nectar_hook_global_section_footer {
	margin-top: 7vh;
}

body.shop .nectar-global-section.nectar_hook_global_section_footer {
	margin-top: 12vh;
}

.footer-section .nectar-blocks-column .nectar-blocks-column__inner, 
.nectar-global-section.nectar_hook_global_section_footer > .container ul {
	gap: 0;
}

.nectar-global-section.nectar_hook_global_section_footer > .container {
	margin: 0;
}


/* Footer: Top Button (Circle) */

#scroll-circle-wrap {
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	/* width: 60px;
	height: 60px; */
	width: 80px;
	height: 80px;
	z-index: 99999;
	cursor: default;
	opacity: 0;
	transition: opacity 0.4s ease-in-out;
}

#scroll-circle-wrap.visible {
	opacity: 1;
}

#scroll-circle-wrap.clickable {
	cursor: pointer;
}

#scroll-circle-wrap svg {
	width: 100%;
	height: 100%;
}

#scroll-circle-wrap:hover #default-ring, 
#scroll-circle-wrap:hover #progress-ring {
	transition: opacity 0.4s ease-in-out;
}

#default-ring {
	/* stroke: var(--flint-warmwhite-400); */
	stroke: rgba(223, 218, 210, 0.5);
	backdrop-filter: blur(12px);
}

#progress-ring {
	/* stroke: var(--flint-green-300); */
	stroke: var(--flint-link-color);
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
	transition: stroke-dashoffset 0.2s linear;
}

.bar-default {
	fill: var(--flint-bar-default);
}

.bar-active {
	fill: var(--flint-bar-active);
}

body.shop .bar-default, 
body.negative .bar-default {
	fill: rgba(223, 218, 210, 0.4);
}

body.shop .bar-active, 
body.negative .bar-active {
	fill: var(--flint-white);
}

#arrow-icon {
	font-size: 6rem;
	font-weight: 400 !important;
	fill: var(--flint-link-color);
	transform: rotate(-90deg);
	opacity: 0;
	transition: opacity 1.0s ease;
}

body.shop #arrow-icon, 
body.negative #arrow-icon {
	fill: var(--flint-warmwhite-600);
}

#arrow-icon.visible {
	opacity: 1;
}

#scroll-circle-wrap.clickable:hover #arrow-icon, 
#scroll-circle-wrap.clickable:hover #arrow-icon.visible {
	fill: var(--flint-dark);
	opacity: 1;
}

#scroll-circle-wrap:hover #progress-ring,
#scroll-circle-wrap:hover #bar-active {
	stroke: var(--flint-dark);
}




/* Cookie Consent Info (Complianz)
========================================================================= */

/* Complianz: Cookie Banner
---------------------------------------------- */

#cmplz-document p, 
#cmplz-document li, 
#cmplz-document td, 
.editor-styles-wrapper .cmplz-unlinked-mode p, 
.editor-styles-wrapper .cmplz-unlinked-mode li, 
.editor-styles-wrapper .cmplz-unlinked-mode td {
	font-size: var(--flint-fontsize-16px);
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn, 
#cmplz-manage-consent .cmplz-manage-consent {
	font-weight: normal !important;
	font-style: normal !important;
	font-feature-settings: "liga" !important;
	/* font-feature-settings: "ss01", "liga", "zero", "case" !important; */
}

.cmplz-cookiebanner {
	width: 320px !important;
	max-width: 320px !important;
	background-color: var(--flint-cookieconsent-bg) !important;
	padding: 20px 15px 20px 20px !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 0 !important;
	grid-row-gap: 0 !important;
	bottom: 20px !important;
	left: 20px !important;
}

.cmplz-cookiebanner .cmplz-header {
	grid-column: 3 !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category {
	margin-bottom: 1em !important;
}

.cmplz-cookiebanner .cmplz-category, 
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header, 
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description {
	background-color: transparent !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header, 
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description {
	padding: 0.5em 0 !important;
}

.cmplz-description, 
.cmplz-description span {
	color: var(--flint-dark) !important;
}

#cmplz-manage-consent .cmplz-manage-consent, 
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title, 
.cmplz-message, 
.cmplz-message a, 
.cmplz-cookiebanner .cmplz-title {
	color: var(--flint-cookieconsent-text) !important;
}

.cmplz-cookiebanner .cmplz-title, 
.cmplz-message, 
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title, 
.cmplz-description, 
.cmplz-description span {
	letter-spacing: 0 !important;
	text-align: left !important;
}

body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title {
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
}

.cmplz-cookiebanner .cmplz-title {
	font-size: var(--flint-fontsize-14px) !important;
	font-weight: 500 !important;
	line-height: 1.3em !important;
	margin: 0 0 1em 0 !important;
	display: none !important;
}

.cmplz-cookiebanner .cmplz-body {
	width: 100% !important;
	min-width: 250px !important;
}

.cmplz-message, 
.cmplz-message a, 
.cmplz-cookiebanner .cmplz-title, 
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header, 
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header *, 
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active, 
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title, 
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description, 
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description * {
	font-size: var(--flint-fontsize-11px) !important;
	line-height: 1.4em !important;
	letter-spacing: -0.01em !important;
}

.cmplz-message {
	padding-right: 1.5em !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	font-size: var(--flint-fontsize-12px) !important;
	line-height: 1em !important;
	font-weight: 400 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	margin-top: 3px !important;
	margin-right: 7px !important;
	margin-bottom: 0 !important;
	width: unset !important;
	height: unset !important;
	background: none !important;
	border: none !important;
	text-decoration-thickness: 0.08em !important;
	text-underline-offset: 0.3em !important;
	text-decoration-skip-ink: auto !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept, 
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
	text-decoration: underline dotted var(--flint-warm-light) !important;
	color: var(--flint-light) !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences, 
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
	text-decoration: underline dotted var(--flint-warm-light) !important;
	color: var(--flint-warm-light) !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
	margin-right: 2em !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover, 
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover, 
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover, 
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover, 
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover, 
* .cmplz-cookiebanner .cmplz-close, 
.cmplz-cookiebanner .cmplz-close:hover::before {
	opacity: 1 !important;
	color: var(--flint-light) !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover, 
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover, 
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover, 
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover {
	text-decoration: underline dotted var(--flint-warm-light) !important;
}

* .cmplz-cookiebanner .cmplz-close {
	font-family: helvetica, arial, sans-serif !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-size: 12px !important;
	font-weight: normal !important;
	color: var(--flint-warm-light) !important;
	text-align: right !important;
	display: inline-block !important;
	height: 0 !important;
	width: 0 !important;
	visibility: hidden !important;
}

.cmplz-cookiebanner .cmplz-close::before {
	content: "×" !important;
	font-size: 20px !important;
	font-weight: normal !important;
	color: var(--flint-warm-light) !important;
	line-height: 1 !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	position: relative !important;
	top: -7px !important;
	right: 15px !important;
	visibility: visible !important;
}

.cmplz-cookiebanner .cmplz-close svg {
	width: 22px !important;
	height: 22px !important;
	background: none !important;
	padding: 2px !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	margin-right: 0 !important;
}

.cmplz-cookiebanner .cmplz-header {
	grid-template-columns: 0 1fr 100px !important;
}

.cmplz-cookiebanner .cmplz-title {
	justify-self: left !important;
	margin-bottom: 0 !important;
}

.cmplz-cookiebanner .cmplz-message {
	margin-bottom: 1.5em !important;
}

.cmplz-links {
	justify-self: left !important;
	margin-top: 5px !important;
	/* display: none !important; */
}

.cmplz-links a {
	color: rgb(173, 191, 227) !important
}

.cmplz-links a:hover {
	color: rgb(212, 224, 249) !important;
}

.cmplz-cookiebanner .cmplz-categories details[open] .cmplz-category-header {
	border: none !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
	color: var(--flint-green-dark) !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon, 
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon svg {
	width: 12px !important;
	height: 12px !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon svg path {
	fill: var(--flint-warm-light) !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label::before {
	background-color: var(--flint-warm-light) !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before {
	background-color: var(--flint-green-light) !important;
}

body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label::after {
	left: 2px;
}

.cmplz-cookiebanner .cmplz-description, 
.cmplz-cookiebanner .cmplz-description span {
	line-height: 1.3em !important;
}

#cmplz-manage-consent .cmplz-manage-consent {
	font-size: 11px !important;
	line-height: 1 !important;
	letter-spacing: -0.02em !important;
	text-transform: none !important;
	bottom: 20px !important;
	left: 20px !important;
	right: initial !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	border: none !important;
	padding: 0.4em 0.4em 0.55em !important;
	width: unset !important;
	min-width: unset !important;
	height: unset !important;
	min-height: unset !important;
	z-index: 999 !important;
	background: var(--flint-cookieconsent-bg) !important; 
	backdrop-filter: blur(6px) !important;
	-webkit-backdrop-filter: blur(6px) !important;
}

.cmplz-cookiebanner .cmplz-links.cmplz-documents, 
.cmplz-cookiebanner .cmplz-links {
	display: none !important;
}

@media (max-width: 768px) {
	body .cmplz-cookiebanner .cmplz-buttons {
		flex-direction: row !important;
	}
}



/* Complianz: Cookie Policy Page
---------------------------------------------- */

body.page-template-page-cookie-policy .content #cmplz-document {
	width: 50% !important;
	max-width: 50% !important;
}

#cmplz-document h2, 
#cmplz-document h3 {
	border: none !important;
	margin-top: 1.5em !important; 
	margin-bottom: 0 !important;
}

#cmplz-document h2:first-of-type, 
#cmplz-document h3:first-of-type {
	margin-top: 0 !important;
}

#cmplz-document h2 {
  font-size: 1.25rem !important;
}

#cmplz-document > p > i {
	font-size: 1.75rem !important;
	line-height: 1.3em !important;
	margin-bottom: 0 !important;
	display: block !important;
}

#cmplz-document .cmplz-subtitle {
	font-size: 0.875rem !important;
	margin-top: 1em !important;
	margin-bottom: 0.5em !important;
}

#cmplz-document {
	max-width: 100% !important;
}

#cmplz-cookies-overview .cmplz-dropdown summary, 
#cmplz-document .cmplz-dropdown summary, 
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header, 
.cmplz-dropdown, 
.cmplz-category, 
.cookies-per-purpose, 
#cmplz-cookies-overview details[open], 
#cmplz-cookies-overview details[open] .cookies-per-purpose {
	background-color: var(--flint-warm-light) !important;
}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header,
#cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .name-header,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,
#cmplz-document .cmplz-dropdown .cookies-per-purpose div,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div {
	background-color: var(--flint-light) !important;
}

#cmplz-cookies-overview .cmplz-dropdown summary, 
#cmplz-document .cmplz-dropdown summary, 
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category:not(:last-child) {
	margin: 10px 0 !important;
}

#cmplz-cookies-overview details[open] .cmplz-service-header, 
.cmplz-categories details[open] .cmplz-category-header {
	border-bottom: 1px solid var(--flint-warm-light) !important;
}

#cmplz-cookies-overview .cmplz-dropdown summary, 
#cmplz-document .cmplz-dropdown summary, 
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header, 
.cmplz-description, 
.cookies-per-purpose {
	padding: 15px !important;
}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose, 
#cmplz-document .cmplz-dropdown .cookies-per-purpose {
	margin-bottom: 0 !important;
	border: none !important;
}

.cmplz-service-header, 
.cmplz-category-header {
	line-height: 2em !important;
}

#cmplz-cookies-overview .cmplz-dropdown summary div h3, 
#cmplz-document .cmplz-dropdown summary div h3, 
#cmplz-document .cmplz-category-title, 
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p, 
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p, 
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	text-transform: none !important;
}

#cmplz-cookies-overview .cmplz-dropdown summary div::after, 
#cmplz-document .cmplz-dropdown summary div::after, 
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div::after {
	content: "›" !important;
	background: none !important;
	font-size: var(--flint-fontsize-36px) !important;
	width: 18px !important;
	height: 18px !important;
	transform: rotate(90deg) !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

#cmplz-cookies-overview .cmplz-dropdown[open] summary div::after,
#cmplz-document .cmplz-dropdown[open] summary div::after,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open] summary div::after {
	transform: rotate(-90deg) !important;
}
#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description, 
#cmplz-document .cmplz-dropdown .cmplz-service-description, 
#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data, 
#cmplz-document .cmplz-dropdown .cmplz-sharing-data {
	padding-top: 20px !important;
}

#cmplz-cookies-overview .cmplz-dropdown summary h3, 
#cmplz-document .cmplz-dropdown summary h3, 
#cmplz-cookies-overview .cmplz-dropdown p, 
#cmplz-document .cmplz-dropdown p, 
#cmplz-cookies-overview .cmplz-dropdown h4, 
#cmplz-document .cmplz-dropdown h4, 
#cmplz-cookies-overview .cmplz-dropdown ul, 
#cmplz-document .cmplz-dropdown ul {
	padding: 0 !important;
}

#cmplz-cookies-overview .cmplz-dropdown h4, 
#cmplz-document .cmplz-dropdown h4 {
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	margin: 0 !important;
}

#cmplz-cookies-overview .cmplz-dropdown h5, #cmplz-document .cmplz-dropdown h5, 
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div, 
#cmplz-document .cmplz-dropdown .cookies-per-purpose div {
	font-size: 0.875rem !important;
}

.cmplz-description, 
.cmplz-description span {
	font-size: 0.875rem !important;
	line-height: 1.5em !important;
}

.cmplz-category svg path {
	fill: var(--flint-dark) !important;
}



/* 404 error
---------------------------------------------- */

body.error404 .container-wrap, 
body#error404 .container-wrap {
	min-height: 100%;
	display: flex;
	align-items: center;
}

body.error404 .container-wrap #error-404, 
body#error404 .container-wrap .row-error404 {
	padding: 10% 0 0;
}

body.error404 h1, 
body#error404 h1 {
	font-size: 1.75rem !important;
	margin-bottom: 1em;
}

body.error404 h2, 
body#error404 h2 {
	font-size: 1.25rem !important;
	margin-bottom: 3em;
}

body.error404 p, 
body#error404 p {
	margin-bottom: 1em;
}




/* Maintenance page
---------------------------------------------- */

body.maintenance {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	background: var(--flint-warmwhite-400) !important;
}

body.maintenance .nectar-blocks-row__wrapper {
	padding: 40px;
}

body.maintenance .nectar-blocks-row__wrapper .maintenance {
	width: 45vw;
	max-width: 520px;
}

body.maintenance h2, 
body.maintenance .nectar-font-h2 {
	font-size: 1.5rem !important;
	letter-spacing: -0.03em !important;
}

body.maintenance h3, 
body.maintenance .nectar-font-h3 {
	font-size: 1rem !important;
	font-style: normal !important;
	letter-spacing: -0.015em !important;
	text-transform: none !important;
}

body.maintenance #cmplz-manage-consent {
	display: none;
}

body.maintenance a {
	text-decoration: underline dotted var(--flint-brown-300) !important;
	text-decoration-thickness: 0.08em !important;
	text-underline-offset: 0.2em !important;
	text-decoration-skip-ink: auto !important;
}




/* Portfolio (Works)
========================================================================= */

/* Portfolio (Works): Archive
---------------------------------------------- */

.caption {
	width: 100%;
	max-width: 840px;
}

/*
.caption.line1 {
	font-family: plantin;
	font-size: 1.125rem;
	font-style: italic;
	letter-spacing: -0.01em;
}
*/

.caption.line1 {
	font-size: var(--flint-fontsize-18px);
	letter-spacing: -0.02em;
	margin-top: 0.7em;
}

.caption.line2, 
.credits .nectar-blocks-text, 
.feature .nectar-blocks-text, 
.credits p, 
.feature p, 
.credits li, 
.feature li, 
.text-col p, 
.text-col li {
	font-size: var(--flint-fontsize-15px);
}

.caption.line1 + .caption.line2 {
	margin-top: -0.5em;
}

.caption.line2 {
	margin-bottom: 3vh;
}


/* Portfolio Archive (Works): Zoom image within the link's bounds */

.container-wrap .nectar-blocks-image .nectar-blocks-image__inner a {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	transition: all 1.0s ease;
}

.container-wrap .nectar-blocks-image .nectar-blocks-image__inner a {
	background-color: var(--flint-brown-200);
}

.container-wrap .nectar-block.transparent .nectar-blocks-image .nectar-blocks-image__inner a, 
.container-wrap .wireframes .nectar-blocks-image .nectar-blocks-image__inner a {
	background-color: transparent !important;
}

html.dark-mode .container-wrap .wireframes .nectar-blocks-image .nectar-blocks-image__inner img {
	filter: invert(100%);
}


.container-wrap a img {
	display: block;
	overflow: hidden;
	opacity: 1.0 !important;
	/* transition: transform 1.0s ease; */
	transition: all 1.0s ease;
}

.container-wrap a:has(img) {
	display: inline-block; /* or block, depending on your layout */
	overflow: hidden;
}

.container-wrap a:has(img):hover img, 
a.nectar__link:hover img {
	opacity: 0.84 !important;
}

.nectar-blocks-image-gallery .swiper-slide.swiper-slide-visible a:has(img):hover img {
	opacity: 1 !important;
}

.container-wrap a:has(img):hover img {
	transform: scale(1.04);
}


/* Portfolio Archive (Works): Read more */

.readmore-col, 
.readmore {
	white-space: nowrap;
}

.readmore-col > div, 
.readmore-col p, 
.readmore, 
.readmore a {
	display: inline !important;
}

.readmore, 
.readmore a, 
.readmore a::after {
	transition: 0.5s all !important;
}

.readmore {
	margin-top: 2vh !important;
	margin-left: 0;
	margin-bottom: 3vh !important;
}

.readmore a {
	font-size: 1.625rem !important;
	font-style: italic !important;
	text-decoration: none !important;
	border: 1px solid var(--flint-border-color) !important;
	border-radius: 60px;
	margin-left: 0;
	padding: 0.7em 0.8em 0.8em 0.8em;
}

.readmore a:hover {
	color: var(--flint-link-hover) !important;
	border-color: var(--flint-link-hover) !important;
	border-style: solid !important;
	margin-left: -0.5em; 
	padding-right: 1.8em;
}

.readmore a::after {
	content: "→";
	position: absolute;
	left: auto !important;
	right: auto!important;
	margin-left: -1em;
	padding-left: 0.3em;
	opacity: 0;
	text-decoration: none !important;
}

.readmore:hover a::after {
	opacity: 1;
	position: absolute !important;
	left: auto !important;
	right: auto !important;
	margin-left: 0;
}


/* Portfolio Archive (Works): Custom Mouse Cursor */

#cursor-pill {
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 9999;
	color: var(--flint-cursor-pill-text);
	background: var(--flint-cursor-pill-bg);
	backdrop-filter: blur(14px) saturate(300%);
	font-size: var(--flint-fontsize-15px);
	font-weight: 500;
	letter-spacing: -0.03em;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 52px;
	padding-left: 1.4rem;
	padding-right: 1.4rem;
	border-radius: 999px;
	white-space: nowrap;
	opacity: 0;
	transform: translate(-50%, -50%) scale(0.3);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Base for all browsers including webkit offset */
#cursor-pill span {
	display: block;
	line-height: normal;
	position: relative;
	top: -2px;
}

/* Firefox only — resets the offset */
@supports (-moz-appearance: none) {
	#cursor-pill span {
		top: 0;
	}
}

#cursor-pill.visible {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

/* Cursor is only hidden once JS has confirmed it loaded */
.js-cursor-ready .nectar__link,
.js-cursor-ready .nectar-blocks-image-gallery__link {
  cursor: none !important;
}

@media (prefers-reduced-motion: reduce) {
	#cursor-pill {
		transition: opacity 0.3s ease;
	}
}



/* Portfolio (Works): Single Project
---------------------------------------------- */

.credits .credits-col > div, 
.feature > .nectar-block > .nectar-blocks-column__inner {
	row-gap: 0.5em;
}

.credits:not(.wide) .credits-col > div .nectar-font-label {
	margin-top: 0.7em;
}

.feature:not(:first-of-type) {
	margin-top: 2em;
}

/*
.credits ul, 
.credits ol {
	margin-left: 15px;
	margin-bottom: 0;
}

.credits ul li, 
.credits ol li {
	list-style-type: "—";
	padding-left: 0.3em;
}
*/

/*
.credits ul, 
.credits ol, 
.feature ul, 
.feature ol {
	margin-left: 0;
	margin-bottom: 0;
}

.credits li, 
.feature li {
	list-style-type: none;
}
*/

.credits ul, 
.caption-block ul, 
.text-col ul {
	margin-left: 0;
	padding-left: 0;
}

.credits ul li, 
.caption-block ul li, 
.feature ul li, 
.text-col ul li {
	list-style: none !important;
	/* padding-left: 1.5em; */
	position: relative;
}

/*
.credits ul li::before, 
.caption-block ul li::before, 
.feature ul li::before {
	content: "—" !important;
	position: absolute;
	left: 0;
}
*/

.caption-block > .nectar-block {
	padding-right: var(--flint-content-padding) !important;
}

.nectar-block.contained.right .caption-block > .nectar-block {
	padding-right: 0 !important;
}

body .project-col .nectar-blocks-column__inner, 
body .caption-inline {
	gap: 1rem !important;
}

/*
body .project-col .caption-block .nectar-blocks-column__content-wrap, 
body .caption-inline .caption-block .nectar-blocks-column__content-wrap {
	background: orange;
}
*/


/* Portfolio Single Project (Works): Marquee */

body.work-details .marquee-block {
	transform: rotate(357deg);
	padding: 0 !important;
}

body .container-wrap [class*="wp-block"].alignfull:not(.readmore-block).marquee-block.images, 
body .container-wrap [class*="wp-block"].alignfull:not(.readmore-block).marquee-block.images .nectar-blocks-marquee {
	width: 110vw !important;
	min-width: 110vw !important;
	max-width: 110vw !important;
}

body .container-wrap [class*="wp-block"].alignfull:not(.readmore-block).marquee-block.images {
	left: -20px !important;
	right: -20px !important;
}

.nectar-blocks-marquee__inner {
	padding: 0.2em 0;
}

.nectar-blocks-marquee__inner div {
	word-spacing: -0.03em;
	letter-spacing: -0.05em;
}

/*
.nectar-blocks-marquee__inner div span::after {
	content: "·" !important;
}
*/


/* Portfolio Single Project (Works): Evolving Progressbar */

#scroll-progress-bar {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 0%;
	height: 4px;
	/* background-color: var(--flint-green-600); */
	background: linear-gradient(to right, var(--flint-greenyellow-300), var(--flint-green-500));
	background-size: 100vw 100%;
	z-index: 99999;
	transition: width 0.2s linear;
}

body::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 6px;
	background-color: transparent;
	z-index: 99998;
}


/* Portfolio Single Project (Works): Carousel */

body .nectar-blocks-carousel-item__content {
	width: 100% !important;
	min-width: 100% !important;
}

.wp-block-nectar-blocks-carousel-item {
	background-color: transparent !important;
}

body .fullwidth.notransition .wp-block-nectar-blocks-carousel-item .nectar-blocks-image__inner {
	transition: none !important;
}


/* Portfolio Single Project (Works): Slider Gallery */

body .container-wrap [class*="wp-block"].alignfull:not(.readmore-block).slidergallery:not(.nobg) {
	background: var(--flint-green-100);
}

html.dark-mode body .container-wrap [class*="wp-block"].alignfull:not(.readmore-block).slidergallery:not(.nobg) {
	background: var(--flint-green-200);
}

body .container-wrap [class*="wp-block"].alignfull:not(.readmore-block).slidergallery {
	padding: calc(var(--flint-content-padding) * 3) 0 !important;
}

body .container-wrap [class*="wp-block"].alignfull:not(.readmore-block).slidergallery .project-col .nectar-blocks-column__inner, 
html.js.light-mode.js-cursor-ready.lenis body.wp-singular.page-template.page-template-page-portfolio.page-template-page-portfolio-php.page.page-id-5823.page-child.parent-pageid-1654.logged-in.wp-theme-salient.wp-child-theme-salient-child.work-details.hero.loremnotipsum.material.cmplz-marketing.cmplz-statistics.cmplz-preferences.cmplz-functional.cmplz-eu.cmplz-optin.is-scrolled div.ocm-effect-wrap div.ocm-effect-wrap-inner div#ajax-content-wrap div.container-wrap div.container.main-content div.row div#block-2bOesfJv4k.wp-block-nectar-blocks-row.alignfull.nectar-block.nectar-blocks-row.slidergallery div.nectar-blocks-row__wrapper.parent-block-block-2bOesfJv4k div.nectar-blocks-row__inner.parent-block-block-2bOesfJv4k div#block-elsjiPuqqj.wp-block-nectar-blocks-column.nectar-blocks-column.nectar-block div.nectar-blocks-column__inner.nectar-blocks-column__content-wrap.parent-block-block-elsjiPuqqj.nectar-blocks-column__wrapper div#block-IQNbo6hJdu.wp-block-nectar-blocks-row.nectar-block.nectar-blocks-row.nectar-blocks-row__inner.nectar-blocks-row__wrapper.parent-block-block-IQNbo6hJdu.animation-initialized div#block-tcGvVwuIn6.wp-block-nectar-blocks-column.nectar-blocks-column.nectar-block.project-col div.nectar-blocks-column__inner.nectar-blocks-column__content-wrap.parent-block-block-tcGvVwuIn6.nectar-blocks-column__wrapper {
	justify-content: center !important;
}

body .container-wrap [class*="wp-block"].alignfull:not(.readmore-block).slidergallery.fullwdith .swiper-slide {
	width: 32vw !important;
}


/* Portfolio Single Project (Works): Grid */

body .grid-block:not(.wireframes), 
body .nectar-blocks-flex-box__inner.grid-block:not(.wireframes) {
	display: grid !important;
	gap: 1rem !important;
}

body .grid-block.border .nectar-blocks-image, 
body .container-wrap [class*="wp-block"].alignfull.marquee-block.border img {
	border: 1px solid var(--flint-warmwhite-600);
}

html.dark-mode body .grid-block.border .nectar-blocks-image, 
html.dark-mode body .container-wrap [class*="wp-block"].alignfull.marquee-block.border img {
	border: 1px solid var(--flint-warmwhite-900);
}

/*
body .nectar-blocks-flex-box__inner.grid-block.wireframes {
	gap: 12rem !important;
}
*/

body .grid-block.two-col, 
body .nectar-blocks-flex-box__inner.grid-block.two-col {
	grid-template-columns: repeat(2, 1fr);
}

body .grid-block.three-col, 
body .nectar-blocks-flex-box__inner.grid-block.three-col {
	grid-template-columns: repeat(3, 1fr);
}

body .grid-block.four-col, 
body .nectar-blocks-flex-box__inner.grid-block.four-col {
	grid-template-columns: repeat(4, 1fr);
}

body .grid-block.six-col, 
body .nectar-blocks-flex-box__inner.grid-block.six-col {
	grid-template-columns: repeat(6, 1fr);
}

body .grid-block.eight-col, 
body .nectar-blocks-flex-box__inner.grid-block.eight-col {
	grid-template-columns: repeat(8, 1fr);
}

body .grid-block.ten-col, 
body .nectar-blocks-flex-box__inner.grid-block.ten-col {
	grid-template-columns: repeat(10, 1fr);
}

body .grid-block.twelve-col, 
body .nectar-blocks-flex-box__inner.grid-block.twelve-col {
	grid-template-columns: repeat(12, 1fr);
}


/* Portfolio Single Project (Works): Full Width Video mit Padding */

body .fullwidth.video.padding .nectar-blocks-video-player.lorembrowser {
	background: #211515;
	padding: calc(var(--flint-content-padding) * 7);
}

body .fullwidth.video.padding .nectar-blocks-video-player.circunisvideos {
	background: #1d5e21;
	padding: 0;
}

html.dark-mode body .fullwidth.video.padding .nectar-blocks-video-player {
	background: var(--flint-brown-400);
}

body .nectar-blocks-video-player.aspect-ratio.format.lorembrowser .nectar-blocks-video-player__video .nectar-aspect-ratio, 
body .nectar-blocks-video-player.aspect-ratio.format.circunisvideos .nectar-blocks-video-player__video .nectar-aspect-ratio {
	aspect-ratio: 1.4074/1 !important;
}




/* Further pages
========================================================================= */

/* Home
---------------------------------------------- */

/*
body.home #header-outer {
	background: none !important;
}
*/

/*
body.home .services {
	margin-top: -85px;
}
*/

body:not(.home) .globalsection.services {
	display: none !important;
}

body.home .globalsection.services {
	/* margin: 30px 0 0 0 !important; */
	margin: 7vh 0 0 0 !important;
}

body .nectar-global-section.after-nav {
	width: calc(40vw - (var(--flint-content-padding) - 28px)) !important;
	background: none !important;
	position: absolute !important;
	top: 45px !important;
	right: 0 !important;
	z-index: 999 !important;
}

body .nectar-global-section.after-nav > .container {
	margin: 0 !important;
	padding-left: 0 !important;
	padding-right: var(--flint-content-padding) !important;
}

/*
.project-col:hover {
	transform: translatex(-10px) translatey(10px) !important;
}
*/



/*
.project-col:hover img {
	transform: translatex(-10px) translatey(10px) !important;
}
.project-col:hover .caption {
	transform: translatex(20px) translatey(10px) !important;
}
*/



/*
.project-col .caption.line1 {
	text-decoration: underline solid var(--flint-warmwhite-300) !important;
	text-decoration-thickness: 0.1em !important;
	text-underline-offset: 0.2em;
	text-decoration-skip-ink: auto !important;
}

.project-col:hover .caption.line1 {
	text-decoration: underline solid var(--flint-brown-300) !important;
}

.project-col:hover .caption.line2 {
	transform: translateX(10px);
	transform: translatey(0);
}
*/


/* Accordion */

body .nectar-blocks-accordion-section {
	border: 1px solid var(--flint-brown-300) !important;
	background: none;
	margin-bottom: 1.5rem;
}



/* About
---------------------------------------------- */

.primarylist em {
	font-size: 1.125rem !important;
	font-style: italic !important;
}

body .text-col .nectar-blocks-column {
	padding-right: 1em;
}



/* Shop
---------------------------------------------- */

html body.shop::before {
	/* background-image: url('/wp-content/uploads/2026/04/loremnotipsum_product-detail_mockup-lth01_16.avif') !important; */
	background-image: url('/wp-content/uploads/2026/06/loremnotipsum_product-detail_mockup-lth01_19.avif') !important;
	background-position: 25% 50% !important;
	background-repeat: no-repeat;
	background-size: cover;
}

body .nectar-blocks-row__inner.shop-block, 
body .nectar-blocks-row__inner.shop {
	gap: 3rem !important;
}

/*
body .container-wrap [class*="wp-block"].alignfull [class*="wp-block"].alignfull.shop-block {
	width: unset;
	min-width: unset;
	max-width: unset;
}
*/



/* Imprint & Privacy Policy
---------------------------------------------- */



/* Imprint & Privacy Policy
---------------------------------------------- */




/* Responsive formatting (Media Queries)
========================================================================= */

@media screen and (min-width: 2500px) {
	
	/* Portfolio Single Project (Works): Full Width Video mit Padding */
	
	body .fullwidth.video.padding .nectar-blocks-video-player.lorembrowser {
		padding: calc(var(--flint-content-padding) * 7);
	}
	
	
}



@media screen and (max-width: 1720px) {
	
	/* Portfolio Single Project (Works): Full Width Video mit Padding */
	
	body .fullwidth.video.padding .nectar-blocks-video-player {
		padding: calc(var(--flint-content-padding) * 5);
	}
	
	
	/* Portfolio Single Project (Works): Slider Gallery */
	
	body .container-wrap [class*="wp-block"].alignfull:not(.readmore-block).slidergallery.fullwdith .swiper-slide {
		width: 40vw !important;
	}
	
	
}



@media screen and (max-width: 1440px) {
	
	/* Templates */
	
	body.shop .container-wrap > .main-content {
		max-width: 100%;
	}
	
	
	/* Basics */
	
	:root {
		--flint-fontsize-9px: 0.5625rem;
		--flint-fontsize-10px: 0.625rem;
		--flint-fontsize-12px: 0.625rem;
		--flint-fontsize-14px: 0.75rem;
		--flint-fontsize-15px: 0.875rem;
		--flint-fontsize-16px: 0.9375rem;
		--flint-fontsize-18px: 1rem;
		--flint-fontsize-20px: 1.125rem;
		--flint-fontsize-22px: 1.25rem;
		--flint-fontsize-24px: 1.375rem;
		--flint-fontsize-28px: 1.5rem;
		--flint-fontsize-32px: 1.75rem;
		--flint-fontsize-36px: 2rem;
		--flint-fontsize-40px: 2.25rem;
		--flint-fontsize-48px: 2.5rem;
		--flint-fontsize-56px: 3rem;
		--flint-fontsize-64px: 3.5rem;
		--flint-fontsize-72px: 4rem;
		--flint-content-padding: 40px;
	}
	
	
	/* Portfolio Single Project (Works): Full Width Video mit Padding */
	
	body .fullwidth.video.padding .nectar-blocks-video-player {
		padding: calc(var(--flint-content-padding) * 3);
	}
	
	
	/* Portfolio Single Project (Works): Slider Gallery */
	
	body .container-wrap [class*="wp-block"].alignfull:not(.readmore-block).slidergallery.fullwdith .swiper-slide {
		width: 30vw !important;
	}
	
	
	/* Portfolio Single Project (Works): Full Width Video mit Padding */
	
	body .fullwidth.video.padding .nectar-blocks-video-player.lorembrowser {
		padding: calc(var(--flint-content-padding) * 3);
	}
	
	
}



@media screen and (max-width: 1170px) {
	
	/* Basics */
	
	body {
		font-size: 0.9375rem !important;
	}
	
	:root {
		--flint-fontsize-12px: 0.875rem;
		--flint-fontsize-14px: 0.875rem;
		--flint-fontsize-15px: 0.875rem;
		--flint-fontsize-16px: 1.0rem;
		--flint-fontsize-18px: 1.125rem;
		--flint-fontsize-20px: 1.125rem;
		--flint-fontsize-22px: 1.25rem;
		--flint-fontsize-24px: 1.375rem;
		--flint-fontsize-28px: 1.5rem;
		--flint-fontsize-32px: 1.5rem;
		--flint-fontsize-36px: 1.5rem;
		--flint-fontsize-40px: 2.25rem;
		--flint-fontsize-48px: 2.5rem;
		--flint-fontsize-56px: 3rem;
		--flint-fontsize-64px: 3.5rem;
		--flint-fontsize-72px: 4rem;
		--flint-content-padding: 40px;
	}
	
	
}



@media screen and (max-width: 1169px) and (min-width: 992px) {
	
}



@media screen and (max-width: 1024px) {
	
	/* Templates */
	
	body[data-header-resize="0"] .container-wrap, 
	body[data-header-resize="0"] .project-title {
		padding-top: 2vh;
	}
	
	body.shop .container-wrap {
		display: block;
		padding-top: 0 !important;
	}
	
	body.shop .container-wrap > .main-content {
		max-width: 80%;
		min-width: 100% !important;
	}
	
	body.work-archive .container-wrap, 
	body.work-archive .project-title, 
	body.work-details .container-wrap, 
	body.work-details .project-title {
		padding-top: 6vh;
	}
	
	body .contained.mobile.left, 
	body .edge.left + .caption-block, 
	body .edge.mobile.left + .caption-block, 
	body .edge.left .caption-block, 
	body .edge.mobile.left .caption-block, 
	body.shop .container-wrap > .main-content {
		padding-left: var(--flint-content-padding) !important;
	}
	
	body .contained.mobile.right, 
	body .edge.right + .caption-block, 
	body .edge.mobile.right + .caption-block, 
	body .edge.right .caption-block, 
	body .edge.mobile.right .caption-block, 
	body.shop .container-wrap > .main-content {
		padding-right: var(--flint-content-padding) !important;
	}
	
	XXXbody .contained.desktop.left, 
	body .container-wrap .edge-mobile-left, 
	body .container-wrap .contained.edge-mobile-left, 
	body .container-wrap .contained.edge-mobile-left:not(.mobile).left {
		padding-left: 0 !important;
	}
	
	XXXbody .contained.desktop.right, 
	body .container-wrap .edge-mobile-right, 
	body .container-wrap .contained.edge-mobile-right, 
	body .container-wrap .contained.edge-mobile-right:not(.mobile).right {
		padding-right: 0 !important;
	}
	
	body .edge.mobile.left {
		margin-left: calc(var(--flint-content-padding) * -1) !important;
	}
	
	body .edge.mobile.right {
		margin-right: calc(var(--flint-content-padding) * -1) !important;
	}
	
	.caption-block > .nectar-block {
		padding-right: calc(var(--flint-content-padding) / 2) !important;
	}
	
	body .mainrow.first, 
	body .container-wrap [class*="wp-block"].alignfull:not(.readmore-block).mainrow.first, 
	body .mainrow.first .introduction, 
	body .mainrow.first .introduction > p {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	
	body .container-wrap [class*="wp-block"].alignfull.readmore-block {
		margin: 0 !important;
	}
	
	body .container-wrap [class*="wp-block"].alignfull.readmore-block {
		left: 0 !important;
	}
	
	
	/* Basics */
	
	html {
		font-size: 15px;
	}
	
	/*
	:root {
		--flint-fontsize-9px: 0.5625rem;
		--flint-fontsize-10px: 0.625rem;
		--flint-fontsize-12px: 0.75rem;
		--flint-fontsize-14px: 0.875rem;
		--flint-fontsize-15px: 0.9375rem;
		--flint-fontsize-16px: 1rem;
		--flint-fontsize-18px: 1.125rem;
		--flint-fontsize-20px: 1.25rem;
		--flint-fontsize-22px: 1.375rem;
		--flint-fontsize-24px: 1.5rem;
		--flint-fontsize-28px: 1.75rem;
		--flint-fontsize-32px: 2rem;
		--flint-fontsize-36px: 2.25rem;
		--flint-fontsize-40px: 2.5rem;
		--flint-fontsize-48px: 3rem;
		--flint-fontsize-56px: 3.5rem;
		--flint-fontsize-64px: 4rem;
		--flint-fontsize-72px: 4.5rem;
		--flint-content-padding: 40px;
	}
	*/
		
	h1, 
	.nectar-font-h1, 
	body:not(.home)h2, 
	body:not(.home).nectar-font-h2 {
		margin-top: 1em;
	}
	
	/*
	h6, .nectar-font-h6 {
		font-size: 1.375rem !important;
	}
	*/
	
	.readmore a {
		font-size: 1.375rem !important;
	}
	
	
	/* Navigation */
	
	body .globalsection.services {
		display: none !important;
	}
	
	body.home .services-block {
		display: flex !important;
	}
	
	
	/* Footer */
	
	#footer-outer .container .row .col {
		padding: 0;
	}
	
	#footer-outer #clock + #zurich-time {
		font-size: var(--flint-fontsize-15px);
	}
	
	
	/* Home */
	
	.home-services .nectar-blocks-column__content-wrap {
		gap: 10px !important;
	}
	
	body .about-block .text-col {
		gap: 6rem !important;
	}
	
	.grumpy-old-man {
		width: 80% !important;
		align-self: flex-end !important;
	}
	
	XXXbody .container-wrap .contained.right.grumpy-old-man {
		margin-left: calc(var(--main-padding) * -1);
		padding-right: 0 !important;
	}
	
	body.home .services-block {
		display: none !important;
	}
	
	
	/* Portfolio (Works): Archive */
	
	.caption {
		width: 100%;
		max-width: 670px;
	}
	
	
	/* Portfolio (Works): Single Project */
	
	body.work-archive .intro, 
	body.work-details .intro {
		flex-direction: column-reverse;
	}
	
	body.work-archive h1, 
	body.work-details h1, 
	body.work-archive .nectar-font-h1, 
	body.work-details .nectar-font-h1, 
	body.work-details .nectar-font-h2 {
		margin-top: 0;
	}
	
	body.hero:not(.shop) .heroimg .title-block > .nectar-block, 
	body.hero:not(.shop) .heroimg .title-block > .nectar-block.contained, 
	body.hero:not(.shop) .heroimg .title-block > .nectar-block.contained.right {
		padding-right: 0 !important;
	}
	
	body.hero .heroimg .nectar__bg-layers > .nectar__bg-image {
		background-position: 30% 50%;
	}
	
	body.hero .title-column .nectar-blocks-column__inner {
		gap: 1vh;
	}
	
	body.work-details .wp-block-nectar-blocks-scrolling-marquee, 
	body.work-details .nectar-blocks-marquee {
		--gap: 2rem !important;
	}
	
	#scroll-progress-bar {
		display: block;
	}
	
	
	/* Portfolio Single Project (Works): Hero Images */
	
	body.hero .title-block .title-column .nectar-blocks-column__wrapper {
		padding-top: 0;
		padding-left: 0;
	}
	
	body.work-details.hero.jungfraubahn .heroimg.top .nectar-blocks-row__wrapper .nectar__bg-layers .nectar__bg-image {
		background-position-x: 50%;
	}
	
	body.work-details.hero.jungfraubahn .heroimg.kleinescheidegg .nectar-blocks-row__wrapper .nectar__bg-layers .nectar__bg-image {
		background-position-x: 90%;
	}
	
	body.work-details.hero.jungfraubahn .heroimg.sphinx .nectar-blocks-row__wrapper .nectar__bg-layers .nectar__bg-image {
		background-position-x: 35%;
	}
	
	
	/* Portfolio Single Project (Works): Grid */
	
	body .grid-block.two-col, 
	body .nectar-blocks-flex-box__inner.grid-block.two-col {
		grid-template-columns: repeat(2, 1fr);
	}
	
	body .grid-block.three-col, 
	body .nectar-blocks-flex-box__inner.grid-block.three-col {
		grid-template-columns: repeat(3, 1fr);
	}
	
	body .grid-block.four-col, 
	body .nectar-blocks-flex-box__inner.grid-block.four-col {
		grid-template-columns: repeat(4, 1fr);
	}
	
	
	/* Portfolio Single Project (Works): Full Width Video mit Padding */
	
	body .fullwidth.video.padding .nectar-blocks-video-player.lorembrowser {
		padding: var(--flint-content-padding);
	}
	
	
	/* Hero Image Version */
	
	.scroll-indicator {
		display: block;
		opacity: 1;
	}
	
	body.is-scrolled .scroll-indicator {
		opacity: 0;
		transition: opacity 2.0s ease;
	}
	
	
	/* Shop */
	
	html body.shop {
		background-position: 10% 50% !important;
	}
	
	
}



@media screen and (max-width: 999px) {
	
	
	/* Templates */
	
	XXXbody .container-wrap .contained:not(.mobile), 
	.marquee-block h6, 
	.gallery-block h6, 
	body.shop .container-wrap > .main-content {
		padding-left: var(--flint-content-padding) !important;
		padding-right: var(--flint-content-padding) !important;
	}
	
	body[data-header-resize="0"] .container-wrap, 
	body[data-header-resize="0"] .project-title {
		padding-top: 4vh;
	}
	
	
	/* Navigation */
	
	#header-outer #logo, 
	#header-outer .logo-clone, 
	#header-outer .logo-spacing {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	
	#header-outer #top #mobile-cart-link i, 
	#header-outer .mobile-search .icon-salient-search, 
	#header-outer .mobile-user-account .icon-salient-m-user, 
	#top .span_9 > .slide-out-widget-area-toggle > div {
		margin-top: 0 !important;
	}
	
	#header-outer #logo img, 
	#header-outer .logo-clone img, 
	#header-outer .logo-spacing img, 
	body #top #logo img, 
	#header-outer[data-permanent-transparent="false"] #logo .dark-version {
		height: 14px !important;
	}
	
	#top .slide-out-widget-area-toggle a > span, 
	#top .slide-out-widget-area-toggle a .lines-button::after, 
	#header-outer .slide-out-widget-area-toggle .lines, 
	#header-outer .slide-out-widget-area-toggle .lines-button, 
	#header-outer .slide-out-widget-area-toggle .lines::after, 
	#header-outer .slide-out-widget-area-toggle .lines::before, 
	.slide-out-widget-area-toggle.mobile-icon .lines {
		width: 50px !important;
	}
	
	#top .side-widget-open .slide-out-widget-area-toggle a span .lines-button, 
	body .side-widget-open.lighten-logo.transparent #top div.container div.row div.col.span_9.col_last div.slide-out-widget-area-toggle.mobile-icon.fullscreen-inline-images div a.menu-push-out.open span i.lines-button.x2.close {
		overflow: hidden !important;
		opacity: 0 !important;
	}
	
	
}



@media screen and (max-width: 991px) and (min-width: 768px) {
	
	
}



@media screen and (max-width: 767px) {
	
	
	/* Templates */
	
	XXXbody .container-wrap .contained, 
	.marquee-block h6, 
	.gallery-block h6, 
	body.shop .container-wrap > .main-content {
		padding: 0 var(--flint-content-padding) !important;
	}
	
	.caption-block > .nectar-block {
		padding-right: calc(var(--flint-content-padding) / 3) !important;
	}
	
	
	/* Basics */
	
	.readmore a {
		font-size: 1.125rem !important;
	}
	
	
	/* Navigation */
	
	#top .slide-out-widget-area-toggle a > span, 
	#top .slide-out-widget-area-toggle a .lines-button::after, 
	#header-outer .slide-out-widget-area-toggle .lines, 
	#header-outer .slide-out-widget-area-toggle .lines-button, 
	#header-outer .slide-out-widget-area-toggle .lines::after, 
	#header-outer .slide-out-widget-area-toggle .lines::before, 
	.slide-out-widget-area-toggle.mobile-icon .lines {
		width: 30px !important;
	}
	
	
	/* Mobile Navigation */
	
	#slide-out-widget-area.fullscreen-inline-images .inner .widget.widget_nav_menu li a, #slide-out-widget-area.fullscreen-inline-images .inner .off-canvas-menu-container li a {
		margin: 0.1em 0 !important;
		padding-left: 0;
		padding-right: 0;
	}
	
	#slide-out-widget-area .inner .off-canvas-menu-container li > a {
		font-size: var(--flint-fontsize-40px) !important;
	}
	
	
	/* Footer */
	
	body #footer-outer #copyright .container {
		padding-bottom: var(--flint-content-padding) !important;
	}
	
	body #footer-outer .container .row {
		padding-bottom: 6vh !important;
	}
	
	#scroll-circle-wrap {
		width: 60px;
		height: 60px;
	}
	
	
	/* About */
	
	body .about-block .text-col {
		gap: 3rem !important;
	}
	
	
	/* Portfolio (Works): Single Project */
	
	body .title-block {
		width: 100% !important;
		max-width: 720px !important;
	}
	
	body.work-details .intro-block, 
	body.work-details .project-meta {
		flex-direction: column;
	}
	
	body.hero .heroimg .nectar__bg-layers > .nectar__bg-image {
		background-position: 35% 50%;
	}
	
	body.hero:not(.shop) .title-block, 
	body .container-wrap [class*="wp-block"].alignfull [class*="wp-block"].alignfull.title-block {
		margin-top: 0 !important;
	}
	
	body.hero .title-block h6, 
	body.hero .title-block .nectar-font-h6 {
		font-size: var(--flint-fontsize-16px) !important;
		line-height: 1.3em !important;
	}

	
	
	/* Portfolio Single Project (Works): Hero Images */
	
	body.work-details.hero.jungfraubahn .heroimg.top .nectar-blocks-row__wrapper .nectar__bg-layers .nectar__bg-image {
		background-position-x: 55%;
	}
	
	
	/* Portfolio Single Project (Works): Grid */
	
	body .grid-block.two-col, 
	body .nectar-blocks-flex-box__inner.grid-block.two-col {
		grid-template-columns: repeat(1, 1fr);
	}
	
	body .grid-block.three-col, 
	body .nectar-blocks-flex-box__inner.grid-block.three-col {
		grid-template-columns: repeat(2, 1fr);
	}
	
	body .grid-block.four-col, 
	body .nectar-blocks-flex-box__inner.grid-block.four-col {
		grid-template-columns: repeat(2, 1fr);
	}
	
	
	/* Portfolio Single Project (Works): Full Width Video mit Padding */
	
	body .fullwidth.video.padding .nectar-blocks-video-player.lorembrowser {
		padding: calc(var(--flint-content-padding) / 2);
	}
	
	
	/* Portfolio Single Project (Works): Flexbox (Wireframes) */
	
	body .container-wrap .wireframes {
		flex-direction: column !important;
	}
	
	
	/* Shop */
	
	html body.shop {
		background-position: 25% 50% !important;
	}
	

}



@media (max-width: 640px) {
	
	/* Basics */
	
	html {
		font-size: 15px;
	}
	
	:root {
		--flint-content-padding: 30px;
	}
	
	/*
	body.page-template-page-portfolio {
		background-image: none !important;
	}
	*/
	
	
}



@media screen and (max-width: 767px) and (min-width: 544px) {
	

}



@media screen and (max-width: 543px) {


}



@media (max-width: 480px) {
	
	/* Basics */
	
	html {
		font-size: 14px;
	}
	
	body {
		font-size: 0.9375rem !important;
	}
	
	:root {
		--flint-fontsize-20px: 1.125rem;
		--flint-content-padding: 20px;
	}
	
	.readmore a {
		font-size: 1.25rem !important;
	  }
	
	
	/* Templates */
	
	body[data-header-resize="0"] .container-wrap, 
	body[data-header-resize="0"] .project-title {
		padding-top: 3vh;
	}
	
	body.work-archive .project-title, 
	body.work-details .container-wrap, 
	body.work-details .project-title {
		padding-top: 0;
	}
	
	
	/* Navigation */
	
	#header-outer #logo img, #header-outer .logo-clone img, 
	#header-outer .logo-spacing img, 
	body #top #logo img, 
	#header-outer[data-permanent-transparent="false"] #logo .dark-version {
		height: 10px !important;
	}

	
	/* Portfolio (Works): Single Project */
	
	/*
	body.hero .heroimg .nectar-blocks-row__wrapper .nectar-blocks-row__inner .nectar-blocks-column .alignfull.title-row {
		width: 56% !important;
	}
	*/
	
	body.hero .heroimg .nectar__bg-layers > .nectar__bg-image {
		background-position: 35% 50%;
	}
	
	body.hero .title-column .nectar-blocks-column__wrapper {
		margin-top: -22vh !important;
		padding-top: 0 !important;
		padding-left: 0 !important;
	}
	
	body.hero .title-block h6, 
	body.hero .title-block .nectar-font-h6 {
		line-height: 1.3em !important;
	}
	
	
	/* Portfolio Single Project (Works): Hero Images */
	
	body.work-details.hero.jungfraubahn .heroimg.top .nectar-blocks-row__wrapper .nectar__bg-layers .nectar__bg-image {
		background-position-x: 60%;
	}
	
	body.work-details.hero.jungfraubahn .heroimg.kleinescheidegg .nectar-blocks-row__wrapper .nectar__bg-layers .nectar__bg-image {
		background-position-x: 65%;
	}
	
	body.work-details.hero.jungfraubahn .heroimg.sphinx .nectar-blocks-row__wrapper .nectar__bg-layers .nectar__bg-image {
		background-position-x: 35%;
	}
	
	
	/* Portfolio Single Project (Works): Grid */
	
	body .grid-block.two-col, 
	body .nectar-blocks-flex-box__inner.grid-block.two-col {
		grid-template-columns: repeat(1, 1fr);
	}
	
	body .grid-block.three-col, 
	body .nectar-blocks-flex-box__inner.grid-block.three-col {
		grid-template-columns: repeat(1, 1fr);
	}
	
	body .grid-block.four-col, 
	body .nectar-blocks-flex-box__inner.grid-block.four-col {
		grid-template-columns: repeat(1, 1fr);
	}
	
	
	/* Shop */
	
	html body.shop {
		background-position: 28% 50% !important;
	}
	
	/*
	body.shop .text-col {
		width: 55% !important;
		max-width: 55% !important;
		min-width: 55% !important;
	}
	*/
	
	
}



@media (max-width: 360px) {
	
	/* Shop */
	
	html body.shop {
		background-position: 34% 50% !important;
	}
	
	body.shop .text-col {
		flex: 75% !important;
		width: 75% !important;
		max-width: 75% !important;
		min-width: 75% !important;
	}
	
	
}