:root
{
	/*Important*/
	--max_width: 1200px;

	/*Widths*/
	--hamburger-width: 750px;

	/*Heights*/
	--header_height: 50px;
	--footer_height: 60px;
	--newsflash_height: 40px;

	/*Fonts*/
	--dropdown_line_height: 30px;
	--breadcrumb_font_size: 14px;

	/*Borders*/
	--border_thin: 20px;
	--border_regular: calc(var(--border_thin) * 2);
	--border_bold: calc(var(--border_regular) * 2);

	/*Margins, Paddings*/
	--padding4: 4px;
	--padding6: 6px;
	--padding8: 8px;
	--padding12: 12px;
	--padding24: 24px;
	--padding32: 32px;
	--padding76: 76px;

	/*Colors*/

	--white: #ffffff;
	--white_bkg_90: rgba(255,255,255,0.8);
	--yellow: #f6e078;
	--yellow_bkg_90: rgba(246,224,120,1);
	--grey: #2d2d2d;
	--grey_bkg_90: rgba(45,45,45,1);
	--green: #4c8a3f;
	--green_bkg_90: rgba(76,138,63,1);
	--medium_grey: #4c4c4c;
	--light_grey: #666;
	--red: #ff5757;

	--uk_red: #c82230;
	--uk_blue: #232d65;

	/*Gradients*/
	--grey_gradient_v: linear-gradient(180deg, rgba(45,45,45,1) 0%, rgba(45,45,45,0) 100%);
	--yellow_gradient_v: linear-gradient(180deg, rgba(246,224,120,1) 0%, rgba(246,224,120,0) 100%);
	--green_gradient_v: linear-gradient(180deg, rgba(76,138,63,1) 0%, rgba(76,138,63,0) 100%);

	/*Animation*/
	--anim01: 0.1s;
	--anim02: 0.2s;
	--anim03: 0.3s;

	/*Resolutions*/
	--res_375: 375px;
	--res_500: 500px;
	--res_600: 600px;
	--res_768: 768px;
	--res_1024: 1024px;
	--res_1280: 1280px;

	/*VA*/
	--menu_item_count: 7;
	--blur_bkg: "";
}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial))
{
	:root
	{
		--yellow_bkg_90: rgba(246,224,120,0.8);
		--grey_bkg_90: rgba(45,45,45,0.8);
		--green_bkg_90: rgba(76,138,30,0.8);
		--blur_bkg: blur(20px);
	}
}

/*+++++++++++++++++++++ TAGS +++++++++++++++++++++*/

::selection
{
	color: var(--yellow);
	background-color: var(--grey);
}

html
{
	font-size: 1vw; /* CRITICAL!!! */
	font-family: "Roboto", sans-serif;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	/*background-color: var(--yellow);*//*set in PHP*/
}
body
{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	color: var(--grey);
	margin:0;
}
body, html
{
	margin: 0;
	padding: 0;
	font-synthesis: none;
	font-kerning: none;
	font-variant-ligatures: none;
	font-feature-settings: "kern" 0, "calt" 0, "liga" 0, "clig" 0, "dlig" 0, "hlig" 0;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricprecision;
	white-space: normal;
}

section
{
	margin: 0 auto;
}

a
{
	text-decoration: none;
	color: inherit;
}

.blurred_bkg
{
	backdrop-filter: var(--blur_bkg);
	-webkit-backdrop-filter: var(--blur_bkg);
}

header
{
	user-select: none;
}

header.expanded ~ #blur_overlay,
header.mobile ~ #blur_overlay
{
	opacity: 1;
	visibility: visible;
	transition: opacity .32s cubic-bezier(.4,0,.6,1) 80ms,visibility .32s step-start 80ms;
}

#blur_overlay
{
	background: rgba(0,0,0,0.2);
	backdrop-filter: var(--blur_bkg);
	-webkit-backdrop-filter: var(--blur_bkg);
	visibility: hidden;
	position: fixed;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	transition: opacity .32s cubic-bezier(.4,0,.6,1) 80ms,visibility .32s step-end 80ms;
}

.animated
{
	transition: all var(--anim02);
}

.delayed_quick
{
	transition-delay: var(--anim02);
}

.bkg_yellow90
{
	background: var(--yellow_bkg_90);
}

/*#blur_overlay*/
/*{*/
/*	!*display: none;*!*/
/*	position:fixed;*/
/*	width:100%;*/
/*	height:100%;*/
/*	z-index: 2;*/
/*	background-color: rgba(0,0,0,0.5);*/
/*	transition-delay: all var(--anim02);*/
/*}*/

footer
{
	font-weight: 700;
	display: block;
	cursor: default;
	padding:0;
	position: relative;
}
footer .copy
{
	text-align: left;
}

.footer_container
{
	text-align: center;
	color: var(--grey);
	height:100%;
	max-width: var(--max_width);
	position: relative;
	display:flex;
	justify-content: space-between;
	margin:0 auto;
	padding:0 var(--border_regular);
	flex-direction: row;
}

