/* theme.css */
@import "extended.css";

:root {
	--black: #222429;
	--white: #f2f2f2;
	--grey: #32373d;
	--lightgrey: #cccccc;
	--yellow: #fbe74d;
	--red: #A82E38;
	--green: #206020;
	--gap: 10px;
}

html body {
	--wp--preset--color--secondary: var(--lightgrey);
	--edd-blocks-light-grey: var(--grey);

	/*should be deprecated; WP templating is rotten… */
	--wp--preset--spacing--70: clamp(5rem, 5.25rem + ((1vw - 0.48rem) * 9.096), 8rem);
}

.btn, .breadcrumb-item a, .post-meta a, .share--links a  {
	--wp--preset--color--secondary: var(--lightgrey);
}

.btn,
.button {
	/*
	line-height: 1.428571429;
	padding: 6px 12px;
	font-size: small;

	 */
	border-radius: 4px;
	border: 0 !important;
	text-transform: uppercase;
	font-weight: bold !important;
	text-align: center;
}

body {background: var(--black); color: var(--lightgrey); letter-spacing: 0.01em; overflow-x: hidden;   scrollbar-color: var(--lightgrey) var(--grey);	scrollbar-width: thin;}
a {position: relative; color: var(--yellow); text-decoration: none !important;}
p a:where(:not(.wp-element-button, .btn, .button, .nodeko)) {text-decoration: underline !important;}

a:not(.btn, .button, .nodeko, .lightbox)::after {content:" "; position: absolute; left: 0; bottom: 0; height: 1px; width: 0; background: var(--lightgrey)}
a:hover {color:  var(--lightgrey)}
strong {font-weight: bold;}

.wp-block-post-content a:where(:not(.wp-element-button)) {color: var(--yellow);}

.wp-block-post-content .btn-primary {color: var(--grey); background-color: var(--yellow); border-radius: 0; }


/*disabled in phase 1*/
.bi.bi-hand-thumbs-up,
.bi.bi-bookmark-plus,
.bi.bi-eye {display: none !important;}

h1, .h1 {font-size: 2.5em;}
h2, .h2 {font-size: 1.75em;}
h3, .h3 {font-size: 1.5em;}
h4, h5, h6,
.h4, .h5, .h6 {font-size: 1.15em;}

@media (max-width: 1600px) {
	h1, .h1 {font-size: 2.25em;}
	h2, .h2 {font-size: 1.5em;}
	h3, .h3 {font-size: 1.25em;}
}
@media (max-width: 1024px) {
	h1, .h1 {font-size: 2em;}
	h2, .h2 {font-size: 1.25em;}
	h3, .h3 {font-size: 1.15em;}
}
@media (max-width: 640px) {
	h1, .h1 {font-size: 1.5em;}
	h2, .h2 {font-size: 1.15em;}
	h3, .h3 {font-size: 1.0em;}
}

/* theme_addon.css */
p a:where(:not(.wp-element-button, .btn, .button, .nodeko))  {text-decoration: none!important;}

.text-shadow, .text-shadow button {
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1600px) {
	h2, .h2 {
		font-size: 1.25em;
	}
}

h2, .h2 {
	font-size: 1.75em;
}

@media (min-width: 1200px) {
	h2, .h2 {
		font-size: 2rem;
	}
}

h2, .h2 {
	font-size: calc(1.25rem + 0.35vw);
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
}
h2 {
	font-size: clamp(2.625rem, calc(2.625rem + ((1vw - 0.48rem)* 8.4135)), 3.25rem);
	line-height: 1.2;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.2;
}

