/* DEFAULTS */
	
	
	html,body {
		scroll-snap-type:none;
		overflow-y:visible;
		overscroll-behavior:auto;
	}
	html {
		overflow-y:auto;
	}
	.sections{
		min-height: 100vh;
		min-height: 70vh;
	}
	.sections section{
		position: relative;
		min-height:100vh;
		min-height: 70vh;
		scroll-snap-align:none;
		scroll-snap-stop:normal;
	}
	.sections section .background{
	/* padding-top fix: ne ugráljon a menüváltástól */
	padding-top: calc(var(--menu_height_static) * 0.75);
	transition: padding-top 0.3s ease;
	}







			
			


			/*									*/
			/*	Side bar logo					*/
			/*									*/


			#side-bar-logo {
				min-width: 100px;
				min-height: 100px;
				position: fixed;
				left:0;
				top: var(--menu_height);
				width: 100vw;
				height: calc(100vh - var(--menu_height));
				pointer-events: none;
				background-color: rgba(245,245,220,0.53);
				background-color: transparent;
			}
			#side-bar-logo .mirror {
				position: relative;
				left: 50%;
				transform:translateX(-50%);
				width: 1400px;
				height: 100%;
				outline: 1px dashed limegreen;
				outline: none;
			}
			#side-bar-logo .mirror .logo {
				position: absolute;
				top: 0;
				bottom: 0;
				width: calc(var(--logo_width) * 1);  
				background-color: var(--brand_darkblue);
				pointer-events: all;
			}
			#side-bar-logo .mirror .logo {
				i {
					display: block;
					position: relative;
					width: 100%;
					aspect-ratio:1/1;
					background-color: rgba(200,80,171,1.00);
					background-color: transparent;
				}
				i:before,
				i:after {
					display: block;
					position: fixed;
					content:"";
					width: var(--logo_width);
					height: auto;
					aspect-ratio:2/3;
					background-position:50% 50%;
					background-size: 80%;
					background-repeat: no-repeat;
					z-index: 100;
					outline: 1px dashed orange;
					outline: none;
				}
				i:before { background-image: url("../../images/logo/tuzgyujto-konferencia-2soros-feher-szines.svg"); }
				i:after  { background-image: url("../../images/logo/tuzgyujto-konferencia-2soros-fekete-szines.svg"); }
				
				i:after { opacity: 0; }
			}

			#side-bar-logo {
				display: none;
			}

















	/*										*/
	/*										*/
	/*										*/
	/* MAIN 								*/
	/*										*/
	/*										*/
	/*										*/
	
	.mirror {
		display: flex;
		flex-direction:column;
		width: 1000px;
		margin:0 auto;
		position: relative;
	}












	/*										*/
	/*										*/
	/*	Footnores							*/
	/*										*/
	/*										*/
		
		ul.footnotes {
			display: block;
			left: 0;
			margin: 15px 0 0 -1em;
			padding: 0;
			list-style: none;
			font-size: 0.9rem;
			font-weight: 300;
		}
		ul.footnotes li {
			margin: 0 0 0 20px;
			padding: 0;
			list-style: none;
		}
		ul.footnotes li:before {
			content:""; 
			display: block;
			position: relative;
			left: -23px;
			text-align: right;
			width: 20px;
			height: 15px;
			margin-bottom: -15px;
		}
		ul.footnotes li:nth-child(1):before { content:"*"; }
		ul.footnotes li:nth-child(2):before { content:"**"; }
		ul.footnotes li:nth-child(3):before { content:"***"; }
		ul.footnotes li:nth-child(4):before { content:"****"; }
		ul.footnotes li:nth-child(5):before { content:"*****"; }




	/*										*/
	/*										*/
	/*	Columns								*/
	/*										*/
	/*										*/
		
		.columns {
			font-size: 0;
			line-height: 0;
		}
		.columns .column {
			display: inline-block;
			vertical-align: top;
			font-size: var(--copy_size);
			line-height: var(--copy_line_height);
		}
		.columns .column .inner-mirror {
			padding: 0 15px;
			outline: 1px dotted orange;
			outline: none;
		}
		
		.columns[data-rule="between"] .column { position: relative; }
		.columns[data-rule="between"] .column:first-child:before {
			content:"";
			display: block;
			position: absolute;
			width: 2px;
			height: calc(100% + 30px);
			margin: -15px 0 0 calc(100% + 25px);
			background-color: white;
		}
		.columns[data-rule="between"] .column:last-child:before {
			content:"";
			display: block;
			position: absolute;
			width: 2px;
			height: calc(100% + 30px);
			margin: -15px 0 0 -25px;
			background-color: white;
		}
		
		.columns .column[data-rule="above"] { position: relative; }
		.columns .column[data-rule="above"]:before {
			content:"";
			display: inline-block;
			vertical-align: middle;
			position: absolute;
			width: 2px;
			height: calc(100% + 30px);
			margin: -15px 0 0 -25px;
			background-color: var(--blue);
		}
		.columns .column[data-rule="below"] { position: relative; }
		.columns .column[data-rule="below"]:before {
			content:"";
			display: inline-block;
			vertical-align: middle;
			position: absolute;
			width: 2px;
			height: calc(100% + 30px);
			margin: -15px 0 0 -25px;
			background-color: var(--blue);
		}
		
		.columns[data-split="1-1"] .column { width: 50%; }
		.columns[data-split="1-1"][data-gap="1"] .column { width: calc(50% - 50px); }
		.columns[data-split="1-1"][data-gap="1"] .column:nth-child(1) { margin-right: 25px; }
		.columns[data-split="1-1"][data-gap="1"] .column:nth-child(2) { margin-left:  25px; }
		
		.columns[data-split="1-2"] .column:nth-child(1) { width: 33.3%; }
		.columns[data-split="1-2"] .column:nth-child(2) { width: 66.6%; }
		.columns[data-split="1-2"][data-gap="1"] .column:nth-child(1) { width: calc(33.3% - 50px); margin-right: 25px; }
		.columns[data-split="1-2"][data-gap="1"] .column:nth-child(2) { width: calc(66.6% - 50px); margin-left:  25px; }

		.columns[data-split="1-3"] .column:nth-child(1) { width: 25.0%; }
		.columns[data-split="1-3"] .column:nth-child(2) { width: 75.0%; }
		.columns[data-split="1-3"][data-gap="1"] .column:nth-child(1) { width: calc(25% - 50px); margin-right: 25px; }
		.columns[data-split="1-3"][data-gap="1"] .column:nth-child(2) { width: calc(75% - 50px); margin-left:  25px; }

		.columns[data-split="2-3"] .column:nth-child(1) { width: 40.0%; }
		.columns[data-split="2-3"] .column:nth-child(2) { width: 60.0%; }
		.columns[data-split="2-3"][data-gap="1"] .column:nth-child(1) { width: calc(40% - 50px); margin-right: 25px; }
		.columns[data-split="2-3"][data-gap="1"] .column:nth-child(2) { width: calc(60% - 50px); margin-left:  25px; }

		.columns[data-split="3-2"] .column:nth-child(1) { width: 60.0%; }
		.columns[data-split="3-2"] .column:nth-child(2) { width: 40.0%; }
		.columns[data-split="3-2"][data-gap="1"] .column:nth-child(1) { width: calc(60% - 50px); margin-right: 25px; }
		.columns[data-split="3-2"][data-gap="1"] .column:nth-child(2) { width: calc(40% - 50px); margin-left:  25px; }

			
			
			
	/*										*/
	/*										*/
	/*	Progress							*/
	/*										*/
	/*										*/

			
		#progress {
			position: fixed;
			inset:0;
			z-index: 100;
			backdrop-filter:blur(10px);
			display: none;
		}
		#progress .pagecover {		
			position: absolute;
			inset:0;
			background-color:var(--brand_darkblue);
			opacity: 0.75;
		}
		#progress :before,
		#progress :after {
			content:"";
			display: block;
			position: absolute;
			inset:0;
			background-repeat: no-repeat;
			background-position: center center;
			mix-blend-mode:multiply
		}
		
		/* states */
		
		html[data-pro="0"] #progress { display: none; }
		html[data-pro="1"] #progress {}
			
			
			
			
	/*										*/
	/*										*/
	/*	Popup 								*/
	/*										*/
	/*										*/

		.popup-holder {
			z-index: 999;
			position:fixed;
			display:none;
			display:table-cell;
			width:100%;
			height:0px;
			left:0px;
			padding:0px 0px 0px 0px;
			top:-10000px;
			text-align:center;
			vertical-align:middle;
			background-color:rgba(177,175,170,0);
			background-color:rgba(255,255,255,0);
			transition:background 0.1s linear, display 0s linear 0.1s, height 0s linear 0.1s, top 0s linear 0.1s;
			background-repeat:repeat;
		}
		.popup-holder.visible {
			display:table-cell;
			top:0px;
			padding-top:10px;
			height:100%;
			background-color:rgba(177,175,170,0.3);
			background-color:rgba(255,255,255,0.5);
			box-shadow:inset 0px 0px 5px 0px rgba(37,35,30,0.75), inset 0px 0px 25px 0px rgba(177,175,170,0.75);
			box-shadow: none;
			transition:padding 0.2s ease, background-color 0.1s linear 0s;
			backdrop-filter: blur(2px);
			-webkit-backdrop-filter:blur(2px);
		}
		.popup-holder .popup {
			position:relative;
			top:50%;
			transform: translateY(-50%);
			display:inline-block;
			min-width:450px;
			max-width:900px;
			height:auto;
			max-height:600px;
			border:0px solid white;
			margin:5px;
			border-radius:8px;
			background-color:rgba(255,255,255,1);
			opacity:0.25;
			box-shadow:inset 0px 0px 75px 0px #F5F5F5, 0px 5px 25px 0px rgba(0,0,0,0.2);
			box-shadow:0px 2px 8px 0px rgba(0,0,0,0.3), 0px 5px 25px 0px rgba(0,0,0,0.2);
			cursor:default;
			transition:opacity 0.25s ease, border 0.25s ease;
		}
		.popup-holder .popup * {
			user-select:none;
			-webkit-user-select:none;
		}
		.popup-holder .popup.size-XS { max-width:300px; }
		.popup-holder .popup.size-S  { max-width:450px; }
		.popup-holder .popup.size-M  { max-width:600px; }
		.popup-holder .popup.size-L  { max-width:750px; }
		.popup-holder .popup.size-XL { max-width:900px; }
		.popup-holder .popup label > span   { display: inline-block; width: 200px; }
		.popup-holder .popup label > sepect { display: inline-block; width: calc(100% - 200px); }
		.popup-holder.visible .popup {
			border:5px solid white;
			margin:0px;
			opacity:1;
			transition:opacity 0.5s ease, border 0.15s ease;
		}
		.popup-holder .popup .close-button {
			background-image:url("../../images/assets/black/menu-hide.webp?v=2");
			background-size:contain;
			background-repeat:no-repeat;
			background-position: 0;
			width:25px;
			height:25px;
			text-decoration:none;
			display:block;
			position:relative;
			top:7px;
			right:27px;
			overflow:hidden;
			text-indent:-10000px;
			float:right;
			margin:0px -25px -25px 0px;
			opacity:0.5;
		}
		.popup-holder .popup .close-button:hover {
			opacity:1;
		}
		.popup .title {
			text-align:left;
			font-family: "Exo 2", sans-serif;
			font-weight:700;
			font-size:20px;
			line-height:23px;
			margin:0px;
			padding:10px 15px 10px 15px;
			cursor:default;
		}
		.popup p.copy {
			text-align:left;
			font-size:13px;
			line-height: 18px;
			margin:0px;
			padding:0px 15px 5px 15px;
			cursor:default;
		}
		.popup p.copy > p {
			font-size: inherit;
			line-height: inherit;
		}
		.popup .additional-content {
			display:inline-block;
			width:100%;
			height:0px;
			height: auto;
		}
		.popup .action-buttons { 
			display: block; 
			text-align: right;
			padding: 10px 10px 10px 10px;
		}
		.popup .action-buttons .action-button {
			display: inline-block;
			vertical-align: top;
			min-width: 60px;
			width: auto;
			height: auto;
			text-decoration: none;
			margin: 0px 0px 0px 10px;
			padding: 5px 20px 5px 20px;
			background-color: #E2E2E2;
			font-family: "Exo 2", sans-serif;
			font-weight: 700;
			font-size: 12px;
			line-height: 15px;
			text-align: center;
			color: black;
			border: 1px solid rgba(0,0,0,0.25);
			text-shadow: 1px 1px 1px white;
			border-radius: 6px;
			box-shadow: inset 0px 17px 10px rgb(255 255 255 / 35%), inset 0px 7px 10px rgb(255 255 255 / 75%), inset 2px 2px 2px rgb(255 255 255 / 75%), -2px -2px 5px rgb(0 0 0 / 10%);
			transition: box-shadow 0.2s linear;	
		}
		.popup .action-buttons .action-button:hover {
			background-color: #E2E2E2;
			box-shadow: inset 0px 17px 10px rgb(255 255 255 / 35%), inset 0px 7px 10px rgb(255 255 255 / 75%), inset 2px 2px 2px rgb(255 255 255 / 75%), -2px -2px 5px rgb(0 0 0 / 10%), 0px 0px 10px 0px hsl(200deg 91% 50% / 75%);
		}
		.popup .action-buttons .action-button i {}
		.popup .action-buttons .action-button i:before {}
		.popup .action-buttons .action-button em { font-style: normal; }
		.popup .action-buttons .action-button em:before {}

		.popup .note {
		}
		.popup .note i {
			width:  25px;
			height: 25px;
			border-radius: 25px;
			margin: 0 5px 0 0;
			display: inline-block;
			vertical-align: top;
			background-position: center;
			background-size: contain;
		}
		.popup .note[data-label="ok"]     i {
			background-image: url("../../images/assets/white/checked.webp?v=2");
			background-color:#279D0D; 
		}
		.popup .note[data-label="failed"] i {
			background-image: url("../../images/assets/white/menu-hide.webp?v=2");
			background-color::#CF3131; 
		}
		.popup .note em {
			display: inline-block;
			vertical-align: top;
			font-style: normal;
		}
		.popup .footnote {
			position:relative;
			display:block;
			padding:25px 15px 10px 15px;
			margin:0px 0px 0px 0px;
			font-size:11px;
			line-height:13px;
			text-align:left;
		}
		.popup .footnote:empty { display: none; }
		.popup-holder .popup[data-has_close_button="no"] .close-button { display: none; }

		/* Responsives */

		@media screen and (min-width:1440px) and (max-width:9999px){}
		@media screen and (min-width:1240px) and (max-width:1439.8px){}
		@media screen and (min-width:1040px) and (max-width:1239.8px){}
		@media screen and (min-width:960px) and (max-width:1039.8px){}
		@media screen and (min-width:860px) and (max-width:959.8px){}
		@media screen and (min-width:700px) and (max-width:859.8px){}
		@media screen and (min-width:580px) and (max-width:699.8px){}
		@media screen and (min-width: 310px) and (max-width:579.8px){
			.popup-holder.visible {
				/*backdrop-filter:none;*/
				background-color:#c9c9c9ad;
				background-color: var(--blue_dim);
			}
			.popup-holder .popup {
				position: relative;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				display: block;
				min-width: 60vw;
				max-width: 80vw;
				padding-block: 15px;
			}
			.popup .title {
				padding-right:10%;
			}
			.popup-holder .popup .close-button {
				top:-10px;
			}
		}
		@media screen and (min-width: 0px) and (max-width:309.8px){}
			
			























		.sponsor > em { max-width: 50vw; }
		.sponsor { right:0; }


		html section {
		}
		html[data-sbs="history"]         section#history,
		html[data-sbs="events"]          section#events,
		html[data-sbs="recommendations"] section#recommendations,
		html[data-sbs="program"]         section#program,
		html[data-sbs="contributors"]    section#contributors,
		html[data-sbs="testimonials"]    section#testimonials,
		html[data-sbs="gallery"]         section#gallery,
		html[data-sbs="contact"]         section#contact,
		html[data-sbs="partners"]        section#partners        {}
		


	/* LOGOS */
	
		html                             .side-bar-logo i:before,
		html                             .side-bar-logo i:after  { opacity: 0; transition:opacity 0.6s ease; }
		html[data-sbs="history"]         .side-bar-logo i:before { opacity: 1; }
		html[data-sbs="events"]          .side-bar-logo i:before { opacity: 1; }
		html[data-sbs="recommendations"] .side-bar-logo i:before { opacity: 1; }
		html[data-sbs="program"]         .side-bar-logo i:before { opacity: 1; }
		html[data-sbs="contributors"]    .side-bar-logo i:before { opacity: 1; }
		html[data-sbs="testimonials"]    .side-bar-logo i:before { opacity: 1; }
		html[data-sbs="gallery"]         .side-bar-logo i:before { opacity: 1; }
		html[data-sbs="contact"]         .side-bar-logo i:before { opacity: 1; }
		html[data-sbs="partners"]        .side-bar-logo i:before { opacity: 0; }
		html[data-sbs="events"]          .side-bar-logo i:after  { opacity: 0; }
		html[data-sbs="recommendations"] .side-bar-logo i:after  { opacity: 0; }
		html[data-sbs="program"]         .side-bar-logo i:after  { opacity: 0; }
		html[data-sbs="contributors"]    .side-bar-logo i:after  { opacity: 0; }
		html[data-sbs="testimonials"]    .side-bar-logo i:after  { opacity: 0; }
		html[data-sbs="gallery"]         .side-bar-logo i:after  { opacity: 1; }
		html[data-sbs="contact"]         .side-bar-logo i:after  { opacity: 0; }
		html[data-sbs="partners"]        .side-bar-logo i:after  { opacity: 1; }