/* typeface */

@font-face {
font-family: 'FluxischElse';
src: url(fonts/FluxischElse-Bold.woff) format('woff');
font-weight: bold;
}

@font-face {
font-family: 'FluxischElse';
src: url(fonts/FluxischElse-Regular.woff) format('woff');
font-weight: normal;
}

@font-face {
font-family: 'FluxischElse';
src: url(fonts/FluxischElse-Light.woff) format('woff');
font-weight: lighter;
}

@font-face {
font-family: 'AverageMono';
src: url(fonts/AverageMono.ttf) format('truetype');
src: url(fonts/AverageMono.otf) format('opentype');
font-weight: lighter;
}

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=1f6298fd-74be-42b0-84d9-c4ace41ad38b&fontids=1475960");
    @font-face{
        font-family:"Univers";
        src:url("fonts/univers.woff2") format("woff2"),url("fonts/univers.woff") format("woff");
    }


/* text */

body {
	background-color: rgb(255,255,255);
	font-family: 'Univers';
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
	letter-spacing: 0.3px; 
	opacity: 0;
	transition: opacity 0.1s;
}


h1 {font-family: 'Univers'; text-align: center; font-size: 36px; line-height: 40px; letter-spacing: 1.5px;
	margin: 0px 0px 84px 0px; padding: 0px 0px 0px 0px;}

h2 {font-family: 'Univers'; font-size: 28px; line-height: 42px; letter-spacing: 1.25px;
	margin: 0px 0px 36px 0px; padding: 0px 0px 0px 0px; font-weight: normal;}

h2.subheading {font-size: 24px; line-height: 24px; letter-spacing: 1px; margin: -18px 0px 36px 0px; padding: 0px 0px 0px 0px;}

h3 {font-family: 'Univers'; text-align: center; font-size: 20px; line-height: 24px; letter-spacing: 0.75px;
	margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px;}

h4 {font-family: 'Univers'; font-size: 20px; line-height: 24px; letter-spacing: 0.8px;
	margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px;}

h5 {font-family: 'Univers'; font-size: 25px; line-height: 34px; letter-spacing: 1px;
	margin: 0px 0px 28px 0px; padding: 0px 0px 0px 0px;}

p {margin-bottom: 36px; margin-top: 0px; padding-top: 0px; letter-spacing: 0.4px;}
	p.double_break {margin-bottom: 72px;}
	p.indent {margin-left: 36px; margin-right: 6px; margin-bottom: 24px;}
	p.centered {text-align: center;}

	p.reduce_margin {margin-bottom: 24px;}
	p.reduce_margin_2 {margin-bottom: 16px;}
	p.no_margin {margin-bottom: 0px;}

	p.small_text_1 {font-size: 16px; line-height: 24px; letter-spacing: 0.5px;}
	p.small_text_2 {font-size: 14px; line-height: 20px; letter-spacing: 0.5px;}

	p.small_1 {font-size: 20px; line-height: 20px; letter-spacing: 0.5px;}
	p.small_2 {font-size: 18px; line-height: 20px; letter-spacing: 0.4px;}
	p.small_3 {font-size: 13px; line-height: 18px; letter-spacing: 0.4px;}


	p.outline {display: inline-block; padding: 5px; outline: 0.5px solid black; margin: 0px 6px 12px 0px;}
	p.colour_box {display: inline-block; padding: 5px; background-color: yellow; margin: 0px 6px 12px 0px;}
	
	p.stream_credit {display: inline-block; padding: 0px; background-color: ; margin: 0px 0px 0px 0px; opacity: 100%;}

p.averageMono {
	font-family: AverageMono;
}



a {color: black; text-decoration: none; border-bottom: 1px solid black;}
a:hover {color: black; text-decoration: none; border-bottom: 0px solid black;}

a.no_underline {border-bottom: 0px solid red;}

.event_credit {font-size: 16px; margin-bottom: 6px; opacity: 35%;}

ul.a {list-style-type: square;}


/* containers */

.container-fluid {padding-left: 36px; padding-right: 36px;}
.container {max-width: 1024px; padding-left: 36px; padding-right: 36px; margin-top: 120px;}

.stream_row {margin-right: 0px !important; margin-left: 0px !important;}
	.stream_block {margin-bottom:68px; width:328px;}
		.stream_block:hover {cursor: pointer;}
		.stream_block:hover .link {border-bottom: 1px solid white;}
		.stream_block:hover .pins {opacity: 0%;}
		.stream_block:hover > .stream_thumbnail {filter: blur(3px);  -webkit-filter: blur(1px);}
	.stream_block_blank {width: 340px; height: 1px; background-color: ;}
	.stream_thumbnail {position:relative; max-width:340px; max-height:100%; margin:auto; margin-bottom: 24px; ilter:brightness(95%);}
	
	.stream_caption {width: 100%; margin:auto; margin-top:24px; margin-bottom:180px;}

