/*
Theme Name: CSCS 2024
Theme URI:
Author: iuno.co for Weventure.de
Author URI:
Description:
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.2024.08.09
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cscs-2024
Tags:

/* ROOT ==================================================== */

/* ROOT ==================================================== */
:root                                                                       {   --iuno-dark-green: #2e413c;
																				--iuno-darker-green: #1f2825;
																				--iuno-neon-green: #7bdb95;
																				--iuno-orange: #f1d9ab;
																				--iuno-light: #ebe8da;
																				--iuno-grey: #213721;
																				--iuno-light-grey: #f5f3eb;
																				--iuno-white: #ffffff;
																				--iuno-black: #000000; }

.has-iuno-dark-green-background-color										{	background-color: var(--iuno-dark-green); }
.has-iuno-darker-green-background-color										{	background-color: var(--iuno-darker-green); }
.has-iuno-neon-green-background-color										{	background-color: var(--iuno-neon-green); }
.has-iuno-orange-background-color											{	background-color: var(--iuno-orange); }
.has-iuno-light-background-color											{	background-color: var(--iuno-light); }
.has-iuno-grey-background-color												{	background-color: var(--iuno-grey); }
.has-iuno-light-grey-background-color										{	background-color: var(--iuno-light-grey); }
.has-iuno-white-background-color											{	background-color: var(--iuno-white); }
.has-iuno-black-background-color											{	background-color: var(--iuno-black); }

.has-iuno-dark-green-color													{	color: var(--iuno-dark-green); }
.has-iuno-darker-green-color												{	color: var(--iuno-darker-green); }
.has-iuno-neon-green-color													{	color: var(--iuno-neon-green); }
.has-iuno-orange-color														{	color: var(--iuno-orange); }
.has-iuno-light-color														{	color: var(--iuno-light); }
.has-iuno-grey-color														{	color: var(--iuno-grey); }
.has-iuno-light-grey-color													{	color: var(--iuno-light-grey); }
.has-iuno-white-color														{	color: var(--iuno-white); }
.has-iuno-black-color														{	color: var(--iuno-black); }


*                                                                           {   font-family: 'Inter', sans-serif; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; }
body                                                                        {   position: relative; overflow-x: hidden; min-height: 100vh; }


/* Anpassungen durch Jan */
.kb-advanced-slide-overlay { border-radius: 25px; }
.kb-advanced-slide-inner-wrap { background: none !important; max-height: 550px;}
.kb-splide .splide__arrow { background: #7bdb94 !important;}
.wp-block-search__inside-wrapper { flex-wrap: wrap !important; justify-content: space-around; gap: 20px; }
.kb-row-layout-id106246_0df563-93 { max-width: 340px;}
.kt-accordion-panel { min-width: 500px ;}
.wp-block-latest-posts__featured-image img { min-width: 1440px; max-height: 560px !important; border-radius: 30px;}
.jet-ajax-search__form {min-height: 50px; max-width: 800px; flex-direction: column; gap: 20px; }
.jet-ajax-search__submit[type="submit"], .jet-ajax-search-block .jet-ajax-search__submit[type="submit"] { min-height: 50px; min-width: 270px; background: #79dd96 !important; color: #000 !important; font-weight: bold; border-radius: 10px; font-size: 16px !important;}
.jet-ajax-search__field { min-height: 50px; min-width: 500px; background: #ebe8d9; color: #000; }
.jet-ajax-search__field[type="search"], .jet-ajax-search-block .jet-ajax-search__field[type="search"] { border-radius: 10px; background: #ebe8d9 !important;}
.jet-ajax-search__fields-holder, .jet-ajax-search-block .jet-ajax-search__fields-holder { min-width: 400px; }
#struktur_button { visibility: hidden; }


.kt-accordion-panel-inner { min-width: 500px; }
@media (max-width:1024px) {
.kt-accordion-panel-inner { min-width: unset !important; }
}

.mar-car:hover {
	  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  	  transition: box-shadow 0.3s ease-in-out;
}

.wp-block-columns .wp-block-column[style*="flex-basis:80px"]:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -40px;
    top: 50%;
    width: 40px;
    height: 3px;
    background: #d93025;
    transform: translateY(-50%);
    z-index: 0;
}

.wp-block-columns .wp-block-column[style*="flex-basis:80px"] {
    position: relative;
}

/* Container for the steps */
.step-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    position: relative;
}

/* Each step circle */
.step-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #3d5147;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    position: relative;
    z-index: 2;
}

/* Connecting line using ::before */
.step-circle:not(:first-child)::before {
    content: '';
    position: absolute;
    left: -100px; /* Adjust based on gap */
    top: 50%;
    width: 100px; /* Adjust based on gap */
    height: 3px;
    background: #d93025;
    transform: translateY(-50%);
    z-index: 1;
}

html, body {
    scroll-margin-top: 14rem;
    scroll-behavior: smooth;
}
body {
	overflow-y: scroll;
	padding-top: 92px !important;
}

.jet-ajax-search__field[type="search"]
{
text-align: center;
}

.wp-block-post-excerpt__more-text {
    font-size: 18px;
}


@media screen and (-webkit-min-device-pixel-ratio: 1),
and (max-device-width: 1024px) {
.kt-accordion-panel { min-width: 0 !important; }
.jet-ajax-search__field { min-width: 280px !important;}
}

.wp-block-video is-style-iuno-rounded { pointer-events: none !important;}

/* By default, the image is hidden on larger screens */
.mobile-image {
    display: none;
}

/* responsive menue reset */
@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:1024px) {
	.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-container-core-group-is-layout-6924ef26 {
    min-height: 400px;
}
}

/* Main column width */
.wp-block                                                                   {   max-width: none; }
.wp-block[data-align="wide"]                                                {    }
.wp-block[data-align="full"]                                                {   max-width: 100vw; }
.alignfull																	{	width: 100vw; left: 50%; margin-left: -50vw; margin-right: -50vw; }
.alignwide																	{	max-width: 1712px; }

/* Block Navigation excl margin-bottom: 50px !important;*/
@media (max-width: 1024px) {
	body                                                                    {   padding-top: 137px !important; }
	.is-style-iuno-mobile-member-hide										{	display: none; }
	#menu																	{	position: fixed; width: 100%; z-index: 999; top: 45px !important; }
	#header_hide															{	position: fixed; width: 100%; z-index: 9999; top: 0px; height:50px }
.kadence-column4052_c4e852-10 { width: 300px !important; height: 300px !important;}
.wp-image-104527 { width: 180px !important; }
}
.has-modal-open .is-style-iuno-mobile-member-hide							{	display: none; }
#menu 																		{	z-index: 5; position: fixed; top: 0; }
#menu .wp-block-navigation__container 										{	padding-inline-start: 1rem; column-gap: 0; }
#menu .wp-block-navigation li												{	font-family: 'Plus Jakarta Sans'; font-weight: 500; letter-spacing: -2%; padding-right: 1rem; }
#menu .wp-block-navigation li:last-child									{	padding-right: 0; }
#menu .wp-block-navigation li a												{	font-size: 16px; line-height: 16px; padding: 14px 1.25rem; border-radius: 24px; border: 1px var(--iuno-white) solid; }
#menu .wp-block-navigation li a:hover,
#menu .wp-block-navigation li a:focus										{	border-color: var(--iuno-dark-green); }
#menu .wp-block-navigation li a:active,
#menu .wp-block-navigation li.current-menu-item a							{	border-color: var(--iuno-orange); background-color: var(--iuno-orange); }
#menu .wp-block-search input												{	margin: 0 0 0 1rem; }

@media (min-width: 1024) and (max-width: 1240px) {
#menu .wp-block-navigation li												{	padding-right: 0rem !important; }
}


@media (min-width: 920px) and (max-width: 1240px) {
	#menu form																{	display: none; }
	#menu .has-modal-open.is-menu-open form 								{	display: block; }
}
@media (min-width: 920px) and (max-width: 1024px) {
	#menu .wp-block-buttons													{	display: none; }
	#menu .has-modal-open.is-menu-open wp-block-buttons 					{	display: block; }
}
#menu .wp-block-buttons														{	margin: 0 0 0 1rem; }
#footer .wp-block-navigation li												{	padding: 0 0.5rem; }

#menu .wp-block-navigation__responsive-container-open,
#menu .wp-block-navigation__responsive-container-close						{	padding: 13px; background-color: var(--iuno-light-grey); border-radius: 99px; }

#menu .has-modal-open.is-menu-open											{	top: 137px; overflow: visible; z-index: 99999; }
#menu .has-modal-open.is-menu-open .wp-block-navigation__responsive-dialog	{	margin: 1rem 1rem 1rem 1rem; row-gap: 0.5rem; }
#menu .has-modal-open.is-menu-open .wp-block-navigation__responsive-container-close	{	margin-top: calc(-55px - 2rem); }
#menu .has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content	{	padding-top: 0.5rem; }
#menu .has-modal-open.is-menu-open .wp-block-navigation__container			{	row-gap: 1rem; padding: 1rem 2rem; width: 100%; overflow: visible;
																				--navigation-layout-justification-setting: flex-start; --navigation-layout-justify: flex-start; }