.copyright
{
	margin:0;
	font-size: 16px;
	font-weight: 600;
	line-height: var(--footer_height);
}

.footer_socials
{
	/*display:flex;*/
	font-size: calc(var(--footer_height) / 2);
	line-height: var(--footer_height);
	text-align: center;
}
.footer_socials > a
{
	text-decoration: none;
	transition: 0.2s;
}
.footer_socials > a:not(:first-child)
{
	margin-left: 17px;
}

@media (max-width: 500px)
{
	.footer_container
	{
		flex-direction: column-reverse;
		padding:0;
	}
	.footer_socials > a:first-child
	{
		margin-left: 0;
	}
	.copyright
	{
		font-size: 12px;
		line-height: calc(var(--footer_height) * 0.6);
	}
	.hidden_toggle
	{
		display: block;
	}
}

@media (min-width: 500px)
{
	.hidden_toggle
	{
		display: none;
	}
}

.gmap_container
{
	display: block;
	margin:0 auto;
	padding:0;
	width:100%;
	height:600px;
	border: 4px solid var(--grey);
	border-radius: var(--poster_radius);
}
.gmap
{
	width:100%;
	height:100%;
}
.indent
{
	margin-left: 1rem;
}

/*+++++++++++++++++++++ GENERIC +++++++++++++++++++++*/

.root
{
	height: 100%;
	min-height: calc(100% - 50px);
	display: block;
	position: relative;
	flex: 1;
	/*margin: calc(var(--header_height) + var(--padding8) / 2 + var(--newsflash_height)) auto 0 auto;*/
	margin: calc(var(--header_height) + var(--padding8) / 2) auto 0 auto;
	width: 100%;
}

.hidden
{
	display: none;
}

#section_track
{
	background-color: var(--white);
}

#section_main
{
	background-color: var(--yellow);
}
.media
{
	padding: calc(var(--padding8) * 2);
	max-width: var(--max_width);
	font-size: 16px;
	position: relative;
}
.media_h_padding
{
	padding: 0 calc(var(--padding8) * 2);
}

.newsflash
{
	height: var(--newsflash_height);
	background: var(--white_bkg_90);
	text-align: center;
	color: var(--grey);
	line-height: var(--newsflash_height);
	font-size: 20px;
	font-weight: 500;
	padding: 0 calc(var(--padding8) * 2);
	border-bottom: 4px solid var(--grey);

	display: flex;
	justify-content: center; /* Horizontally centers the image */
	align-items: center; /* Vertically centers the image */
}

.newsflash > img
{
	height: calc(var(--newsflash_height) - 20px);
	line-height: var(--newsflash_height);
}

.newsflash > a:hover
{
	color: var(--uk_red);
}

.newsflash > a
{
	margin: 0 10px;
}

@media (max-width: 300px) {
	.hide_lt300 {
		display: none;
	}
}

@media (min-width: 300px) {
	.hide_gt300 {
		display: none;
	}
}

@media (max-width: 550px)
{
	.hide_lt550
	{
		display: none;
	}

	.newsflash
	{
		line-height: calc(var(--newsflash_height) / 2);
		font-size: 14px;
		text-align: left;
	}

	.newsflash > img
	{
		height: calc(var(--newsflash_height) - 10px);
	}
}

@media (min-width: 550px)
{
	.hide_gt550
	{
		display: none;
	}
}

img.solo_image
{
	display: block;
	width:100%;
}

.hlp_title
{
	font-size:3em;
	font-weight:700;
	width: 100%;
	display:block;
	margin-bottom: var(--padding8);
	cursor: default;
}
.hlp_half_title
{
	font-size:2em;
	font-weight:700;
	width: 100%;
	display:block;
	margin-bottom: var(--padding8);
	cursor: default;
}
.hlp_quarter_title
{
	font-size:2em;
	font-weight:700;
	width: 100%;
	display:block;
	margin-bottom: var(--padding8);
	cursor: default;
}
@media (max-width: 500px) {
	.hlp_title {
		font-size: 2em;
	}
	.hlp_half_title {
		font-size: 1.5em;
	}
	.hlp_quarter_title {
		font-size: 1.2em;
	}
}
.h_separator
{
	background-color: var(--grey);
	height: calc(var(--padding8) / 2);
	width:100%;
}
.bottom
{
	position: absolute;
	bottom: calc(var(--padding8) * -0.5);
}
.underline
{
	display:block;
	padding-bottom: var(--padding8);
	box-shadow: inset 0 calc(var(--padding8) * -0.5) 0 var(--grey);
}
.bold
{
	font-weight: 700;
}
.box_highlighted
{
	display: inline-block;
	border-radius: var(--poster_radius);
	padding: calc(var(--padding8) * 1);
}

