/*
Theme Name: samreciter-neoxfilm
Description: neoxfilm - kundenspezifisches Template.
Text Domain: samreciter
Tags: full-site-editing, block-patterns, responsive-layout
Template: samreciter-essentials
Version: 0.0.1
Requires at least: 6.0 
Requires PHP: 8.0
Author: samreciter
License: UNLICENSED

Copyright (C) samreciter - All Rights Reserved
Unauthorized copying of this file or the files content via any medium is strictly prohibited
Proprietary and confidential
Written by Jörg Walossek <info@samreciter.eu>, January 2023
*/

/* GENERAL */

@font-face {
	font-family:'Rubik';
	src:url('fonts/Rubik-VariableFont_wght.ttf') format('truetype-variations');
	font-weight:300 900;}

@font-face {
	font-family:'Rubik';
	src:url('fonts/Rubik-Italic-VariableFont_wght.ttf') format('truetype-variations');
	font-weight:300 900;
	font-style:italic;}

html{scroll-behavior:smooth;}

body{
	--samreciter-space:5rem;
	--samreciter-color:var(--wp--preset--color--foreground);
	--samreciter-background:var(--wp--preset--color--background);
	position:relative;
	padding:2rem 2rem 0;
  font:700 1.5rem/1 'Rubik',sans-serif;
	letter-spacing:.025em;
	text-transform:uppercase;
	overflow-x:hidden;}

@media(min-width:600px){
	body{padding:var(--samreciter-space) var(--samreciter-space) 0;}}

@media(min-width:1000px){
	body{--wp--style--global--content-size:80%;}}

::selection{background:var(--wp--preset--color--primary);}

/* HEADER */

.samreciter-header{
	color:transparent;
	-webkit-text-stroke:2px var(--wp--preset--color--background);
	font-size:1.5em;}

@media(min-width:600px){
	.samreciter-header{
		color:inherit;
		-webkit-text-stroke:initial;
		font-size:inherit;}}

.samreciter-header>*{z-index:10;}

.samreciter-header a:visited{
	-webkit-text-stroke:2px var(--wp--preset--color--background);}

.samreciter-brand{
	position:absolute;
	top:calc(2rem + 21ch);
	left:calc(var(--samreciter-space) / 2 - .5em);
	margin:0;
	font:inherit;
	transform-origin:0% 0%;
	transform:rotate(-90deg);}

html[lang="de-DE"] .samreciter-brand{
	top:calc(2rem + 16ch);}

@media(min-width:600px){
	.samreciter-brand{
		position:fixed;
		top:calc(var(--samreciter-space) * 2 + 21ch);}

	html[lang="de-DE"] .samreciter-brand{
		top:calc(var(--samreciter-space) * 2 + 16ch);}}

.samreciter-brand a{
	text-decoration:none;
	color:inherit;}


html[lang="en-US"] .samreciter-brand .samreciter-de{display:none;}

html[lang="de-DE"] .samreciter-brand .samreciter-en{display:none;}

.wp-block-samreciter-polylang{
	position:absolute;
	top:1.75rem;right:2rem;
	margin:0;}

@media(min-width:600px){
	.wp-block-samreciter-polylang{
		right:calc(var(--samreciter-space) * 2);}}

.wp-block-samreciter-polylang .samreciter-polylang{
	margin:0;padding:0;
	list-style:none;}

.wp-block-samreciter-polylang li{display:inline;}

.wp-block-samreciter-polylang li+li:before{content:' | ';}

.wp-block-samreciter-polylang a{
	text-decoration:none;
	color:inherit;}

.wp-block-samreciter-polylang li.current-lang a{
	-webkit-text-stroke-color:var(--wp--preset--color--primary);}

@media(min-width:600px){
	.wp-block-samreciter-polylang li.current-lang a{
		color:var(--wp--preset--color--primary);
		-webkit-text-stroke-color:initial;}}

.samreciter-crosslink{
	position:absolute;
	top:calc(100dvh - 2rem);
	right:calc(var(--samreciter-space) / 2 - 0.5em);
	transform-origin:100% 0%;
	transform:rotate(90deg);
	white-space:nowrap;}