#menu .has-modal-open.is-menu-open form										{	width: 100%; padding: 0 2rem; margin: 0; }
#menu .has-modal-open.is-menu-open .wp-block-search input 					{	margin: 0; }
#menu .has-modal-open.is-menu-open .wp-block-buttons						{	width: 100%; padding: 0 2rem; margin: 0; }
#menu .has-modal-open.is-menu-open .wp-block-buttons .wp-block-button,
#menu .has-modal-open.is-menu-open .wp-block-buttons .wp-block-button a		{	width: 100%; }

@media (max-width: 920px) {
	#menu .wp-block-navigation__responsive-dialog							{	margin: 1rem 1rem 1rem 1rem; row-gap: 1rem; }
	#menu .wp-block-navigation__responsive-container-close					{	margin-top: calc(-55px - 2rem); }
	#menu .wp-block-navigation__responsive-container-content {
    max-height: 80vh; /* Limit height to 80% of viewport height */
    overflow-y: auto; /* Enable scrolling */
    padding-bottom: 100px; /* Add padding at bottom to ensure visibility of buttons */
    display: flex;
    flex-direction: column;
}
	#menu .wp-block-navigation__container									{	row-gap: 0.1rem; padding: 0.5rem 2rem; width: 100%; overflow: visible;
																				--navigation-layout-justification-setting: flex-start; --navigation-layout-justify: flex-start; }
	#menu form																{	width: 100%; padding: 0 2rem; margin: 0; }
	#menu .wp-block-search input 											{	margin: 0; }
	#menu .wp-block-buttons													{	width: 100%; padding: 0 2rem; margin: 0; }
	#menu .wp-block-buttons	.wp-block-button,
	#menu .wp-block-buttons	.wp-block-button a								{	width: 100%; }
}