p {color:#ccc}


img {max-width: 100%; height: auto; }
.disabled {pointer-events: none;}


.button.primary,
.button.primary:visited,
.edd-button-secondary {background:  var(--red) !important; color: var(--lightgrey) !important; border: 0;}

.button.secondary,
.button.secondary:visited {background:  var(--grey) !important; color: var(--lightgrey) !important;}
.button.tertiary,
.button.tertiary:visited {background:  var(--yellow) !important; color: var(--black) !important;}

.button:hover { transition: all .5s;}
.button.primary:hover {background:  var(--red) !important; color: var(--lightgrey) !important;}
.button.secondary:hover {background: rgba(34,36,41,1) !important; color: var(--lightgrey) !important;}
.button.tertiary:hover {background:  var(--grey) !important; color: var(--white) !important;}

.dim {opacity: 0.5;}
.smallest {font-size: 0.65em;}

header {z-index: 1; position: relative;}

.text-shadow,
.text-shadow button {text-shadow: 0 0 3px rgba(0,0,0,1), 0 0 3px rgba(0,0,0,1);}
.text-shadow svg {filter: drop-shadow(0px 0px 1px rgb(0 0 0 / 1));}

.tx-yellow,
.tx-yellow a {color: var(--yellow);}
.tx-grey {color: var(--grey);}
.tx-red,
.tx-red a {color: var(--red);}

.bg-yellow {background-color: var(--yellow);}
.bg-grey {background-color: var(--grey);}
.bg-lightgrey {background-color: var(--lightgrey);}

/* WP Local Styles */
:root { 	--wp--preset--aspect-ratio--square: 1; 	--wp--preset--aspect-ratio--4-3: 4/3; 	--wp--preset--aspect-ratio--3-4: 3/4; 	--wp--preset--aspect-ratio--3-2: 3/2; 	--wp--preset--aspect-ratio--2-3: 2/3; 	--wp--preset--aspect-ratio--16-9: 16/9; 	--wp--preset--aspect-ratio--9-16: 9/16; 	--wp--preset--font-size--small: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.227), 1rem); 	--wp--preset--font-size--medium: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.227), 1.125rem); 	--wp--preset--font-size--large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 0.227), 1.875rem); 	--wp--preset--font-size--x-large: 2.25rem; 	--wp--preset--font-size--xx-large: clamp(6.1rem, 6.1rem + ((1vw - 0.2rem) * 7.091), 10rem); 	--wp--preset--font-family--dm-sans: "DM Sans", sans-serif; 	--wp--preset--font-family--ibm-plex-mono: 'IBM Plex Mono', monospace; 	--wp--preset--font-family--inter: "Inter", sans-serif; 	--wp--preset--font-family--system-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 	--wp--preset--font-family--source-serif-pro: "Source Serif Pro", serif; 	--wp--preset--spacing--20: 0.44rem; 	--wp--preset--spacing--30: clamp(1.5rem, 5vw, 2rem); 	--wp--preset--spacing--40: clamp(1.8rem, 1.8rem + ((1vw - 0.48rem) * 2.885), 3rem); 	--wp--preset--spacing--50: clamp(2.5rem, 8vw, 4.5rem); 	--wp--preset--spacing--60: clamp(3.75rem, 10vw, 7rem); 	--wp--preset--spacing--50: clamp(5rem, 5.25rem + ((1vw - 0.48rem) * 9.096), 8rem); 	--wp--preset--spacing--80: clamp(7rem, 14vw, 11rem); 	--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); 	--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); 	--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); 	--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); 	--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); }
body {	margin: 0;	--wp--style--global--content-size: 650px;	--wp--style--global--wide-size: 1200px;     font-size: 1.15rem;}

/* theme_addon.css */
html {overflow-x:hidden;}
body {background-color:#222429!important;
	-webkit-font-smoothing: antialiased; /* Sharper fonts */
	-moz-osx-font-smoothing: grayscale;  /* Better font rendering on macOS */
	line-height:1.6}
/*Main-Navigation*/
body.scrolldown .fixed-top {
	top: -8em;
}

