@import url('https://fonts.googleapis.com/css?family=Montserrat|Work+Sans&display=swap');

@import url('https://fonts.googleapis.com/css?family=Special+Elite&display=swap');
/* @import "./fontawesome/scss/fontawesome.scss";
@import "./fontawesome/scss/solid.scss";
@import "./fontawesome/scss/brands.scss"; */


/* ========================| BODY |========================*/

html, head, body {
	max-width: 1440px!important;
	height: 100%;
	margin: 0 auto;
}


.bodycon {
	animation:transitionIn 2s;
	/* padding-bottom: 140px; */
	min-height: 100vh;
}

.bodycon2 {
	animation:transitionIn 2s;
	margin-bottom: 140px;
	min-height: 100vh;
}

@keyframes transitionIn {
	from{

		opacity:0;
	}

	to{
		opacity:1;
	}
}

@keyframes transitionOut {
	from{

		opacity:1;
	}

	to{
		opacity:0;
	}
}

@keyframes textHover {
	from{

		color:#fff;
	}

	to{
		color:#fed330;
	}
}

@keyframes textHoverout {
	from{

		color:#fed330;
	}

	to{
		color:#fff;
	}
}

.content {
	max-width: 1400px;
	margin: 35px;
}

.navcontainer {
	max-width: 1440px;
}

.pagecontainer {
	/*padding-bottom: 150px;*/
}

@media only screen and (max-width: 1000px)  {
	.content {
		max-width: 100vw;
		margin: 0px;
		overflow-x: hidden;
	}
}

body {
	font-family: 'Montserrat', sans-serif;
	margin-top: 150px;
	overflow-x: hidden;
	font-size: 16px;
}

@media only screen and (max-width: 1000px)  {
    body {
    margin-top: 150px;
}

	.LBF-class {margin-top: 100px;}

}




p {
	padding-right: 10px;
	padding-left: 10px;
	padding-top:0px;
	padding-bottom:0px;
     font-family: 'Montserrat', sans-serif;
     font-size: .875em;
     color:#fff;
}

img {
	padding: 10px;
}

a {
	color: #fff;
}

a:hover {
	text-decoration: none;
	color: peachpuff;
}

h1 > a:hover, h3 > a:hover, p > a:hover, small > a:hover {transition: color ease .7s;}

h1 > a, h3 > a, p > a, small > a {transition: color ease .35s;}

p a {
	color: peachpuff;
	text-decoration: none;
	font-weight: bold;
}

ul {
     font-family: 'Montserrat', sans-serif;
     font-size: .875em;
     color:#fff;
}

h1 {
	padding: 9px;
	color: #fff;
	font-size: 2em;
}

h2 {
	padding: 10px;
	color: #fff;
     font-size: 1.5em;
}

/* a:h2 {
	padding: 10px;
	color: #fff;
     font-size: 1.5em;
} */

h3 { font-size: 1.25em;
     color: #fff;
	padding: 10px;
}

/* a:h3 {color: #fff;} */

small a {color: #fff;}

small.subtitle{
	letter-spacing: 5px;
	color: #fff;
}

li {
	color: white;
	font-size: 15px;
}

ul {
	color: white;
	font-size: 1em;
}

@media only screen and (max-width: 1000px)  {
	li {
		color: white;
		font-size: 1em;
	}

	ul {
		color: white;
		font-size: 1em;
	}
}

.attachment-logo, .attachment-logo-small, .attachment-logo-large {margin: 30px; padding:0;}

.attachment-logo-large {
	width: 30%;
	position: relative;
	/* left: 35%; */
	height: auto;
	margin: 0 auto;
}

	/* @media only screen and (max-width: 1000px) {
	.attachment-logo, .attachment-logo-small, .attachment-logo-large {
		padding-left: 20vw;
		margin: 20px;
	}}

@media only screen and (max-width: 986px) {
.attachment-logo-large {height: AUTO; width: 80vw;}
.attachment-logo {height: auto; width: 50vw;}
.attachment-logo-small{height: auto; width: 40vw;}

} */

/* ========================| NAVBAR |========================*/

.navbar a {
	text-transform: capitalize;
	color: #fff;
	line-height: 3;
}

@media only screen and (max-width: 1000px) {
	.navbar a {
		text-transform: capitalize;
		color: #fff;
		line-height: 2.5;
	}
}

.dropdown-toggle:after {content: none;}

.LBFnavbar {
	background-color: rgba(221, 84, 89,.85)!important;
	height: 120px;
	Margin: 0 auto;
	max-width: 100vw;
	padding-left: 56px;
	padding-right: 55px;

}

.LBFnavbar.shrink {
	height:90px;
	box-shadow: 0px -4px 9px #582123;
}

.nav_scrolled {
	top:-200px;
	opacity:0;
	transition: ease 0.5s;
	/* box-shadow: 0px -4px 9px #582123; */
}

.collapse {
	padding-top:0px;
	transition: ease .5s;
}

.collapse.shrink {
	padding-top: 25px;
	transition: ease .5s;
}

@media only screen and (max-width: 1000px) {
   .LBFnavbar {
	    height: 8vh;
	    padding-left: 21px;
	    padding-right: 13px;
    }
}

nav li {
	outline: none !important;
	/* padding: 1.7vw; */
	list-style-type: NONE;
}

.menu-item-375, ..75s-548 {padding-right: 5px !important;}

.letter::before{
	display: block;
     content: " ";
     margin-top: -300px;
     height: 385px;
     visibility: hidden;
     pointer-events: none;
}

@media only screen and (max-width: 1000px) {
	.letter::before{
		display: block;
	     content: " ";
		margin-top: -300px;
          height: 385px;
	     visibility: hidden;
	     pointer-events: none;
	}
}

.glossary{margin-top: -50px;}
/* .glossary h1 {
	margin-top: -100px;
 padding-bottom: 100px;
 display: block;
} */

.artindex li {
	padding-left: 1.5vw;
	padding-right: 1.5vw;
	/* padding-top: 4px; */
	padding-bottom: 12px;
}

.artindex {
	/* padding-top:15px; */
	/* border-bottom: 1px solid white; */
	border-top: 1px solid white;
	background-color:  #bc9a97;
	box-shadow: 0px -25vh 0 25vh #bc9a97;
	max-width: 100vw;
	left:0;
	right:0;
	margin: 0 auto;
	height: 4vh;
	position: fixed;
	z-index: 8;
	top: 30%;
	transition: 3s;
	overflow-x: hidden;
	overflow-y: hidden;
}


.artindex ul {display: inline-flex;}

.alphabet-navigation {
	display: inline-block;
	float: none;
	vertical-align: top;
	width: 100%;
	text-align: center;
}
@media only screen and (max-width:1000px) {
	.alphabet-navigation {overflow-x: scroll;}
	.indexcon li a {font-size: 18px; padding-left: 10px; }
	.shrink .indexcon li a {font-size: 16px;}
}
.indexcon {display: inline-flex;}

nav ul::before {display: none;}

nav li .marker {display: none;}

.LBFnavbar li {
	padding-left: 1.5em;
	padding-right: 1.5em;
	font-size: 16px;
	/* opacity: .9; */
}

#menu-item-5862, #menu-item-5874, #menu-item-5877 {padding-right:2px!important;}
#menu-item-5862 a, #menu-item-5874 a, #menu-item-5877 a {color:peachpuff!important;}
#menu-item-5863, #menu-item-5875, #menu-item-5878 {padding:0!important; pointer-events: none;}
#menu-item-5864, #menu-item-5876, #menu-item-5879  {padding-left:2px!important;}
#menu-item-5864.active a, #menu-item-5876.active a, #menu-item-5879.active a  {color:peachpuff;}

@media only screen and (max-width:1199px) {

	#menu-item-5862, #menu-item-5874, #menu-item-5877 {
		padding:unset;
		/* transform: translateX(-20px); */
		pointer-events:fill;
		z-index:10;
	}

	#menu-item-5862 a, #menu-item-5874 a, #menu-item-5877 a {
		z-index:11;
	}

	#menu-item-5863, #menu-item-5875, #menu-item-5878 {
		padding:0!important;
		/* transform: translate(0px, -39px); */
		z-index:10;
		display: none;
	}

	#menu-item-5863 a, #menu-item-5875 a, #menu-item-5878 a {
		z-index:10;
	}

	#menu-item-5864, #menu-item-5876, #menu-item-5879 {
		padding:unset;
		/* transform: translate(19px, -79px); */
		pointer-events:fill;
		z-index:10;
	}

	#menu-item-5864 a, #menu-item-5876 a, #menu-item-5879 a {
		z-index:11;
	}
}