/* Block Search */
.wp-block-search input:focus, .wp-block-search input:active					{	border-color: var(--iuno-dark-green); }
.wp-block-search input::placeholder 										{	color: var(--iuno-green); }
.wp-block-search input														{	background-color: var(--iuno-light); border-color: var(--iuno-light); color: var(--iuno-black);
																				font-size: 16px; line-height: 16px; padding: 14px 1.25rem; border-radius: 24px; }

/* Block Spacer */
.wp-block-spacer															{	background-color: rgba(225,0,225,0); }
.wp-block-spacer::before													{	 }
.is-style-iuno-only-mobile													{	display: block; }
.is-style-iuno-only-desktop													{	display: none; }
@media (min-width: 768px) {
	.is-style-iuno-only-mobile												{	display: none; }
	.is-style-iuno-only-desktop												{	display: block; }
}

/* Block Group */
.is-style-iuno-small-header													{	background-color: var(--iuno-dark-green); border-radius: 6rem 0.5rem 6rem 0.5rem; padding: 5rem 4rem 3rem 4rem;
																				background-image: url('assets/images/hg-leaves-l.png'); background-size: 50% auto; background-repeat: no-repeat; background-position: bottom left; }
@media (min-width: 992px) {	.is-style-iuno-small-header 					{	padding: 6rem 5rem 4rem 5rem; } }
@media (min-width: 1400px) { .is-style-iuno-small-header 					{	padding: 7rem 6rem 5rem 6rem; } }
.is-style-iuno-leaf 														{	background-color: var(--iuno-dark-green); border-radius: 6rem 0.5rem 6rem 0.5rem; padding: 1.4rem 1.8rem; }
@media (min-width: 992px) {	.is-style-iuno-leaf 							{	padding: 1.6rem 2rem; } }
@media (min-width: 1400px) { .is-style-iuno-leaf 							{	padding: 3rem 2.5rem; } }
.is-style-iuno-neon-dot														{	position: relative; clear: both; top: -100px; width: 200px; height: 200px; margin: -100px 0 -100px -2vw; border-radius: 100%; z-index: 500;
																				background-color: var(--iuno-neon-green); transform: scale(0.6) rotate(-10.7deg); transform-origin: left center; }