.wp-site-blocks {	padding-top: var(--wp--style--root--padding-top);	padding-bottom: var(--wp--style--root--padding-bottom);}
.has-global-padding {	padding-right: var(--wp--style--root--padding-right);	padding-left: var(--wp--style--root--padding-left);}
.has-global-padding :where(.has-global-padding:not(.wp-block-block)) {	padding-right: 0;	padding-left: 0;}
.has-global-padding>.alignfull {	margin-right: calc(var(--wp--style--root--padding-right) * -1);	margin-left: calc(var(--wp--style--root--padding-left) * -1);}
.has-global-padding :where(.has-global-padding:not(.wp-block-block))>.alignfull {	margin-right: 0;	margin-left: 0;}
.has-global-padding>.alignfull:where(:not(.has-global-padding):not(.is-layout-flex):not(.is-layout-grid))> :where([class*="wp-block-"]:not(.alignfull):not([class*="__"]), p, h1, h2, h3, h4, h5, h6, ul, ol) {	padding-right: var(--wp--style--root--padding-right);	padding-left: var(--wp--style--root--padding-left);}
.has-global-padding :where(.has-global-padding)>.alignfull:where(:not(.has-global-padding))> :where([class*="wp-block-"]:not(.alignfull):not([class*="__"]), p, h1, h2, h3, h4, h5, h6, ul, ol) {	padding-right: 0;	padding-left: 0;}
.wp-site-blocks>.alignleft {	float: left;	margin-right: 2em;}
.wp-site-blocks>.alignright {	float: right;	margin-left: 2em;}
.wp-site-blocks>.aligncenter {	justify-content: center;	margin-left: auto;	margin-right: auto;}
/*:where(.wp-site-blocks)>* {	margin-block-start: 1.5rem;	margin-block-end: 0;}*/
:where(.wp-site-blocks)> :first-child:first-child {	margin-block-start: 0;}
:where(.wp-site-blocks)> :last-child:last-child {	margin-block-end: 0;}
body {	--wp--style--block-gap: 1.5rem;}
:where(body .is-layout-flow)> :first-child:first-child {	margin-block-start: 0;}
:where(body .is-layout-flow)> :last-child:last-child {	margin-block-end: 0;}
:where(body .is-layout-flow)>* {	margin-block-start: 1.5rem;	margin-block-end: 0;}
:where(body .is-layout-constrained)> :first-child:first-child {	margin-block-start: 0;}
:where(body .is-layout-constrained)> :last-child:last-child {	margin-block-end: 0;}
:where(body .is-layout-constrained)>* {	margin-block-start: 1.5rem;	margin-block-end: 0;}
:where(body .is-layout-flex) {	gap: 1.5rem;}
:where(body .is-layout-grid) {	gap: 1.5rem;}
body .is-layout-flow>.alignleft {	float: left;	margin-inline-start: 0;	margin-inline-end: 2em;}
body .is-layout-flow>.alignright {	float: right;	margin-inline-start: 2em;	margin-inline-end: 0;}
body .is-layout-flow>.aligncenter {	margin-left: auto !important;	margin-right: auto !important;}
body .is-layout-constrained>.alignleft {	float: left;	margin-inline-start: 0;	margin-inline-end: 2em;}
body .is-layout-constrained>.alignright {	float: right;	margin-inline-start: 2em;	margin-inline-end: 0;}
body .is-layout-constrained>.aligncenter {	margin-left: auto !important;	margin-right: auto !important;}
body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {	max-width: var(--wp--style--global--content-size);	margin-left: auto !important;	margin-right: auto !important;}
body .is-layout-constrained>.alignwide {	max-width: var(--wp--style--global--wide-size);}
body .is-layout-flex {	display: flex;}
body .is-layout-flex {	flex-wrap: wrap;	align-items: center;}
body .is-layout-flex>* {	margin: 0;}
body .is-layout-grid {	display: grid;}
body .is-layout-grid>* {	margin: 0;}
body {		line-height: 1.8;	--wp--style--root--padding-top: var(--wp--preset--spacing--40);	--wp--style--root--padding-right: var(--wp--preset--spacing--30);	--wp--style--root--padding-bottom: var(--wp--preset--spacing--40);	--wp--style--root--padding-left: var(--wp--preset--spacing--30);}
a:where(:not(.wp-element-button)) {	text-decoration: underline;}
a:where(:not(.wp-element-button)):hover {	text-decoration: none;}
a:where(:not(.wp-element-button)):focus {	text-decoration: underline dashed;}
a:where(:not(.wp-element-button)):active {	color: var(--wp--preset--color--secondary);	text-decoration: none;}
h1,h2,h3,h4,h5,h6 {	font-weight: 400;	line-height: 1.4;}
h1 {font-size: clamp(2.032rem, 2.032rem + ((1vw - 0.2rem) * 2.896), 3.625rem);	line-height: 1.2;}
h2 {font-size: clamp(2.625rem, calc(2.625rem + ((1vw - 0.48rem) * 8.4135)), 3.25rem);	line-height: 1.2;}
h3 {font-size: var(--wp--preset--font-size--x-large);}
h4 {font-size: var(--wp--preset--font-size--large);}
h5 {font-size: var(--wp--preset--font-size--medium);	font-weight: 700;	text-transform: uppercase;}
h6 {font-size: var(--wp--preset--font-size--medium);	text-transform: uppercase;}
.has-small-font-size {	font-size: var(--wp--preset--font-size--small) !important;}
.has-medium-font-size {	font-size: var(--wp--preset--font-size--medium) !important;}
.has-large-font-size {	font-size: var(--wp--preset--font-size--large) !important;}
.has-x-large-font-size {	font-size: var(--wp--preset--font-size--x-large) !important;}
.has-xx-large-font-size {	font-size: var(--wp--preset--font-size--xx-large) !important;}
.wp-block-navigation {	font-size: var(--wp--preset--font-size--small);}
.wp-block-navigation a:where(:not(.wp-element-button)) {	color: inherit;	text-decoration: none;}
.wp-block-navigation a:where(:not(.wp-element-button)):hover {	text-decoration: underline;}
.wp-block-navigation a:where(:not(.wp-element-button)):focus {	text-decoration: underline dashed;}
.wp-block-navigation a:where(:not(.wp-element-button)):active {	text-decoration: none;}
/*.wp-block-post-content a:where(:not(.wp-element-button)) {	color: var(--wp--preset--color--secondary);}*/
.wp-block-post-excerpt {	font-size: var(--wp--preset--font-size--medium);}
.wp-block-separator {}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots):not(.alignwide):not(.alignfull) {	width: 100px}

/* Iframe in Blog */
iframe {
	background-color: white;
	max-width: 100%;
}



/* HEADER */
body.scrolldown .fixed-top {top: -6em; transition: all 1s;}
body.scrollup .fixed-top {top: 0; transition: all 0.25s; background: rgba(0,0,0,0.25); backdrop-filter: blur(3px); }

.has-modal-open body.scrollup .fixed-top {
	backdrop-filter: none;
}


body .wp-site-blocks {padding: 0;}
HEADER {    z-index: 9;}
HEADER > div {padding: 0.25em !important;}
HEADER .wp-block-navigation a,
HEADER .wp-block-navigation span {font-family: 'Raleway'; font-weight: 600;}
HEADER .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { background: rgba(0,0,0,0.8); color: var(--lightgrey) !important; backdrop-filter: blur(10px); width: 80%; height: 100vh;}
HEADER .wp-block-navigation__responsive-container.has-modal-open.is-menu-open ul.wp-block-navigation__container {width: 100%;}
HEADER .wp-block-navigation-item.bi::before {margin-right: 0.33em;}
HEADER .wp-block-navigation > button {background-color: var(--yellow); color: var(--black); }
HEADER .wp-block-navigation > button svg {filter: none;}

/* HEADER > Mobile Menu Breakpoints */

@media (min-width:600px) {
	.wp-block-navigation__responsive-container-open{
		display:block !important;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display:none !important;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
		display:block !important;
	}
}

@media (min-width:940px) {
	.wp-block-navigation__responsive-container-open{
		display:none !important;
	}

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display:block !important;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
		display:none !important;
	}

	.wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
		-moz-box-shadow: 1px 19px 26px -11px #000000;
		-webkit-box-shadow: 1px 19px 26px -11px #000000;
		box-shadow: 1px 19px 26px -11px #000000;
	}
}

