/*
Theme Name: theme.iuno-oksoberfest
Theme URI:
Author: eric lacaze | lacaze-carnier.com / iuno.co
Author URI:
Description: Theme für rockstar-media.biz
Requires at least: 6.0
Tested up to: 6.8.3
Requires PHP: 8.1
Version: 2025.11
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theme-iuno-oksoberfest
Tags:
*/

@font-face {
  font-display: swap;
  font-family: 'poppins';
  font-style: normal;
  font-weight: 200;
  src: url('assets/fonts/poppins/poppins-v24-latin-200.woff2') format('woff2'),
	   url('assets/fonts/poppins/poppins-v24-latin-200.woff') format('woff');
}

@font-face {
  font-display: swap;
  font-family: 'poppins';
  font-style: italic;
  font-weight: 200;
  src: url('assets/fonts/poppins/poppins-v24-latin-200italic.woff2') format('woff2'),
	   url('assets/fonts/poppins/poppins-v24-latin-200italic.woff') format('woff');
}

@font-face {
  font-display: swap;
  font-family: 'poppins';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/poppins/poppins-v24-latin-regular.woff2') format('woff2'),
	   url('assets/fonts/poppins/poppins-v24-latin-regular.woff') format('woff');
}

@font-face {
  font-display: swap;
  font-family: 'poppins';
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/poppins/poppins-v24-latin-italic.woff2') format('woff2'),
	   url('assets/fonts/poppins/poppins-v24-latin-italic.woff') format('woff');
}

@font-face {
  font-display: swap;
  font-family: 'poppins';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/poppins/poppins-v24-latin-700.woff2') format('woff2'),
	   url('assets/fonts/poppins/poppins-v24-latin-700.woff') format('woff');
}

@font-face {
  font-display: swap;
  font-family: 'poppins';
  font-style: italic;
  font-weight: 700;
  src: url('assets/fonts/poppins/poppins-v24-latin-700italic.woff2') format('woff2'),
	   url('assets/fonts/poppins/poppins-v24-latin-700italic.woff') format('woff');
}

:root 																		{	color-scheme: light;
																				--content-width : 992px; --wide-width : 1392px;
																				
																				--headerHeight: 4.5rem;
																			}


html:not(.is-dark-mode),
html.is-dark-mode															{	--iuno-always-black: #000000;
																				--wp--preset--color--iuno-black: #000000;
																				--iuno-black: #000000;
																				--iuno-always-white: #ffffff;
																				--wp--preset--color--iuno-white: #ffffff;
																				--iuno-white: #ffffff;
																				--wp--preset--color--iuno-gold: #c3971a;
																				--iuno-gold: var(--wp--preset--color--iuno-gold);
																				--wp--preset--color--iuno-paper: #f6f1e2;
																				--iuno-paper: var(--wp--preset--color--iuno-paper);
																				--wp--preset--color--iuno-ocean: #27538c;
																				--iuno-ocean: var(--wp--preset--color--iuno-ocean);
																				--wp--preset--color--iuno-transparent: rgba(0,0,0,0.5);
																				--iuno-transparent: var(--wp--preset--color--iuno-transparent);
																				--wp--preset--color--iuno-eclipse: #0d283e;
																				--iuno-eclipse: var(--wp--preset--color--iuno-eclipse);
																			}

/* structure */
* 																			{	font-family: 'poppins'; }
body																		{   position: relative; background-color: var(--iuno-eclipse); color: var(--iuno-white); width: 100%; z-index: +10; max-width: 100vw; margin: 0; padding: 0; overflow-x: hidden;
																				background-image: none !important; min-height: 100vh; }
body::before																{   content: ''; position: fixed; display: block; z-index: -1;
																				top: 0; left: 0; right: 0; width: 100vw; height: 100vh; margin: 0; padding: 0; border-radius: 1rem;
																				background-image: url('https://www.oksoberfest.de/wp-content/uploads/2025/11/rockstar-media-oksoberfest-berlin-scaled.jpg'); 
																				background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important;
																				filter: blur(0.2rem); -webkit-filter: blur(0.2rem); -moz-filter: blur(0.2rem);
																				-webkit-transition: filter 1s ease-in-out; -moz-transition: filter 1s ease-in-out; transition: filter 1s ease-in-out; }
html[data-scroll='top'] {
	body::before															{	-webkit-filter: blur(0); -moz-filter: blur(0); filter: blur(0); }
	header::before															{	opacity: 0; }
}

header																		{	position: fixed; margin: 0; padding: 0; height: auto; width: 100vw; z-index: 100; }
header::before																{	content: ''; position: absolute; display: block; z-index: -1; opacity: 1; background-color: var(--iuno-eclipse);
																				top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; margin: 0; padding: 0; border-radius: 0;
																				-webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }

header nav																	{	margin-top: 0.2rem; z-index: 1000 }
header nav a																{	text-transform: uppercase; font-weight: 700; letter-spacing: 1.5px; font-size: 1rem; line-height: 1; }
header nav a																{	color: var(--iuno-black); }
header nav .current-menu-item a												{	color: var(--iuno-gold) !important; }
header nav a:hover, header nav a:active										{	color: var(--iuno-paper) !important; }

header nav ul																{	top: 6px; }
header nav li.wp-block-navigation-item										{	padding: 0 0 0 0.75rem; }
header nav li.wp-block-navigation-item.is-style-iuno-facebook				{	margin-left: calc((100vw - 143px - 635px - 3.5rem) / 2); }
header nav li.wp-block-navigation-item.is-style-iuno-facebook, 
header nav li.wp-block-navigation-item.is-style-iuno-instagram,
header nav li.wp-block-navigation-item.is-style-iuno-linkedin				{	width: 1.8rem; position: relative; margin-top: -0.25rem; padding: 0; }
header nav li.wp-block-navigation-item.is-style-iuno-facebook .wp-block-navigation-item__label,
header nav li.wp-block-navigation-item.is-style-iuno-instagram .wp-block-navigation-item__label,
header nav li.wp-block-navigation-item.is-style-iuno-linkedin .wp-block-navigation-item__label	{	font-family: 'social'; text-transform: lowercase; font-size: 1.75rem; font-weight: 400; }

header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open	{	padding: 2rem 1rem; background-color: var(--iuno-eclipse) !important; color: var(--iuno-white) !important; }
@media (min-width: 600px) {
	header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open	{	padding: 2rem 1.5rem; }
}
@media (min-width: 992px) {
	header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open	{	padding: 2rem 2rem; }
}
header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-close,
header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-dialog,
header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content	{	height: 100%; }
header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__container.is-responsive.wp-block-navigation	{	width: 100%; align-items: center; justify-content: center }
header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open li a	{	padding: 0.5rem 0.75rem !important; font-size: 1.15rem; }
header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open li.wp-block-navigation-item.is-style-iuno-facebook				{	margin-left: 0; }
header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open li.wp-block-navigation-item.is-style-iuno-facebook,
header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open li.wp-block-navigation-item.is-style-iuno-instagram,
header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open li.wp-block-navigation-item.is-style-iuno-linkedin				{	width: auto !important; }

header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open ul	{	display: grid !important; grid-column-gap: 0; grid-row-gap: 1rem; padding: 5rem 0; }

header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open li:not(.is-style-iuno-facebook) a.wp-block-navigation-item__content,
header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open li:not(.is-style-iuno-instagram) a.wp-block-navigation-item__content,
header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open li:not(.is-style-iuno-linkedin) a.wp-block-navigation-item__content,
header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open a.wp-block-navigation-item__content	{	width: 100%; text-align: center; }

@media (min-width: 900px) {
	header nav .is-style-iuno-only-mobile									{	display: none !important; }
}
header nav .is-style-iuno-tickets											{	position: relative; margin: 0 0.5rem; }
header nav .is-style-iuno-tickets::before									{	content: ''; position: absolute; width: calc(100% + 0.5rem + 4px); height: calc(100% + 1rem + 2px); top: calc(-0.5rem - 2px); left: 0;
																				border: 2px var(--wp--preset--color--iuno-gold) solid; border-radius: 0.5rem; }

main								                                        {	position: relative; z-index: 10; padding: var(--headerHeight) 0 0 0; }
section																		{	margin: 0 auto; }

footer																		{	position: relative; z-index: 20; }
footer nav li																{	padding: 0 0.5rem !important; }
footer nav a																{	text-transform: uppercase; font-weight: 600; font-size: 0.875rem; line-height: 1; }
footer nav a:hover, footer nav a:focus										{	text-decoration: underline; }


@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: 900px) {
	.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; }
}


.is-layout-constrained.alignwide > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {	max-width: var(--wp--style--global--wide-size); }
.is-layout-constrained.alignwide > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {	max-width: var(--wp--style--global--wide-size); }
#team .is-layout-constrained.alignwide > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {	max-width: 1030px; }

.has-text-color.has-iuno-ocean-color 										{	color: var(--iuno-ocean) !important; }
.has-text-color.has-iuno-eclipse-color 										{	color: var(--iuno-eclipse) !important; }
.has-text-color.has-iuno-gold-color 										{	color: var(--iuno-gold) !important; }
.has-text-color.has-iuno-black-color 										{	color: var(--iuno-black) !important; }
.has-text-color.has-iuno-white-color 										{	color: var(--iuno-white) !important; }

p.has-background.has-iuno-transparent-background-color						{	border-radius: 1rem; padding: 0.5rem 1rem; margin: 0 auto; width: auto; display: inline-block; position: relative; }
p.has-background.has-iuno-transparent-background-color a					{	color: var(--iuno-white); }
p.has-background.has-iuno-transparent-background-color a:hover,
p.has-background.has-iuno-transparent-background-color a:active,
p.has-background.has-iuno-transparent-background-color a:focus				{	color: var(--iuno-paper); }