.is-style-iuno-neon-dot .wp-block-group__inner-container					{	align-content: center!important; height: 100%; }
@media (min-width: 992px) {	.is-style-iuno-neon-dot 						{	transform: scale(0.8) rotate(-10.7deg); } }
@media (min-width: 1400px) { .is-style-iuno-neon-dot 						{	transform: scale(1) rotate(-10.7deg); } }
.is-style-iuno-max-width-1200												{	position: relative; width: 100%; max-width: calc(1200px + 4rem) !important; padding: 0 2rem 0 2rem; margin: 0 auto; }
.is-style-iuno-max-width-1480												{	position: relative; width: 100%; max-width: calc(1480px + 2rem) !important; padding: 0 1rem 0 1rem; margin: 0 auto; }
.is-style-iuno-max-width-1680												{	position: relative; width: 100%; max-width: calc(1680px + 2rem) !important; padding: 0 1rem 0 1rem; margin: 0 auto; }
.is-style-iuno-full-width													{	position: relative; width: 100vw; max-width: 100vw !important; left: 50%; margin-left: -50vw; margin-right: -50vw; }
.wp-block-group.is-style-iuno-rounded										{	border-radius: 1rem; }
.is-style-iuno-w40-front													{	max-width: 40% !important; clear: both; float: left; z-index: 20; }
.is-style-iuno-w50-front													{	max-width: 50% !important; clear: both; float: right; z-index: 20; }
.is-style-iuno-w60-front													{	max-width: 60% !important; clear: both; float: right; z-index: 20; }
.is-style-iuno-w75-front													{	max-width: 75% !important; clear: both; float: right; z-index: 20; }
.is-style-iuno-w90-front													{	max-width: 90% !important; clear: both; float: right; z-index: 20; }
.is-style-iuno-w60-back														{	max-width: 60% !important; clear: both; float: left; z-index: 10; }
.is-style-iuno-w75-back														{	max-width: 75% !important; clear: both; float: left; z-index: 10; }
.is-style-iuno-w80-back														{	max-width: 80% !important; clear: both; float: left; z-index: 10; }
.is-style-iuno-w80-back-r													{	max-width: 80% !important; clear: both; float: right; z-index: 10; }
.is-style-iuno-w50-front::after, .is-style-iuno-w60-front::after, .is-style-iuno-w60-back::after, .is-style-iuno-w75-back::after,
.is-style-iuno-w80-back::after												{	content: ''; width: 0; height: 0; overflow: hidden; clear: both; }
.is-style-iuno-bg-image-r													{	background-image: url('assets/images/hg-leaves-r.png'); background-size: 50% auto; background-repeat: no-repeat; background-position: bottom right; }
.is-style-iuno-bg-image-l													{	background-image: url('assets/images/hg-leaves-l.png'); background-size: 50% auto; background-repeat: no-repeat; background-position: bottom left; }


/* Block Video */
figure.wp-block-video														{	margin: 0; }
.wp-block-video.is-style-iuno-rounded video									{	border-radius: 0.5rem; pointer-events: none; }

/* Block Image */
figure.wp-block-image														{	margin: 0; }
figure.is-style-iuno-rounded img, img.is-style-iuno-rounded					{	border-radius: 0.5rem; }
figure.is-style-iuno-portrait-4-5 img, img.is-style-iuno-portrait-4-5		{	width: 100%; height: auto; border-radius: 0.5rem; aspect-ratio: 4 / 5; object-fit: cover; object-position: center center; }
figure.is-style-iuno-landscape-5-4 img, img.is-style-iuno-landscape-5-4		{	width: 100%; height: auto; border-radius: 0.5rem; aspect-ratio: 5 / 4; object-fit: cover; object-position: center center; }
figure.is-style-iuno-landscape-2-1 img, img.is-style-iuno-landscape-2-1		{	width: 100%; height: auto; border-radius: 0.5rem; aspect-ratio: 2 / 1; object-fit: cover; object-position: center center; }
figure.is-style-iuno-square img, img.is-style-iuno-square					{	width: 100%; height: auto; border-radius: 0.5rem; aspect-ratio: 1 / 1; object-fit: cover; object-position: center center; }
.is-style-iuno-icon-transparent												{	width: 80px; height: 80px; }
.is-style-iuno-icon-circle													{	width: 80px; height: auto; border-radius: 50%; background-color: var(--iuno-light); padding: 0.5rem; }
.is-style-iuno-logo-footer													{	width: 150px; height: auto; }