/* theme_addon.css */
.fixed-top {
	background: none!important;
	background-image: linear-gradient(rgba(0, 0, 0, 0.75), #00000000)!important;
	backdrop-filter: blur(0px)!important;
	padding-bottom:2rem!important;
	padding-left:32px!important;
	padding-right:8px!important;
}

.fixed-top .text-shadow,.fixed-top .text-shadow button{text-shadow: 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0)!important;}

HEADER .wp-block-navigation.wp-container-core-navigation-is-layout-1 span {font-weight:600!important;font-size:13px}
HEADER .wp-block-navigation {letter-spacing:.1em!important;color:#fff}
HEADER .wp-container-core-group-is-layout-2 {margin-left:0px!important}

/* FOOTER */
FOOTER {background:  var(--grey);     z-index: 9;    position: relative;}

/* theme_addon.css */
footer a::after {display:none!important;}


/*scrollup button*/
div#up { height: 2em; width: 2em; display: flex; padding: 0 0.25em; align-items: center; justify-content: center;}
div#up {cursor: pointer; position: fixed; bottom: -3em; right: 30px; transition: all .25s ease-in-out; z-index: 999999; background: rgba(34,36,41,.5);}
div#up.visible {bottom: 2em;}



/* EDD */
.edd_download_purchase_form {width: 100%;}

.edd-blocks__orders-grid {display: block; font-size: small;}
.edd-blocks-orders__order {border: 1px solid var(--grey); margin-bottom: 0.5em;}
.edd-blocks-orders__order-header {border-bottom: 1px solid var(--grey);}
.edd-blocks-orders__order-downloads-link,
.edd-invoices__order {display: inline-block; margin-right: 1em;}
.edd-blocks-form__group {    display: grid !important; margin-bottom: 1em!important;}
#edd_user_history {border-top: 1px solid var(--grey); font-size: small;}
#edd_user_history th {background-color: var(--grey);}
#edd_user_history td, #edd_user_history th {border-bottom: 1px solid var(--grey); padding: 0.5em; vertical-align: top;}

.edd_cart_actions a,
a.edd_discount_remove {background-color: var(--lightgrey) !important; outline: 2px solid var(--lightgrey) !important;}
.edd-submit {border: 0 !important;}

.eddr-terms-notice {font-size: small; margin-top: 1em;}

.wp-block-edd-buy-button .edd-submit {margin: auto;}

.wp-block-edd-checkout #edd_purchase_form .edd-button-secondary {border: 0; margin-top: 20px;}

.wp-block-edd-checkout #edd_purchase_form .edd-blocks-form {margin-bottom: 2rem !important;}

#edd_checkout_form_wrap legend {white-space: inherit;}

#edd_purchase_form #edd_cc_address {display: block !important;}

.edd-alert p {color: var(--grey);}
.edd-alert p a {color: var(--red);}

#edd-blocks-form__reset-password .user-pass2-wrap {display: none !important;}
#edd-blocks-form__reset-password .wp-generate-pw {margin-bottom: .5em;}

#edd-blocks-form__register .user-pass2-wrap {display: none !important;}
.button.wp-generate-pw {margin: 1em 0;}

/* bootstrap */
@media (min-width: 1400px) {
	body {--wp--style--global--wide-size: 1600px;}
	.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {max-width: 1600px;}
	main.wp-block-group { margin-left: auto; margin-right: auto;}
}


main.wp-block-group {
	min-height: 1060px;
}


/* singlepost */
.singleposts {/*max-width: inherit !important;*/}
.singleposts .singlepost picture {}
.singleposts .singlepost .name { height: 2.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box;}
.singleposts .singlepost .desc { height: 1.5em; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box;}
.wp-block-image figcaption {color: var(--lightgrey); font-size: small; margin-bottom: 1em;}
.wp-block-image {margin: 2em 0;}
.wp-block-heading {margin: 1em 0 0 0;}

/* hyperglide */
.hyperglider {position: relative;}
.hyperglider.on {margin: -70px 0 -145px 0; z-index: 1;}
.hyperglider.on .hyperglide {padding: 70px 0 150px 0;}

.hyperglider i.arrow {position: absolute; top: 60px; opacity: .5; cursor: pointer;}
.hyperglider i.arrow:hover {opacity: 1}
.hyperglider i.arrow.prev {left: -25px;}
.hyperglider i.arrow.next {right: -20px;}
.hyperglider.on i.arrow {top: 130px;}

@media (max-width: 767px) {
	.hyperglider i.arrow {display: none;}
}

.hyperglide {display: flex; scroll-snap-type: x proximity; overflow-x: scroll; overflow-y: hidden; min-height: 150px;}
.hyperglide.on {z-index: 1; }
.hyperglide .item {width: 280px; max-width: 90%; height: 140px; flex-basis: 280px; flex-grow: 0;flex-shrink: 0; scroll-snap-align: start; cursor: pointer; box-shadow: 0 0 10px rgba(0,0,0,.5);}
.hyperglide .item {transition: all .15s ease-in-out; margin: 2.5px; position: relative; }

.hyperglide .item a { width: 100%; display: block; height: 100%;}
.hyperglide .item div.img {border-radius: 2.5px; overflow: hidden; height: 140px; display: flex; align-items: center; background:  var(--grey);;}
.hyperglide .item div.img img {object-fit: cover;width: 100%; min-height: 100%; filter: saturate(75%);}
.hyperglide .item div.img span.name {font-weight: 600; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 140px; background: rgba(0,0,0,0.25); background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 50%);}
.hyperglide .item div.img span.name span {padding: 5px; align-self: end; font-size: small; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.35em;}
.hyperglide .item div.img strong.tag,.hyperglide .item div.img strong.tag {font-weight: 600; position: absolute; top: 7px; font-size: x-small; text-transform: uppercase; padding: 1px 4px; color:rgba(34,36,41,1); border-radius: 2.5px; opacity: 0.8;}
.hyperglide .item div.img strong.tag1 {left: 7px;}
.hyperglide .item div.img strong.tag2 {right: 7px;}
.hyperglide .item div.img span.func {display:none; letter-spacing: 0.25em; position: absolute; top: 110px; left: 7px; z-index: 1;}