#menu-item-5767.active a   {color:peachpuff!important;}
.navbar-text {align-items: flex-start;}

.LBFnavbar .active {
     /* border-bottom: double yellow; */
}

.LB02navbar .active {
     /* border-bottom: double #fed330; */
}

.LB01navbar .active {
     /*border-bottom: double #fed330;*/
}

@media only screen and (max-width: 1199px) {
	.LBFnavbar .active {border-bottom: none;}

	.LB02navbar .active {border-bottom: none;}

	.LB01navbar .active {border-bottom: none;}
}

#menu-primary-header-navigation .menu-item-description {
     opacity: 0;
     position: absolute;
     transform: translate(20px, -35px);
     font-size: 1em;
     color: yellow;
	transition: opacity ease .35s;

}
/* Biennale */
#menu-primary-header-navigation .menu-item-5345 .menu-item-description{
    transform: translate(18px, -31px);
}
/* Programs */
#menu-primary-header-navigation .menu-item-5341 .menu-item-description{
	transform: translate(19px, -30px);
}
/* Outreach */
#menu-primary-header-navigation .menu-item-5340 .menu-item-description{
	transform: translate(3px, -31px);
}
/* Research */
#menu-primary-header-navigation .menu-item-5339 .menu-item-description{
    transform: translate(21px, -28px);
}
/* Publications */
#menu-primary-header-navigation .menu-item-5338 .menu-item-description{
	transform: translate(24px, -31px);
}

@media only screen and (max-width: 1199px) {

	/* Biennale */
	#menu-primary-header-navigation .menu-item-5345 .menu-item-description{
	    transform: translate(257px, 0px);
	}
	/* Programs */
	#menu-primary-header-navigation .menu-item-5341 .menu-item-description{
		transform: translate(256px, -4px);
	}
	/* Outreach */
	#menu-primary-header-navigation .menu-item-5340 .menu-item-description{
		transform: translate(240px, 0px);
	}
	/* Research */
	#menu-primary-header-navigation .menu-item-5339 .menu-item-description{
	    transform: translate(260px, 6px);
	}
	/* Publications */
	#menu-primary-header-navigation .menu-item-5338 .menu-item-description{
		transform: translate(250px, 0px);
	}
}



#menu-lb02-menu .menu-item-description {
     display: none;
     position: absolute;
     transform: translate(20px, -35px);
     font-size: 1em;
     color: #fed330;

}
/* Concept */
#menu-lb02-menu .menu-item-5911 .menu-item-description{
transform: translate(22px, -26px);
}

/* Curator */
#menu-lb02-menu .menu-item-1364 .menu-item-description{
transform: translate(15px, -30px);
}
/* Artists */
#menu-lb02-menu .menu-item-5103 .menu-item-description{
transform: translate(15px, -28px);
}
/* Sites */
#menu-lb02-menu .menu-item-855 .menu-item-description{
    transform: translate(-2px, -27px)
}
/* Public Program */
#menu-lb02-menu .menu-item-684 .menu-item-description{
    transform: translate(23px, -29px);
}
/* Guides */
#menu-lb02-menu .menu-item-1273 .menu-item-description{
transform: translate(15px, -30px);
}


#menu-lb01-menu .menu-item-description {
     display: none;
     position: absolute;
     transform: translate(20px, -35px);
     font-size: 1em;
     color: #fed330;

}
/* Artists */
#menu-lb01-menu .menu-item-842 .menu-item-description{
	transform: translate(15px, -26px);
}
/* Public Program */
#menu-lb01-menu .menu-item-844 .menu-item-description{
	transform: translate(24px, -29px);
}
/* Sites */
#menu-lb01-menu .menu-item-846 .menu-item-description{
	transform: translate(-2px, -27px);
}
/* Guides */
#menu-lb01-menu .menu-item-852 .menu-item-description{
	transform: translate(14px, -29px);
}






@media only screen and (max-width: 1100px) {
		/* LB02 Sites */
		.menu-item-855 .menu-item-description {
     display: none;
     position: absolute;
     transform: translate(5px, -20px);
    }}

@media only screen and (max-width: 1199px) {
	nav .menu-item-description {transform: translate(30px,-15px);
	}}

@media only screen and (max-width: 1199px) {
	#menu-primary-header-navigation .menu-item-description {
	transform: translate(64vw, -4px);
	}
	#menu-lb02-menu .menu-item-description {transform: translate(64vw, -4px)!important;
	}
	#menu-lb01-menu .menu-item-description {transform: translate(64vw, -4px)!important;
	}
}
#menu-primary-header-navigation .active .menu-item-description {
     display: block;
     position: absolute;);
}

#menu-lb02-menu .active .menu-item-description {
     display: block;
     position: absolute;);
}

#menu-lb01-menu .active .menu-item-description {
     display: block;
     position: absolute;);
}

#menu-primary-header-navigation :focus .menu-item-description {
     opacity:1;
     position: absolute;);
}

#menu-lb02-menu :focus .menu-item-description {
     display: block;
     position: absolute;);
}

#menu-lb01-menu :focus .menu-item-description {
     display: block;
     position: absolute;);
}

#menu-primary-header-navigation :focus, #menu-lb02-menu :focus, #menu-lb01-menu :focus  {
     font-weight: bold;
}


#menu-primary-header-navigation a:hover .menu-item-description {
	opacity:1;
	display: block;
	transition: opacity ease .7s;
}

/* a:hover .menu-item-1364 .menu-item-description {
display: block;} */

#menu-lb02-menu a:hover .menu-item-description {
	display: block;
	animation:transitionIn .7s;
}

#menu-lb01-menu a:hover .menu-item-description {
	display: block;
	animation:transitionIn .7s;

}

.navbar{transition: ease 0.5s;}

#menu-primary-header-navigation .menu-item-5101 {display:none;}

.navbar-brand img {
	height: 50px;
	width: auto;
	padding:0px;
	/* margin-left: 20px; */
	transition: ease 0.3s;

}

.navbar-brand:hover img {
	height: 51px;


}

.shrink img{
	height: 45px;
	transition: ease 0.3s;
}

.shrink:hover img{
	height: 46px;
	transition: ease 0.3s;
}

/* @media only screen and (min-width: 1401px) {
.navbar-brand img{
    height: 60px;
    width: auto;
	padding:0px;
	margin-left:45px;
}}

@media only screen and (min-width: 1421px) {
.navbar-brand img{
    height: 60px;
    width: auto;
	padding:0px;
	margin-left:38px;
}}

@media only screen and (min-width: 1441px) {
.navbar-brand img{
    height: 60px;
    width: auto;
	padding:0px;
	margin-left:78px;
}}

@media only screen and (min-width: 1460px) {
.navbar-brand img{
    height: 60px;
    width: auto;
	padding:0px;
	margin-left:70px;
}}


@media only screen and (min-width: 1480px) {
.navbar-brand img{
    height: 60px;
    width: auto;
	padding:0px;
	margin-left:80px;
}}



@media only screen and (max-width: 800px) {
.navbar-brand img{
    height: 8vh;
    width:auto;
	padding:0px;
	margin-left: 0px;
}} */

@media only screen and (max-width: 1199px) {
	.container {margin: 5px;}
}



.LB02navbar {

	background-color:rgba(188, 154, 151,.85)!important;
	background-image: url('');
	height: 120px;
	background-position: 72.1% 20%;
	background-repeat: repeat;
	background-size: 15px;
	Margin: 0 auto;
	max-width: 100vw;
	padding-left: 56px;
	padding-right: 40px;
	transition: ease 0.5s;


}

.LB02navbar.shrink {

	height:90px;
	transition:  ease 0.5s;
	box-shadow: 0px -4px 9px #582123;


}