.guide_item
{
	color: var(--yellow);
	display: inline-block;
	background-color: var(--grey);
	border-radius: var(--poster_radius);
	padding: calc(var(--padding8) * 1);
}
.join_item
{
	color: var(--yellow);
	display: inline-block;
	background-color: var(--grey);
	border-radius: var(--poster_radius);
	padding: calc(var(--padding8) * 1);
	font-size: 20px;
	font-weight: 500;
	max-width: max-content;
	margin-top: var(--padding8);
}
.pictogram_holder
{
	display:none;
}
@media (max-width: 500px)
{
	.pictogram_holder
	{
		margin: var(--padding8) 0 0 0;
		font-size: 14px;
		padding: calc(var(--padding8) * 0.5);
	}
}
.v_margin
{
	margin-top: var(--padding8);
	margin-bottom: var(--padding8);
}
.v_margin2
{
	margin-top: calc(var(--padding8) * 2);
	margin-bottom: calc(var(--padding8) * 2);
}
.v_margin3
{
	margin-top: calc(var(--padding8) * 3);
	margin-bottom: calc(var(--padding8) * 3);
}
.v_margin4
{
	margin-top: calc(var(--padding8) * 4);
	margin-bottom: calc(var(--padding8) * 4);
}
.v_top_margin
{
	margin-top: var(--padding8);
}
.v_top_margin2
{
	margin-top: calc(var(--padding8) * 2);
}
.v_top_margin3
{
	margin-top: calc(var(--padding8) * 3);
}
.v_top_margin4
{
	margin-top: calc(var(--padding8) * 4);
}

/*+++++++++++++++++++++ COLORS +++++++++++++++++++++*/

.hlp_yellow
{
	background-color: var(--yellow);
}
.hlp_green
{
	background-color: var(--green);
}
.hlp_grey
{
	background-color: var(--grey);
}
.hlp_red
{
	background-color: var(--red);
}
.yellow
{
	color: var(--yellow);
}
.yellow_bkg
{
	background: var(--yellow);
}
.green
{
	color: var(--green);
}
.grey
{
	color: var(--grey);
}
.red
{
	color: var(--red);
}
.uk_red
{
	color: var(--uk_red);
}
.uk_red_bkg
{
	background: var(--uk_red);
}
.uk_blue
{
	color: var(--uk_blue);
}
.uk_blue_bkg
{
	background: var(--uk_blue);
}
.orange
{
	color: orange;
}
.blue
{
	color: skyblue;
}
.purple
{
	color: mediumpurple;
}
.cyan
{
	color: cyan;
}
.springgreen
{
	color: springgreen;
}
.lemon
{
	color: yellow;
}
.white
{
	color: white;
}
.white_bkg
{
	background-color: white;
}

.red_gradient:hover
{
	background: rgb(237,28,36);
	background: linear-gradient(-45deg, rgba(237,28,36,1) 0%, rgba(247,148,33,1) 100%);
}
.green_gradient:hover
{
	background: rgb(87,144,76);
	background: linear-gradient(-45deg, rgba(87,144,76,1) 0%, rgba(246,224,120,1) 100%);
}

.color_fb:hover
{
	color: #1877F2;
}
.color_instagram:hover
{
	color: #E1306C;
}
.color_email:hover
{
	color: #6000D3; /* yahoo */
}

.blue_bin
{
	color: #0696d5;
}
.grey_bin
{
	color: #657076;
}
.green_bin
{
	color: #28955c;
}
.brown_bin
{
	color: #704d31;
}
.full_background
{
	display:block;
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	box-sizing: border-box;
}
/*+++++++++++++++++++++ FONTS +++++++++++++++++++++*/

.roboto-thin {
	font-family: "Roboto", sans-serif;
	font-weight: 100;
	font-style: normal;
}

.roboto-light {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.roboto-regular {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.roboto-medium {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.roboto-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.roboto-black {
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-style: normal;
}

.roboto-thin-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 100;
	font-style: italic;
}

.roboto-light-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: italic;
}

.roboto-regular-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: italic;
}

.roboto-medium-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: italic;
}

.roboto-bold-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: italic;
}

.roboto-black-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-style: italic;
}

/*+++++++++++++++++++++ GRIDS +++++++++++++++++++++*/

