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

@import url('https://cdn.jsdelivr.net/npm/video.js@7.10.2/dist/video-js.css');


	#opening-banner {
		margin-bottom: 360px;
	}
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { #opening-banner {} }
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { #opening-banner { margin-bottom: 45vh;margin-top: 0;} }
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { #opening-banner { margin-bottom: 45vh;margin-top: 0;} }
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { #opening-banner { margin-bottom: 45vh;margin-top: 0;} }
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { #opening-banner { margin-bottom: 45vh;margin-top: 0;} }
	
	#opening-banner figure.image {
		position: relative;
		margin: 0;
		padding: 0;
		width: 100vw;
		height:50vw;
		margin:0 0 -50vw 0;
		XXbackground-image: url("../../images/page/startpage/1.webp");
		background-image: url("../../images/page/startpage/2.webp");
		background-repeat: no-repeat;
		background-position: center -5vw;
		background-size: contain;
		background-attachment: fixed;
	}
	#opening-banner[data-image="1"] figure.image { background-image: url("../../images/page/startpage/gallery/1.webp"); }
	#opening-banner[data-image="2"] figure.image { background-image: url("../../images/page/startpage/gallery/2.webp"); }
	#opening-banner[data-image="3"] figure.image { background-image: url("../../images/page/startpage/gallery/3.webp"); }
	#opening-banner[data-image="4"] figure.image { background-image: url("../../images/page/startpage/gallery/4.webp"); }
	#opening-banner[data-image="5"] figure.image { background-image: url("../../images/page/startpage/gallery/5.webp"); }
	#opening-banner[data-image="6"] figure.image { background-image: url("../../images/page/startpage/gallery/6.webp"); }
	#opening-banner[data-image="7"] figure.image { background-image: url("../../images/page/startpage/gallery/7.webp"); }
	#opening-banner[data-image="8"] figure.image { background-image: url("../../images/page/startpage/gallery/8.webp"); }
	#opening-banner[data-image="9"] figure.image { background-image: url("../../images/page/startpage/gallery/9.webp"); }
	#opening-banner[data-image="10"] figure.image { background-image: url("../../images/page/startpage/gallery/10.webp"); }
	
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { #opening-banner figure.image { background-position: center -1.5vw;} }
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { #opening-banner figure.image { background-position: center -1.5vw;} }
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { #opening-banner figure.image { background-position: center -1.5vw;} }
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { #opening-banner figure.image { background-position: center -1.5vw;} }
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { #opening-banner figure.image { background-position: center top;} }
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { #opening-banner figure.image { background-position: center -2vh;height: 100vh;margin: 0 0 -30vh 0;background-attachment: local;background-size: cover;} }
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { #opening-banner figure.image { background-position: center -5vh;height: 100vh;margin: 0 0 -30vh 0;background-attachment: local;background-size: cover;} }
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { #opening-banner figure.image { background-position: center -5vh;height: 100vh;margin: 0 0 -30vh 0;background-attachment: local;background-size: cover;} }
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { #opening-banner figure.image { background-position: center -5vh;height: 100vh;margin: 0 0 -30vh 0;background-attachment: local;background-size: cover;} }
	
	#opening-banner figure.cover {
		position: relative;
		width: 100vw;
		height:50vw;
		background-image: url(../../images/elements/wave-cover.white.svg#svgView(preserveAspectRatio(none)));
		background-image: url(../../images/elements/wave-cover.white.webp);
		background-repeat: no-repeat;
		background-position: 45.5% 100%;
		background-size: 200% 90%;
		margin: 0 0 -6vw 0;
		top: 1px;
		z-index: 10;
	}
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { #opening-banner figure.cover { height: 30vh; background-size: 300% 100%; margin-bottom: -45vh; top:0vh; } }
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { #opening-banner figure.cover { height: 30vh; background-size: 300% 100%; margin-bottom: -45vh; top:0vh; } }
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { #opening-banner figure.cover { height: 30vh; background-size: 300% 100%; margin-bottom: -45vh; top:0vh; } }
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { #opening-banner figure.cover { height: 30vh; background-size: 300% 100%; margin-bottom: -45vh; top:0vh; } }
	
	#opening-banner figure figcaption {
		position: relative;
		z-index: 11;
		height: 100%;
	}
	
	
	
	#event-info {
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translate(-50%,50%);
		z-index: 1;
	}
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { #event-info { position: relative; left: 0; transform: none; } }
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { #event-info { position: relative;left: 0;transform: none;padding: 50px 0 0 30px;} }
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { #event-info { position: relative;left: 0;transform: none;padding: 90px 0 0 30px;} }
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { #event-info { position: relative;left: 0;transform: none;padding: 90px 0 0 30px;} }
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { #event-info { position: relative;left: 0;transform: none;padding: 50px 0 0 30px;} }
	
	#event-info .date-venue {}
	
	#event-info .date-venue h3 {
		
	}
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { #event-info .date-venue h3 { color: white; opacity: 0.6; font-size: 1.8rem; line-height: 1.3;} }
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { #event-info .date-venue h3 { color: white; opacity: 0.6; font-size: 1.4rem; line-height: 1.3;} }
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { #event-info .date-venue h3 { color: white; opacity: 0.6; font-size: 1.2rem; line-height: 1.3;} }
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { #event-info .date-venue h3 { color: white; opacity: 0.6; font-size: 1.2rem; line-height: 1.3;} }
	
	
	
	
	
	#greetings {
	z-index: 2;
	position: relative;
}

	#greetings .chapter { text-align: center; }

	#greetings .logos {}
	#greetings .logos figure {
		margin: 0;
		padding: 0;
		width: 100%;
		aspect-ratio:3/1;
		
	}
	#greetings .logos div[data-label="ecrf"] figure { background-image:url("../../images/logo/en/organizer.ecrf.color.webp"); }
	#greetings .logos div[data-label="icf"]  figure { background-image:url("../../images/logo/en/organizer.icf.color.webp"); }
	#greetings .logos div[data-label="sirn"] figure { background-image:url("../../images/logo/en/organizer.siren.events.color.webp"); }
	#greetings .logos div[data-label="phub"] figure { background-image:url("../../images/logo/en/organizer.paddlershub.color.webp"); }
	



	#landing-banner {
		position: relative;
		aspect-ratio:16/9;
		filter: hue-rotate(5deg) saturate(0.9);
	}
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {}
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { #landing-banner { filter:none; aspect-ratio:1/1; background-color:#8D6E2B; } }
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { #landing-banner { filter:none; aspect-ratio:1/1; background-color:#8D6E2B; } }
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { #landing-banner { filter:none; aspect-ratio:1/1; background-color:#8D6E2B; } }
	
	#landing-banner video {
		position: absolute;
		inset:0;
		aspect-ratio:16/9;
	}
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {}
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { #landing-banner video { display: none; } }
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { #landing-banner video { display: none; } }
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { #landing-banner video { display: none; } }
	
	#landing-banner .cover {
		position: relative;
		width: 100vw;
		height: auto;
		margin: 0 0 0 0;
		aspect-ratio: 16/9;
		border-bottom: 1px solid white;
		background-color: rgba(98,70,18,0.50);
		overflow: hidden;
	}
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {}
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { #landing-banner .cover { background-color: transparent; aspect-ratio:inherit; } }
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { #landing-banner .cover { background-color: transparent; aspect-ratio:inherit; } }
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { #landing-banner .cover { background-color: transparent; aspect-ratio:inherit; } }
	
	#landing-banner .cover:before {
		display: block;
		content: "";
		position: absolute;
		z-index: 1;
		inset:0;
		background-image: url("../../images/elements/wave-cover.white.webp");
		background-repeat: no-repeat;
		background-position: center 114%;
		background-size: 200% 40%;
		background-image: url("../../images/elements/wave-cover.white.webp#svgView(preserveAspectRatio(none))");
		backdrop-filter:blur(5px);
	}






	.framed {
		display: block;
		position: relative;
		margin: 0 0 0 30px;
		padding:35px 25px;
		background-color: rgba(245,241,228,1.00);
		/* background-color: #FFF; */
		box-shadow: 0 10px 30px 0 rgba(0,0,0,0.34);
		overflow: hidden;
		border-radius: 20px;
	}
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { .framed { margin: 0; } }
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { .framed { margin: 0; } }
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { .framed { margin: 0; } }
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { .framed { margin: 0; } }
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { .framed { margin: 0; } }
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { .framed { margin: 0; } }
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { .framed { margin: 0; } }
	
	.framed .background {
		display: block;
		content:"";
		position: absolute;
		inset:0;
		background-image: url("../../images/elements/wave-cover.white.webp#svgView(preserveAspectRatio(none))");
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: 800% 100%;
		background-blend-mode: overlay;
		rotate:180deg;
		z-index: 1;
		opacity: 0.5;
	}
	.framed .copies {
		position: relative;
		z-index: 2;
	}
	.framed h1,
	.framed h2,
	.framed h3,
	.framed h4,
	.framed h5,
	.framed h6,
	.framed p {
		/*color: white;*/
	}




	
	section#registration {
		position: sticky;
		top: 120px;
		z-index: 1;
	}
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { section#registration { position:static; top:0;} }
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {}
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) {}
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) {}
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) {}
	
	section#registration .buttons { text-align: left; }
	section#registration .buttons a.button {font-size: 1.5rem;text-transform: uppercase; padding: 10px 35px; border-radius:35px; }
	section#registration .buttons a.button i {}
	section#registration .buttons a.button i:before {}
	section#registration .buttons a.button em {}
	section#registration .buttons a.button em:before { content:"Registration"; }

	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) { section#registration .buttons a.button { font-size: 1.2rem; } }
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { section#registration .buttons a.button { font-size: 1.1rem; } }
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { section#registration .buttons a.button { font-size: 0.9rem; } }
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {}
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) {}
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) {}
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) {}





	.fun-facts-container {
		position: absolute;
		inset:30px 0 0 0;
		z-index: 2;
	}
	.fun-facts-container h2.title {
		font-size:1.25rem;
		color: white;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1.5pt!important;
	}
	.fun-facts-container h2.title:after {
		content:"";
		display: block;
		position: relative;
		width: 70%;
		height: 1px;
		margin-top: 10px;
		background-color: white;
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
		left: 50%;
		transform:translateX(-50%);
	}
	.fun-facts-container .scroller .title {
		display: inline-block;
		vertical-align: top;
		font-family: Prata;
		font-size: 3.2rem;
		line-height: 1.2;
		text-align: right;
		width: calc(40% - 25px);
		padding-right: 25px;
		text-shadow: 0 2px 5px #0000005e;
	}
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { .fun-facts-container .scroller .title {} }
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {}
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) {}
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) {}
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) {}
	
	.fun-facts-container .scroller .fact {
		display: inline-block;
		vertical-align: top;
		font-size: 1.9rem;
		line-height: 1.3;
		width: calc(60% - 25px);
		padding-left: 25px;
		margin: 8px 0 0 0;
		text-shadow: 0 2px 5px #0000005e;
	}
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { .fun-facts-container .scroller .fact {} }
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {}
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) {}
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) {}
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) {}
	
	.fun-facts-container p {
		color: white;
	}
	
	
	
	
	
	/*
	.fun-facts-container .scroller {
		width: 100%;
	    scroll-snap-type: x mandatory;
		white-space: nowrap;
	    scroll-behavior: smooth;
	}
	.fun-facts-container .scroller ul {
		display: block;
		list-style: none;
		white-space: nowrap;
		margin: 0; padding: 0;
		font-size: 0; line-height: 0;
		
		display: flex;
		animation: scroll-horizontal 10s linear infinite;
		scroll-snap-type: x mandatory;
	}
	.fun-facts-container .scroller ul li {
		display: inline-block;
		vertical-align: top;
		list-style: none;
		margin: 0; padding: 0;
		font-size: 1.0rem;
		line-height: 1.2;
		width: 100vw;
		white-space: normal;
		
		scroll-snap-align: start;
		flex-shrink: 0;
		box-sizing: border-box;
	}
	@keyframes scroll-horizontal {
		0% { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}
	*/
	
	.fun-facts-container {
	  width: 100%;
	  overflow: hidden;
	}
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { .fun-facts-container big { display:none; } }
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { .fun-facts-container big { display:none; } }
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { .fun-facts-container big { display:none; } }
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { .fun-facts-container big { display:none; } }


	.fun-facts-container .scroller {
	  display: flex;
	  position: relative;
	  transition: transform 1s ease;
	}

	.fun-facts-container .scroller ul {
	  display: flex;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	}

	.fun-facts-container .scroller ul li {
	  width: 100vw;
	  flex-shrink: 0;
	  text-align: center;
	}
	.fun-facts-container .scroller {
	  transform: translateX(calc(-100vw * var(--fun_facts_index)));
	}

	
	
	
	
	
	.fun-facts-container .scroller ul li .title {}
	
	/*    XS-  */ @media screen and (min-width:   0px) and (max-width: 579px) { .fun-facts-container .scroller .title { display:block; width: calc(100% - 0px); text-align: center; text-wrap:balance; margin-bottom: 20px; } }
	
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { .fun-facts-container .scroller ul li .title { font-size: 1.8rem; } }
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { .fun-facts-container .scroller ul li .title { font-size: 1.7rem; } }
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { .fun-facts-container .scroller ul li .title { font-size: 2.0rem; } }
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { .fun-facts-container .scroller ul li .title { font-size: 2.2rem; } }
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { .fun-facts-container .scroller ul li .title { font-size: 2.2rem; } }
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { .fun-facts-container .scroller ul li .title { font-size: 2.2rem; } }
	
	.fun-facts-container .scroller ul li .fact {}
	
	/*    XS-  */ @media screen and (min-width:   0px) and (max-width: 579px) { .fun-facts-container .scroller .fact { display:block; width: calc(100% - 50px); text-align: center; text-wrap:balance; } }
	
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { .fun-facts-container .scroller ul li .fact { font-size: 1.5rem; } }
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { .fun-facts-container .scroller ul li .fact { font-size: 1.4rem; } }
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { .fun-facts-container .scroller ul li .fact { font-size: 1.5rem; } }
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { .fun-facts-container .scroller ul li .fact { font-size: 1.4rem; } }
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { .fun-facts-container .scroller ul li .fact { font-size: 1.4rem; } }
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { .fun-facts-container .scroller ul li .fact { font-size: 1.4rem; } }
	
	
	
	
	
	
	