.LB01navbar.shrink {

	height:90px;
	transition: ease 0.5s;
	box-shadow: 0px -4px 7px black;

}
/* ========================| LB02 ARTISTS LANDING PAGE |========================*/

#starts-with-A {padding-top:4vh;}

@media only screen and (max-width:768px) {
	#starts-with-A {padding-top:0vh;}
}

#artindexid {
     transition: 0.5s;
     top: 170px;
	font-size: 16px;
	transition: ease 0.5s;
}

#artindexid.shrink {
	font-size: 14px;
	top:  135px;
	transition: ease 0.5s;
}

#artindexid.relative {
	font-size: 14px;
	top:  -200px;
	transition: ease 0.5s;
}
#bandiv2 {
	position: fixed;
	top: 100px;
	text-align: center;
	z-index: 1031;
	width: 100vw;
	left: 0;
	transition: ease 0.5s;
}

#bandiv2.shrink {
	position: fixed;
	top: 80px;
	text-align: center;
	transition: ease 0.5s;
}

#bandiv2.relative {
	position: fixed;
	top: -200px;
	text-align: center;
	transition: ease 0.5s;

}

#banlb02art {

    height: auto;
    width: 37vw;
    max-width: 600px;
    position: relative;
    /* position: fixed; */
    /* top: 18.5%; */
    /* left: 32.8%; */
    /* z-index: 9; */
    TRANSITION: ease 0.5S;

}
#banlb02art:hover {width: 37.5vw; max-width: 510px;TRANSITION: ease 0.3S;}

#banlb02art.shrink {

   /* top: 11.5%; */
   width: 28vw;
   max-width: 500px;
   /* left: 36.3%; */
   TRANSITION: ease 0.5S;

}
#banlb02art.shrink:hover {width: 28.5vw; max-width: 510px;TRANSITION: ease 0.3S;}

@media only screen and (min-width:1600px) {

	#banlb02art {

	    height: auto;
	    width: 25vw;
	    max-width: 600px;
	    position: relative;
	    /* position: fixed; */
	    /* top: 18.5%; */
	    /* left: 32.8%; */
	    /* z-index: 9; */
	    TRANSITION: ease 0.5S;

	}

	#banlb02art:hover {width: 25.5vw; max-width: 620px;TRANSITION: ease 0.3S;}

	#banlb02art.shrink {width: 18vw;}
	#banlb02art.shrink:hover {width: 18.5vw;TRANSITION: ease 0.3S;}
}


/* #banlb02art {

    height: auto;
    width: 37vw;
    max-width: 600px;
    position: fixed;
    top: 18.5%;
    left: 32.8%;
    z-index: 9;
    TRANSITION: ease 0.3S;

} */
/* #banlb02art:hover {width: 37.5vw; max-width: 610px;TRANSITION: ease 0.3S;} */
/*
#banlb02art.shrink {

   top: 11.5%;
   width: 28vw;
   max-width: 500px;
   left: 36.3%;
   TRANSITION: ease 0.3S;

} */




@media only screen and (max-width:768px) {

	#bandiv2 {
		position: fixed;
		top: 75px;
		text-align: center;
		z-index: 9;
		width: 100vw;
		left: 0;
		transition: ease 0.5s;
		z-index: 1031;
	}

	#bandiv2:hover {
		position: fixed;
		top: 80px;
		text-align: center;
		z-index: 9;
		width: 100vw;
		left: 0;
		transition: ease 0.5s;
		z-index: 1031;
	}

	#bandiv2.shrink {
		position: fixed;
		top: 75px;
		text-align: center;
		transition: ease 0.4s;

	}

	#bandiv2.shrink:hover {
		position: fixed;
		top: 60px;
		text-align: center;

	}

	#bandiv2.relative {
		position: fixed;
		top: -200%;
		text-align: center;
		transition: ease 0.5s;

	}

	#banlb02art {
	     /* display: none; */
	     /* top: 18%;
	     left: 2.5%; */
	     width:95%;

	     /* transform: none;
	     transition: none;
	     position: fixed; */
	     /* background-color:  #bc9a97;
	     box-shadow: 0px -25vh 0 25vh #bc9a97; */
	}
	#banlb02art.shrink {
		width: 70%;
		/* left: 15%;
		top: 13%; */
	}

	#artindexid {
		font-size: 14px;
		top:  130px;
		transition: ease 0.5s;
	}
	#artindexid.shrink {
		font-size: 14px;
		top:  120px;
		transition: ease 0.5s;
	}

	#artindexid.relative {
		font-size: 14px;
		top:  -200px;
		transition: ease 0.5s;
	}
}
/* ========================| LB02 SINGLE ARTIST PAGE |========================*/

#artistnavbar {
	background-color: rgba(188, 154, 151,.0000001)!important;
	height: 25px;
	background-position: 72.1% 20%;
	background-repeat: repeat;
	background-size: 15px;
	max-width: 1400px;
	/* padding: 35px 35px 35px 50px; */
	position: fixed;
	top: 115px;
	left:0px;
	margin: 0 auto;

}

#artistnavbar.shrink {
	 /* padding:  15px 50px 15px 50px; */
	 top: 110px;
}



@media only screen and (max-width: 1199px) {

	#artistnavbar {
		top: -65px;
		position: absolute;
		z-index: 900;
		padding:  15px 50px 15px 50px;
	}

}

.artistindexlogo a:hover {
	font-size:15px;
	transition: ease 0.3s;
}

.artistindexlogo a {
	font-size: 14px;
	width: 30px;
	position: relative;
	padding-right :15px;
	transition: font ease 0.5s;
}

.shrink .artistindexlogo a {
	font-size: 13px;
	transition: font ease 0.5s;
}

@media only screen and (max-width: 1199px) {
	.artistindexlogo a {padding-right: 0px;}

	.artistindexlogo a:hover {font-size:14px;
}
}



.lb02artistnav li a {text-transform: capitalize;}



.LB01navbar {
     background-color: rgba(138, 160, 140,.85)!important;
		 /* background-image: url('https://dathlab.link/wp-content/uploads/2020/07/LB02-Background-paper-linesArtboard-XLarge-trans.png'); */
		 height: 120px;
		 /* background-position: 72.1% 20%;
		 background-repeat: repeat;
		 background-size: 15px; */
		 Margin: 0 auto;
		 max-width: 100vw;
		 padding-left: 56px;
		 padding-right: 20px;

}




@media only screen and (max-width: 1199px) {
   .LB02navbar {
	    height: 80px;
	    padding-left: 21px;
	    padding-right: 13px;
	    transition: ease 0.5s;
	}

	.LB02navbar.shrink {
		height: 75px;
		transition: ease 0.5s;
		box-shadow: 0px -4px 9px #582123;
     	transition:  ease 0.5s;

	}

      .LB01navbar {
    height: 15vh;
    padding-left: 21px;
    padding-right: 13px;

	}
}

.LB02navbar li {
padding-right: 1.5em;
padding-left: 1.5em;
font-size: 16px;
/* opacity: .9; */
}

.LB01navbar li {
padding-right: 1.5em;
padding-left: 1.5em;
font-size: 16px;
/* opacity: .9; */
}

}
#menu-lb02-menu a {
	color: #fff;
}

#menu-lb02-menu a {
	color: #fff;
}

.menu-item-5757, .menu-item-548, .menu-item-853 {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg) translateY(26px);
	padding:0!important;
	margin:-33px;

}


@media only screen and (max-width: 1199px) {
	.menu-item-5757, .menu-item-548, .menu-item-853 {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg) translate(0px, 4px );
		padding:0!important;
		margin:0px;
	}
}