.grid
{
	display:grid;
	position:relative;
	width:100%;
}
.center_uniform_holder
{
	grid-area: 2 / 2 / 3 / 3;
	position: relative;
	overflow: hidden;
}
.grid_uniform_border_regular
{
	grid-template-columns:
		minmax(var(--border_regular), max-content)
		minmax(0, var(--max_width))
		minmax(var(--border_regular), max-content);
	grid-template-rows:
		minmax(var(--border_bold), max-content)
		minmax(var(--border_regular), max-content)
		minmax(var(--border_bold), max-content);
	grid-area: 1 / 2 / 2 / 3;
}
.grid_holder
{
	position:relative;
	width:100%;
	max-width: var(--max_width);
	margin: 0 auto;
	overflow: hidden;
}
.container_regular
{
	position:relative;
	overflow:hidden;
	width: 100%;
	align-items:center;
	z-index:0;
	max-width: var(--max_width);
}
.wide
{
	max-width:100%;
	text-align:center;
}
.max1200
{
	max-width: var(--max_width);
	margin: 0 auto;
}
#section_who > img,
#section_what > img,
#section_join > svg,
#section_difference > img
{
	padding: var(--border_bold) var(--border_regular);
}
#track_grid
{
	grid-area: 1 / 2 / 2 / 3;
	margin: 0 auto;

}
#track_title
{
	grid-area: 2 / 2 / 3 / 15;
}
#track22
{
	grid-area: 4 / 3 / 5 / 9;
}
#track23
{
	grid-area: 8 / 5 / 9 / 11;
}
#track24
{
	grid-area: 12 / 5 / 12 / 13;
}

/*Logos*/

:root
{
	--section_padding: 60px;
}

#main_logo
{
	width: 60%;
	max-width: 300px;
	min-width: 100px;
	margin: var(--section_padding) auto;
}
.social_holder
{
	width: 70%;
	min-width: 120px;
	max-width: 400px;
	max-height:102px;
	margin: 0 auto;
	position:relative;
	text-align:center;
}
.brand_logo
{
	height:100%;
	width:30%;
	min-width:30px;
	max-width: 100px;
	max-height:100px;
	display:inline-block;
	position:relative;
}
.social_holder > .brand_logo:not(:last-child)
{
	margin-right: 2rem;
}
#read_on
{
	width: 50%;
	margin: calc(var(--padding8) * 4) auto 0 auto;
	position: relative;
	min-width:80px;
	max-width: 200px;
}
.wh100
{
	width:100%;
	height:100%;
}

/*+++++++++++++++++++++ MEDIA QUERIES +++++++++++++++++++++*/
@media (max-width: 600px)
{
	.brand_logo
	{
		width:28%;
	}
}
@media (max-width: 500px)
{
	#main_logo
	{
		margin: 15rem auto;
	}
}

@media (max-width: 375px)
{
	.social_holder > .brand_logo:not(:last-child)
	{
		margin-right: var(--padding8);
	}
	#track_grid
	{
		grid-template-columns:
		minmax(var(--border_regular), max-content) /*padding-left*/
		minmax(min-content, 32rem)
		0 0 0 0 0
		minmax(70rem, max-content) /*main*/
		0 0 0 0 0
		minmax(min-content, 32rem)
		minmax(var(--border_regular), max-content); /*padding-right*/
		grid-template-rows:
		minmax(var(--border_regular), max-content) /*padding-top*/
		minmax(24.45495816rem, max-content)
		minmax(4.23862349rem, max-content)
		minmax(39.84375rem, max-content)
		0 0
		minmax(7.61462943rem, max-content)
		minmax(39.84375rem, max-content)
		0 0
		minmax(7.61462943rem, max-content)
		minmax(39.84375rem, max-content)
		0 0
		minmax(var(--border_regular), max-content) /*padding-bottom*/
	}

} /*@media (max-width: 375px)*/

@media (min-width: 375.05px) and (max-width: 480px)
{
	#track_grid
	{
		grid-template-columns:
		minmax(var(--border_regular), max-content) /*padding-left*/
		minmax(min-content, 32rem)
		0 0 0 0 0
		minmax(60rem, max-content) /*main*/
		0 0 0 0 0
		minmax(min-content, 32rem)
		minmax(var(--border_regular), max-content);
		grid-template-rows:
		minmax(var(--border_regular), max-content) /*padding-top*/
		minmax(24.45495816rem, max-content)
		minmax(4.23862349rem, max-content)
		minmax(39.84375rem, max-content)
		0 0
		minmax(7.61462943rem, max-content)
		minmax(39.84375rem, max-content)
		0 0
		minmax(7.61462943rem, max-content)
		minmax(39.84375rem, max-content)
		0 0
		minmax(var(--border_regular), max-content) /*padding-bottom*/
	}

} /*@media (min-width: 375.05px) and (max-width: 480px)*/

@media (min-width: 480.05px) and (max-width: 768px)
{
	#track_grid
	{
		grid-template-columns:
		minmax(var(--border_regular), max-content) /*padding-left*/
		minmax(min-content, 32rem)
		0 0 0 0 0
		minmax(50rem, max-content) /*main*/
		0 0 0 0 0
		minmax(min-content, 32rem)
		minmax(var(--border_regular), max-content);
		grid-template-rows:
		minmax(var(--border_regular), max-content) /*padding-top*/
		minmax(24.45495816rem, max-content)
		minmax(4.23862349rem, max-content)
		minmax(39.84375rem, max-content)
		0 0
		minmax(7.61462943rem, max-content)
		minmax(39.84375rem, max-content)
		0 0
		minmax(7.61462943rem, max-content)
		minmax(39.84375rem, max-content)
		0 0
		minmax(var(--border_regular), max-content) /*padding-bottom*/
	}

} /*@media (min-width: 480.05px) and (max-width: 768px)*/

