/* base */

html, body {
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
	color: #FFF;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

body {
	padding: 1.5rem 5vw;
	width: 90vw;
	/* background-image: url(../img/gradiente_site_2.jpg); */
}
	
h1, h2, h3 {
	text-transform: none;
	font-size: 2.2rem;
	font-weight: 400;
	line-height: 1.25;
	margin: 1rem 0;
	text-align: center;
}

section h2, section h3 {
	margin: 2rem 0;
	font-weight: 700;
	text-transform: uppercase;
}

section h3 {
	font-size: 1rem;
}

/*
UNITED COLORS OF X 
*/

html.a {
	background-size: 100% 100%;
	background-position: 0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px;
	background-image: radial-gradient(75% 75% at 119% 43%, #C200BFE3 0%, #073AFF00 100%),radial-gradient(75% 75% at 7% 89%, #B44C00FF 0%, #073AFF00 100%),radial-gradient(40% 81% at -3% 22%, #062F13ED 2%, #FF00BE00 95%),radial-gradient(142% 91% at 80% -26%, #02290EFF 0%, #007E2926 98%),radial-gradient(113% 91% at 17% -2%, #007E29FF 0%, #003312FF 100%),radial-gradient(142% 91% at -6% 74%, #062F13FF 1%, #004717FF 99%),radial-gradient(142% 91% at 111% 84%, #062F13FF 0%, #004717FF 100%);
}

html.b {
	background-size: 100% 100%;
	background-position: 0px 0px,0px 0px,0px 0px,0px 0px;
	background-image: radial-gradient(113% 91% at 17% -2%, #8D0101FF 1%, #FF000000 99%),radial-gradient(142% 91% at 83% 7%, #012510FF 1%, #FF000000 99%),radial-gradient(142% 91% at -6% 74%, #0B0BA8FF 1%, #FF000000 85%),radial-gradient(142% 91% at 111% 84%, #FFF114FF 0%, #FF7000FF 28%, #000 100%);
}

html.c {
	background-size: 100% 100%;
	background-position: 0px 0px,0px 0px,0px 0px,0px 0px;
	background-image: radial-gradient(113% 91% at 17% -2%, #FF000000 1%, #8D0101FF 99%),radial-gradient(142% 91% at 83% 7%, #FF000000 1%, #012510FF 99%),radial-gradient(142% 91% at -6% 74%, #FF000000 15%, #0B0BA8FF 99%),radial-gradient(142% 91% at 111% 84%, #000 0%, #FF7000FF 72%, #FFF114FF 100%);
}

html.d {
	background-size: 100% 100%;
	background-position: 0px 0px,0px 0px,0px 0px,0px 0px;
	background-image: radial-gradient(113% 91% at 17% -2%, #8D0101FF 1%, #FF000000 99%),radial-gradient(142% 91% at 83% 7%, #FFFF01FF 1%, #FF000000 47%),radial-gradient(142% 91% at -6% 74%, #025308FF 1%, #FF000000 85%),radial-gradient(142% 91% at 111% 84%, #000 0%, #0C7F1EFF 40%, #0C9D1CFF 49%, #271402FF 100%);
}

hr.a {
	border-color: #ce0019;
}

hr.b {
	border-color: #f60;
}

hr.c {
	border-color: #ffffff;
}

hr.d {
	border-color: #ff00ff;
}

hr.e {
	border-color: #0099ff;
}

th.a {
	background-image: linear-gradient(260deg, #ce0019,#e283d5);";
}

th.b {
	background-image: linear-gradient(200deg, #f60,#F00);";
}

th.c {
	background-image: linear-gradient(140deg, #fa0,#F60);";
}

th.d {
	background-image: linear-gradient(50deg, #dc01f2,#9405a3);";
}

th.e {
	background-image: linear-gradient(120deg, #09f,#06b);";
}

/* ---------------
header 
---------------- */

header img {
	width: 4rem;
	margin: 1rem 0;
}

header h1, header h2, header h3 {
	display: block;
	margin: 0;
	text-align: center;
}

header h1 {
	font-size: 3rem;
	letter-spacing: .1em;
	font-weight: 700;
	margin: 1em 0;
}

header h1 span {
	display: block;
}

header h1 img {
	vertical-align: middle;
}

header h1 img + img {
	width: 19rem;
	margin-left: .1em;
}

header h2, header h3 {
	font-size: 1rem;
	margin-bottom: 1em;
	color: #FFF;
}

header h1 + h2 {
	font-size: 1.5rem;
	text-align: center;
}

header h1 + h2 span {
	background: #FFF;
	color: hsl(227,82%,51%);
	text-transform: uppercase;
	font-weight: 700;
	padding: 0 .25em;
}

header p {
	margin: 1rem 0;
}

header mark {
	color: #fff;
	background-color: #f09;
}

header mark a, header mark a:link, header mark a:visited {
	text-decoration: underline;
	text-decoration-color: #fff;
}

/* ---------------
nav 
---------------- */

nav {
	text-align: center;
	display: none;
}

nav ul {
	font-size: 0;
	margin: 0;
}

nav li {
	font-size: 1rem;
	text-transform: uppercase;
	display: inline;
}

nav li {
	margin-right: 5px;
	padding: 0 5px;
}

/* ---------------
page
--------------- */

hr {
	border: 5px solid #ff0093;
	margin: 2rem 5rem;
}

#program, #keynotes, #papers, #arttworks, #performances {
	font-size: 1.25rem;
}

article {
	font-size: 1rem;
}

article {
	width: 100%;
	padding: 0;
	display: block;
	vertical-align: top;
}

#keynotes strong {
	text-transform: uppercase;
}

#papers, #artworks, #performances {
	font-weight: 700;
}

#papers article, #artworks article, #performances article {
	border-top: 1px solid #FFF;
	padding: 1em 0;
}

#papers cite, #artworks cite, #performances cite {
	font-weight: 400;
	display: block;
}

#papers a, #artworks a, #performances a {
	font-weight: 400;
}

#artworks p:first-child {
	margin-bottom: .5rem;
}

p, ul {
	margin-bottom: 1.5rem;
}

strong {
	font-weight: 700;
}

em, cite {
	font-style: italic;
}

/* ---------------
program
--------------- */

table {
	font-size: 1rem;
	width: 100%;
	display: block;
	vertical-align: top;
	line-height: 1.75em;
	margin-top: 2em;
}

table:first-child {
	margin-top: 0;
}

th {
	text-align: center;
	padding: 1.5em 1rem;
	font-weight: 700;
	color: #fff;
	font-size: 1.5em;
	text-transform: uppercase;
}

td {
	padding: .5em 0;
}

table tr {
	border-top: 1px solid #FFF;
}

tr.break {
	border-top: 1px solid #FFF;
	text-align: center;
	text-transform: uppercase;
}

tr.break td {
	padding: 1em 0;
}

tr.transfer {
	background: rgb(0, 121, 70);
	text-transform: none;
}

tr.transfer td {
	padding-top: 0;
}

tr.transfer strong {
	text-transform: uppercase;
}

tr.return {
	background: rgb(0, 81, 48);
}

tr.transfer em {
	font-size: 2em;
	font-weight: 400;
	color: rgb(8, 237, 142);
	position: relative;
	top: .1em;
	margin: 0;
	padding: 0;
}

tr.break strong {
	display: block;
	font-size: 1rem;
	line-height: .9;
	font-weight: 400;
}

tr.transfer strong {
	line-height: 1;
}

tr ul {
	margin-top: 1.5em;
}

tr h2 + ul {
	margin-top: 0;
}

td h3 {
	margin: 1em 0 0;
	font-weight: 400;
}

td h2 {
	font-size: 1.5em;
	margin: 0 0 1em;
	text-transform: uppercase;
	font-weight: 700;
	color: #FFF;
}

td h2 span {
	font-weight: 400;
	display: block;
	font-size: .9rem;
	text-transform: none;
}

td li {
	font-weight: 700;
	text-indent: 0;
}

td li:before {
	content: "> ";
	color: #FFF;
	font-weight: 400;
}

td li cite {
	text-indent: 0;
	font-weight: 400;
	text-transform: none;
}

td li.qa {
	/* margin-left: 1em; */
	color: #fff;
	font-weight: 400;
}

td li.qa:before {
	content: "+ ";
}


/* footer */

#footer {
	padding: 0 1rem;
	background: rgba(255,255,255,.9);
	text-align: center;
}

#footer h3 {
	font-size: 15px;
	padding-bottom: 0;
}

a, a:link, a:visited {
	color: #FFF;
	text-decoration: underline;
	text-decoration-color: rgba(255,255,255,.75);
}

a:active {
	color: #fff;
}

ul {
	list-style:none;
	margin-left: 0;
	padding: 0;
}

article img {
	display: block;
	width: 100%;
	height: auto;
}

/* logos */

#footer ul {
	padding-left: 0;
	text-indent: 0;
	overflow: auto;
	padding-top: 24px;
}

