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


/* ------------------------- G E N E R A L ------------------------- */


* 										{ box-sizing: border-box; }
html, body 								{ font-size: 14px; line-height: 1.4em; overflow-y: scroll;  overflow: -moz-scrollbars-vertical; }

body 									{ margin: 0;
										  padding: 0;
										  background-color: #FFF;
										  font-family: "Lava", serif;
										  font-weight: 400;
									  	  font-style:normal;
										  color: #191919; }

h1, h2, h3, h4, h5, h6 					{ margin: 0!important; }

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

::selection 							{ background: #ff8283; }
::-moz-selection 						{ background: #ff8283; }



/* ------------------------- T Y P O G R A P H Y ------------------------- */



h1, h2, h3, h4, h5, h6 		{ font-weight:   900; line-height: 1.4em; }
h1 							{ font-size:    2rem; }
h2 							{ font-size:  1.5rem; }f4364cf
h3 							{ font-size: 1.15rem; }
h4 							{ font-size:    1rem; }
h5 							{ font-size: 0.85rem; }
h6 							{ font-size: 0.65rem; }

.content, .event-short 		{  font-family: "Lava", serif; font-weight: 400; font-size: 1.2rem; line-height: 1.4em; }
.bignames			 		{  font-family: "Lava", serif; font-weight: 900; font-size: 2.5vw; line-height: 1.4em; }

.switch 					{ font-family: 'Space Mono', monospace; text-transform: uppercase;  }
.schedule 					{ font-family: 'Space Mono', monospace; font-size: 1rem; }
.bt-large 					{ font-family: 'Space Mono', monospace; text-transform: uppercase; font-size: 1.2rem; }
.bt-small, .toconferences	{ font-family: 'Space Mono', monospace; text-transform: uppercase; font-size: 1rem; }
.venue	 					{ font-family: 'Space Mono', monospace; font-size: 0.8rem; line-height: 1.8em; text-align: center; }
footer 						{ font-family: 'Space Mono', monospace; }




/* ------------------------- M A I N - S E C T I O N S ------------------------- */



#about {
	min-height: 100vh;
	width: 70%;
	margin: 0 15%;
	top: 0; 
	background-color: #FFF; }

#programme {
	min-height: 100vh;
	width: 75%;
	margin: 0 12.5%;
	top: 5vh; }

#conferences {
	min-height: 100vh;
	width: 80%;
	margin: 0 10%;
	top: 10vh; }
	
#book {
	min-height: 100vh;
	width: 85%;
	margin: 0 7.5%;
	top: 15vh; }
	
#drawing {
	min-height: 100vh;
	width: 90%;
	margin: 0 5%;
	top: 20vh; }

#inside {
	min-height: 100vh;
	width: 95%;
	margin: 0 2.5%;
	top: 25vh; }
	
#intro {
	min-height: 70vh;
	width: 100%;
	margin: 0;
	top: 30vh;
	display: flex;
	align-items: stretch; }