@media(min-width:600px){
	.samreciter-crosslink{
		top:calc(100dvh - var(--samreciter-space) * 2);}}

.samreciter-crosslink a{
	text-decoration:none;
	color:inherit;}

html[lang="en-US"] .samreciter-crosslink .samreciter-de{display:none;}

html[lang="de-DE"] .samreciter-crosslink .samreciter-en{display:none;}

/* GENERAL */

.samreciter-main{margin:0;}

.wp-block-post-content{hyphens:auto;}

@media(min-width:1000px){
	.wp-block-post-content{hyphens:initial;}}

.wp-block-post-content a{
	color:var(--wp--preset--color--primary);
	text-decoration:none;}

.wp-block-post-content a:hover{
	text-decoration:underline;}

.wp-block-post-content .wp-block-columns.is-layout-flex{
	gap:calc(var(--samreciter-space) / 2);}

.wp-block-post-content>.wp-block-post-featured-image:first-child,
.wp-block-post-content>.wp-block-image:first-child,
.wp-block-post-content>.wp-block-video:first-child,
.wp-block-post-content>.wp-block-embed:first-child{
	position:relative;
	top:-2rem;left:-2rem;
	width:var(--samreciter-clientwidth);
	height:100dvh;
	margin-bottom:var(--samreciter-space);}

@media(max-width:599px){
	.is-layout-constrained>.wp-block-post-content>.wp-block-post-featured-image:first-child.alignwide,
	.wp-block-post-content>.wp-block-image:first-child.alignwide,
	.is-layout-constrained>.wp-block-post-content>.wp-block-video:first-child.alignwide,
	.is-layout-constrained>.wp-block-post-content>.wp-block-embed:first-child.alignwide{
		max-width:none;}}

@media(min-width:600px){
	.wp-block-post-content>.wp-block-post-featured-image:first-child,
	.wp-block-post-content>.wp-block-image:first-child,
	.wp-block-post-content>.wp-block-video:first-child,
	.wp-block-post-content>.wp-block-embed:first-child{
		top:0;left:0;
		width:auto;
		height:calc(100dvh - var(--samreciter-space) * 2);}}

.wp-block-post-content>.wp-block-embed:first-child .wp-block-embed{
	position:static;
	height:100%;
	margin:0;}

.wp-block-post-content>.wp-block-post-featured-image:first-child img,
.wp-block-post-content>.wp-block-image:first-child img,
.wp-block-post-content>.wp-block-video:first-child video,
.wp-block-post-content>.wp-block-embed:first-child iframe{
	position:absolute;
	width:100%;height:100%;
	object-fit:cover;}

.wp-block-post-content>.wp-block-embed:first-child .wp-block-embed__wrapper{
	height:100%;}

.wp-block-post-content>.wp-block-embed:first-child .wp-block-embed__wrapper:before{
	display:none;}

.wp-block-post-content :where(h1,h2,h3){
	font-weight:900;
	font-size:2em;
	color:transparent;
	-webkit-text-stroke:2px var(--samreciter-color);}

@media(min-width:1400px){
	.wp-block-post-content :where(h1,h2,h3){
		font-size:2.4em;
		text-wrap:balance;}}
	
.wp-block-post-content :where(h4,h5,h6){
	font-weight:400;
	font-size:.7em;}

.wp-block-post-content p{line-height:1.3;}
	
.wp-block-post-content .samreciter-information p{font-size:1.3em;}
	
.wp-block-post-content :where(h1,h2,h3,h4,h5,h6,p){margin:0;}
	
.wp-block-post-content :where(h1,h2,[class*=wp-block-])+*{margin-top:var(--samreciter-space);}
	
.wp-block-post-content p+*{margin-top:calc(var(--samreciter-space) / 2);}
	
.wp-block-post-content :where(h4,h5,h6)+*{margin-top:.25rem;}
	
.wp-block-post-content .is-layout-flex:not(.is-vertical)>*+*{margin:0;}

.wp-block-post-content :target:before{
	content:"";
	display:block;
	height:var(--samreciter-space);
	margin:calc(-1 * var(--samreciter-space)) 0 0;}

/* MOVIE PREVIEW */