.lb02navbar a {color: #fff;}

.lb01navbar a {color: #fff;}

.lb02search  {color: #000;}

.lb01search  {color: #000;}

/* .artrow {padding-bottom: 15vh;} */

.letter {
	/* padding-top: 11vh; */
	/* padding-bottom:-10vh */
	/* transform: translateY(-30px); */
}



/* ========================| DROPDOWN MENU |========================*/
@media only screen and (min-width: 1199px) {
	.dropdown-menu.show {
		/* padding-top: 120px; */
		max-width: 100vw;
		/* height: 100vh; */
		background-color: rgba(221, 84, 89,.85);
		border: none;
		/* margin-top: 4px; */
		border-radius: unset;
		transition: opacity .5s;
		opacity:1;
		position: fixed !important;
		top: 50%;
		transform: translateY(-50%);
		/* box-shadow: 0 11px 0 100vh rgba(188, 154, 151,.85); */
	  	z-index: 1033;
		padding-top: 47.5vh;
		padding-bottom: 50vh;


	}

/* .dropdown-menu.show::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  box-shadow: 0 11px 0 100vh rgba(188, 154, 151,.85);
} */
#menu-primary-header-navigation .dropdown-menu.show {
		/* box-shadow: 0 11px 0 100vh rgba(221, 84, 89,.85); */
}

}


@media only screen and (max-width: 1199px) {
.menu-item-3648 {width: 77vw!important}
.menu-item-3655 {width: 77vw!important}
}

/* .menu-item-5007 li {padding: 40px;

} */

.menu-item-5007 > .dropdown-menu.show {
	background-color: rgb(188, 154, 151, .9);
	width: 100vw;
	columns: 5;
	padding:48px;
	/* padding-top: 120px; */
	max-width: 100vw;
	/* height: 100vh; */
	border: none;
	/* margin-top: 4px; */
	border-radius: unset;
	transition: opacity .5s;
	opacity:1;
	position: fixed !important;
	top: 50%;
	transform: translateY(-50%);
	/* box-shadow: 0 11px 0 100vh rgba(188, 154, 151,.85); */
	z-index: 1033;
	padding-top: 47.5vh;
	padding-bottom: 50vh;

}
@media only screen and (max-width: 768px) {
.menu-item-5007 > .dropdown-menu.show {
	columns: 1;
}
}

.menu-item-5007 li:nth-child(odd) {
		float: left;
		text-align: left;
	}
.menu-item-5007 li:nth-child(even) {
		float: right;
		text-align: left;
	}
#menu-lb02-artists {
	width: 100%;
	justify-content: right;
	-webkit-justify-content: flex-end;
	align-items: flex-end;
	-webkit-align-items: flex-end
	}

.navscrolled #menu-lb02-artists {
	transition: 0.1s;
}

.menu-item-5007 > .dropdown-menu {top:65%;}
@media only screen and (max-width: 1199px) {
	.dropdown-menu.show {
	background-color: transparent;
	max-height: 200px;
	overflow-y:scroll;
	overflow-x:hidden;
	/* overflow: -moz-scrollbars-vertical; */
	max-width: 100vw;
	position: static;
	}

	.navbar-collapse {
	right: 0 !important;
	left: 0 !important;
	bottom: 0;
	height: 100% !important;
	TOP: 0 !important;
	position: fixed !important;
	transform: none !important;
	MARGIN-TOP: 0vh;
	padding-top:0px!important;
	}

	#menu-lb02-menu{
	z-index: 3;
	right: 0!important;
	left: 0!important;
	position: static!important;
	background-color:rgba(188, 154, 151,.85);
	min-height: 100vh;
	padding-top: 50%;

	}

	#menu-lb01-menu{
	background-image: url('https://dathlab.link/wp-content/uploads/2020/07/LB02-Background-paper-linesArtboard-XLarge-trans.png')!important;
	z-index: 3;
	right: 0!important;
	left: 0!important;
	position: static!important;
	background-color: #8aa08c!important;
	/* opacity: .9; */
	min-height: 100vh;
	padding-top: 50%;
	}

	#menu-lb02-artists {
	z-index: 3;
	right: 0!important;
	left: 0!important;
	position: static!important;
	background-color: rgb(188, 154, 151, 0);
	/* opacity: .9; */
	/* min-height: 100vh; */
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	padding-top: 208px;
	}

	#menu-primary-header-navigation{
	z-index: 3;
	right: 0!important;
	left: 0!important;
	position: static!important;
	background-color: rgba(221, 84, 89,.85)!important;
	/* opacity: 1; */
	min-height: 100vh;
	padding-top: 50%;
	border: 0;
	}

}

/* .dropdown-menu.show::-webkit-scrollbar {
    -webkit-appearance: none;
    -moz-appearance: none;
     width: 7px;
} */

/* .dropdown-menu.show::-webkit-scrollbar:vertical {
    display: block;
    width: 5px;
} */

/* .dropdown-menu.show::-webkit-scrollbar-thumb {
   border-radius: 4px;
  background-color: rgba(255, 255, 255, .5);
} */

/* .dropdown-menu.show::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 5px;
} */

 .navbar-nav, .navbar .collapse, .navbar-nav li {
	position: static;
	text-indent: 0px;
	/* z-index: 0; */

  }

  .navbar-nav, .navbar .collapse, .navbar-nav:focus li {
	  z-index: 10;
  }

 .menu-item-856 > .dropdown-menu.show {background-color:rgba(188, 154, 151,.85);}

 .menu-item-855 > .dropdown-menu.show {background-color:rgba(188, 154, 151,.85);}

@media only screen and (min-width: 1199px) {
	.menu-item-855 > .dropdown-menu.show {
		background-color:rgba(188, 154, 151,.85);
		column-count:2;
	}
}

@media only screen and (max-width: 1199px) {
	.menu-item-855 > .dropdown-menu.show {
	border-bottom: 1px solid peachpuff;
}

.menu-item-684 > .dropdown-menu.show {border-bottom: 1px solid peachpuff;}
.menu-item-1273 > .dropdown-menu.show {border-bottom: 1px solid peachpuff}
.menu-item-842 > .dropdown-menu.show {border-bottom: 1px solid peachpuff;}
.menu-item-844 > .dropdown-menu.show {border-bottom: 1px solid peachpuff;}
.menu-item-846 > .dropdown-menu.show {border-bottom: 1px solid peachpuff;}
.menu-item-852 > .dropdown-menu.show {border-bottom: 1px solid peachpuff;}
.menu-item-912 > .dropdown-menu.show {border-bottom: 1px solid peachpuff;}
.menu-item-304 > .dropdown-menu.show {border-bottom: 1px solid peachpuff;}
.menu-item-915 > .dropdown-menu.show {border-bottom: 1px solid peachpuff;}
.menu-item-330 > .dropdown-menu.show {border-bottom: 1px solid peachpuff;}
.menu-item-334 > .dropdown-menu.show {border-bottom: 1px solid peachpuff;}


}


.menu-item-684 > .dropdown-menu.show {background-color:rgba(188, 154, 151,.85);}

.menu-item-1273 > .dropdown-menu.show {background-color:rgba(188, 154, 151,.85);}

.menu-item-842 > .dropdown-menu.show {background-color: rgba(138, 160, 140,.85);}

.menu-item-844 > .dropdown-menu.show {background-color: rgba(138, 160, 140,.85);}

.menu-item-846 > .dropdown-menu.show {background-color: rgba(138, 160, 140,.85);}

.menu-item-852 > .dropdown-menu.show {background-color: rgba(138, 160, 140,.85);}

#menu-lb02-menu .menu-item-856 {display: none;}
@media only screen and (max-width: 1199px) {
 #menu-lb02-menu { right:0!important; left: 0!important; position: static!important; background-color: rgba(188, 154, 151, 0.85); line-height: 5;}

 /* #menu-lb01-menu { right:0!important; left: 0!important; position: static!important; background-color: #dc4a57; opacity:.9; line-height: 5;} */

}

@media only screen and (max-width: 1199px) {
 #menu-lb01-menu { 	background-image: url('https://dathlab.link/wp-content/uploads/2020/07/LB02-Background-paper-linesArtboard-XLarge-trans.png');right:0!important; left: 0!important; position: static!important; background-color: #bc9a97; line-height: 5;}

 /* #menu-lb01-menu { right:0!important; left: 0!important; position: static!important; background-color: #dc4a57; opacity:.9; line-height: 5;} */

}

 /* @media only screen and (max-width: 1199px) {
  #menu-primary-header-navigation { z-index: 3; right:0!important; left: 0!important; position: static!important; background-color: #dc4a57; line-height: 5; }} */

