/*
Theme Name: wit’ya
Theme URI: https://mouret.dk
Author: mouret.
Author URI: https://mouret.dk
Description: Theme for wit’ya.
Version: 1.0
Text Domain: witya
*/



:root {
	--mouret-body: 22px;
	--mouret-body-big: calc( var(--mouret-body) * 1.6);
	--mouret-body-small: calc( var(--mouret-body) * 0.85);
	--spacer: max(2vw, 75px);
	
	--space-s: max(2vw, 75px);
	--space: max(3vw, 100px);
	--space-l: max(4vw, 150px);
	--space-xl: max(6vw, 250px);
	--gutter-l: max(8%, calc((100vw - 1400px) / 2));
	--gutter-m: max(130px, calc((100vw - 1600px) / 2));
	--gutter-s: max(40px, 8%);
	--gutter-xs: max(24px, 4vw);
	--gutter: 12%;
	--xxxl: max(12vw, 150px);
	--xxl: calc( var(--mouret-body) * 7);
	--xl: calc( var(--mouret-body) * 4.5);
	--l: calc( var(--mouret-body) * 3);
	--m: calc( var(--mouret-body) * 2);
	--s: calc( var(--mouret-body) * 0.8);
	
	--xxxl-lh: 0.8;
	--xxl-lh:  1;
	--xl-lh:  1;
	--l-lh:  1;
	
	--xxxl-ls: -0.04em;
	--xxl-ls:  -0.03em;
	--xl-ls:  -0.03em;
	
	
	--rounded-section: max(8vw, 60px);
	--rounded-section-s:  max(1vw, 12px);
	--rounded-section-m:   max(2.5vw, 24px);
	--rounded-section-xl: max(12vw, 90px);
	
	
	--rounded-s: 20px;
	--border-offset: 15px;
	--gapx: max(3vw, 40px);
	--gapy: max(1vw, 20px);
	
	
	--readable-s: 45ch;
	--readable-m: 55ch;
	--readable-l: 65ch;
	--readable-xl: 75ch;
	
	--mouret-button: calc( var(--mouret-body) * 0.85);

	--darkmode: #37110c;  /* --e-global-color-text  */
	--white: #FFFFFF;     /* --e-global-color-secondary */
	--neon: #c2ff80;      /* -e-global-color-primary */
	--mainchar: #0025ff;

	--baby: #f1b3c2;      /* custom */
	--grounded: #067346;  /* custom */


}

@media(max-width: 1600px) {
	:root {
		--mouret-body: 20px;
	}
}
@media(max-width: 1366px) {
	:root {
		--gutter-m: max(5%, calc((100vw - 1600px) / 2));
		
		--xl: calc( var(--mouret-body) * 4);
		--xxl: calc( var(--mouret-body) * 5);
	}
}
@media(max-width: 1024px) {
	:root {
		--mouret-body: 18px;
		--space: 80px;
		--space-s: 50px;
		--space-l: 100px;
		--space-xl: 150px;
		
		--rounded-s: 15px;
		--border-offset: 10px;
		
		
	}
}
@media (max-width: 767px) {
	:root {
		--mouret-body: 16px;
		--space: 50px;
		--space-s: 20px;
		--space-l: 75px;
		--space-xl: 110px;
		
		--xl: calc( var(--mouret-body) * 3.5);
		--xxl: calc( var(--mouret-body) * 4);
		
		
		
	}
}
html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-block-start:.5rem;margin-block-end:1rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-start:0;margin-block-end:.9rem}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;text-decoration:none;color:var(--darkmode)}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{font-size:16px;line-height:1.4;font-style:italic;font-weight:400}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #ccc}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{width:auto;-webkit-appearance:button}[type=button],[type=submit],button{display:inline-block;font-weight:400;color:var(--darkmode);text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid var(--darkmode);padding:.5rem 1rem;font-size:1rem;border-radius:3px;transition:all .3s}[type=button]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{color:#fff;background-color:var(--darkmode);text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;width:100%;margin-block-end:15px;font-size:.9em;border-spacing:0;border-collapse:collapse}table td,table th{padding:15px;line-height:1.5;vertical-align:top;border:1px solid hsla(0,0%,50.2%,.5019607843)}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50.2%,.5019607843)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50.2%,.0705882353)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50.2%,.1019607843)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50.2%,.5019607843)}@media (max-width:767px){table table{font-size:.8em}table table td,table table th{padding:7px;line-height:1.3}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{margin-block-start:0;margin-block-end:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

html, body {
	scroll-behavior: auto !important;
	overscroll-behavior: none !important;
}

body {
	font-size: var(--mouret-body);
	background-color: var(--e-global-color-secondary);
}

html.lenis,
html.lenis body {
height: auto;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
overflow: clip;
}
.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch] {
overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
pointer-events: none;
}
.lenis.lenis-autoToggle {
transition-property: overflow;
transition-duration: 1ms;
transition-behavior: allow-discrete;
}