@media (min-width: 768.05px) and (max-width: 1024px)
{
	#track_grid
	{
		grid-template-columns:
		minmax(var(--border_regular), max-content) /*padding-left*/
		minmax(min-content, 32rem)
		0 0 0 0 0
		minmax(30rem, max-content) /*main*/
		0 0 0 0 0
		minmax(min-content, 32rem)
		minmax(var(--border_regular), max-content); /*padding-right*/
		grid-template-rows:
		minmax(var(--border_regular), max-content) /*padding-top*/
		minmax(25.01075266rem, max-content) /*title*/
		minmax(3.17896762rem, max-content) /*spacing*/
		minmax(29.8828125rem, max-content) /*content*/
		0 0
		minmax(5.71097207rem, max-content)
		minmax(29.8828125rem, max-content)
		0 0
		minmax(5.71097207rem, max-content)
		minmax(29.8828125rem, max-content)
		0 0
		minmax(var(--border_regular), max-content); /*padding-bottom*/
	}

} /*@media (min-width: 768.05px) and (max-width: 1024px)*/

@media (min-width: 1024.05px)
{
	#track_grid
	{
		grid-template-columns:
			auto 3rem 1rem 12rem 4rem minmax(calc(var(--padding8) * 2), 2rem) 4rem 12rem 4rem minmax(calc(var(--padding8) * 2), 2rem) 4rem 12rem 1rem 3rem auto;
		grid-template-rows:
			minmax(var(--border_regular), max-content)
			minmax(10rem, max-content)
			minmax(2rem, max-content)
			0 0
			minmax(20rem, max-content)
			0 0 0 0 0
			minmax(var(--border_regular), max-content)
			0 0
			minmax(var(--border_regular), max-content);
	}
	#track_title
	{
		grid-area: 2 / 3 / 3 / 14;
	}
	#track22
	{
		grid-area: 4 / 2 / 4 / 6;
	}
	#track23
	{
		grid-area: 4 / 7 / 4 / 10;
	}
	#track24
	{
		grid-area: 4 / 11 / 4 / 15;
	}

} /*@media (min-width: 1024.05px)*/

/*+++++++++++++++++++++ NAVBAR +++++++++++++++++++++*/

#nav_wrapper
{
	display: flex;
	flex-direction: row;
}

#nav_logo
{
	padding-top: var(--padding6);
	margin: 0;
	height: calc(var(--header_height) - 2 * var(--padding6));
	width:calc(var(--header_height) - 2 * var(--padding6));
}

.navbar_fade
{
	width:100%;
	height: 15px;
	background: rgb(246,224,120);
	background: linear-gradient(180deg, rgba(246,224,120,1) 0%, rgba(246,224,120,0) 100%);
}

.rounded
{
	border-radius: var(--poster_radius);
}

header
{
	position: fixed;
	top:0;
	z-index:10;
	width:100%;
	flex-shrink: 0;
	-webkit-transition: opacity .2s,-webkit-transform .3s ease-in-out;
	-o-transition: transform .3s ease-in-out, opacity .2s;
	transition: transform .3s ease-in-out, opacity .2s,-webkit-transform .3s ease-in-out;
}
.header_up
{
	opacity: 0;
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

.topnav
{
	display: flex;
	flex-direction: row;
	position: relative;
	flex-grow: 2;
	max-width: var(--max_width);
}
.topnav > *
{
	display: block;
	line-height: var(--header_height);
	text-decoration: none;
	font-size: 17px;
	font-weight: 700;
	transition: var(--anim02);
}
.topnav > a,
.logo_hamburger_holder
{
	padding: 0 12px;
	background: var(--yellow_bkg_90);
}

.logo_hamburger_holder
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 24px;
	padding:0 12px;
}
#profile_button
{
	display: block;
	height: 100%;
	transition: var(--anim02);
	padding:0 12px;
}

#hamburger
{
	display: none;
}

header:not(.mobile) .topnav > a:hover:not(:first-child, :last-child),
header:not(.mobile) .topnav > #auth_container:hover
{
	box-shadow: inset 0 calc(var(--padding8) * -0.5) 0 var(--grey);
}

header.expanded:not(.mobile) .topnav > .expanded
{
	box-shadow: inset 0 calc(var(--padding8) * -0.5) 0 var(--grey);
}

header.mobile .topnav > *:hover:not(:first-child) > span,
header.mobile .topnav > #auth_container:hover
{
	text-decoration: underline;
	text-decoration-thickness: calc(var(--padding8) / 2);
	text-underline-offset: 5px;
}
header.mobile #auth_container i
{
	display: none;
}
header.mobile .topnav > *:not(.logo_hamburger_holder)
{
	line-height: calc(var(--header_height) / 1.2);
}