.dropdown-menu {
	/* padding-top: 50px;  */
	border: none;
}

@media only screen and (max-width: 1199px) {
.dropdown-menu {padding-top: 0px;}}

 .navbar .menu-item li {

	line-height: .5;
	display: block;
	width: 100%;
	border-bottom: none;
	padding: 0em;
	font-size: 15px;
	padding-top: 2em;
	padding-bottom: .4em;
	/* overflow-x: scroll; */
 }

 @media only screen and (max-width: 1199px) {
	 .navbar .menu-item li {

		font-size: 16px;
		padding-top: .8em;
		padding-bottom: .4em;
		line-height: 17px!important;

	 }
 }

/* @media only screen and (min-width: 1199px) {
 .navbar .menu-item-855 li {
	 column-count: 2;

 } */


 .navbar .menu-item li

.navbar .menu-item-856 li {
	display: block;
	width: 25%;
	border-bottom: none;
	padding-right: 0em;
	padding-left:6em;
}


.navbar .menu-item-842 li {
	display: block;
	width: 25%;
	border-bottom: none;
	padding-right: 0em;
	padding-left:6em;
	padding-top: 2vh;
}

 @media only screen and (max-width: 1199px) {
	 .navbar .menu-item li {
	 	 display: block;
		 text-align: center;
	 	 border-bottom: none;
		 width: 100%;
		 padding-right: 2em;
		 padding-left: 2em;
		 line-height: .5;
	}
}
@media only screen and (max-width: 1199px) {
	.navbar .menu-item {
		text-align: center;
		line-height: .5;
	}}



  .navbar  .menu-item-5007 li a{
  	font-size: 18px;
	padding: 0px;
	line-height: 20px!important;
    }

@media only screen and (min-width: 1600px) {
		.navbar  .menu-item-5007 li a{
		padding: 0px;
		line-height: 25px!important;
	 	}
 }

 .menu-item-object-lb02-artists li {
	 font-size: 14px;
 }

    .navbar .menu-item-5007 li {
	    font-size: 18px!important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px!important;
    padding-left: 5px!important;
    /* line-height: 1; */
	 }


    .menu-item {transition: ease 0.5s;}

.navbar .dropdown-menu li a {font-size: 15px;}
 @media only screen and (min-width: 1000px){
	.navbar .menu-item li:nth-child(odd) {
	float: left;
	text-align: center;
	padding-right: 4em;
	padding-left: 4em;
  }

.navbar .menu-item li:nth-child(even) {
	float: left;
	text-align: center;
	padding-right: 4em;
	padding-left: 4em;
}

.navbar .menu-item-856 li:nth-child(odd) {
	float: left;
	text-align: left;
}
.navbar .menu-item-856 li:nth-child(even) {
	float: right;
	text-align: left;
}


.navbar .menu-item-842 li:nth-child(odd) {
	float: left;
	text-align: left;
}
.navbar .menu-item-842 li:nth-child(even) {
	float: right;
	text-align: left;
}


.navbar .menu-item-1153 li {text-align: left;}

nav li .active a {color: peachpuff;}

.navbar .dropdown-menu li a {line-height: 25px;}

#menu-item-842 li a {line-height: 20px; font-size: 1vw;}

@media only screen and (max-width: 1199px) {
.navbar .dropdown-menu li a {line-height: 1;}}

#menu-item li a {text-align: left;}



  }
  /* ========================| HEADER SEARCH FORM |========================*/

.open-search a { font-size: 21px; width: 30px; position: relative; padding-right: 0px; padding-left: 0px; margin:51px;}
.open-search.shrink a { font-size: 19px;}

.LBFsearch, .LB02search, .LB01search {
  display: none;
  position: fixed;
  width: 100%;
  height:100vh;
  top: 90px;
  left: 0;
  right: 0;
  background-color: rgb(221, 84, 89, .9);
  /* opacity: .8; */
  padding-top: 300px;
  padding-bottom: 450px;
  padding-left: 450px;
  padding-right: 450px;
   z-index: 1029;}
.LB02search {
	  background-color: #bc9a97;
}

.LB01search {
	  background-color: #8aa08c;
}
  @media only screen and (max-width: 900px) {
	  .LBFsearch, .LB02search, .LB01search {
	  padding: 20px;
	  padding-top: 45vh;
	  top:unset;
	  bottom: 0;
	  z-index: 1031;
	}
}

.searchbox {
	animation: transitionIn .5s;
	opacity: .9;
	font-size: 1.7rem;
	color: peachpuff;
	border: 0px;
	background-color: peachpuff;

  }

  .searchbox:focus {border:none; }

  .cursor {
    position: relative;
}
.cursor i {
    position: absolute;
    width: 1px;
    height: 60%;
    background-color: black;
    left: 12px;
    top: 20%;
    animation-name: blink;
    animation-duration: 800ms;
    animation-iteration-count: infinite;
    opacity: 1;
}

.cursor input:focus + i {
    display: none;
}

@keyframes blink {
    from { opacity: 1; }
    to { opacity: 0; }
}

 /* ========================| HOME |========================*/

 .fp img {
	width: 50vw;
	max-width: 800px;
	height: 500px;
	margin-right: 20px;
	object-fit: cover;
	float: left;
	overflow: hidden;
}

@media only screen and (max-width: 866px) {
	.fp img {
	    height: 350px;
    	width: 100%;}

	.fp {
		width: 100%;
		height: 900px;
		overflow: hidden;
		margin-right: 0px;
	}
	.fpcar {
	    height: 850px;
	    overflow: hidden;
	}
}

/* @media only screen and (min-width: 868px) {
	.home {
	     top:450px;
		left:-590px;
		bottom: -2.4%;
    right: -85%;
	}
} */
.carousel-control-prev {display:none; }
.carousel-control-next {display: none; }

/* @media only screen and (max-width: 1199px) {
	.carousel-cap, .carousel-excerpt {
		transform: translateY(30px);
	}
} */

.carousel-indicators {
	/* transform:rotate(90deg); */
	/* bottom: -2.4%; */
	/* right: -85%; */
	position: absolute;
	justify-content: right;
	-webkit-justify-content: flex-end;
	align-items: flex-end;
	-webkit-align-items: flex-end
	width:100%;
	margin:0px;
	padding-right: 5px;

}

@media only screen and (max-width: 868px) {
	.carousel-indicators {
		/* transform:rotate(90deg); */
		bottom: -5%;
		/* right: -56.5%; */
		width: unset;
		MARGIN:UNSET;
		height: 25px;
		/* width:unset; */
		/* position: absolute; */
		/* justify-content: CENTER; */
		top:350px;
		z-index:1;
		/* left: 0px;
		width: 100%;
		justify-content: right!important;
		margin: 0px; */
	}

}



/* .carousel-indicators OL {WIDTH: 100%} */
.carousel-indicators li {

	background-color: white;
height:14px;
border: 5px solid transparent;
padding: 0px;
border-radius: 8px;
width: 14px;
}

}

.carousel-indicators .active {
    background-color: white;

}


.next {
	display: block;
	width: 100vw;
}

.carousel-control-next-icon {background-image: none;}

/* .carousel-indicators li {
	width: 10px;
	height: 10px;
	border-radius: 100%;
} */

/* @media only screen and (min-width: 900px) {

	.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%; */
  /* border: 1px solid black; */
  /* background-image: none;
}

.carousel-control-next-icon:after
{
  content: '›';
  font-size: 100px;
  color: peachpuff;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 100px;
  color: peachpuff;
}
	.carousel-control-prev {
		position: absolute;
	bottom:0px;
	left: 0px;
	color: peachpuff;
	width: 50px;
	height: auto;
     }

	.carousel-control-next {
	bottom:0px;
	} */
}


.carousel-cap {
display: block;
margin-top:3px;
/* animation: transitionIn 2s!important; */
}

.entry-title-car {
	padding-top:20px;
}


.carousel-fade .carousel-item {
/* animation: transitionIn 2s; */
/* transition-property: none!important; */
}

.lbfcar
{animation: transitionIn 0.5s;}



.carousel-item .active {
	animation: transitionOut 1.5s!important;
}

/* .carousel-fade .carousel-item { transition-property: none;} */