#lr_archive_links {margin-left:36px;}

.library_row {margin-right: 0px !important; margin-left: 0px !important;}
	.library_column {margin-right: 0px;}

	.library_column_blank {margin-right: 0px;}

	.library_block {width:200px; margin-bottom: 90px; background-color: yello;}
		.library_block:hover {cursor: pointer;}
		.library_block:hover .link {border-bottom: 1px solid white;}
		.library_block:hover > .library_thumbnail > .library_thumbnail_image {filter: blur(3px);  -webkit-filter: blur(1px);}
	.library_block_2 {width:200px; margin-bottom: 90px; background-color: yello;}
		.library_block_2:hover {}
		.library_block_2:hover .link {border-bottom: 1px solid white;}
		.library_block_2:hover > .library_thumbnail > .library_thumbnail_image {filter: blur(3px);  -webkit-filter: blur(1px);}
	.library_thumbnail {height:160px; margin-bottom: 24px;}
	.library_thumbnail_image {max-width:100%; max-height:100%; margin-bottom: 24px;}

	#library_description {
		margin: 0;
  		position: absolute;
  		top: 50%;
  		left: 50%;
  		transform: translate(-50%, -50%);

		text-align:center;
		font-size:24px; 
		line-height:32px;
		letter-spacing: 1px;
		width:340px;
	}

.library_featured {max-width: 420px;}

.event_row {margin-right: 0px !important; margin-left: 0px !important;}
	.event_column {margin-right: 48px;}
	.event_block {width:420px; margin-bottom: 72px;}
		.event_block:hover {cursor: pointer;}
		.event_block:hover .event_thumbnail_image {opacity: 100%;}

	.event_block_2 {width:420px; margin-bottom: 72px;}
	.event_thumbnail_2 {height:280px; max-width:100%; margin-bottom: 32px; background-color: rgb(245,245,245);}

	.event_block_spacer {width:200px; padding-right: 0px !important; padding-left: 0px !important; margin-bottom: 60px;}
	.event_thumbnail {height:280px; max-width:100%; margin-bottom: 32px; background-color: rgb(245,245,245);}
		.event_thumbnail:hover {cursor: pointer;}
	.event_thumbnail_image {max-width:100%; max-height:280px;display: block; margin-left:auto; margin-right:auto;}

#network_column {padding-right: 48px;}

#exhibition_text_fr {}
#exhibition_text_en {}

/* player */

.play {height: 20px; vertical-align: -10px; margin-top: 4px;}

.pause {height: 20px; vertical-align: top; margin-top: 3px;}

.sticky_player {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 60px;
	z-index: 10;
}

.sticky_player_ltr {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 48px;
	z-index: 10;
	margin: auto;

	margin-top:48px;
	margin-bottom:48px;

	padding:18px;
	background-color:white; 
	width: fit-content;
	outline: 1px solid black;
}


/* images */

img {}
	img.padding_1 {padding:40px;}
	img.padding_2 {padding:80px;}

	img.big_image {max-width: 100%; margin-bottom: 0px; padding: 0px;}
	img.big_image:hover + .pins {opacity: 0%;}

	.pins {opacity: 0%;}

.image_fullscreen {
	margin: auto;
  	position: absolute;
  	top: 0; left: 0; bottom: 0; right: 0;

  	max-width: 100%;
  	max-height: 100%;
  	padding: 80px;
  	pointer-events:none;
}

#stream_image { 
	position: relative;
	width: 1000px;
	height: 1000px;

	top: -200px;

	background-color: yellow;
}

#stream_description {

	max-width: 580px;
}


/* Header */

.header {padding-top: 30px; padding-bottom: 12px; height:72px;}

#ac_logo {position: fixed; top: 12; max-width: 220px;}
#ac_logo:hover {opacity: 0%;}

#lr_logo {position: fixed; top: 12; max-width: 220px;}
#lr_logo:hover {opacity: 0%;}

.header_text {font-family: 'FluxischElse'; font-size: 20px; font-weight: bold; letter-spacing: 1px; text-decoration: none;}
.header_text:hover {border-bottom: 3px solid black; cursor: pointer;}

.header_text_selected {font-family: 'FluxischElse'; font-size: 20px; font-weight: bold; letter-spacing: 1px; border-bottom: 3px solid black;}
.header_text_selected:hover {border-bottom: 0px solid black; cursor: pointer;}

.header_text_collapsed {
	font-family: 'FluxischElse'; font-size: 24px; font-weight: bold; letter-spacing: 1px; 
	text-decoration: none; display: block !important;
}

.header_text_collapsed:hover {border-bottom: 3px solid black; cursor: pointer;}

.menu_link {float: left; margin-left: 15px; margin-right: 15px;}