header.mobile .logo_hamburger_holder
{
	/*width:100%;*/
}

header:not(.mobile) .mobile_only
{
	display: none;
}

.dotted_spaced_h
{
	display:block;
	width:100%;
	height:2px;
	background-image: linear-gradient(to right, #333 10%, rgba(255, 255, 255, 0) 0%);
	background-position: bottom;
	background-size: 10px 2px;
	background-repeat: repeat-x;
}

p.li_event
{
	/*font-size: 20px;*/
}
p.li_event > span:not(:first-child)
{
	margin-left: 5px;
}

.li_numeral
{
	color: var(--uk_red);
	font-weight: 700;
}

.li_title
{
	color: var(--uk_red);
	font-weight: 400;
}

.li_date
{
	color: var(--uk_blue);
	font-weight: 700;
}

.li_time
{
	color: var(--uk_blue);
	font-weight: 400;
}

.li_desc
{
	color: #2d2e2d;
	font-weight: 400;
}

@media (min-width: 700px) {
	p.li_event br {
		display: none;
	}
	p.li_event > span:not(:first-child)
	{
		margin-left: 5px;
	}
}

.dropdown_wrapper
{
	position: relative;
	overflow: hidden;
	background: var(--grey);
}

header.expanded .dropdown_wrapper,
.submenu
{
	background-color: var(--grey_bkg_90);
}

#dropdown
{
	height: 4px;
	max-width: var(--max_width);
	margin: 0 auto;
	transition: all var(--anim02);
	transition-delay: var(--anim02);
}

.dropdown_gradient25
{
	background: var(--grey_gradient_v);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
}

.dropdown_content
{
	overflow:hidden;
	margin:0;
	padding:0;
	position: relative;
	color: var(--yellow);
	width: 100%
}

.submenu
{
	display: none;
	color: var(--yellow);
	flex-direction: column;
	overflow: hidden;
	position: relative;
	height: 0;
	transition: all var(--anim02);
	transition-delay: var(--anim01);
}

.submenu > div:not(.dropdown_gradient25)
{
	opacity: 0;
	visibility: hidden;
	transform: translateX(0);
	transition: all var(--anim01);
	transition-delay: var(--anim03);
}

.submenu a
{
	text-decoration: none;
	display: block;
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	line-height: var(--dropdown_line_height);
	transition: var(--anim01);
	padding: 0 var(--padding12);
}

a.dropdown_header
{
	font-size: 16px;
}

.dropdown_list
{
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position:absolute;
	top:0;
	visibility: hidden;
	opacity: 0;
	padding: var(--padding32) 0;
	/*transition: all var(--anim03), padding-left 0ms;*/
}

.dropdown_list.expanded
{
	opacity: 1;
	visibility: visible;
	transition: all 1s;
	/*transition-delay: calc(var(--anim02) * 2);*/
}

.dropdown_list a
{
	text-decoration: none;
	display: inline-block;
	text-align: left;
	font-size: 14px;
	line-height: var(--dropdown_line_height);
	font-weight: 500;
	transition-delay: var(--anim03);
	transform: translateY(-20px);
	transition: var(--anim03);
}

.dropdown_list a:hover,
.submenu a:hover
{
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 8px;
}

header.expanded .dropdown_list a
{
	transform: translateY(0);
}

header.expanded .submenu > div:not(.dropdown_gradient25)
{
	/*transform: translateX(12px);*/
	visibility: visible;
	opacity: 1;
	height: var(--dropdown_line_height);
	width: 100%;
	position: relative;
}

/* Scroll margin for anchor targets to account for fixed navbar */
#posters, #logos, #signage
{
	scroll-margin-top: calc(var(--header_height) + var(--padding8) / 2);
}

/* Current language styling */
.current_language
{
	cursor: default;
}

.current_language img
{
	border-bottom: 2px solid var(--yellow);
}

.current_language:hover
{
	text-decoration: none;
}

.filler_header
{
	height:var(--header_height);
	flex-grow: 1;
}

@media screen and (max-width: 1200px)
{
	.filler_header
	{
		flex-grow: 0;
	}
}

@media screen and (min-width: 1200px)
{
	.topnav
	{
		width: var(--max_width);
	}
}

@media screen and (max-width: 750px)
{
	.topnav
	{
		flex-direction: column;
	}
	header:not(.mobile) .topnav *:not(:first-child)
	{
		display: none;
	}
	.breadcrumb
	{
		display: none;
	}
	.h_separator:not(.hidden_toggle)
	{
		display:block;
	}
	#hamburger
	{
		display: block;
	}

	/*header.mobile a*/
	/*{*/
	/*	display: flex;*/
	/*	text-align: left;*/
	/*	flex-direction: row;*/
	/*	justify-content: space-between;*/
	/*}*/
	/*header.mobile i.fa*/
	/*{*/
	/*	line-height: inherit;*/
	/*	padding-right: 6px;*/
	/*}*/
	.dropdown_list
	{
		padding: calc(var(--padding8)* 4) 24px calc(var(--padding8)* 4) 12px;
	}
	.submenu
	{
		display:flex;
		justify-content: center;
	}
}

@media screen and (min-width: 750px)
{
	.breadcrumbs_enabled .root
	{
		/*margin-top: calc(80px + var(--newsflash_height));*/
		margin-top: 80px;
	}
}

/*+++++++++++++++++++++ POSTERS +++++++++++++++++++++*/

:root
{
	--poster_width: 400px;
	--poster_height: 562px;
	--poster_aspect_ratio: calc(var(--poster_height) / var(--poster_width));
	--poster_radius: 4px;
	--poster_link_height: 30px;

	--poster_info_to_height_ratio: 0.1;
	--poster_info_height: calc(var(--poster_height) * var(--poster_info_to_height_ratio));
	--poster_full_aspect_ratio: calc((var(--poster_height) + var(--poster_info_height)) / var(--poster_width));
}

#poster_grid
{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(calc(var(--poster_width) / 2), max-content));
	grid-template-rows: 1fr;
	grid-gap: var(--padding8);
}
.poster_container
{
	display: flex;
}
.poster_container:before
{
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	padding-bottom: calc(var(--poster_full_aspect_ratio) * 100%);
}
.poster_container
{
	background-color: var(--grey);
	padding: var(--padding8);
	/*	margin-right: var(--poster_padding);
        margin-bottom: var(--poster_padding);*/
	border-radius: var(--poster_radius);
}
.poster_container > img
{
	height: 100%;
	display:block;
	border-radius: calc(var(--poster_radius) / 2);
}
.poster_container > :not(:last-child)
{

	padding-bottom: var(--padding8);
}
.poster_wrapper
{
	width: 100%;
	height: 100%;
}
.poster_wrapper > img
{
	width: 100%;
	display:block;
	border-radius: calc(var(--poster_radius) / 2);
	margin: 0;
	padding: 0;
}
.poster_link_container
{
	color: var(--white);
	display: flex;
	width: 100%;
	text-align: center;
	height: var(--poster_link_height);
	line-height: var(--poster_link_height);
	padding-top: var(--padding8);
	margin: 0;
	bottom: 0;
	position: relative;
}
.poster_link_container .poster_link:not(:last-child)
{
	margin-right: var(--padding8);
}
.poster_link, .download_link
{
	color: var(--grey);
	height: 100%;
	display: inline-block;
	float: left;
	position: relative;
	background-color: var(--yellow);
	font-weight: 500;
	border-radius: calc(var(--poster_radius) / 2);
}
.poster_link
{
	width: 50%;
	transition: var(--anim02);
}
.download_link
{
	width:100%;
	transition: var(--anim02);
}
.poster_link:hover, .download_link:hover
{
	background-color: var(--white);
}