.tnhighlight {
     width: 100%;
     height: 500px;
     overflow: hidden;
     object-fit: cover;
}

.tnnews {
     width: 100%;
     height: 250px;
     overflow: hidden;
     object-fit: cover;
}

@media only screen and (max-width: 1000px) {
.tnhighlight {
     width: 100%;
     height: 350px;
     overflow: hidden;
     object-fit: cover;
}}

.tnfeatured  {
     width: 100%;
     height: 225px;
     overflow: hidden;
     object-fit: cover;
}

@media only screen and (max-width: 1199px) {

	.tnfeatured  {

	     height: 300px;


	}
}

.tnboard  {
    float: left;
     width: 40%;
	padding-right: 20px;
     height: auto;
     overflow: hidden;
     object-fit: cover;
}

.cutout {
	pointer-events: none;
}


/* ========================| FOOTER |========================*/

footer {
     margin-top: 0px;
     background-color: #000;
     text-align: center;
     box-shadow: 0 100vh 0 100vh #000;
	z-index: 1000;
}

footer ul {
     display: flex;
     justify-content: space-around;
     list-style-type: none;
     padding-top: 50px;
}

.LBF_Description {
	padding-left: 50px;
	padding-right: 50px;
}



#social i {
	font-size: 20px;
	color: white;
}

#social {padding-top: 93px;}

@media only screen and (max-width: 1199px) {
	#social {padding-top: 50px;}
}

footer p {
	font-size: 12.8px;
}


#menu-footer-navigation, #menu-lb02-footer, #menu-lb01-footer li a {color: #fff;}

footer a:hover {color: #fff;}

@media only screen and (max-width: 900px) {
	footer ul {display: initial; font-size: 18px;}
	footer a {line-height: 2;}
	footer p {padding: 25px;}
}

/* p.p1 {
	font-size: 0.875em;
} */


/* =====================| FOOTER POSTS |=====================*/
 .postid-394 .lbffootercol {column-count:1;}

 .postid-5784 .footertext {column-count:1;}

 .postid-5789 .footertext {column-count:1;}

div.social-float-parent { width: 100%; height: 1000px; background: #f8f8f8; position: relative; }
div#social-float { width: 200px; position: fixed; left: 10px; bottom: 10px; background: #777; }
div#footer { width: 100%; height: 200px; background: #eee; }

.title h2 {
     text-align: center;
}


.footer-col h1 {
     position: relative;
       writing-mode: vertical-lr;
     transform: rotate(180deg);
     bottom:0;
	padding-top: 7em;
}

.lbffootercol {
	columns: 2;
}

@media only screen and (max-width: 768px) {

	.lbffootercol {
		columns: 1;
	}
}




/* ========================| Programmes |========================*/
.pro img {
	/* width: 62vw;
	height: auto;
	overflow: hidden; */

	/* width: 50vw;
	max-width: 800px;
	height: 500px;
	margin-right: 20px;
	object-fit: cover;
	float: left;
	overflow: hidden; */

	width: 100%;
	height: auto;
}

/*
@media only screen and (min-width:1400px) {

	.pro img {
		width: 868px;
	}}

@media only screen and (max-width:1199px) {
	.pro img {
	    Width: 93vw;
		height: auto;

}}

} */


.sitebigblock  {
    margin-left: -40px;
}

.siteblock {
     overflow: visible;
     z-index: 4;
     padding-right: 0px;
     padding-left: 30px;
}

/* .siteblock p, h1 {
     padding-right: 0px;
} */

@media only screen and (max-width: 1199px) {
	.siteblock {
		padding: 25px;}}


.short_bios {
    /* margin-top: 25px; */
    /* margin-left: 25px; */
	padding: 66px;
	padding-bottom: 150px;
	border-top: 1px solid peachpuff;
	background-image: linear-gradient(to right,rgba(234,164,93,0), rgba(234,164,93,.4), rgba(234,164,93,.4), rgba(234,164,93,.4), rgba(234,164,93,.1), rgba(234,164,93,0));
	z-index: 4;
	word-wrap: break-word;
	display: block;
}

.short_bios2 {
    /* margin-top: 25px; */
    /* margin-left: 25px; */
	padding: 66px;
	padding-bottom: 150px;
	/* border-top: 1px solid peachpuff; */
	background-image: linear-gradient(to right,rgba(234,164,93,0), rgba(234,164,93,.4), rgba(234,164,93,.4), rgba(234,164,93,.4), rgba(234,164,93,.1), rgba(234,164,93,0));
	z-index: 4;
	word-wrap: break-word;
	display:block;
}

@media only screen and (max-width: 1000px) {
.short_bios, .short_bios2 {
	padding: 25px;
	/* margin-left:0px; */
}}

.programme_credits_info {
	/* margin-top: 25px; */
	margin-left: -25px;
	padding: 66px;
     background-image: linear-gradient(to right,rgba(234,164,93,0), rgba(234,164,93,.3), rgba(234,164,93,.45), rgba(234,164,93,.4), rgba(234,164,93,0));
     z-index: 4;
}

@media only screen and (max-width: 1000px) {

	.programme_credits_info {
		/* margin-top: 30px; */
		padding: 25px;
		margin-left: 0px;
}}

.programme_credits_info img { margin: 20px; padding:0;}

.programme-row {
	border-top: 1px solid peachpuff;
	margin-top: 10vh;
	/*margin-bottom: -150px;*/
}

@media only screen and (max-width: 1000px) {

	/* .short_bios {border-bottom: 1px solid peachpuff;} */
	.programme-row {
		margin-top: 0vh;
	}
}


.toppro {
	padding-bottom: 40px;
}

.partnertext {padding: 2vw; font-size: 12px;}


/* ========================| Curator |========================*/





.pc img {

	width: 37vw;
	object-fit: cover;
	object-position: 30% 50%;
}

.pc {
	width: 800px;
	height: 600px;
	margin: 0px;
	overflow: hidden;
}

@media only screen and (min-width:1600px) {
	.pc img {object-position: 50% 50%;}
}

@media only screen and (max-width:1199px) {
	.pc img {
		width: 100vw;
		height: 600px;
		object-position: unset;
	}

	.pc {
		width: unset;
		max-width: 97vw;
		height: 600px;
	}
}


@media only screen and (max-width:768px) {
	.pc img {
		width: 93vw;
		height: 350px;
		object-position: unset;
	}

	.pc {
		max-width: 93vw;
		height: 350px;
	}
}

.curator-block img {
	max-width: 27vw;
	max-height: auto;
	object-fit: cover;
	object-position: 50% 50%;

}

@media only screen and (max-width:992px) {

	.curator-block img {
	    max-width: 100vw;
		height: 350px;
		object-fit: cover;
}

	.curator-block {
		max-width: 100vw;
		overflow: hidden;
		height: 350px;
}}


.curatorcol {
	column-count:2;

}

@media only screen and (max-width:600px) {

	.curatorcol {column-count:1;}
}


/* ========================|   |========================*/

div .artistblock {
    overflow: visible;
     z-index: 4;
}

div .artist_sponsor_logos
     {align-items: center;}


.artists img {
	/* width: 62vw;
	height: auto;
	overflow: hidden; */
	width: 100%;
	height: auto;
}
/*
@media only screen and (min-width:1400px) {

	.artists img {
		width: 868px;
	}}


@media only screen and (max-width:1199px) {
	.artists img {
	    Width: 93vw;
		height: auto;

}} */





@media only screen and (max-width: 1000px) {
    div	.artistblock {
		margin-right: 25px;
		margin-left: 25px;
		padding: 25px;}}



@media only screen and (max-width:1100px) {
	.artists_bios p{
	display: block;
	max-width: 100%;
	text-align: justify;
}}

.artistslide {overflow: hidden;}
/* ========================| SITES |========================*/

.sites img {
	/* width: 62vw;
	height: auto;
	overflow: hidden; */
	width: 100%;
	height: auto;
}
/*
@media only screen and (min-width:1400px) {

	.sites img {
		width: 868px;
	}}



@media only screen and (max-width:1199px) {
	.sites img {
	    Width: 93vw;
		height: auto;

}} */




.siteblock-sites {
     padding: 66px;
	padding-bottom: 150px;
     overflow: visible;
     /* margin-top: 10px; */
     /* margin-left: 25px;
     margin-right: 15px; */
     background-image: linear-gradient(to right,rgba(234,164,93,0), rgba(234,164,93,.3), rgba(234,164,93,.45), rgba(234,164,93,.4), rgba(234,164,93,0));
		 /* border-top: 1px solid peachpuff; */
		 z-index: 4;
	text-align: center;
}

@media only screen and (max-width: 1199px) {
	.siteblock-sites {
		padding: 25px;
		padding-bottom: 150px;
		}}

}
@media only screen and (max-width:1199px) {
	.siteblock-sites {margin: 20px;}
	.siteblock-sites-2 {margin:20px;}}

.sites-2 img {

	width: 68vw;
	object-fit: cover;
	object-position: 140% 150%;
	float:left;
	padding-left: 60px;
}

.sites-inner-2 {
	width: 900px;
	height: 600px;
	overflow: hidden;
	margin-left: -25px;
}


@media only screen and (max-width:1100px) {
	.sites-2 img {
		width: 93vw;
		height: 350px;
		object-fit: cover;
		float: left;
		overflow: hidden;
		object-position: unset;
	}

	.sites-inner-2 {
		max-width: 93vw;
		overflow: hidden;
		height: 400px;
	}
}



.siteblock-2 {
	margin-top: 50px;
	/* margin-bottom:-150px; */
}



/* ========================| Public Programme |========================*/

.pp img {
	width: 100%;
	height: auto;
	overflow: hidden;
}

/* .pp {
	overflow: hidden;
}






@media only screen and (max-width:1199px) {
	.pp img {
	    Width: 93vw;
		height: auto;

}} */




.siteblock-pp {

}

.pptitle {
	padding-top: 50px;
	padding-left: 20px;
	margin-bottom: 75px;

}

@media only screen and (max-width:1000px) {
	.siteblock-pp {
	margin-top: 0px}}

.academic_forum img {
     float: right;
     margin-right: 15px;
	margin-top: -45px;
     margin-bottom: 150px;
	margin-left: 20px;
     width: 275px;
     height: 275px;
     overflow: hidden;
     object-fit: cover;

     }

.academic_forum {
	height: 255px;
	overflow: hidden;
	margin-bottom: 75px;
	-ms-overflow-style: none;  /* IE and Edge */
     scrollbar-width: none;  /* Firefox */
}
.academic_forum::-webkit-scrollbar {
  display: none;
}


@media only screen and (max-width:1199px) {

	.academic_forum {
		height: unset;
		overflow-y: unset;
		margin-top: 75px;
		-ms-overflow-style: none;  /* IE and Edge */
	     scrollbar-width: none;  /* Firefox */
	}
}
.public-program {
	/* padding-top: 25px; */
	margin: -15px;
}

.talktitle a {
    text-decoration: none;
	color: #fff;
    font-size: 24px;

}

.talktitle {
    width:300px;
    padding: 0px;


}



@media only screen and (max-width:992px) {
	.academic_forum {border-top: solid 1px dimgrey; text-align: center;}
	.event_date {padding-top: 25px;}
	.academic_forum img {padding-top: 10px; float: none; margin:0px;}
	.talktitle {padding: 0px; width: unset; }
	.talktitle h2 {max-width: 300px;}

}



#banlb02 {
   height: auto;
    width: 355px;
    position: fixed;
    top: 400px;
    left: -150px;
    transform: rotate(-90deg);
    bottom: 0;
    z-index: 1029;
   transition: 0.5s ease;
   /* -webkit-transition:  width .25s ease;
      -moz-transition:  width .25s ease;
      -o-transition:  width .25s ease;
      -ms-transition:  width .25s ease;
      transition:  width .25s ease; */
}