/* Block Headline */
h1, h2, .is-style-iuno-h2													{	font-family: 'Plus Jakarta Sans'; font-weight: 700; letter-spacing: -3%; }
h3, h4, h5, h6,
.is-style-iuno-h3, .is-style-iuno-h4, .is-style-iuno-h5,
.is-style-iuno-member-intro													{	font-family: 'Inter'; font-weight: 600; }
.is-style-iuno-orange-italic em												{	color: var(--iuno-dark-green); display: inline-block; z-index: 2; position: relative; font-style: normal; font-family: inherit; }
.is-style-iuno-orange-italic em::before										{	content: ""; position: absolute; display: block; z-index: -2; background-color: var(--iuno-orange);
																				width: calc(100% + 0.4rem); height: 100%; border-radius: 50px; margin: 0 -0.2rem 0 -0.2rem; transform: rotate(-2.65deg); transform-origin: 50% 50%; }
.is-style-iuno-neon-green-italic em											{	color: var(--iuno-darker-green); display: inline-block; z-index: 2; position: relative; font-style: normal; font-family: inherit; }
.is-style-iuno-neon-green-italic em::before									{	content: ""; position: absolute; display: block; z-index: -2; background-color: var(--iuno-neon-green);
																				width: calc(100% + 0.4rem); height: 100%; border-radius: 50px; margin: 0 -0.2rem 0 -0.2rem; transform: rotate(-2.65deg); transform-origin: 50% 50%; }
h1.is-style-iuno-no-margin, h2.is-style-iuno-no-margin, h3.is-style-iuno-no-margin, h4.is-style-iuno-no-margin, h5.is-style-iuno-no-margin,
h6.is-style-iuno-no-margin													{	margin: 0; }
.is-style-iuno-member-intro strong, .is-style-iuno-member-intro b			{	color: var(--iuno-neon-green); font-weight: 600; }
.wp-block-post-title a, .wp-block-post-title a:visited						{	color: var(--iuno-dark-green) !important; }

/* Block Paragraph */
p.is-style-iuno-no-margin													{	margin: 0; }
p.is-style-iuno-subline														{	font-size: 90%; line-height: 1.4; margin: 0 0 22px 0; }
p.is-style-iuno-max-width-50												{	max-width: 50%; margin: 0; }
p a, p a:visited, li a, li a:visited										{	color: var(--iuno-neon-green); }
p a:hover, p a:focus, p a:active, li a:hover, li a:focus, li a:active		{	color: var(--iuno-dark-green); }
.wp-block-file a, .wp-block-file a:visited									{	color: var(--iuno-dark-green); }
.wp-block-file a:hover, .wp-block-file a:focus, .wp-block-file a:active		{	color: var(--iuno-neon-green); }
.has-iuno-dark-green-background-color p a:hover, .has-iuno-dark-green-background-color p a:focus,
.has-iuno-dark-green-background-color p a:active,
.has-iuno-dark-green-background-color li a:hover, .has-iuno-dark-green-background-color li a:focus,
.has-iuno-dark-green-background-color li a:active							{	color: var(--iuno-orange); }


/* Block Button */
.wp-block-button a, button.kb-adv-form-submit-button 						{	font-family: 'Plus Jakarta Sans'; font-weight: 700; letter-spacing: -3%; }
button.kb-adv-form-submit-button											{	border-color: var(--iuno-neon-green) !important; color: var(--iuno-dark-green) !important; background-color: var(--iuno-neon-green) !important; border-width: 1px !important; border-style: solid !important; padding: 1rem 2rem !important; border-radius: 9999px !important; }
button.kb-adv-form-submit-button:hover,
button.kb-adv-form-submit-button:focus										{	border-color: var(--iuno-dark-green) !important; color: var(--iuno-white) !important; background-color: var(--iuno-dark-green) !important; }
button.kb-adv-form-submit-button:active 									{	border-color: var(--iuno-darker-green) !important; color: var(--iuno-white) !important; background-color: var(--iuno-darker-green) !important; }

