@charset "UTF-8";
/* CSS Document */

	/* 											*/
	/* 	GOULASH WEEK							*/
	/* 											*/
	
		#goulash-week {}
		#goulash-week h2 {
			text-align: center;
			margin-bottom: 30px;
		}
		#goulash-week h2 .line-1 {
			position: relative;
			font-size: 5rem;
			z-index: 2;
			text-shadow: 0 0 5px black, 0 0 10px black;
		}
		#goulash-week h2 .line-2 {
			display: block;
			position: relative;
			overflow: hidden;
			margin-top: -0.6em;
			background-image:url("../../images/hero/gulyas-hete.webp");
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			height: 3.5em;
			text-indent: -10000em;
		}
		#goulash-week h3 {
			text-align: center;
			color: var(--yellow);
			text-transform: none;
			font-size: 4rem;
			line-height: 1.2;
			text-wrap:balance;
			padding-bottom: 30px;
		}
		#goulash-week h3 .line-break {
			display: block;
		}
		#goulash-week .indented {
			padding-inline:23%;
			text-wrap:pretty;
		}
		@media screen and (min-width: 330px) and (max-width: 439px) {
			#goulash-week .indented {
				padding-inline: 3%;
			}
		}
		#goulash-week figure.rakoczi-feri-circle,
		#road-movie figure.rakoczi-feri-circle {
			position: relative;
			--figure_radius: 75px;
			--figcaption_radius: 100px;
			--figcaption_font_size: 3.8rem;
			width: calc(var(--figcaption_radius) * 2 + 30px);
			height: calc(var(--figcaption_radius) * 2 + 30px);
			/* margin: calc(-0.7 * var(--figure_radius)) auto calc(-0.1 * var(--figure_radius)) auto; */
			left: 50%;
			transform: translateX(-50%);
		}
		#goulash-week .rakoczi-feri-circle .rakoczi-feri-circle-image,
		#road-movie .rakoczi-feri-circle .rakoczi-feri-circle-image {
			display: block;
			position: absolute;
			top: calc(50% - var(--figure_radius));
			left: calc(50% - var(--figure_radius));
			width: calc(var(--figure_radius) * 2);
			height: calc(var(--figure_radius) * 2);
			border-radius: 50%;
			overflow: hidden;
		}
		#goulash-week .rakoczi-feri-circle .rakoczi-feri-circle-image .rakoczi-feri,
		#road-movie .rakoczi-feri-circle .rakoczi-feri-circle-image .rakoczi-feri {
			display: block;
			width: 100%;
			height: 100%;
			border-radius: 250px;
			aspect-ratio:1/1;
			background-color: var(--yellow);
			border: 1px solid white;
			background-size: 95%;
			background-repeat: no-repeat;
			background-position: bottom center;
			background-image:
				url("../../images/assets/rakoczi-feri.webp");
		}
		#goulash-week .rakoczi-feri-circle .rakoczi-feri-circle-text-ring,
		#road-movie .rakoczi-feri-circle .rakoczi-feri-circle-text-ring {
			display: block;
			position: absolute;
			inset: 0;
		}
		#goulash-week .rakoczi-feri-circle .rakoczi-feri-circle-text-ring svg,
		#road-movie .rakoczi-feri-circle .rakoczi-feri-circle-text-ring svg {
			display: block;
			width: 100%;
			height: 100%;
			overflow: visible;
		}
		#goulash-week .rakoczi-feri-circle .rakoczi-feri-circle-text-ring text,
		#road-movie .rakoczi-feri-circle .rakoczi-feri-circle-text-ring text {
			fill: var(--yellow);
			font-family: Metro;
			font-size: var(--figcaption_font_size, 2.8rem);
			font-weight: 700;
			letter-spacing: -0.1pt;
			text-anchor: middle;
		}
		#road-movie[data-skin="yellow"] .rakoczi-feri-circle .rakoczi-feri-circle-text-ring text {
			fill: var(--blue);
		}
		#road-movie[data-skin="yellow"] .rakoczi-feri-circle .rakoczi-feri-circle-image .rakoczi-feri {
			background-color: var(--blue);
		}
		#road-movie[data-skin="yellow"] p {
			color:black;
			text-shadow:none;
		}
		#goulash-week figure.rakoczi-feri {
			display: block;
			position: relative;
			left: 50%;
			transform:translateX(-50%);
			width: 150px;
			border-radius: 250px;
			aspect-ratio:1/1;
			background-color: var(--yellow);
			border: 1px solid var(--yellow);
			border: 1px solid white;
			background-size: 95%;
			background-repeat: no-repeat;
			background-position: bottom center;
			background-image:
				url("../../images/assets/rakoczi-feri.webp");
			margin-bottom: 15px;
		}

		#goulash-week .indented p {
			font-family: Lato;
		}
		#goulash-week strong {
			font-weight: 800;
			color: var(--yellow);
		}
		#road-movie[data-skin="yellow"] strong {
			color:black;
		}
		
		#goulash-week {}
		#goulash-week .figures {
			position: absolute;
			height: 800px;
			margin-bottom: -200px;
			--figure_scale: 1.0;
			outline: 1px solid orange;
			outline: none;
		}
		#goulash-week .figures figure[data-label="37"] {background-image:url(../../images/decor/37.webp);left:   2%; top:     5%; width: calc(var(--figure_scale) * 400px); height: auto;aspect-ratio: 5/4;outline: 1px solid orange;outline: none;}
		#goulash-week .figures figure[data-label="32"] {background-image:url(../../images/decor/32.webp);right:  5%; top:     6%; width: calc(var(--figure_scale) * 410px); height: auto;aspect-ratio: 3/2;outline: 1px solid orange;outline: none;}
		#goulash-week .figures figure[data-label="31"] {background-image:url(../../images/decor/31.webp);left:  70%; top:    40%; width: calc(var(--figure_scale) *  70px); height: auto;aspect-ratio: 1/1;outline: 1px solid orange;outline: none;}
		#goulash-week .figures figure[data-label="36"] {background-image:url(../../images/decor/36.webp);left:   9%; top:    71%; width: calc(var(--figure_scale) * 440px); height: auto;aspect-ratio: 3/2;outline: 1px solid orange;outline: none;}
		#goulash-week .figures figure[data-label="35"] {background-image:url(../../images/decor/35.webp);right: -6%; bottom: 18%; width: calc(var(--figure_scale) * 430px); height: auto;aspect-ratio: 1/1;outline: 1px solid orange;outline: none;}
		#goulash-week .figures figure[data-label="34"] {background-image:url(../../images/decor/34.webp);left:  11%; bottom: 26%; width: calc(var(--figure_scale) * 100px); height: auto;aspect-ratio: 1/1;outline: 1px solid orange;outline: none;}
		#goulash-week .figures figure[data-label="26"] {background-image:url(../../images/decor/26.webp);left:  33%; top:    26%; width: calc(var(--figure_scale) * 130px); height: auto;aspect-ratio: 1/3;outline: 1px solid orange;outline: none;opacity: 0.2;transform: rotate(-25deg);}
		#goulash-week .figures figure[data-label="23"] {background-image:url(../../images/decor/23.webp);right: 33%; top:    30%; width: calc(var(--figure_scale) *  95px); height: auto;aspect-ratio: 1/4;outline: 1px solid orange;outline: none;opacity: 0.3;transform: rotate(15deg);}
		
		#goulash-week p.action-body {
			font-size:calc(1.25 * var(--body_fontsize));
		}
		#goulash-week p.date {
			font-size:calc(1.25 * var(--body_fontsize));
			color: var(--yellow);
			font-weight: bold;
			margin-top: 25px;
		}
		
		#goulash-week .video-series {
			display: grid;
			grid-auto-flow: column;
			gap: 35px;
			padding-top: 35px;
			padding-bottom: 35px;
			text-align: left;
		}
		#goulash-week .video-series .vs {
			box-sizing:border-box;
			background-color:var(--yellow);
			border:1px solid var(--yellow);
			border-radius:2px;
			box-shadow:0 0 0 0 var(--yellow);
			transition:box-shadow 0.5s ease;
		}
		#goulash-week[data-skin="yellow"] .video-series .vs {
			border-color:black;
		}
		#goulash-week .video-series .vs[data-active="1"]:hover {
			box-shadow:0 0 0 5px var(--yellow);
		}

		#goulash-week .video-series .vs .vs-indent {
			margin:15px;
			display: block;
			text-decoration: none;
			color: inherit;
			appearance: none;
			border: none;
			background-color: transparent;
			padding: 0;
			margin: 10px;
			cursor:pointer;
		}
		#goulash-week .video-series .vs .vs-indent * {
			pointer-events:none;
		}
		#goulash-week .video-series .vs .vs-indent .fake-button {
			/*pointer-events:all;*/
		}
		#goulash-week .video-series .vs-title {}
		#goulash-week .video-series .vs-title .vst-index {
			display: block;
			font-family: Metro;
			font-size: 1.5rem;
			font-weight: 600;
			line-height: 1.2;
			color:black;
			text-shadow:none;
		}
		#goulash-week .video-series .vs-title .vst-title {
			display: block;
			font-family: Metro;
			color: var(--yellow);
			color:var(--blue);
			font-size: 2.2rem;
			font-weight: 800;
			line-height: 1.1;
			text-transform:uppercase;
			margin-top:10px;
			margin-bottom: 5px;
			text-shadow:none;
		}
		#goulash-week .video-series .vs-title .vst-subtitle {
			display: block;
			font-family: Metro;
			color: var(--yellow);
			color:var(--blue);
			font-size: 1.8rem;
			font-weight: 400;
			line-height: 1.2;
			margin-bottom: 15px;
			text-shadow:none;
		}
		#goulash-week .video-series .vst-image {
			display:block;
			width: calc(100% + 20px);
			height:auto;
			aspect-ratio:16/9;
			background-position:center;
			background-repeat:no-repeat;
			background-size:contain;
			margin-bottom: 20px;
			margin-top: 10px;
			margin-inline: -10px;
		}
		#goulash-week .video-series .vs-descr {
			display: block;
			font-family: Lato;
			font-size: 1.5rem;
			font-weight: 400;
			line-height: 1.4;
			color:black;
			margin-bottom: 15px;
			text-shadow:none;
		}
		#goulash-week .video-series .vs-venue {
			display: block;
			color: var(--yellow);
			color:black;
			font-family: Lato;
			font-size: 1.5rem;
			font-weight: 400;
			line-height: 1.4;
			margin-bottom: 15px;
			text-shadow:none;
		}
		#goulash-week .video-series .fake-button {
			display:inline-block;
			margin:5px auto 15px  auto;
			background-color:var(--blue);
			color:var(--yellow);
			padding:5px 15px;
			border-radius:4px;
			padding:8px 18px;
			border: 1px solid var(--blue);
			border-radius: 3px;
			background: var(--blue);
			color: var(--yellow);
			font-family: Metro;
			font-weight: 700;
			font-size: 1.6rem;
			text-transform: uppercase;
			cursor: pointer;
			transition: background 0.3s ease, box-shadow 0.3s ease;			
		}
		#goulash-week .video-series .fake-button:hover {
			/*background-color: var(--blue);*/
			/*box-shadow: 0 0 0 3px var(--blue), 0 0 25px 0 var(--blue), 0 0 55px 0 var(--blue);*/
		}
		#goulash-week .video-series .fake-button:before {
			content:"Megnézem!";
		}
		#goulash-week .video-series .vs[data-active="0"] {
			.vs-title,
			.vst-index,
			.vs-descr,
			.vs-venue  {visibility:hidden;height: 0;}
		}
		#goulash-week .video-series .vs[data-active="0"] {
			background-color:black;
		}
		#goulash-week .video-series .vs[data-active="0"] .fake-button {
			display:none;
		}
		#road-movie[data-skin="yellow"] .video-series .vs[data-active="0"] {
			background-color: #00000000;
			color:black;
			
		}
		#goulash-week[data-skin="yellow"] .video-series .vs[data-active="0"] {
			background-color:#0000002b;
		}
		#goulash-week .video-series .vs[data-active="0"] .vs-indent:before {
			content:"Hamarosan...";
			letter-spacing: 1px;
			display: flex;
			height: 30px;
			align-content: center;
			align-items: center;
			justify-content: center;
			align-self: stretch;
			color: #ffe50088;
			font-size: 1.5rem;
			text-align: center;
			background-color: #ffe50022;
			background-color: #000000FF;
		}
		#road-movie[data-skin="yellow"] .video-series .vs[data-active="0"] {
			background-color: #00000022;
			color:black;
		}
		#road-movie[data-skin="yellow"] .video-series .vs[data-active="0"] .vs-indent:before {
			background-color: #00000000;
			color: black;
		}
	


		/* M */ @media screen and (min-width: 860px) and (max-width: 959px) {
			#goulash-week .video-series {
				display:block;
			}
			#goulash-week .video-series .vs {
				display:block;
				border:1px solid white;
				border-radius:5px;
				padding:10px 15px 0 15px;
				margin-bottom:10px;
				overflow:hidden;
				border-radius: 0;
				padding: 0;
			}
			#goulash-week .video-series .vs-title {
				text-align:center;
			}
			#goulash-week .video-series .vs-title .vst-index {
			}
			#goulash-week .video-series .vs-descr {
				text-align:center;
			}
			#goulash-week .video-series .vs-venue {
				text-align:center;
			}
			#goulash-week .figures {
				--figure_scale: 0.8;
			}
		}
		/* -M */ @media screen and (max-width: 959px) {
			#goulash-week .video-series .vs-title .vst-index {
				float:left;
				position: relative;
				transform: translate(-52%,-41%) rotate(-45deg);
				background-color: var(--yellow);
				color:black;
				padding: 25px 50px 0 50px;
				box-sizing: border-box;
				width: 160px;
				height: 46px;
				margin: 0 0 -46px 0;
				color: white;
				background-color: var(--blue);
			}
		}

		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {
			#goulash-week .video-series {
				display:block;
			}
			#goulash-week .video-series .vs {
				display:block;
				border:1px solid white;
				border-radius:5px;
				padding:10px 15px 0 15px;
				margin-bottom:10px;
				overflow:hidden;
				position: relative;
			}
			#goulash-week .video-series .vs[data-active="0"]:before {
				position: absolute;
				inset: 0;
			}
			#goulash-week .video-series .vs-title {
				text-align:center;
			}
			#goulash-week .video-series .vs-title .vst-index {
				transform: translate(-60%,-60%) rotate(-45deg);
			}
			#goulash-week .video-series .vs-descr {
				text-align:center;
			}
			#goulash-week .video-series .vs-venue {
				text-align:center;
			}
			#goulash-week .figures {
				--figure_scale: 0.8;
			}
		}
		/* -S */  @media screen and (min-width: 0px) and (max-width: 699px) {
			#goulash-week .video-series {
				display:block;
			}
			#goulash-week .video-series .vs {
				display:block;
				border:1px solid white;
				border-radius:5px;
				padding:10px 15px 0 15px;
				margin-bottom:10px;
				overflow:hidden;
			}
			#goulash-week .video-series .vs-title {
				text-align:center;
			}
			#goulash-week .video-series .vs-title .vst-index {
				transform: translate(-60%,-60%) rotate(-45deg);
			}
			#goulash-week .video-series .vs-descr {
				text-align:center;
			}
			#goulash-week .video-series .vs-venue {
				text-align:center;
			}
			#goulash-week .figures {
				width:calc(100% + 200px);
				--figure_scale: 0.6;
			}
		}

		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) {
			#goulash-week .video-series {
				display:block;
			}
			#goulash-week .video-series .vs {
				display:block;
				border:1px solid white;
				border-radius:5px;
				padding:10px 15px 0 15px;
				margin-bottom:10px;
				overflow:hidden;
			}
			#goulash-week .video-series .vs-title {
				text-align:center;
			}
			#goulash-week .video-series .vs-title .vst-index {
				transform: translate(-60%,-60%) rotate(-45deg);
			}
			#goulash-week .video-series .vs-descr {
				text-align:center;
			}
			#goulash-week .video-series .vs-venue {
				text-align:center;
			}
		}

		/* —— #tutorial: .event-info.event-carousel (#road-movie galériától függetlenül) —— */
		section#goulash-week #tutorial .event-info.event-carousel {
			position: relative;
			margin-block: 35px;
			margin-inline: auto;
			padding: 0px 50px 0px 50px;
			border: 1px solid var(--yellow);
			max-width: 800px;
			backdrop-filter: blur(1px);
			background-color: #252525a3;
			z-index: 2;
			box-shadow: 0 0 0 0 var(--yellow), 0 0 0 0 black;
			transform: scale(1,1) translate(0,0);
			will-change: transform;
			transition: none;
		}
		section#goulash-week #tutorial .event-info.event-carousel .inset {}
		section#goulash-week #tutorial .event-info.event-carousel:hover {
			box-shadow: 0 0 0 0 var(--yellow), 0 0 0 0 black;
			transform: scale(1,1) translate(0,0);
		}
		section#goulash-week #tutorial .event-info.event-carousel .event-carousel-viewport {
			overflow: hidden;
		}
		section#goulash-week #tutorial .event-info.event-carousel .event-carousel-track {
			margin: 0;
			padding: 0;
			list-style: none;
			display: flex;
			justify-content: flex-start;
			transform: translateX(0);
			transition: transform 0.35s ease;
		}
		section#goulash-week #tutorial .event-info.event-carousel .event-carousel-slide {
			flex: 0 0 100%;
			min-width: 0;
		}
		section#goulash-week #tutorial .event-info.event-carousel .event-carousel-slide iframe {
			display: block;
			width: 100%;
		}
		section#goulash-week #tutorial .event-info.event-carousel .event-video-placeholder {
			display: flex;
			align-items: center;
			justify-content: center;
			aspect-ratio: 560/315;
			background: #000;
			color: #fff;
			font-family: Metro;
			font-size: 3.2rem;
			font-weight: 700;
			line-height: 1.1;
			text-transform: none;
		}
		section#goulash-week #tutorial .event-info.event-carousel .event-carousel-arrow {
			position: absolute;
			top: auto;
			bottom: -1px;
			transform: none;
			width: 50px;
			height: calc(100% + 2px);
			border: 1px solid var(--yellow);
			background: rgba(0, 0, 0, 0.65);
			background-color: transparent;
			color: var(--yellow);
			cursor: pointer;
			z-index: 3;
			transition: opacity 0.2s ease;
		}
		section#goulash-week #tutorial .event-info.event-carousel .event-carousel-arrow.is-prev { inset: auto auto -1px -1px; }
		section#goulash-week #tutorial .event-info.event-carousel .event-carousel-arrow.is-next { inset: auto -1px -1px auto; }
		section#goulash-week #tutorial .event-info.event-carousel .event-carousel-arrow i {
			position: absolute;
			inset: auto 0;
			display: block;
			font-size: 30px;
			line-height: 50px;
			text-align: center;
			color: inherit;
			top: 50%;
			transform: translateY(-50%);
		}
		section#goulash-week #tutorial .event-info.event-carousel .event-carousel-arrow i:before {
			font-family: "Material Symbols Outlined";
			font-weight: 400;
			font-style: normal;
			line-height: 1;
			display: inline-block;
			-webkit-font-feature-settings: "liga";
			-moz-font-feature-settings: "liga";
			font-feature-settings: "liga";
			font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
		}
		section#goulash-week #tutorial .event-info.event-carousel .event-carousel-arrow.is-prev i:before { content: "chevron_left"; }
		section#goulash-week #tutorial .event-info.event-carousel .event-carousel-arrow.is-next i:before { content: "chevron_right"; }
		section#goulash-week #tutorial .event-info.event-carousel .event-carousel-arrow:disabled {
			cursor: default;
		}
		section#goulash-week #tutorial .event-info.event-carousel .event-carousel-arrow:disabled i {
			opacity: 0;
		}

		/* —— #tutorial: .tutorial-video-carousel (független stílusok) —— */
		section#goulash-week #tutorial .tutorial-video-carousel {
			position: relative;
			margin: 25px auto 0;
			padding: 0;
			border: 1px solid var(--yellow);
			max-width: 800px;
			backdrop-filter: blur(1px);
			background-color: #252525a3;
			z-index: 2;
		}
		section#goulash-week #tutorial .tutorial-video-carousel-viewport {
			overflow: hidden;
		}
		section#goulash-week #tutorial .tutorial-video-carousel-track {
			margin: 0;
			padding: 0;
			list-style: none;
			display: flex;
			transform: translateX(0);
			transition: none;
		}
		section#goulash-week #tutorial .tutorial-video-carousel-slide {
			flex: 0 0 100%;
			min-width: 0;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		section#goulash-week #tutorial .tutorial-video-carousel-slide iframe {
			display: block;
			width: 100%;
			aspect-ratio: 560/315;
		}
		section#goulash-week #tutorial .tutorial-video-carousel-arrow {
			display: none;
		}

		/* —— #road-movie: .event-video-carousel (#goulash-week alatt) —— */
		section#goulash-week #road-movie .event-video-carousel {
			position: relative;
			margin-block: 0;
			margin-inline:auto;
			padding: 0px 50px 0px 50px;
			border: 1px solid var(--yellow);
			max-width: 800px;
			backdrop-filter: blur(1px);
			background-color: #252525a3;
			z-index: 2;
		}
		section#goulash-week #road-movie .event-video-carousel .inset {}
		section#goulash-week #road-movie .event-video-carousel {
			box-shadow: 0 0 0 0 var(--yellow), 0 0 0 0 black;
			transform: scale(1,1) translate(0,0); 
			will-change: transform;
			transition: none;
		}
		section#goulash-week #road-movie .event-video-carousel:hover {
			/*box-shadow: 0 0 0 0 var(--yellow), 0 0 0 0 black;*/
			/*transform: scale(1,1) translate(0,0);*/
		}
		section#goulash-week #road-movie .event-video-carousel-viewport {
			overflow: hidden;
		}
		section#goulash-week #road-movie .event-video-carousel-track {
			margin: 0;
			padding: 0;
			list-style: none;
			display: flex;
			justify-content: flex-start;
			transform: translateX(0);
			transition: transform 0.35s ease;
		}
		section#goulash-week #road-movie .event-video-carousel-slide {
			flex: 0 0 100%;
			min-width: 0;
			align-items: center;
			align-content: center;
			justify-content: center;
			display: flex;
		}
		section#goulash-week #road-movie .event-video-carousel-slide.is-placeholder {
			background-color:black;
		}
		section#goulash-week #road-movie .event-video-carousel-slide iframe {
			display: block;
			width: 100%;
			aspect-ratio:560/315;
		}
		/* XXXS-XXS */ @media screen and (min-width: 440px) and (max-width: 519.8px){
			section#goulash-week #road-movie .event-video-carousel-slide iframe {aspect-ratio: 6/5;}
		}
		/* -XXXS */ @media screen and (min-width: 0px) and (max-width: 439.8px){
			section#goulash-week #road-movie .event-video-carousel-slide iframe {aspect-ratio: 6/5;}
		}

		section#goulash-week #road-movie .event-video-carousel-placeholder {
			display: block;
			aspect-ratio: 560/315;
			background: #000;
			color: #fff;
			font-family: Metro;
			font-size: 3.2rem;
			font-weight: 700;
			line-height: 1.1;
			text-transform: none;
		}
		section#goulash-week #road-movie .event-video-carousel-placeholder:before {
			content:"Következő videó";
			display: block;
			font-size:0.5em;
			color:var(--yellow);
			font-weight:400;
		}
		section#goulash-week #road-movie .event-video-carousel-placeholder:after {
			content:"Hamarosan...";
		}


		section#goulash-week #road-movie .event-video-carousel-arrow {
			position: absolute;
			top: auto;
			bottom: -1px;
			transform: none;
			width: 50px;
			height: calc(100% + 2px);
			border: 1px solid var(--yellow);
			background: rgba(0, 0, 0, 0.65);
			background-color:transparent;
			color: var(--yellow);
			cursor: pointer;
			z-index: 3;
			transition: opacity 0.2s ease;
		}
		section#goulash-week #road-movie .event-video-carousel-arrow.is-prev { inset: auto auto -1px -1px; }
		section#goulash-week #road-movie .event-video-carousel-arrow.is-next { inset: auto -1px -1px auto; }
		section#goulash-week #road-movie .event-video-carousel-arrow i {
			position: absolute;
			inset: auto 0;
			display: block;
			font-size: 30px;
			line-height: 50px;
			text-align: center;
			color: inherit;
			top: 50%;
			transform: translateY(-50%);
		}
		section#goulash-week #road-movie .event-video-carousel-arrow i:before {
			font-family: "Material Symbols Outlined";
			font-weight: 400;
			font-style: normal;
			line-height: 1;
			display: inline-block;
			-webkit-font-feature-settings: "liga";
			-moz-font-feature-settings: "liga";
			font-feature-settings: "liga";
			font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
		}
		section#goulash-week #road-movie .event-video-carousel-arrow.is-prev i:before { content: "chevron_left"; }
		section#goulash-week #road-movie .event-video-carousel-arrow.is-next i:before { content: "chevron_right"; }
		section#goulash-week #road-movie .event-video-carousel-arrow:disabled {
			cursor: default;
		}
		section#goulash-week #road-movie .event-video-carousel-arrow:disabled i {
			opacity: 0;
		}

		
	/*
	main section#top-banner .frame {
		margin-top: 50px;
	}
	main section#top-banner .frame .mirror-inner {
		padding-top: 25px;
	}
	main section#restaurants .frame {
		padding-bottom: 0;
	}
	main section .frame .mirror-inner {
		padding-bottom: 0;
	}
	section#top-banner .copies {
		padding-bottom: 0;
	}
	section#top-banner .copies .decor-title {
		margin-bottom:0;
		height: 200px;
	}
	section#top-banner .hero {
	}
	section#top-banner .hero .main-logo {
	}
	section#top-banner .main-logo > h1 {
		display: block;
		margin-top: 25px;
		height: 200px;
		margin-bottom: 25px;
	}
	main section#goulash-week {
		padding-block: 0px 80px; 
	}
	main section#goulash-week .mirror-inner {
		padding: 155px 200px 120px 150px; 
		text-align: center; 
	}
	main section#goulash-week h2.decor-title {
		display: block;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		overflow: hidden;
		text-align: center;
		text-indent: -10000em;
		font-size: 5rem;
		line-height: 1.2;
		aspect-ratio:160/45;
		height: 200px;
		background-image: url("../../images/hero/gulyas-hete.webp");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	main section#goulash-week h3 {
		font-weight: 900; 
		color: var(--yellow); 
		text-align: left;
		font-size: 5rem; 
	}
	main section#goulash-week h4 {
		font-family: Metro; 
		text-transform: uppercase; 
		letter-spacing: 0.5pt; 
		font-weight: 900; 
		color: var(--yellow); 
		text-align: left; 
		font-size: 2rem;
		line-height: 1.3;
		margin: 25px 0 15px 0; 
	}
	main section#goulash-week p {
		hyphens: auto;
		font-size: 2rem;
		line-height: 1.35; 
	}
	main section#goulash-week p.action {
		color:var(--yellow);
		font-size: 2.8rem;
		line-height:1.2;
		font-weight: 600;
		text-wrap:balance;
		margin-bottom:25px;
	}
	main section#goulash-week p.action .line { display:block; }

	main section#goulash-week p.date {
		font-size: 2.8rem;
		line-height:1.2;
		font-weight: 600;
	}
	
	main section#goulash-week p.lead {
		font-size: 2.5rem; 
		margin-top: 15px; 
		margin-bottom: 30px; 
	}
	main section#goulash-week .illustrations {
		position: relative;
		width: 100%;
		height: 460px;
		margin-bottom: -460px;
		opacity: 0.25;
		top: -50px;
	}
	main section#goulash-week .illustrations .illustration {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
	}
	main section#goulash-week .illustrations .illustration[data-label="24"] { width: 30vw; aspect-ratio: 1/1; left: -20%; top: -20%; }
	*/
	
	/*
	#top-banner .figures {
		position: absolute;
		height: 600px;
		margin-bottom: -200px;
		outline: 1px solid orange;
		outline: none;
	}
	#top-banner .figures figure[data-label="37"] {background-image:url(../../images/decor/37.webp);left: -6%;top: 6%;width: 570px;height: 500px;}
	#top-banner .figures figure[data-label="32"] {background-image:url(../../images/decor/32.webp);right: -10%;top: 20%;width: 410px;height: 410px;}
	#top-banner .figures figure[data-label="31"] { background-image:url(../../images/decor/31.webp); left: 0%; top: 0%; width: 100px; height: 100px; }
	
	main section#restaurants .figures {
		position: absolute;
		height: 550px;
		margin-bottom: -200px;
		outline: 1px solid green;
		outline: none;
	}
	main section#restaurants .figures figure[data-label="36"] {background-image:url(../../images/decor/36.webp);left: 3%;top: 55%;width: 520px;height: 500px;}
	main section#restaurants .figures figure[data-label="35"] {background-image:url(../../images/decor/35.webp);right: -8%;top: 13%;width: 630px;height: 650px;}
	main section#restaurants .figures figure[data-label="34"] {background-image:url(../../images/decor/34.webp);left: 50%;top: 90%;width: 200px;height: 200px;}
	*/
	

	

	/* -@media screen and (min-width: 0px) and (max-width: 1039px){
		main section#goulash-week .mirror-inner {padding: 0 50px 0 50px;}
		main section#hero .mirror-inner {padding-top: 50px;}
		main section#goulash-week h3 { font-size: 3.2rem; }
		main section#goulash-week p { font-size: 1.6rem; }
		main section#tutorial .how-it-works li[data-label="rdm"] {padding-inline:1%;}
	}
	/* -XS */ @media screen and (min-width: 0px) and (max-width: 579px){
		main section#goulash-week .mirror-inner {padding: 0px 50px 0px 50px;}
		main section#hero .mirror-inner { padding-top:180px; }
		main section#hero .indented { padding-inline:10%; }
		main section#tutorial .how-it-works { display:block; }
		main section#tutorial .how-it-works li { display:block; }
	}

	@media screen and (min-width: 0px) and (max-width: 699px) {
		section#goulash-week #tutorial .event-info.event-carousel .inset { padding-inline: 10px; }
		section#goulash-week #tutorial .event-info.event-carousel {
			padding: 10px 44px;
		}
		section#goulash-week #tutorial .event-info.event-carousel .event-carousel-arrow {
			width: 34px;
			height: 34px;
		}
		section#goulash-week #tutorial .event-info.event-carousel .event-carousel-arrow i {
			font-size: 22px;
			line-height: 34px;
		}
		section#goulash-week #tutorial .event-info.event-carousel .event-video-placeholder {
			font-size: 2.2rem;
		}
		section#goulash-week #road-movie .event-video-carousel .inset {padding-inline: 10px;padding-inline: 0;}
		section#goulash-week #road-movie .event-video-carousel {
			padding: 10px 44px;
			padding:0;
			width: calc(100vw - 20px);
			left:50%;
			transform:translateX(-50%);
		}
		section#goulash-week #road-movie .spacer[data-size="big"] { display:none; }
		section#goulash-week #road-movie .event-video-carousel-arrow {
			width: 34px;
			height: 34px;
			background-color: black;
		}
		section#goulash-week #road-movie .event-video-carousel-arrow i {
			font-size: 22px;
			line-height: 34px;
		}
		section#goulash-week #road-movie .event-video-carousel-placeholder {
			font-size: 2.2rem;
		}
		section#goulash-week #tutorial .tutorial-video-carousel {
			width: calc(100vw - 20px);
			left: 50%;
			transform: translateX(-50%);
		}
	}