#banlb02:hover {
	width: 360px;
	transition: ease 0.3s;

	/* width: 1.05em!important; */
-webkit-transition:  width .25s ease;
   -moz-transition:  width .25s ease;
   -o-transition:  width .25s ease;
   -ms-transition:  width .25s ease;
   transition: s width .25s ease;
}


.shrink li {font-size:14px;}

.shrink li a {
	font-size:14px;
	/* transform: translateY(-3px); */
	transition: ease .5s;
}

@media only screen and (max-width:1199px) {
	.shrink li {font-size:16px!important}
	.shrink li a {font-size:16px;}
}

#banlb02.relative {
	width: 300px;
	left: -125px;
	opacity: 0;
	transition: ease-out 0.3s;
}


#banlb02.shrink {width: 300px;left: -125px;}
/* #banlb02.shrink.relative {
	position: absolute;
	bottom: -40px;
	top: unset;
	transition: none;
} */
#banlb02.shrink:hover {width: 305px; transition: ease 0.3s;}

#banlb01 {
   /* height: auto; */
    /* width: 490px; */
    position: fixed;
    top: 42vh;
    left: -5px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    /* bottom: 0; */
    z-index: 8;
   /* transition: ease 0.3s; */
   font-family: 'Montserrat', sans-serif;
   font-size: 18px;
   transition: font 0.3s ease;
}

#banlb01:hover {
	font-size: 19px;
	transition: ease 0.3s;
	color: #fff;
}

#banlb01 a:hover{color:#fff}

/* #banlb01 {
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	letter-spacing: 1.5px;
	word-spacing: 5px;
	font-size: .75em;
} */

#banlb01.shrink { font-size: 15px; transition: ease 0.3s;}
#banlb01.shrink:hover {font-size: 16px; transition: ease 0.3s;}
#banlb01.relative {opacity:0; transition: ease 0.5s;}

@media only screen and (max-width:768px) {
	#bandiv {
		position: fixed;
		/* top: 90px; */
		z-index: 1031;
		text-align: center;
		top: 88px;
          box-shadow: 0px 0px 5px -3px #582123;
	}

	#bandiv:hover {
		position: fixed;
		top: 90px;
		z-index: 1031;
		text-align: center;
	}

	#bandiv.shrink {
		opacity:0;
		position: fixed;
		top: 60px;
		transition: ease 0.3s;


	}

	#bandiv.shrink:hover {
		position: fixed;
		top: 60px;
		transition: ease 0.5s;


	}

	#bandiv.relative {
		position: fixed;
		top: -200px;
		z-index: 1031;
		text-align: center;
		transition: ease 0.5s;
	}

	#banlb02 {
		width: 92%;
		top: 0px;
		transform: none;
		transition: width 0.5s ease 0s;
		z-index: 1031;
		height: unset;
		top: unset;
		bottom: unset;
		position: relative;
		left: unset;

		/* top: 90px;
		left: 5%;
		width:92%;
		transform: none;
		transition: ease 0.5s;
		z-index: 1031;
		/* transition:.5s; */
		/* background-color:  #bc9a97;
		box-shadow: 0px -25vh 0 25vh #bc9a97; */
	}

	#banlb02:hover {
		width: 92%;
		top: 0px;
		transform: none;
		transition: width 0.5s ease 0s;
		z-index: 1031;
		height: unset;
		top: unset;
		bottom: unset;
		position: relative;
		left: unset;

		/* top: 90px;
		left: 5%;
		width:92%;
		transform: none;
		transition: ease 0.5s;
		z-index: 1031;
		/* transition:.5s; */
		/* background-color:  #bc9a97;
		box-shadow: 0px -25vh 0 25vh #bc9a97; */
	}

	#banlb02.shrink{

		top:10px;
		/* transition: ease-out 0.3s; */
		left:unset;
		width:77%;
		transition: ease 0.5s;
	}

	#banlb02.shrink:hover{

		top:10px;
		/* transition: ease-out 0.3s; */
		left:unset;
		width:77%;
		transition: ease 0.5s;
	}

	#banlb02.relative {
		width: unset;
		left:unset;
		/* top:-200px;
		left:13%; */
		width:75%;
		opacity:1;
		transition: top 0.5 ease;
	}



	#banlb01 {
		writing-mode: unset;
		top: 90px;
		left: 0;
		right:0;
		transform: none;
		z-index: 9999;
		text-align: center;
		transition: 0.3s;

	}

	#banlb01.shrink {
		top:60px;
		/* opacity: 0; */
		/* transition: ease-out 0.3s; */
		transition: top 0.4s;
	}

	#banlb01.relative {
		top:-400px;
		transition: ease 0.5s;
	}

}