.wp-block-post-content .samreciter-movie-preview{
	gap:0;
	border:1px solid hsl(0 0% 90%);
    box-shadow:2px 3px 6px hsl(0 0% 90%);}

.wp-block-post-content .samreciter-movie-preview figure a{
	display:block;
	aspect-ratio:5 / 8;}

.wp-block-post-content .samreciter-movie-preview h4{
	padding:.75rem 1rem;
    font:inherit;
    font-size:.7em;}

/* WPCF7 */

.wpcf7 p{margin:0;}

.wpcf7 p+p{margin-top:calc(var(--samreciter-space) / 2);}

.wpcf7 .wpcf7-form-control-wrap{display:grid;}

.wpc7 .wpcf7-not-valid-tip{
	padding:.75em .5em 0;
	font-weight:700;
	font-size:.7em;}

.wpcf7 :where(input,textarea){
	box-sizing:border-box;
	width:100%;
	padding:1em 1.5em;
	font:inherit;
	line-height:1.3;
	text-transform:inherit;
	background:none;
	border:2px solid currentColor;
	border-radius:3px;}

.wpcf7 ::placeholder{
	color:inherit;
	opacity:.7;}

.wpcf7 input[type=submit]{
	width:auto;
	padding:0;
	font-size:2em;
	font-weight:900;
	color:transparent;
	-webkit-text-stroke:2px var(--samreciter-color);
	border:none;}

@media(min-width:1400px){
	.wpcf7 input[type=submit]{
		font-size:2.4em;}}

.wpcf7 .submit{
	display:flex;
	justify-content:center;
	align-items:center;
	margin:calc(var(--samreciter-space) / 2 - 1rem) 0 0;}

@media(min-width:1000px){
	.wpcf7 .submit{
		margin:calc(var(--samreciter-space) - 1rem) 0 0;}}

.wpcf7 .submit .submit-content{
	position:relative;}

.wpcf7 .submit .submit-content:after{
	content:'';
	position:absolute;
	right:-3.5rem;bottom:-1rem;
	width:4rem;height:4rem;
	background:url(images/samreciter-click.svg);
	background-size:contain;
	background-repeat:no-repeat;}

.wpcf7 .wpcf7-spinner{
	position:absolute;
	top:calc(50% + -1rem);left:-3rem;
	width:2rem;height:2rem;
	margin:0;
	background-color:currentColor;
	opacity:1;}

/* SINGLE POST */

body.single-post{
	--samreciter-color:var(--wp--preset--color--background);
	--samreciter-background:var(--wp--preset--color--foreground);
	color:var(--wp--preset--color--background);
  background:var(--wp--preset--color--foreground);}

/* NEXTPOST */

.wp-block-samreciter-nextpost{
	position:relative;
	display:block;
	margin-top:calc(var(--samreciter-space) * 4);
	color:inherit;
	text-decoration:none;}

.wp-block-samreciter-nextpost:before{
	content:'⤍';
	position:absolute;
	top:-.55em;left:-1.5rem;
	font-family:Arial,sans-serif;
	font-size:5em;
	color:transparent;
  -webkit-text-stroke:2px var(--wp--preset--color--background);
	z-index:1;}

@media(min-width:600px){
	.wp-block-samreciter-nextpost:before{
		font-size:8em;
		left:-3rem;}}

.wp-block-samreciter-nextpost .samreciter-nextpost{position:relative;}

.wp-block-samreciter-nextpost img{
	width:100%;
	height:auto;}

.wp-block-samreciter-nextpost .samreciter-nextpost-stroke{
	display:flex;flex-direction:column;}

.wp-block-samreciter-nextpost .samreciter-nextpost-grayscale{
	display:none;}