.hyperglide .item div.content {display: none; font-size: 10px; height: 130px; background:  var(--grey); padding: 5px; border-radius: 2.5px; overflow: hidden; position: absolute; line-height: 1.25em; box-shadow: 0 0 20px rgba(0,0,0,.5);}

.hyperglide .item div.content span.name {font-weight: 600; display: flex; align-items: center; color:  var(--yellow); height: 40px; overflow: hidden; font-size: small; line-height: 1.35em; margin-bottom: 5px;}
.hyperglide .item div.content span.desc {display: block; overflow: hidden; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 5px;}
.hyperglide .item div.content span.meta {display: flex; align-items: center; height: 20px; overflow: hidden;}
.hyperglide .item div.content span.meta span.date {}
.hyperglide .item div.content span.meta span.author {}

.hyperglide .item.on {transition: all .25s; height: 250px; margin-bottom: -140px; z-index: 1; box-shadow: 0 0 20px rgba(0,0,0,.5); top: -30px;}
.hyperglide .item.on div.img img {filter: saturate(100%);}
.hyperglide .item.on div.img span.name {display: none;}
.hyperglide .item.on div.img span.func {display: block;}
.hyperglide .item.on div.content {display: block;}

.hyperglide::-webkit-scrollbar {display: none;}
.hyperglide {scrollbar-width: none;scroll-behavior: smooth}

@media (min-width: 768px) {
	.hyperglide .item.on { scale: 1.2;}
}


/* hyperglide > @2 */
.hyperglider.hyperglider_x2.on {margin: -70px 0 -160px 0; z-index: 1;}
.hyperglider.hyperglider_x2.on .hyperglide {padding: 70px 0 160px 0;}

.hyperglide.hyperglider_x2 {min-height: 280px;}
.hyperglide.hyperglider_x2 .item {width: 400px; height: 280px; flex-basis: 400px; flex-grow: 0;flex-shrink: 0; scroll-snap-align: start; }
.hyperglide.hyperglider_x2 .item div.img {border-radius: 2.5px; overflow: hidden; height: 280px; }
.hyperglide.hyperglider_x2 .item div.content {height: 105px; }

.hyperglide.hyperglider_x2 .item div.img span.name {height: 280px;}

.hyperglide.hyperglider_x2 .item div.img span.func {top: 250px; }

.hyperglider.hyperglider_x2 i.arrow {top: 130px; }
.hyperglider.hyperglider_x2.on i.arrow {top: 200px;}

/* theme_addon.css */
.is-layout-not-constrained .hyperglider {width: 100%;
	margin-left: -32px;
	overflow: visible;}
.is-layout-not-constrained .hyperglide {transform: translateX(32px);
	width: 100vw;}
.is-layout-not-constrained .hyperglide .item {margin:0 6px;    height: 180px;
	flex-basis: 320px;}
.hyperglide .item div.img {border-radius:4px 4px 0 0;}
.hyperglide .item div.img,.hyperglide .item div.img span.name {height: 180px;}
.hyperglide .item div.img span.name span{font-size:18px;padding: 0 8px 0 8px;
	margin-bottom: 36px;}
.is-layout-not-constrained .hyperglide .item div.img span.name span{font-size:18px;padding: 0 8px 0 8px;
	margin-bottom: 8px;}
.hyperglider.on {
	margin: -150px 0 -180px -32px;}
.hyperglide .item.on img{border-radius: 4px 4px 0 0;}
.hyperglide .item img{border-radius: 4px;}
.hyperglide .item{border-radius: 4px;}
.hyperglide .item.on{top:-62px;}
.hyperglider.on .hyperglide {
	padding: 150px 0 180px 0;
}