#menu_collapsed_button_1 {display: none; text-decoration: none;}
#menu_collapsed_button_2 {display: none; text-decoration: none; margin-bottom: 24px;}

#stream_collapsed_button_1 {display: inline-block;}
#stream_collapsed_button_2 {display: none;}

#menu_links_collapsed {display: none;text-align: right;}

/* parallax scroll */

.title {height: 120px;}

.object-in-3d {width: 100%; height: 60px;}

.float-center { 
  position: absolute; 
  top: 0%; }

#floater {}


/* Misc. */

hr {
	border-top:3px solid black;
	margin-top: 0px;
	margin-bottom: 36px;
	padding-top: 0px;
}

.show_mobile {display: none;}
.hide_mobile {display: block;}

.square_frame {
	font-size: 16px;
	display: inline-block;
	padding: 12px;
	outline: 1px solid black;
	margin-bottom: 36px;
}

.padding_right {padding-right: 20px !important;}

.table_header {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
    -ms-user-select: none; user-select: none;}
.table_header:hover {cursor: pointer;}

.hiddenRow {
    padding: 0 !important;
}

.table {margin-bottom: -1px;}


.table-borderless > thead > tr:hover {background-color: black; color:white;}

.table > tbody {margin-bottom: 40px !important;}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th, {border: none;}


/* Footer */

#footer {background-color: rgb(245,245,245); padding-top:24px; padding-bottom:24px; margin-top: 24px;}
	
	#eu_logo {height:40px; margin-right:24px;}

	hr.footer_line {
		border-top:2px solid black;
		margin-top: 24px;
		margin-bottom: 24px;
		padding-top: 0px;
	}

	.footer_block {max-width: 500px;}


/* carousel */

.carousel {background-color: yelloww; margin-bottom: 40px; margin-top: -40px;}

.carousel-inner {height: 600px; text-align: center;}
.carousel-item {height: 600px;}

.carousel-image {
	max-height: 520px; max-width: 100%;
	position: absolute; top: 50%; transform: translate(-50%, -50%);
	padding-bottom: 40px;
	padding-top: 0px;
}

.carousel-caption {
	color:black; height:32px; bottom: 0px; top:auto;
	width: 100%;
	right: 0%;
	left: 0%;
	background-color: grayy;
	padding: 0px;
}

.carousel-control-next {position: absolute; z-index: 1; height: 100%; width: 50%; opacity: 0%; cursor: e-resize;}
.carousel-control-prev {position: absolute; z-index: 1; height: 100%; width: 50%; opacity: 0%; cursor: w-resize;}

.carousel-control-next-icon,
.carousel-control-prev-icon {width: 0%; opacity: 0%;}


/* screen resize */


@media (min-width: 993px) {
    .container-fluid {max-width: 1800px;}

    #menu_links_collapsed {display: none !important;}
    #menu_collapsed_button_1 {display: none !important;}
    #menu_collapsed_button_2 {display: none !important;}


}

@media (max-width: 1200px) {
	.hide_mobile {display: none;}
	.show_mobile {display: inline-block;}
	#eu_logo {margin-bottom: 18px;}

	.footer_block {max-width: 100%;}


}

@media (max-width: 992px) {
    
    .menu_link {display: none;}
    #menu_collapsed_button_1 {display: inline-block;}

    .container {max-width:600px;}
    
    .carousel-caption {height: 40px;}

    #lr_archive_links {margin-left:0px;}

    .event_block {margin-left:auto; margin-right:auto;}
    .event_block_2 {margin-left:auto; margin-right:auto;}
    .event_block_spacer {display: none;}

    .library_column_blank {display: none;}

    #network_column {padding-right: 0px;}

    .event_thumbnail {height:fit-content;}

        .library_featured {max-width: 100%;}
}

@media (max-width: 575px) {
    body {font-size: 18px;line-height: 22px;}

    .container {padding-left: 20px; padding-right: 20px;}
    .container-fluid {padding-left: 20px; padding-right: 20px;}

    h1 {font-size: 28px;}
    h2 {font-size: 18px; line-height: 22px;}
    h3 {font-size: 18px; line-height: 22px;}

	img.padding_1 {padding:16px;}
	img.padding_2 {padding:20px;}

    .stream_block {margin-bottom: 60px; width: 100%;}
    .stream_thumbnail {margin-left:0px; margin-right: 0px; max-width: 100%; max-height: 400px;}
    .stream_thumbnail_spacer {display: none;}
    .stream_caption {margin-bottom:60px;}

    #ac_logo {max-width: 63px;}

    .carousel-inner {height: 440px;}
	.carousel-item {height: 440px;}
	.carousel-image {max-height: 360px;}

	.carousel-caption {height: 66px;
	

	.padding_right {padding-right: 0px !important;}

	.padded {padding: 10px;}

}

/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: https://www.linotype.com
*/