.wp-block-button.is-style-iuno-neon-on-white a								{	border-color: var(--iuno-neon-green); color: var(--iuno-dark-green); background-color: var(--iuno-neon-green); border-width: 1px; border-style: solid; padding: 1rem 2rem; }
.wp-block-button.is-style-iuno-neon-on-white a:hover,
.wp-block-button.is-style-iuno-neon-on-white a:focus						{	border-color: var(--iuno-dark-green); color: var(--iuno-white); background-color: var(--iuno-dark-green); }
.wp-block-button.is-style-iuno-neon-on-white a:active 						{	border-color: var(--iuno-darker-green); color: var(--iuno-white); background-color: var(--iuno-darker-green); }

.wp-block-button.is-style-iuno-neon-on-green a								{	border-color: var(--iuno-neon-green); color: var(--iuno-dark-green); background-color: var(--iuno-neon-green); border-width: 1px; border-style: solid; padding: 1rem 2rem; }
.wp-block-button.is-style-iuno-neon-on-green a:hover,
.wp-block-button.is-style-iuno-neon-on-green a:focus						{	border-color: var(--iuno-white); color: var(--iuno-dark-green); background-color: var(--iuno-white); }
.wp-block-button.is-style-iuno-neon-on-green a:active 						{	border-color: var(--iuno-light); color: var(--iuno-dark-green); background-color: var(--iuno-light); }

.wp-block-button.is-style-iuno-frame-on-white a								{	border-color: var(--iuno-grey); color: var(--iuno-dark-green); background-color: transparent; border-width: 1px; border-style: solid; padding: 1rem 2rem; }
.wp-block-button.is-style-iuno-frame-on-white a:hover,
.wp-block-button.is-style-iuno-frame-on-white a:focus						{	border-color: var(--iuno-dark-green); color: var(--iuno-white); background-color: var(--iuno-dark-green); }
.wp-block-button.is-style-iuno-frame-on-white a:active 						{	border-color: var(--iuno-darker-green); color: var(--iuno-white); background-color: var(--iuno-darker-green); }

.wp-block-button.is-style-iuno-frame-on-green a								{	border-color: var(--iuno-light); color: var(--iuno-light); background-color: transparent; border-width: 1px; border-style: solid; padding: 1rem 2rem; }
.wp-block-button.is-style-iuno-frame-on-green a:hover,
.wp-block-button.is-style-iuno-frame-on-green a:focus						{	border-color: var(--iuno-neon-green); color: var(--iuno-neon-green); background-color: transparent; }
.wp-block-button.is-style-iuno-frame-on-green a:active 						{	border-color: var(--iuno-white); color: var(--iuno-dark-green); background-color: var(--iuno-white); }

.wp-block-button.is-style-iuno-frame-on-neon a								{	border-color: var(--iuno-white); color: var(--iuno-white); background-color: transparent; border-width: 1px; border-style: solid; padding: 1rem 2rem; }
.wp-block-button.is-style-iuno-frame-on-neon a:hover,
.wp-block-button.is-style-iuno-frame-on-neon a:focus						{	border-color: var(--iuno-dark-green); color: var(--iuno-white); background-color: var(--iuno-dark-green); }
.wp-block-button.is-style-iuno-frame-on-neon a:active 						{	border-color: var(--iuno-darker-green); color: var(--iuno-white); background-color: var(--iuno-darker-green); }

.wp-block-file a.wp-element-button											{	border-color: var(--iuno-neon-green); color: var(--iuno-dark-green); background-color: var(--iuno-neon-green); border-width: 1px; border-style: solid; padding: 1rem 2rem; }
.wp-block-file a.wp-element-button:hover,
.wp-block-file a.wp-element-button:focus									{	border-color: var(--iuno-dark-green); color: var(--iuno-white); background-color: var(--iuno-dark-green); }
.wp-block-file a.wp-element-button:active 									{	border-color: var(--iuno-darker-green); color: var(--iuno-white); background-color: var(--iuno-darker-green); }