.hyperglide .item div.content span.desc {color:#fff}
.hyperglide .date, .hyperglide .author {opacity:1;font-weight:600;font-size:11px;}
.hyperglide .item div.content {
	padding: 8px;
	border-radius: 0 0 4px 4px;
}
.hyperglide .item div.content {
	font-size: 13px;
	padding: 8px;
	line-height: 1.4em;
	height:168px;
}
.hyperglide .item div.content span.name {
	height: 50px;
	margin-top: 4px;
	margin-bottom: 5px;
}
/*chevrons*/
.is-layout-not-constrained .hyperglider i.arrow {
	position: absolute;
	top: 80px;
	background-color: #ffffff;
}
.is-layout-not-constrained .hyperglider.on i.arrow {
	position: absolute;
	top: 230px;
	background-color: #ffffff;
}
.is-layout-not-constrained .hyperglider .bi.arrow::before{
	color:#000;    font-size: 24px;
	vertical-align: -0.24em !important;
}

.is-layout-not-constrained .bi-chevron-right::before {
	margin-left: 6px;
}
.is-layout-not-constrained .bi-chevron-left::before {
	margin-left: 2px;
}

.is-layout-not-constrained .hyperglider i.arrow.prev {
	left: 0px;
	width: 32px;
	border-radius: 0 4px 4px 0;
}

.is-layout-not-constrained .hyperglider i.arrow.next {
	width: 32px;
	border-radius: 4px 0 0  4px;
	margin-left: 2px;
	right:-64px;
}


.hyperglider .name {color:#fff;border-radius:4px;}


/* loop-filter */
ol.loop-filter li a {font-weight: 600; font-size: x-small; text-transform: uppercase; background:  var(--yellow); padding: 1px 4px; color:rgba(34,36,41,1) !important; border-radius: 2.5px; margin: 0 2.5px 2.5px 0; opacity: 0.5; cursor: pointer;}
ol.loop-filter li a:hover,
ol.loop-filter li a.active {opacity: 1;}

/* theme_addon.css */
ol.loop-filter li a {
	background: #fbe84e;
	transition:.2s;
	opacity:.65;
	text-transform:none;
	font-size:13px;
	line-height:1;
	padding:8px 8px;
	margin: 0 4px 8px 4px;}
ol.loop-filter li a:hover, ol.loop-filter li a.active {
	background: #fbe84e;
	color:#000!important;
	transition:.2s;
}

/* lazyload */
img.lazy {opacity: 0;}
img.lazy.loaded {opacity: 100; transition: opacity 1s;}



/* section-headline */
.section-headline {font-family: 'Raleway' !important; font-weight: 600 !important; display: flex; align-items: center;}
.section-headline:before {content:" "; width: 1.5em; height: 1.5em; min-width: 1.5em; margin-right: .25em; background: transparent url(../images/stereo-logo-favicon-white.svg) center center; background-size: contain; background-repeat: no-repeat;}
.section-headline:before {
	content: " ";
	width: 1em;
	height: 1em;
	min-width: 1.5em;
	margin-right: .1em;

}


/* superhero */
.superheros {margin: -205px 0 -150px; width: 100vw; height: 45vw; left: calc( var(--wp--style--root--padding-right) * -1); /*calc(-1 * (100vw - 100%) / 2);*/ }
body .superheros:not(:nth-child(1)) {margin-top: 0;}
.superheros .superhero {display: flex; scroll-snap-type: x mandatory; overflow-x: scroll; overflow-y: hidden; }
.superheros .superhero .item {position: relative; flex-basis: 100%; flex-grow: 0;flex-shrink: 0; scroll-snap-align: start; width: 100%; height: 43vw; background:  var(--grey);}
.superheros .superhero .item .img {overflow: hidden; height: 100%;}
.superheros .superhero .item .img img {object-fit: cover;width: 100%; min-height: 100%;}
.superheros .superhero .item .img .ramp {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.25); background: linear-gradient(0deg, rgba(34,36,41,1) 0%, rgba(34,36,41,.7) 40%, rgba(34,36,41,.1) 75%);}

.superheros .superhero .item .content {position: relative; margin: auto; bottom: calc(6.5vw + 300px); min-width: 300px; display: block; }
.superheros .superhero .item .content .blur {max-width: 60%; /*backdrop-filter: blur(3px);*/ background-color: rgba(0,0,0,.2); outline: 1em solid rgba(0, 0, 0, .2);}
.superheros .superhero .item .content .meta {font-weight: bold;}
.superheros .superhero .item .content .meta .author {}

.superheros .superhero .item .content .name { display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.35em; }
.superheros .superhero .item .content .desc { display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.35em; margin-bottom: 1em;}

.superheros .superhero .item .content .func {display: flex; align-items: center; gap: 10px;}

@media (max-width: 1600px) {
	.superheros .superhero .item .content .blur {/*padding: var(--wp--style--root--padding-right) var(--wp--style--root--padding-right) var(--wp--style--root--padding-left);*/}
	.superheros .superhero .item .content {left: calc(var(--wp--style--root--padding-right));}

}
@media (max-width: 1400px) {
	.superheros .superhero .item .content {left: 0;}
	.superheros .superhero .item .content .blur {max-width: 80%;}
}
@media (max-width: 1199px) {
	.superheros {margin-bottom: -100px;}
	.superheros .superhero .item .content {bottom: 280px;}
}
@media (max-width: 1024px) {
	.superheros .superhero .item .content .blur {max-width: 100%;}
}
@media (max-width: 992px) {
	.superheros,
	.superheros .superhero .item {min-height: 470px;}
	.superheros .superhero .item .content .desc {display: none !important;}
}
.superheros .superhero::-webkit-scrollbar {display: none;}
.superheros .superhero {scrollbar-width: none;scroll-behavior: smooth}

.superheros i.arrow {position: absolute; top: calc(50% - 15px); opacity: .5; cursor: pointer;}
.superheros i.arrow:hover {opacity: 1}
.superheros i.arrow.prev {left: 10px;}
.superheros i.arrow.next {right: 25px;}

@media (max-width: 767px) {
	.superheros i.arrow {/*display: none;*/}
}

/* theme_addon.css */
.superheros .superhero .item .img .ramp {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.25);
	background:linear-gradient(0deg, rgba(34,36,41,1) 0%, rgba(34,36,41,.7) 10%, rgba(34,36,41,0) 35%) !important
}