/*+++++++++++++++++++++ GALLERY +++++++++++++++++++++*/

:root
{
	--col_max: 25%;
}

.header
{
	text-align: center;
	padding: 32px;
}

.row
{
	display: -ms-flexbox; /* IE10 */
	display: flex;
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
	/*  padding: 0 calc(var(--poster_padding) / 2);*/
	background-color: var(--yellow);
}

/* Create four equal columns that sits next to each other */
.column
{
	-ms-flex: 25%; /* IE10 */
	flex: 25%;
	max-width: 25%;
	padding: 0 calc(var(--padding8) / 2);
	box-sizing: border-box;
}

.column > a > img
{
	vertical-align: middle;
	width: 100%;
	border-radius: calc(var(--poster_radius) / 2);
	box-sizing: border-box;
}
.column > a:not(:first-child) > img
{
	margin-top: var(--padding8);
}
.column > a > img:hover
{
	opacity: 0.8;
}
.column > a
{
	text-decoration: none;
	cursor: zoom-in;
}

@media screen and (max-width: 1000px)
{
	.column {
		-ms-flex: 50%;
		flex: 50%;
		max-width: 50%;
	}
}

@media screen and (max-width: 450px)
{
	.column {
		-ms-flex: 100%;
		flex: 100%;
		max-width: 100%;
	}
}

/*+++++++++++++++++++++ LINKS +++++++++++++++++++++*/

:root
{
	--doc_font_size: 1em;
}