.elementor-location-header {
	position: fixed;
	z-index: 1000;
	width: 100%;
	pointer-events: none;
}
.elementor-location-header a {
	pointer-events: auto;
}
.elementor-location-header a.homelink {
	width: fit-content;
	display: block;
	margin-top: 10px;
}
body:not(.elementor-editor-active) .elementor-location-header > div > * {
	opacity: 0;
}

.elementor-location-header .logowrapper {
	height: 70px;
}
.elementor-location-header .logo {
	height: 70px;

}
.elementor-location-header .logo svg {
	height: 100%;
	width: auto;
	flex-shrink: 0; 
	display: block;
}


.elementor-widget-theme-site-logo a {
	user-drag: none;
	-webkit-user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
@media(max-width: 767px) {
	.homelink {
		margin-left: 0;
		transform-origin: 0% 50%;
		transform: scale(0.65);
	}
	.elementor-location-header .logowrapper {
		margin-left: 0;
	}
}









body.error404 header,
body:has(.site-content > div > section:first-of-type.headerdark) > header,
body:has(.site-content > div > section:first-of-type.section-neon) > header,
body:has(.site-content > div > section:first-of-type.section-light) > header {
	fill: var(--darkmode) !important;
}
body.error404 header .hamburger,
body:has(.site-content > div > section:first-of-type.headerdark) > header .hamburger,
body:has(.site-content > div > section:first-of-type.section-neon) > header .hamburger,
body:has(.site-content > div > section:first-of-type.section-light) > header .hamburger {
	stroke: var(--darkmode) !important;
}

body.elementor-editor-active > header > .e-con {
	position: absolute;
}

.elementor-widget-text-editor .elementor-widget-container h2 {
	font-size: var(--l);
}
.elementor-widget-text-editor .elementor-widget-container h3 {
	font-size: var(--m);
}

/*
body > header > div + div { 
	display: none !important;
}*/

.elementor-widget-text-editor dd,
.elementor-widget-text-editor dl,
.elementor-widget-text-editor dt
.elementor-widget-text-editor li,
.elementor-widget-text-editor ol,
.elementor-widget-text-editor ul {
margin-block-start:revert;
margin-block-end:revert;
}
/*
.readable-m .elementor-widget-container,
.readable-l .elementor-widget-container,
.readable-xl .elementor-widget-container {
	display: inline-block;
}
.readable-s .elementor-widget-container p {
	max-width: 45ch;
}
.readable-m .elementor-widget-container p {
	max-width: 55ch;
}
.readable-l .elementor-widget-container p {
	max-width: 65ch;
}
.readable-xl .elementor-widget-container p {
	max-width: 75ch;
}

.readable-s .elementor-widget-container ol,
.readable-s .elementor-widget-container ul {
	max-width: 45ch;
}
.readable-m .elementor-widget-container ol,
.readable-m .elementor-widget-container ul {
	max-width: 55ch;
}
.readable-l .elementor-widget-container ol,
.readable-l .elementor-widget-container ul {
	max-width: 65ch;
}
.readable-xl .elementor-widget-container ol,
.readable-xl .elementor-widget-container ul {
	max-width: 75ch;
}*/

.readable-m,
.readable-l,
.readable-xl {
	display: inline-block;
}
.readable-s p {
	max-width: 45ch;
}
.readable-m p {
	max-width: 55ch;
}
.readable-l p {
	max-width: 65ch;
}
.readable-xl p {
	max-width: 75ch;
}

.readable-s ol,
.readable-s ul {
	max-width: 45ch;
}
.readable-m ol,
.readable-m ul {
	max-width: 55ch;
}
.readable-l ol,
.readable-l ul {
	max-width: 65ch;
}
.readable-xl ol,
.readable-xl ul {
	max-width: 75ch;
}

.c1 { color: var(--darkmode) }
.c2 { color: var(--neon) }
.c3 { color: var(--mainchar)}
.c4 { color: var(--baby) }
.c5 { color: var(--grounded) }


body a.elementor-button {
	text-decoration: none;
}



/* padding / margin override via custom control */
.e-con.padding-sides-s { padding-inline: var(--gutter-s); }
.e-con.padding-sides-m { padding-inline: var(--gutter-m); }
.e-con.padding-sides-l { padding-inline: var(--space-l);  }

.e-con.padding-top-s  { padding-top: var(--space-s);  }
.e-con.padding-top-m  { padding-top: var(--space);    }
.e-con.padding-top-l  { padding-top: var(--space-l);  }
.e-con.padding-top-xl { padding-top: var(--space-xl); }


.e-con.padding-bottom-s  { padding-bottom: var(--space-s);  }
.e-con.padding-bottom-m  { padding-bottom: var(--space);    }
.e-con.padding-bottom-l  { padding-bottom: var(--space-l);  }
.e-con.padding-bottom-xl { padding-bottom: var(--space-xl); }


[data-element_type="container"][class*="section-"] {
	color: var(--darkmode);
	fill: var(--darkmode);
}

[data-element_type="container"].section-dark {
	color: var(--white);
	fill: var(--white);
	/*background-color: var(--e-global-color-text);
	color: var(--e-global-color-secondary);
	fill: var(--e-global-color-secondary);*/
}

[data-element_type="container"].section-darkmode {
	background-color: var( --darkmode );
}
[data-element_type="container"].section-dark a:not(.elementor-button) {
	color: var(--white);
	/*color: var(--e-global-color-secondary);*/
}
[data-element_type="container"].section-mainchar {
	background-color: var( --mainchar );
}
[data-element_type="container"].section-grounded {
	background-color: var( --grounded );
}
[data-element_type="container"].section-light {
	background-color: var(--white);
	/*background-color: var(--e-global-color-secondary);*/
}
[data-element_type="container"].section-neon {
	/*background-color: var( --e-global-color-primary );*/
	background-color: var( --neon );
}
[data-element_type="container"].section-baby {
	/*background-color: var( --e-global-color-primary );*/
	background-color: var( --baby );
}


body:has([data-element_type="container"].section-neon-blobs) {
	--blob-color:     var( --neon );
	--blob-intensity: 1;
	--blob-speed-a:   40s;
	--blob-speed-b:   46s;

	/*position: relative;
	overflow: hidden;*/
}

body:has([data-element_type="container"].section-neon-blobs)::before,
body:has([data-element_type="container"].section-neon-blobs)::after {
	content: '';
	/*position: absolute;
	inset: -50%;
	width: 200%;
	height: 200%;*/
	pointer-events: none;
	z-index: -1;
	
	position: fixed;
	inset: -50vw;
	width: 200vw;
	height: 200vh;
}

body:has([data-element_type="container"].section-neon-blobs)::before {
	background-image:
		radial-gradient(ellipse 15% 15% at 30% 40%, color-mix(in srgb, var(--blob-color), transparent calc(100% - var(--blob-intensity) * 100%))        0%, transparent 100%),
		radial-gradient(ellipse 12% 12% at 70% 60%, color-mix(in srgb, var(--blob-color), transparent calc(100% - var(--blob-intensity) * 85%))         0%, transparent 100%),
		radial-gradient(ellipse 10% 10% at 50% 20%, color-mix(in srgb, var(--blob-color), transparent calc(100% - var(--blob-intensity) * 70%))         0%, transparent 100%),
	animation: neon-rotate-cw var(--blob-speed-a) linear infinite;
}

body:has([data-element_type="container"].section-neon-blobs)::after {
	background-image:
		radial-gradient(ellipse 13% 13% at 65% 30%, color-mix(in srgb, var(--blob-color), transparent calc(100% - var(--blob-intensity) * 85%))         0%, transparent 100%),
		radial-gradient(ellipse 10% 10% at 75% 75%, color-mix(in srgb, var(--blob-color), transparent calc(100% - var(--blob-intensity) * 70%))         0%, transparent 100%),
		radial-gradient(ellipse 18% 18% at 50% 50%, color-mix(in srgb, var(--blob-color), transparent calc(100% - var(--blob-intensity) * 60%))         0%, transparent 100%);
	animation: neon-rotate-ccw var(--blob-speed-b) linear infinite;
}

@keyframes neon-rotate-cw {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}

@keyframes neon-rotate-ccw {
	from { transform: rotate(0deg); }
	to   { transform: rotate(-360deg); }
}
/*
[data-element_type="container"].section-neon-blobs > .elementor-container,
[data-element_type="container"].section-neon-blobs > * {
	position: relative;
	z-index: 1;
}*/



[data-element_type="container"][class*="section-rounded-"] {
	border-radius: 0;
}

[data-element_type="container"].section-rounded-size-s  { --rounded-section: var(--rounded-section-s); }
[data-element_type="container"].section-rounded-size-m  { --rounded-section: var(--rounded-section-m); }
[data-element_type="container"].section-rounded-size-xl { --rounded-section: var(--rounded-section-xl); }

[data-element_type="container"].section-rounded-tl  { border-radius: var(--rounded-section) 0 0 0; }
[data-element_type="container"].section-rounded-tr  { border-radius: 0 var(--rounded-section) 0 0; }
[data-element_type="container"].section-rounded-br  { border-radius: 0 0 var(--rounded-section) 0; }
[data-element_type="container"].section-rounded-bl  { border-radius: 0 0 0 var(--rounded-section); }
[data-element_type="container"].section-rounded-t   { border-radius: var(--rounded-section) var(--rounded-section) 0 0; }
[data-element_type="container"].section-rounded-b   { border-radius: 0 0 var(--rounded-section) var(--rounded-section); }
[data-element_type="container"].section-rounded-l   { border-radius: var(--rounded-section) 0 0 var(--rounded-section); }
[data-element_type="container"].section-rounded-r   { border-radius: 0 var(--rounded-section) var(--rounded-section) 0; }
[data-element_type="container"].section-rounded-all { border-radius: var(--rounded-section); }


figure > a {
	display: block;
	-webkit-user-drag: none;
	user-drag: none;
}

.elementor-widget-image.img-aspect-1-1 img  { aspect-ratio: 1; object-fit: cover; }
.elementor-widget-image.img-aspect-1-2 img  { aspect-ratio: 1 / 2; object-fit: cover; }
.elementor-widget-image.img-aspect-2-3 img  { aspect-ratio: 2 / 3; object-fit: cover; }
.elementor-widget-image.img-aspect-3-4 img  { aspect-ratio: 3 / 4; object-fit: cover; }

.elementor-widget-image.img-aspect-2-1 img  { aspect-ratio: 2 / 1; object-fit: cover; }
.elementor-widget-image.img-aspect-3-2 img  { aspect-ratio: 3 / 2; object-fit: cover; }
.elementor-widget-image.img-aspect-4-3 img  { aspect-ratio: 4 / 3; object-fit: cover; }
.elementor-widget-image.img-aspect-16-9 img { aspect-ratio: 16 / 9; object-fit: cover; }

.elementor-widget-image.img-pos img {object-position: var(--object-position, 50% 50%); object-fit: cover; }

.elementor-widget-image div[data-elementor-open-lightbox="yes"] {
	cursor: pointer;
}

.elementor-widget-image .icon {
	color: var( --darkmode );
	fill: var( --darkmode );
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10%;
	margin-left: -10%;
	width: 20%;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	pointer-events: none;
	z-index: 2;
	background: var( --neon );
	border: 2px solid var( --darkmode );
	box-shadow: 4px 4px 0px 0px var( --darkmode );
	transition: 0.2s box-shadow;
}
.elementor-widget-image:has([href]):hover .icon {
	box-shadow: 8px 8px 0px 0px currentcolor;
	/*transform: translate(2px, 2px);*/
}

.elementor-widget-image .icon svg {
	width: 100%;
	height: 100%;
	padding: 33%;
	object-fit: contain;
	display: block;
}
body .container-rounded > div {
	border-radius: 100em !important;
	overflow: hidden !important;
}
body .container-border:before {
	content: "";
	inset: 0;
	position: absolute;
	transform: translate(var(--border-offset), var(--border-offset));
	border: 1px solid var(--e-global-color-text);
	z-index: 0;
	pointer-events: none;
	border-radius: 100em;
}

.container-aspect-16-9 {
	aspect-ratio: 16 / 9;
}

@media (max-width: 767px) {
	.mobilenobreak br {
		display: none;
	}
}

/* BUTTON */

/*
body a.elementor-button {
	box-shadow: 8px 8px 0px 0px currentcolor;
}
body a.elementor-button:hover {
	box-shadow: 6px 6px 0px 0px currentcolor;
	transform: translate(2px, 2px);
}
body a.elementor-button:active {
	box-shadow: 0px 0px 0px 0px currentcolor;
	transform: translate(8px, 8px);
}
body a.elementor-button {
	fill: currentColor;
}
[data-element_type="container"].section-dark a.elementor-button {
	color: #202635;

}

*/


/* TICKER */
.marquee {
	font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
	transition: background .2s;
}
.marquee.tilted-right {
	position: absolute;
	z-index: 1;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(2deg);
	transform-origin: center center;
}
.marquee.tilted-left {
	position: absolute;
	z-index: 1;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(-2deg);
	transform-origin: center center;
}
a.marquee {
	text-decoration: none !important;
}
a.marquee:focus {
	outline: solid;
}
a.marquee div {
	text-decoration-line: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.05em;
}
.marquee-item h1,
.marquee-item h2,
.marquee-item h3,
.marquee-item h4,
.marquee-item span,
.marquee-item p,
.marquee-item div {
	font: inherit !important;
	margin: 0;
}







.elementor-element .elementor-widget-container,.elementor-element:not(:has(.elementor-widget-container)),
.elementor-icon,
.e-con:before,
.e-con { transition-property: none !important; }

h1 > *,
h2 > *,
h3 > *,
h4 > *,
.elementor-widget-text-editor p > * {
	will-change: transform;
}
.elementor-widget-text-editor a div {
	text-decoration: inherit;
}
[data-elementor-type="wp-page"] > section:first-of-type .elementor-widget-container:has(h1) {
	margin: 100px 0px 0px 0px !important;
}