.superheros .superhero .item .content {margin-left:4vw;text-shadow: 0px 0px 5px rgba(0,0,0,0.4), 0px 0px 5px rgba(0,0,0,0.4)!important;}
.superheros .superhero .item .content .name {
	line-height: 1em;margin-top:.5rem;
}

.date, .author {opacity:1;font-weight:600;font-size:13px;}
.superheros .superhero .item .content .desc {font-weight:600}

.superheros .superhero .item .content .name {
	display: -webkit-box !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}


/* tiles / card--review */
.card.card--review h2 a { height: 2.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box;}
.card.card--review .card--review__artists { height: 5.5em; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box;}
@media (max-width: 360px) {
	.container.tiles {min-height: 7000px} /* Patch addresses Google CLS and Ajax-loaded content in non-sliders */
}

/* Pagination */
.pagination .page-link {	background-color: transparent;}

/* reviews */
:root {	--rating:5;}
table.table {	color: inherit;}
.card-body a.nodeko {	display: block;}


/* display_logged_out */
.display_logged_out {display: block !important;}
body.logged-in .display_logged_out {display: none !important;}

.display_logged_in {display: none !important;}
body.logged-in .display_logged_in {display: block !important;}


/* Forms */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
label,
button,
input:not([type=radio]):not([type=checkbox]),
select,
optgroup,
textarea {display: inline-block; border-radius: 0 !important; }
button:hover,
input:not([type=radio]):not([type=checkbox]):hover,
select:hover,
optgroup:hover,
textarea:hover {box-shadow: 0 0 0 0.2rem rgba(0,0,0,.1);}
button:focus,
input:not([type=radio]):not([type=checkbox]):focus,
select:focus,
optgroup:focus,
textarea:focus { border-color: var(--lightgrey) !important; outline: 0 !important;}
label,
legend {font-weight: 700; font-size: 0.8em;}
select { height: 48px; border-radius: 0; padding: 0 10px; width: 100%;}
fieldset { border: 0; padding: 0 ;padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid rgba(0,0,0,.1); }

/* Forms > EDD */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.edd-select,
.edd-input {	display: block;	width: 100%;	padding: 0.375rem 0.75rem;	font-size: 1rem;	font-weight: 400;	line-height: 1.5;	color:  var(--grey);	background-color:  var(--lightgrey);	background-clip: padding-box;	border: 1px solid  var(--lightgrey);	appearance: none;	border-radius: 0.25rem;	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}

.wp-block-post-excerpt__excerpt,
.wp-block-post-excerpt {
	margin-bottom: 30px;
	font-size: larger;
}


/* Custom Blocks > Fazit-Widget */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.fazit-widget .row.result .testresult.color_ {color: var(--grey);}

.fazit-widget .row.result .testresult.color_sehr {background-color:  var(--green); color: var(--lightgrey);}
.fazit-widget .row.result .testresult.color_gut {background-color:  var(--green); color: var(--lightgrey);}
.fazit-widget .row.result .testresult.color_befriedigend {background-color: var(--yellow); color: var(--grey);}
.fazit-widget .row.result .testresult.color_ausreichend {background-color: var(--yellow); color: var(--grey);}
.fazit-widget .row.result .testresult.color_mangelhaft {background-color: var(--yellow); color: var(--grey);}
.fazit-widget .row.result .testresult.color_ungenügend {background-color:  var(--red); color: var(--lightgrey);}

.fazit-widget .row.result .mark  {background-color: transparent; }
.fazit-widget .row.result .mark .mark {background-color: transparent; font-size: 300%;}
.fazit-widget .row.procon .bi {background-color: var(--lightgrey); color: var(--grey); border-radius: 2em; width: 1.75em; display: inline-block; text-align: center; font-weight: bold; font-size: 1.25em;}
.fazit-widget .row.procon .bi.bi-plus {color:  var(--green);}
.fazit-widget .row.procon .bi.bi-dash {color:  var(--red);}

.fazit-widget.style_white .row.result .testresult:not(.color_ausreichend) {color: var(--lightgrey);}
.fazit-widget.style_white h4 .tx-yellow {color: var(--grey);}
.fazit-widget.style_white .row.procon .bi {color: var(--lightgrey);}
.fazit-widget.style_white .row.procon .bi.bi-plus {background-color:  var(--green);}
.fazit-widget.style_white .row.procon .bi.bi-dash {background-color:  var(--red);}

.fazit-widget ul.list-unstyled li {
	line-height: 1.2em;
	margin-bottom: .5em;
}

@media (max-width: 575px) {
	.fazit-widget .row.result img.type,
	.fazit-widget .row.result .testresult {max-width: 175px;margin: auto;}
}

/* Light Gallery */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.wp-block-post-content .lightgallery {margin-bottom: 1em; background-color: var(--grey); padding: 15px;}
.wp-block-post-content .lightgallery .row {margin-bottom: 15px;}
.wp-block-post-content .lightgallery .row:nth-last-child(1),
.wp-block-post-content .lightgallery .row:nth-last-child(2) {margin-bottom: 0;}
.wp-block-post-content .lightgallery figcaption {display: none;}
.wp-block-post-content .lightgallery figure > a::after {display: none;}
.modal .modal-body {text-align: center; background-color: var(--white); }
.modal .modal-body p {margin: 1em 0;}
.modal .modal-footer {color: var(--grey)}
#theSearch .modal-body {text-align: center; background-color: var(--grey); }