.doc_list
{
	color: var(--yellow);
	display: inline-block;
}
.doc_item
{
	display: block;
	background-color: var(--grey);
	border-radius: var(--poster_radius);
	padding: calc(var(--padding8) * 2);
}
.link_list
{
	color: var(--yellow);
	display: inline-block;
}
.link_item
{
	color: var(--grey);
	line-height: calc(var(--doc_font_size) * 1.5);
	display: inline-block;
	padding: calc(var(--padding8) * 1);
	border-radius: var(--poster_radius);
	font-weight:700;
	transition: var(--anim02);
}
.link_list a > div:hover
{
	color: var(--yellow);
	background-color: var(--grey);
}
.link_text
{
	display:inline-block;
}
a > .doc_item:hover
{
	color: var(--white);
}
.doc_item > div
{
	font-size: var(--doc_font_size);
}
.doc_item i, .link_item i
{
	font-size: calc(var(--doc_font_size) * 1.5);
	padding-right: var(--padding8);
}
.desc
{
	padding-bottom: var(--padding8);
}
.center_uniform_holder > p:not(.desc)
{
	/*padding-left: 1rem;*/
}

/*+++++++++++++++++++++ BREADCRUMBS +++++++++++++++++++++*/

#breadcrumb_wrapper
{
	background-color: var(--grey);
}
.breadcrumb_holder
{
	max-width: var(--max_width);
	margin: 0 auto;
}
ul.breadcrumb
{
	padding: 0 var(--padding12) var(--padding4);
	list-style: none;
	color: var(--yellow);
	margin: 0 auto;
	max-width: var(--max_width);
	transition: all var(--anim01);
	transition-delay: var(--anim02);
}

header.expanded ul.breadcrumb
{
	padding: var(--padding4) var(--padding12);
}

ul.breadcrumb li
{
	display: inline;
	font-size: var(--breadcrumb_font_size);
	font-weight: 500;
}
ul.breadcrumb li+li:before
{
	padding: 4px;
	content: ">";
}
ul.breadcrumb li a
{
	text-decoration: none;
}
ul.breadcrumb li a:hover
{
	text-decoration: underline;
	text-decoration-thickness: calc(var(--padding8) / 4);
	text-underline-offset: 3px;
}

/*+++++++++++++++++++++ CHARTS +++++++++++++++++++++*/

:root
{
	--min_chart_width: 250px;
	--max_chart_font_size: 62px;
	--chart_size_multiplier: 0.7;
}
.chart_holder
{
	min-width: var(--min_chart_width);
	margin: 0 auto;
}
.chart_holder_multi
{
	min-width: var(--min_chart_width);
	margin: 0 auto;
	display: inline-block;
	width: calc(50% - var(--padding8) - var(--padding8) / 2);
	padding-right: calc(var(--padding8) * 2);
}
.last
{
	padding-right: 0;
}
.chart
{
	height: 400px;
	display: block;
	padding: 0;
	color: var(--yellow);
}
.chart_label
{
	font-weight: 700;
	text-align: center;
	width: 100%;
	padding-bottom: var(--padding8);
}
.chart_bar
{
	position: relative;
	text-align: center;
	vertical-align: bottom;
	display: inline-block;
	width: calc(((100% - var(--padding8) * 2 * 2) / 3) - 3px);
	border-radius: var(--poster_radius);
}
.chart_bar:hover
{
	/*background-color: var(--red);*/
}
.chart_sub
{
	display:block;
}
.chart li:not(:last-child)
{
	margin-right: calc(var(--padding8) * 2);
}
.chart_number
{
	letter-spacing: -2px;
	width: 100%;
	position: absolute;
	top: var(--padding8);
}
.chart_holder .chart_number
{
	font-size: var(--max_chart_font_size);
}
.chart_holder_multi .chart_number
{
	font-size: calc(var(--max_chart_font_size) * var(--chart_size_multiplier));
}
.chart_year
{
	font-weight: 800;
	overflow: hidden;
	text-transform: uppercase;
	width: 100%;
	bottom: var(--padding8);
	position: absolute;
	font-size: 16px;
}

@media (max-width: 600px)
{
	.chart_holder_multi
	{
		width: 100%;
	}
}

@media (max-width: 350px)
{
	.chart_holder .chart_number, .chart_holder_multi .chart_number
	{
		font-size: 20px;
	}

} /*@media (max-width: 500px)*/

@media (max-width: 500px)
{
	.chart li:not(:last-child)
	{
		margin-right: calc(var(--padding8));
	}
	.chart_bar
	{
		width: calc(((100% - var(--padding8) * 2) / 3) - 3px);
	}
	.chart_holder .chart_number, .chart_holder_multi .chart_number
	{
		letter-spacing: -1px;
	}

} /*@media (max-width: 350px)*/

@media (min-width: 350.05px) and (max-width: 500px)
{
	.chart_holder .chart_number, .chart_holder_multi .chart_number
	{
		font-size: 30px;
	}
} /*@media (min-width: 350.05px) and (max-width: 500px)*/

@media (min-width: 500.05px) and (max-width: 700px)
{
	.chart_holder .chart_number
	{
		font-size: 40px;
	}
	.chart_holder_multi .chart_number
	{
		font-size: 30px;
	}
} /*@media (min-width: 500.05px) and (max-width: 700px)*/

@media (min-width: 700.05px) and (max-width: 900px)
{
	.chart_holder_multi .chart_number
	{
		font-size: 30px;
	}
}