/* .banner h2{
   height: auto;
    width: 490px;
    position: fixed;
    top: 0px;
    left: 0px;
    transform: rotate(270deg);
    bottom: 0;
    z-index: 8;
   transition:0s 1s;
} */

/* #bandiv.big .banner{

    transform: none;
    width: 100%; */
    /* height: 100vh; */
    /* left:0;
transition:0s;
top: 40vh; */
/* background-color: #bc9a97;
background-size: 1400px; */

}

/* #bandiv.big  {
	position: fixed;
	top: 0vh;
     left: 0px;
	height: 100%;
	width: 100%;
	background: rgba(188,154, 151,.7);

	z-index: 9999;
} */


#banlb01.big {

	position: fixed;
	width: 50vw;
	height: 30vh;
	/* left: 10vw; */
	transition: 0s;
	writing-mode: none;
	transform: none;
	writing-mode: horizontal-tb;
	/* top: -40vw; */
	font-size: 12vw;

}

.bg-image{

background-image: url("https://dathlab.link/wp-content/uploads/2020/07/Sites_LB02_v4.png");

  /* Full height */
  height: 100%;


  /* Center and scale the image nicely */
  background-position: 50% 95%;
  background-repeat: none;
  background-size: 2050px;}


/* @media only screen and (max-width:1000px) {
    #babnlb02{
   height: auto;
    width: 300px;
    position: fixed;
    top: 400px;
    left: -137px;
    transform: rotate(270deg);
    bottom: 0;
    z-index: 8;

    }
} */


.banner a  {
	font-family: 'Special Elite', serif;
	color: #fff;
	letter-spacing: 1.5px;
	word-spacing: 5px;
	font-size: .9em;
	transition: font-size .5s;
	-webkit-transition: font-size .25s ease;
	-moz-transition: font-size .25s ease;
	-o-transition: font-size .25s ease;
	-ms-transition: font-size .25s ease;
	transition: font-size .25s ease;
	/* position: fixed;
	top: 0px; */
	/* left: 0px; */
}

/* .banner a:hover  {
	font-size: .95em;
	-webkit-transition: font-size .25s ease;
	-moz-transition: font-size .25s ease;
	-o-transition: font-size .25s ease;
	-ms-transition: font-size .25s ease;
	transition: font-size .25s ease;
} */





@media only screen and (max-width:1000px) {

#banlb02 a  {
font-size: .9em;
font-family: 'Special Elite', serif;

}}

/* .banner a:hover{
    color: #FFCC00;} */

.foundation a  {
color: #ffd502;
}

.navbar-toggler{
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  z-index: 9999;
}

@media only screen and (max-width:1199px) {
	.navbar-toggler{
		position: relative;
		right: 20px;

	}}

	@media only screen and (max-width:1000px) {
		.navbar-toggler{
			position: relative;
			right: 35px;

		}}

		@media only screen and (max-width:919px) {
			.navbar-toggler{
				position: relative;
				right: 20px;

			}}

			@media only screen and (max-width:750px) {
				.navbar-toggler{
					position: unset;


				}}

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}

.navbar-toggler span {
   display: block;
   background-color: #ffd502;
   height: 3px;
   width: 25px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}


.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {

   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
	transform: rotate(45deg);
  	transform-origin: -20% 235%;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
	transform: rotate(-45deg);
    transform-origin: 0% 0%;
}


.btn.btn-primary {
  background-color: orange
}

:focus {
  outline: none;
}

.sponsor-row {padding-right:150px; padding-left:150px; padding-bottom: 50px;text-align: center;}

@media only screen and (max-width:1199px) {
	.sponsor-row {padding-right:0px; padding-left:0px; padding-bottom: 50px;}
}

.sponcon {text-align: center;}

.sponsor-col {min-width: 25%;}

@media only screen and (max-width:766px) {
	.sponsor-col {min-width: 50%;}
}

/* ========================| Archive |========================*/

.page-title {
position: fixed;
bottom: 0;
right: -20px;
writing-mode: vertical-lr;
/* transform: rotate(180deg); */
z-index: 10;
}


#scrolltitle, #scrolltitle2 {
position: fixed;
bottom: 0px;
writing-mode: vertical-lr;
transform: none;
z-index: 10;
width:100%;
max-width:1440px;
/* transition: ease-out 0.3s; */


}

#scrolltitle.relative, #scrolltitle2.relative  {
position: absolute;
bottom: -140px;
right: -58px;
writing-mode: vertical-lr;
transform: none;
z-index: 10;
/* transition: ease-out 0.3s; */

}




/* @media only screen and (max-width:768px) {

	#scrolltitle, #scrolltitle2 {
		right: -92%;
		transition: none;
	}
	#scrolltitle.relative {
		right: -34px;
		transition: none;
	}

	#scrolltitle2.relative {
		right: -1px;
		transition: none;
	}
} */



/* #two {
	transform: translateY(-209px);
	transform: translateY(-px);
} */


@media only screen and (max-width:1000px) {
.page-title {
position: fixed;
bottom: 0;
right: 0;
writing-mode: vertical-lr;
transform: rotate(180deg);
padding-top: 5em;
z-index: 10;
font-size: 1.5em;
}
}

/* .p1 {padding:0px;} */
.team {
    display: inline;
	padding-top: 50px;
    /* padding-bottom: 120px; */
    padding-left: 10vw;
    column-count: 3;
    margin: 0 auto;

    /* height: 100vh; */
}

@media only screen and (max-width:1000px) {

	.team {
	    display: table;
	}}


.nav-social-mdeia a.btn-primary {
    font-size: 13px;
    padding: 5px 10px;
    margin-top: -6px;
    background-color: white;}

.btn-donate a {
   background-color: white !important;}

.btn-donate a:hover {
   background-color: white !important;}


   /* ========================| LB02 FOOTER |========================*/

.wp-image-3855 {
	padding: 1px;
	width: 60vw;
	max-width: 864px;
	height: auto;
}

/* ========================| Biennale Concept Page |========================*/

.conceptimg {text-align: center;}

.conceptimg img {
	margin: 0 auto;
	margin-top: 218px;
	position: relative;
	left: 0%;
	right: 0%;
	top: 0%;
	bottom: 0%;
	width: 75vw;
	height: auto;
}

.conceptimg {text-align: center;}

.conceptimg img {
	margin: 0 auto;
	position: relative;
	width: 76%;
	height: auto;
	padding: 0;
}

.conceptnote {

	/* width: 55vw;
	margin: 0 auto;
	text-align: justify; */


}

.conceptnote p {
	position: relative;
	width: 75%;
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
	line-height: 2;
	font-size: 1em;

}

@media only screen and (max-width:768px) {

	.conceptnote p {
		width: 99%;
	}
	.conceptimg img {
		width: 99%;
	}
}



.concept p {padding-right: 100px;}
.footer_title {min-height:100vh;}

.footertext {
	padding-top:50px;
	column-count: 2;
}

.footertext p {
	width: 25vw;
}

@media only screen and (max-width:768px) {
	.footertext {
		padding-top:50px;
		column-count: 1;
	}
	.footertext p {
		width: unset;
	}
}



/* ========================| Sponsors |========================*/

.logo-title {

	padding: 35px;
}



.profileMain{
    display: flex;
    position: relative;
}

.userInfoContainer{
    height: 100%;
    width: 50%;
    display: inline-block;
}

.userInfo{
    background: red;
    width: 50%;
    position: fixed;
}

.userContent{
    background: blue;
    width: 50%;
    margin-bottom: 10em;
}



.comingsoon {
	padding-top: 30vh;
	text-align: center;
	width: 100%;
}





/* ========================| check with Athanasios |========================



.pro img {
	width: 90vw;
	height: 400px;
	object-fit: cover;
	float: left;
	overflow: hidden;
	object-position: unset;
}

.pro-inner-1 {
	max-width: 86vw;
	overflow: hidden;
	height: 400px;
*/