#footer ul.xcoax {
	padding-top: 0;
}

#footer a, #footer a:link, #footer a:visited {
	color: rgb(50,50,50);
	text-decoration: underline;
}

#footer a:active, #footer a:hover {
		color: #000; //end color
}

ul.logos li {
	display: inline-block;
	margin-bottom: 15px;
	vertical-align: middle;
}

ul.logos img {
	max-width: 100%;
	height: auto;
	width: auto;
	max-height: 40px;
}

ul.logos img.s {
	max-height: 25px;
}

ul.logos li.media {
	opacity: 0.5;
}

#committees li, #program li, #aboutus li, #proceedings li {
	padding-left: 1em;
	text-indent: -1em;
}

/* Large devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	nav {
		display: block;
	}

	article img {
		width: 100%;
	}
	
	#dates ul li strong {
		display: inline;
	}

	ul.logos li {
		margin-bottom: 30px;
	}
	
	hr {
		margin: 2rem 10rem;
	}
	
	#footer ul {
		padding-top: 34px;
	}
	
	ul.logos li {
		margin-right: 20px;
	}
	
	#travel p.travel {
		text-align: center;
	}
	
	#travel img, #save img {
		width: 50%;
	}
	
	article {
		width: 48%;
		padding: 0;
		display: inline-block;
		vertical-align: top;
	}
	
	article {
		margin-right: 2%;
	}
	
	article:nth-child(even) {
		margin-right: 0;
	}
	
	/* PROGRAM */
	
	table {
		font-size: .9rem;
		width: 48%;
		display: inline-block;
		margin-right: 4%;
	}
	
	table:nth-child(even) {
		margin-right: 0;
	}
	
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	html, body {
		font-size: 19px;
	}

	header, section {
		max-width: 900px;
		margin: 0 auto;
	}

	header::before {
		top: -402px;
		left: -200px;
   	}
	   
	header h1 span {
		display: inline;
	}
	
	#contacts li {
		display: inline;
		margin-right: 1em;
	}

	#committees ul, #aboutus ul, #proceedings ul {
		column-count: 2;
		column-gap: 3rem;
	}

	#committees ul.single {
		column-count: 1;
	}
	
	#proceedings ul.single li {
		font-size: 1rem;
	}

	#committees li, #aboutus li, #proceedings li {
		display: inline-block;
		width: 95%;
		padding-right: 1em;
		font-size: .75rem;
	}

	#committees li strong, #aboutus li strong, #proceedings li strong {
		font-size: 1rem;
	}

	#program ul + article, #dates ul + article {
		padding-right: 1%;
	}
	
	article img {
	width: 100%;
	height: auto;
	}
	
	.venues {
		font-size: 0;		
	}
	
	.venues li {
		font-size: 1rem;
		display: inline-block;
		vertical-align: top;
		width: 49%;
	}
	
	.venues img {
		margin-right: 1em;
	}

	section#registration, section#dates, h3 {
		clear:both;
	}

}