/* pagination */
.wp-block-query-pagination-numbers											{	margin: 0 !important;; }
.wp-block-query-pagination .page-numbers.current, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-numbers a				{	display: inline-block; font-size: 16px; line-height: 1; width: 50px; padding: 1rem 0; margin: 0 !important; border-radius: 99px;
																				text-align: center; background-color: var(--iuno-light-grey); color: var(--iuno-black); text-decoration: none; }

.wp-block-query-pagination .page-numbers.current							{	background-color: var(--iuno-orange); color: var(--iuno-black); font-weight: bold; }
.wp-block-query-pagination .wp-block-query-pagination-numbers a				{	background-color: var(--iuno-light-grey); color: var(--iuno-black); }
.wp-block-query-pagination .wp-block-query-pagination-numbers a:hover,
.wp-block-query-pagination .wp-block-query-pagination-numbers a:active		{	background-color: var(--iuno-neon-green); }
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous				{	background-color: var(--iuno-neon-green); color: var(--iuno-black); }
.wp-block-query-pagination .wp-block-query-pagination-next:hover, .wp-block-query-pagination .wp-block-query-pagination-previous:hover, .wp-block-query-pagination .wp-block-query-pagination-next:focus,
.wp-block-query-pagination .wp-block-query-pagination-previous:focus		{	background-color: var(--iuno-dark-green); color: var(--iuno-white); }
.wp-block-query-pagination .wp-block-query-pagination-next span,
.wp-block-query-pagination .wp-block-query-pagination-previous span			{	margin: 0; font-size: 20px; line-height: 16px; }



h1																			{	font-size: 44px; line-height: 1.1; }
h2, .is-style-iuno-h2,
.is-style-iuno-member-intro strong, .is-style-iuno-member-intro b			{	font-size: 44px; line-height: 1.1; }
h3, .is-style-iuno-h3, .is-style-iuno-member-intro							{	font-size: 30px; line-height: 1.2; }
h4, .is-style-iuno-h4														{	font-size: 18px; line-height: 1.2; }
h5, h6, .is-style-iuno-h5													{	font-size: 18px; line-height: 1.2; }
li 																			{	font-size: 18px; line-height: 1.7; }
p 																			{	font-size: 18px; line-height: 1.7; }
.wp-block-button a, .wp-block-file a.wp-element-button						{	font-size: 18px; line-height: 1; }
blockquote																	{	padding: 1rem; }

@media (min-width: 576px) {
	h1																			{	font-size: 44px; }
	h2, .is-style-iuno-h2														{	font-size: 44px; }
	h3, .is-style-iuno-h3, .is-style-iuno-member-intro							{	font-size: 30px; }
	h4, .is-style-iuno-h4														{	font-size: 18px; }
	h5, h6, .is-style-iuno-h5													{	font-size: 17px; }
	li 																			{	font-size: 16px; }
	p 																			{	font-size: 16px; }
	.wp-block-button a, .wp-block-file a.wp-element-button						{	font-size: 16px; }
	blockquote																	{	padding: 1rem; }
}

@media (min-width: 768px) {
	h1																			{	font-size: 50px; }
	h2, .is-style-iuno-h2,
	.is-style-iuno-member-intro strong, .is-style-iuno-member-intro b			{	font-size: 50px; }
	h3, .is-style-iuno-h3, .is-style-iuno-member-intro							{	font-size: 32.5px; }
	h4, .is-style-iuno-h4														{	font-size: 20.5px; }
	h5, h6, .is-style-iuno-h5													{	font-size: 18px; }
	li 																			{	font-size: 16px; }
	p 																			{	font-size: 16px; }
	.wp-block-button a, .wp-block-file a.wp-element-button						{	font-size: 16px; }
	blockquote																	{	padding: 1.5rem; }
}

@media (min-width: 992px) {
	h1																			{	font-size: 57px; }
	h2, .is-style-iuno-h2,
	.is-style-iuno-member-intro strong, .is-style-iuno-member-intro b			{	font-size: 57px; }
	h3, .is-style-iuno-h3, .is-style-iuno-member-intro							{	font-size: 35px; }
	h4, .is-style-iuno-h4														{	font-size: 23px; }
	h5, h6, .is-style-iuno-h5													{	font-size: 19px; }
	li 																			{	font-size: 17px; }
	p 																			{	font-size: 17px; }
	.wp-block-button a, .wp-block-file a.wp-element-button						{	font-size: 17px; }
	blockquote																	{	padding: 1.5rem; }
}