/* Jolie Table of Contents */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.wpj-jtoc.--jtoc-theme-basic-light {
	--jtoc-header-color: var(--lightgrey);
	--jtoc-header-height: 50px;
	--jtoc-background-color: var(--grey);
	--jtoc-body-padding: 16px 18px 16px 18px;
	--jtoc-hierarchy-offset: 20px;
	--jtoc-title-font-size: 1em;
	--jtoc-title-label-font-weight: 600;
	--jtoc-headings-padding: 2px 0;
	--jtoc-link-color: var(--lightgrey);
	--jtoc-link-color-hover: var(--lightgrey);
	--jtoc-link-color-active: #333;
	--jtoc-link-font-size: 90%;
}

.wpj-jtoc--toc,
#wpj-jtoc {background-color: var(--grey); width: 100% !important;}
.wpj-jtoc .wpj-jtoc--toggle:after, .wpj-jtoc .wpj-jtoc--toggle:before {	color: var(--lightgrey); background-color: var(--lightgrey);}

/* archive.php */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.wp-block-query.alignwide.edd-category {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1.25em;
}
@media (min-width: 600px) {
	.wp-block-query.alignwide.edd-category>.container {
		width: calc(33.33333% - .83333em);
	}
}

/* tablepress */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.tablepress>:where(thead,tfoot)>*>th,
.tablepress thead th,
.tablepress .odd td,
.tablepress .even td {	background: var(--grey) !important;}
.tablepress tbody td,
.tablepress tfoot th {	border-top: 1px solid var(--grey); }
.tablepress>:where(thead,tfoot)>*>th,
.tablepress>:where(thead,tfoot)>*>th,
.tablepress>:where(tbody)>.even>*,
.tablepress>:where(tbody)>.odd>* {color: var(--lightgrey) !important;}
.tablepress>.row-hover>tr:hover>* {background: var(--lightgrey) !important; color: var(--grey) !important;}

/* tablepress  dark theme */
.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,
.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*,
.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,
.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>* {
	background-color: var(--grey) ;
	color: var(--lightgrey);
}


.responsive-table {
	margin: auto;
	overflow-x: auto;
}

.responsive-table table {
	position: relative;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: auto;
	width: 100%;
	border: 0;

	tbody {
		tr:nth-child(odd) td { }
		tr:nth-child(even) td { }
	}

	tr>td:first-child {
		position: sticky;
		left: 0;
		z-index: 1;
		background: var(--black); !important;
		font-weight: bold;
	}

	tr[class^='row'] {display: table-row;}
	tr[class^='row'] td[class^='col'] {min-width: 12em; vertical-align: middle !important; padding: .5em; word-break: inherit !important; hyphens: auto; text-align: left; }
	tr[class^='row'] td[class^='col']:nth-child(1) {min-width: 10em; text-align: left;}
	tr[class^='row'] td[class^='col']:not(:nth-child(1)) {border-bottom: 1px solid var(--black);}

	@media (max-width:480px) {
		tr[class^='row'] td[class^='col'] {min-width: 8em;}
		tr[class^='row'] td[class^='col']:nth-child(1) {min-width: 8em;}
	}
}

/* wp-block-edd-downloads */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.wp-block-edd-downloads .edd-blocks__download {    background-color: var(--grey);	border-radius: 0.25rem;}


/* Boostrap accordion */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.accordion button:focus,
.accordion-button:focus {outline: 0; border-color: var(--grey); 	box-shadow: 0 0 0 0.25rem var(--black);}
.accordion .accordion-item,
.accordion .accordion-item .accordion-button.collapsed  { background-color: var(--grey); border-color: var(--grey); color: var(--yellow);}
.accordion .accordion-item .accordion-button  { background-color: var(--yellow); color: var(--grey);}
.accordion .accordion-body {color: var(--lightgrey);}




/* a rel=sponsored */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
a[rel^=sponsored]::after {    content: 'Werbung';	background-color: var(--yellow);	color: var(--black);	display: inline-block;	position: relative;	width: auto;	height: auto;	font-size: small;	padding: 1px 5px;	margin-left: 5px;}




/* WP Single Post */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body.single-post main { padding-bottom: 10em;}



/* niceselect */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.nice-select,
.nice-select .list,
.nice-select .option.focus,
.nice-select .option.selected.focus {background-color: var(--grey) !important; border-color: var(--grey) !important; color: var(--yellow)  !important;}
.nice-select .option:hover {background-color: var(--yellow) !important; color: var(--grey)  !important;}


/* Borlabs */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.brlbs-cmpnt-container {font-size: 75%; padding: 1rem; background-color: var(--grey);	 margin-top: 0;margin-bottom: 1rem;}
.brlbs-cmpnt-container .brlbs-cmpnt-btn-switch-consent {display: flex;}
.brlbs-cmpnt-container .brlbs-cmpnt-btn-switch-label { margin-right: 1rem;}
.pvg-widget + script + .brlbs-cmpnt-container {display: none;}



/* Google Recaptcha */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.grecaptcha-badge {display:none}


/* Borlabs Widget in IAB TCF mode */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#BorlabsCookieWidget {/*display:none*/}