@media(min-width:600px){
	.wp-block-samreciter-nextpost img{
		width:calc((var(--samreciter-clientwidth) - 2 * var(--samreciter-space)) * .8);}
		
	.wp-block-samreciter-nextpost .samreciter-nextpost-description{
		position:absolute;
		top:0;bottom:0;left:0;
		width:calc((var(--samreciter-clientwidth) - 2 * var(--samreciter-space)) * .8);
		font-weight:900;
		line-height:1;}

	.wp-block-samreciter-nextpost .samreciter-nextpost-grayscale,
	.wp-block-samreciter-nextpost .samreciter-nextpost-stroke{
		position:absolute;inset:0;
		justify-content:center;
		padding-left:calc((var(--samreciter-clientwidth) - 2 * var(--samreciter-space)) * .8 / 4);
		color:transparent;}

	.wp-block-samreciter-nextpost .samreciter-nextpost-grayscale{
		display:flex;flex-direction:column;
		-webkit-text-stroke:2px transparent;
		filter:grayscale(1) invert(1) contrast(1);
		background-size:calc((var(--samreciter-clientwidth) - 2 * var(--samreciter-space)) * .8) 100%;
		background-position:0 50%;
		background-repeat:no-repeat;
		-webkit-background-clip:text;
		background-clip:text;}

	.wp-block-samreciter-nextpost .samreciter-nextpost-stroke{-webkit-text-stroke:2px var(--wp--preset--color--background);}}

@media(min-width:1000px){
	.wp-block-samreciter-nextpost img{
		width:calc((var(--samreciter-clientwidth) - 2 * var(--samreciter-space)) * .8 / 2);}
		
	.wp-block-samreciter-nextpost .samreciter-nextpost-grayscale{
		background-size:calc((var(--samreciter-clientwidth) - 2 * var(--samreciter-space)) * .8 / 2) 100%;}}

.wp-block-samreciter-nextpost .samreciter-nextpost-header{margin:.25em 0;}

.wp-block-samreciter-nextpost .samreciter-nextpost-subheader{font-size:.7em;}

@media(min-width:600px){
	.wp-block-samreciter-nextpost .samreciter-nextpost-header{
		margin:0;
		font-size:3em;}

	.wp-block-samreciter-nextpost .samreciter-nextpost-subheader{font-size:2em;}}

@media(min-width:1600px){
	.wp-block-samreciter-nextpost .samreciter-nextpost-header{font-size:4em;}}

.wp-block-samreciter-nextpost figcaption{
	display:none;}

/* FOOTER */

.samreciter-footer{
	margin:calc(var(--samreciter-space) * 2) 0 1.75rem;
	font-weight:600;
	font-size:1.5rem;}

.samreciter-footer a{
	color:inherit;
	text-decoration:none;}

.wp-block-samreciter-anchorup{
	position:absolute;
	right:calc(var(--samreciter-space) / 2 - 0.5em);
	bottom:2rem;
	transform-origin:100% 0;
	transform:rotate(90deg);}

@media(max-width:999px){
	.samreciter-footer-nav.is-layout-flex{
		flex-direction:column-reverse;
		align-items:flex-start;}}

@media(min-width:1000px){
	.samreciter-footer p:before{content:' | ';}

	.wp-block-samreciter-anchorup{
		bottom:calc(var(--samreciter-space) * 2);}}

/* CURSOR */

#samreciter-cursor{backdrop-filter:grayscale();}

/* COMPLIANZ */

body #cmplz-manage-consent .cmplz-manage-consent{
	bottom:1rem;right:1rem;
	min-width:0;width:3rem;height:3rem;
	padding:0;
  font-size:2.5rem;
  line-height:1;
	color:transparent;background:transparent;
	border-radius:50%;
  animation:none;}

body #cmplz-manage-consent .cmplz-manage-consent:hover{
	animation:none;}
	
body #cmplz-manage-consent .cmplz-manage-consent:before{
	content:'🍪';
  position:absolute;
  inset:.1em 0 0 -.1em;
	font-family:Arial,sans-serif;
  color:initial;}

body .cmplz-cookiebanner{
	padding:20px;
  border-radius:0;}

body .cmplz-cookiebanner .cmplz-categories .cmplz-category{
	color:var(--wp--preset--color--foreground);
	background:var(--wp--preset--color--background);}

body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title,
body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description{
	color:var(--wp--preset--color--foreground);}

body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{
	border-radius:0;}

body .cmplz-cookiebanner .cmplz-links{margin-top:10px;}

body .cmplz-blocked-content-container .cmplz-blocked-content-notice{
	padding:1rem 1.5rem;
	color:var(--wp--preset--color--background);
	background:var(--wp--preset--color--foreground);
	border:none;border-radius:0;}