@media (min-width: 1200px) {
	h1																			{	font-size: 65px; }
	h2, .is-style-iuno-h2,
	.is-style-iuno-member-intro strong, .is-style-iuno-member-intro b			{	font-size: 65px; }
	h3, .is-style-iuno-h3, .is-style-iuno-member-intro							{	font-size: 37.5px; }
	h4, .is-style-iuno-h4														{	font-size: 25.5px; }
	h5, h6, .is-style-iuno-h5													{	font-size: 19px; }
	li 																			{	font-size: 17px; }
	p 																			{	font-size: 17px; }
	.wp-block-button a, .wp-block-file a.wp-element-button						{	font-size: 17px; }
	blockquote																	{	padding: 2rem; }
}

@media (min-width: 1400px) {
	h1																			{	font-size: 70px; }
	h2, .is-style-iuno-h2,
	.is-style-iuno-member-intro strong, .is-style-iuno-member-intro b			{	font-size: 70px; }
	h3, .is-style-iuno-h3, .is-style-iuno-member-intro							{	font-size: 40px; }
	h4, .is-style-iuno-h4														{	font-size: 28px; }
	h5, h6, .is-style-iuno-h5													{	font-size: 28px; }
	li 																			{	font-size: 20px; }
	p 																			{	font-size: 20px; }
	.wp-block-button a, .wp-block-file a.wp-element-button						{	font-size: 18px; }
	blockquote																	{	padding: 2rem; }
}


.iuno-block.three-bubbles														{	width: auto; }
.iuno-block.three-bubbles img													{	display: inline-block; width: 64px; height: 64px; margin-right: -0.5rem; border-radius: 100%; border: 1px var(--iuno-white) solid; }



/* Base container */
.kb-query-item.kb-query-block-post.sorten {
    position: relative !important;
	z-index: 1 !important;
}

.kb-query-item.kb-query-block-post.sorten:hover {
    z-index: 1000 !important;
}

/* Info box styling */
.sorten_info {
    display: none !important;
    position: fixed !important;
    background-color: rgba(0, 0, 0, 0.9) !important;
    color: white !important;
    padding: 15px !important;
    border-radius: 8px !important;
    z-index: 10000 !important;
    width: 300px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    pointer-events: none !important;
}

/* Show on hover with hardware acceleration */
.kb-query-item.kb-query-block-post.sorten:hover .sorten_info {
    display: block !important;
    animation: fadeIn 0.2s ease-out !important;
    -webkit-animation: fadeIn 0.2s ease-out !important;
}

/* Edge-compatible animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(0) translateZ(0);
    }
    to {
        opacity: 1;
        transform: translateY(0) translateZ(0);
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(0) translateZ(0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0) translateZ(0);
    }
}

/* Grid Layout */
.strain-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    padding: 15px !important;
}

/* Table styling */
.sorten_info table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    transform: translateZ(0) !important;
}

.sorten_info td {
    padding: 8px !important;
    border: none !important;
    color: white !important;
    font-size: 14px !important;
}

.sorten_info td:first-child {
    font-weight: bold !important;
    color: #4CAF50 !important;
}

/* Pie Chart Container */
.pie-chart-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* CSS Pie Chart */
.pie-chart {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50% !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Pie Chart Center Text */
.pie-overlay {
    position: absolute !important;
    width: 60px !important;
    height: 60px !important;
    background: black !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 14px !important;
}

/* Legend */
.pie-legend {
    margin-top: 10px !important;
    display: flex !important;
    gap: 15px !important;
    justify-content: center !important;
}

.legend-item {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: white !important;
    font-size: 12px !important;
}

.legend-dot {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
}

.legend-dot.indica {
    background-color: #4E3A85 !important;
}

.legend-dot.sativa {
    background-color: #38B56A !important;
}

/* Additional Edge-specific fix */
@supports (-ms-ime-align: auto) {
    .sorten_info {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
    }
}


.age-gate {
	border: solid 1px !important;
	border-radius: 25px !important;
}
.age-gate__heading-title.age-gate__heading-title--logo {
	padding-bottom: 40px !important;
}