#programme, #conferences, #book, #drawing, #inside, #intro {
	background: #f4364c;
	background: -webkit-linear-gradient(#f4364c, #FFF);
	background: -moz-linear-gradient(#f4364c, #FFF);
	background: -o-linear-gradient(#f4364c, #FFF);
	background: linear-gradient(#f4364c, #FFF); }

#about, #programme, #conferences, #book, #drawing, #inside, #intro {
	position: fixed;
	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;	}
	
.ontop {
	position: absolute !important;
	z-index: 900; }

#about 			.content 	{ width: 70%; }
#programme 		.content 	{ width: 65%; }
#conferences 	.content 	{ width: 61%; }
#book 			.content 	{ width: 58%; }
#drawing 		.content 	{ width: 54%; }
#inside 		.content 	{ width: 52%; }

#about .content, #programme .content, #conferences .content, #book .content, #drawing .content, #inside .content {
	max-width: 800px;
	margin:0 auto;
	text-align:justify; }


/* ------------------------- S E C T I O N S - H E A D E R ------------------------- */
	
	
	
header {
	width: 100%;
	height: 5vh;
	margin: 0 0 64px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.ontop header {
	height: 10vh;
	
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.switch {
	color: #191919;
	text-decoration: none;
	padding: 2px 0;
	border-bottom: solid 1px transparent; }
	
.switch:hover {
	text-decoration: none;
	padding: 2px 0;
	border-bottom: solid 1px #191919; }
	
.ontop .switch {
	border-bottom: solid 1px #191919; }


/* ------------------------- P R O G R A M M E ------------------------- */




ul.schedule 					{ margin: 0; padding: 0; list-style: none; }
ul.schedule li 					{ margin: 0; padding: 10px 0; border-top: dotted 1px #191919; }
ul.schedule li:last-of-type 	{ border-bottom: dotted 1px #191919; }
ul.schedule li.event-break		{ padding: 20px 0; }

.event-link 					{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; border: none; text-decoration: none; cursor: default; pointer-events: none; }
.event-short 					{ margin: 0; padding: 40px 0; text-align: left; display: none; }
.disable						{ cursor: default; pointer-events: none; }

.venue span  { border-bottom: solid 1px #191919; margin-bottom: 5px; display:inline-block; }



/* ------------------------- C O N F E R E N C E S ------------------------- */



.author-photo { width: 50%; height: auto; margin: 0 auto; padding: 0; display:block; }

.theme-text 	{ font-size: 1rem; line-height: 1.2em; font-style:italic; }

	
/* ------------------------- I N T R O ------------------------- */
	

		
#intro .wall {
	width: 100%;
	background: url(../-img/design/intro.svg) center no-repeat scroll;
	background-size: contain; }


	
/* ------------------------- F O O T E R S ------------------------- */



.masterfooter 						{ width: 100%;  margin:0 auto; position: fixed; left: 0; bottom: 0; display: flex; justify-content: space-between; }
.masterfooter ul 					{ margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: no-wrap; }
.masterfooter li 					{ margin: 0; padding: 2.5vh; }

.secondaryfooter	 				{  margin:0 auto; position: relative;  display: block; text-align: center; }

#about 			.secondaryfooter 	{ width: 70%; }
#programme 		.secondaryfooter 	{ width: 65%; }
#conferences 	.secondaryfooter 	{ width: 61%; }
#book 			.secondaryfooter 	{ width: 58%; }
#drawing 		.secondaryfooter 	{ width: 54%; }
#inside 		.secondaryfooter 	{ width: 52%; }

.logos 								{ width: 100%; height: auto; margin: 0 auto; padding: 0; display: block; }


/* ------------------------- B U T T O N S  &  L I N K S------------------------- */



.turnoff {
	width: 7.5vh;
	height: 7.5vh;
	position: fixed;
	top: 0;
	right: 0;
	border: none;
	display:none; }

.icon {
	width: 50%;
	height: 1px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	bottom: auto;
	-webkit-transform: 	translate(-50%, -50%);
	-moz-transform: 		translate(-50%, -50%);
	-ms-transform:  		translate(-50%, -50%);
	-o-transform: 		translate(-50%, -50%);
	transform: 			translate(-50%, -50%); }

.icon::before, .icon:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #191919; }

.icon::before {
	-webkit-transform: 	rotate(-45deg);
	-moz-transform: 		rotate(-45deg);
	-ms-transform: 		rotate(-45deg);
	-o-transform: 		rotate(-45deg);
	transform: 			rotate(-45deg); }

.icon::after {
	-webkit-transform: 	rotate(45deg);
	-moz-transform: 		rotate(45deg);
	-ms-transform: 		rotate(45deg);
	-o-transform: 		rotate(45deg);
	transform: 			rotate(45deg); }

.ontop .turnoff {  display: block; }


a.clean, 
a.toconferences 							{ color: #191919; text-decoration: none; border: none;  }
a.clean:hover, a.toconferences:hover		{ color: #191919; borde: none; }


.bignames a 								{ color: #191919; text-decoration: none; border-bottom: none; }
.bignames a:hover 							{ color: #191919; text-decoration: none; border-bottom: solid 1px #191919;  }

.bt-small 									{ border: solid 1px #191919; padding: 5px 20px; }
.bt-small:hover 							{ border: solid 1px #f4364c; color: #f4364c; }

.bt-readmore, .bt-readless 					{ color: #f4364c; text-decoration: none; font-style: italic; border-bottom: none;	}
.bt-readmore:hover, .bt-readless:hover 		{ color: #f4364c; text-decoration: underline;	}

.bt-readmore.open 							{ display: none;	}


/* ------------------------- M I S C E L A N E O U S ------------------------- */



.liner 				{ width: 50%; height: 1px; border-top: solid 1px #191919; margin:0 auto; }

.br-single			{ height: 32px; }
.br-double			{ height: 64px; }
.br-triple			{ height: 96px; }

.center 			{ text-align: center; }
	
.readmore  			{ display: none; }

.listof				{ column-count: 2; column-gap: 5%; text-align: left !important; }





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

.bignames			 	{  font-size: 3vw; }
 
} /* /1600 */

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

.bignames			 	{  font-size: 3.5vw; }
 
} /* /1600 */

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

/* ----- T Y P O G R A P H Y ----- */

.bignames			 	{  font-size: 5vw;  }


} /* /1024 */




@media only screen and (max-width: 768px) {
	
/* ----- T Y P O G R A P H Y ----- */

.bignames			 		{  font-size: 6vw;  }

	
/* ----- M A I N - S E C T I O N S ----- */
#about 				{ width: 64%; margin: 0 18%; }
#programme 			{ width: 70%; margin: 0 15%; }
#conferences 		{ width: 76%; margin: 0 12%; }
#book	 			{ width: 82%; margin: 0 9%; }
#drawing 			{ width: 88%; margin: 0 6%; }
#inside 			{ width: 94%; margin: 0 3%; }

#about.ontop,
#programme.ontop,
#conferences.ontop,
#book.ontop,
#drawing.ontop,
#inside.ontop 		{ width: 100%; margin: 0; }

#about 			.content 			{ width: 70%; }
#programme 		.content 			{ width: 70%; }
#conferences 	.content 			{ width: 70%; }
#book 			.content 			{ width: 70%; }
#drawing 		.content 			{ width: 70%; }
#inside 		.content 			{ width: 70%; }

#about 			.secondaryfooter 	{ width: 90%; }
#programme 		.secondaryfooter 	{ width: 90%; }
#conferences 	.secondaryfooter 	{ width: 90%; }
#book 			.secondaryfooter 	{ width: 90%; }
#drawing 		.secondaryfooter 	{ width: 90%; }
#inside 		.secondaryfooter 	{ width: 90%; }

.listof								{ column-count: 1; column-gap: normal; }


} /* /768 */


@media only screen and (max-width: 420px) {
	
/* ----- T Y P O G R A P H Y ----- */

.bignames			 		{  font-size: 7vw; }


/* ----- M A I N - S E C T I O N S ----- */
#about 								{ width: 100%; margin: 0; }
#programme 							{ width: 100%; margin: 0; }
#conferences 						{ width: 100%; margin: 0; }
#book	 							{ width: 100%; margin: 0; }
#drawing 							{ width: 100%; margin: 0; }
#inside 							{ width: 100%; margin: 0; }

#about 			.content 			{ width: 90%; text-align: center; }
#programme 		.content 			{ width: 90%; text-align: center; }
#conferences 	.content 			{ width: 90%; text-align: center; }
#book 			.content 			{ width: 90%; text-align: center; }
#drawing 		.content 			{ width: 90%; text-align: center; }
#inside 		.content 			{ width: 90%; text-align: center; }

#about 			.secondaryfooter 	{ width: 90%; }
#programme 		.secondaryfooter 	{ width: 90%; }
#conferences 	.secondaryfooter 	{ width: 90%; }
#book 			.secondaryfooter 	{ width: 90%; }
#drawing 		.secondaryfooter 	{ width: 90%; }
#inside 		.secondaryfooter 	{ width: 90%; }



/* ----- P R O G R A M M E ----- */

.event-link  			{ align-items: center; justify-content: center; flex-direction: column; }


/* ----- C O N F E R E N C E S  ----- */

.author-photo { width: 100%; }


/* ----- F O O T E R S ----- */

.logos 	{ width: 100%; }


/* ----- M I S C E L A N E O U S ----- */

.liner 				{ width: 100%; }

.br-single			{ height: 24px; }
.br-double			{ height: 48px; }
.br-triple			{ height: 56px; }






} /* /420 */