@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto');

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/Lato/Lato-Regular.ttf') format('truetype');
}
/* latin */
@font-face {
  font-family: 'Lato Light';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Light'), local('Lato-Light'), url('../fonts/Lato/Lato-Light.ttf') format('truetype');
}

/* latin */
@font-face {
  font-family: 'Roboto Thin';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url('../fonts/Roboto/Roboto-Thin.ttf') format('truetype');
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

/* ====================
   GRID
   --------------------
*/
.row{
	width:100%;
	margin:0;
	padding:0;
}
.col{
	margin:0;
	padding:0;
	vertical-align: top;
	display: inline-block;
}
.col-8{
	width:66%;
}
.col-7{
	width:58%;
}
.col-6{
	width:49.5%;
}
.col-5{
	width:41%;
}
.col-4{
	width:33%;
}
.col-3{
	width:24.5%;
}


/* IE7 hacks */
*:first-child+html .gridItem img {
	position:relative;
	top:0px;
}

*:first-child+html .gridItem h3 {
	position:relative;
	top:0px;
}


/* Site menus. Don't wrap the top level items, and wrap sub-menu items normaly. */
#sitemenu-content ul li span.in { white-space:nowrap;}
* html #sitemenu-content ul li span.in {white-space: normal}
*:first-child+html #sitemenu-content ul li span.in {white-space: normal}
#sitemenu-content ul ul li span.in {white-space: normal}
#sitemenu-content span.in { position: relative; }

body { word-wrap:break-word; }

/* Make sure scaled-down images look good in IE */
img { -ms-interpolation-mode: bicubic; }


/* ====================
   COLORS
   --------------------
*/
a, a:link, a:visited,a:hover, a:active {color:#31BEF2;}

/* ====================
   GENERAL
   --------------------
*/
body {
	margin:0; padding:0; color:#454545;
	font-family: 'Lato-Light', 'Roboto', sans-serif;
	font-size:16px;
	background-color: #F8F8F8;
}
#page-content a{
	/*opacity: 0.7;*/
	color:rgba(49,190,242,0.7);
}

a:link, a:visited {text-decoration:none; }
#page-content a:hover, #page-content a:active {color:rgba(49,190,242,1);}

h1, h2, h3, h4, .topic{
	text-transform: uppercase;
	color: black;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h2, h3, h4 {margin-top:0;}
img {border:none; max-width:100%; height:auto;}

.clear {clear: both; height: 0;}
.hidden {display:none !important;}

.menu-icon, .close-btn{
	cursor: pointer;
}


/* ====================
   LAYOUT 
   --------------------
*/
#page-container {width:100%; margin:0 auto;}
#page-content{
	min-height: 50vh;
	width:100%;
	max-width: 1200px;
	background-color:white;
	margin:auto;
	min-height: 400px;
	box-shadow: 2px 2px 10px 1px #C8C8C8;
}
#main{
	padding: 3%;
}
@media only screen and (max-width: 1200px){
	#page-content{
		width:80%;
	}
}
@media only screen and (max-width: 978px){
	#page-content{
		width:95%;
	}
}
#sidebar-container {
	padding:0 20px;
}
#page-bottom {
	clear:both;
	margin:30px 0 0;
	background-color: rgba(0,0,0, 0.9);
	color: #C8C8C8;
	padding:20px;
	text-align:center;
	font-size:1.1em;
}

/* ====================
   HEADER
   --------------------
*/

#page-top {
	position:relative;
/*	top:80px;
	margin-bottom:95px;*/
	margin-bottom:15px;
}

#title {
	max-width: 1200px;
	margin: auto;
	background: url(../images/siusi2.jpg) no-repeat;
	background-size: cover;
	background-position: 0% 42%;
	margin-top: 80px;
	height:300px;
}
.title-text-container{
	margin: auto;
	text-align: center;
	position: absolute;
	bottom: 0;
	max-width: 1200px;
	width:100%;
	height: 80px;
	padding: 0;
	background-color: rgba(0,0,0,0.5);
	transition: all 1s ease;
}
.title-text-container:hover{
	height: 100%;
}
#tagline{
	display: none;
}
#title h1, #title h1 a, #title p {color:#FFF;}
#title h1 {
	font-family: 'Lato Regular', sans-serif;
	text-transform: uppercase;
	font-size:2rem; 
	font-weight: 500;
	margin:0;
	padding: 1.5rem 0;
}
#title h1 .in {position:absolute; bottom:0; display:block; padding:10px 20px 5px 20px;}
#title h1 a {
	display:block; 
	text-decoration:none;}
#title .name{
	/*color: #31BEF2;*/
	font-weight: 100;
}
#title .email{
	font-family:Georgia, Times, "Times New Roman", serif;
}
#title p { 
	margin:0; 
	padding:5px 20px; 
	font-size:1.4em;
 	font-style:italic; 
}
.title-text-container p{
	visibility: hidden;
	opacity:0;
	transition: all 1s ease;
}
@media only screen and (min-width: 979px){
	#title .title-text-container:hover h1{
		padding: 50px 0;
	}
	.title-text-container:hover p{
		visibility: visible;
		opacity:1;
	}
}

#title .title-text-container p.description{
	font-size: 1.5rem;
	font-style: normal;
}
#logo {
	position:absolute;
	right:20px;
	top:25px;
	z-index:2;
}

/* ====================
   SITEMENU 
   --------------------
*/
.menu-icon, .close-btn{
	display: none;
}
#sitemenu ul li {display:inline;}
#sitemenu-container {
	background-color: white; /*rgba(255,255,255,0.9);*/
	box-shadow: 1px 0px 5px 0px black;
	position:fixed;
	top:0;
	width:100%; 
	text-align:right; margin:0; padding:0; 
	font-size:0.8rem; 
	text-transform:uppercase; height:80px;}
#sitemenu ul li .in {
	line-height:77px; 
	height:50px;
	display:inline-block;
	padding:0 8px;
}
#sitemenu {
	width:90%;
	margin:auto; 
	font-weight: bold;
	text-align:right;
}
#sitemenu a {color:#454545; text-decoration:none !important; white-space:nowrap;}
#sitemenu ul {margin:0;}
#sitemenu li {padding:0; margin:0; list-style-type:none;}
#sitemenu li li a {text-decoration:none; white-space:normal;}
#sitemenu-content ul li span.in {white-space:normal;}
#sitemenu ul {padding:0;}
#sitemenu a .in:hover {
	border-bottom: 3px solid black;
}
#sitemenu li.currentPage a{color:#31BEF2;}
#sitemenu li.currentPage .in {
	border-bottom: 3px solid #31BEF2;
}

/*=====================
	BUTTONS
   --------------------
*/
button{
	padding: 10px;
	border: 1px solid black;
	text-transform: uppercase;
	font-weight: bold;
	background-color: white;
	margin-right: 10px;
	cursor: pointer;
	outline: none;
}
button:hover, button:focus, button:active{
	color: white;
	background-color: black;
	ouline: none;
}
.filters-container{
	padding: 10px 0;
	text-align: right;
}
#publications .topic{
	display: block;
	margin: 20px -40px;
	font-size: 1rem;
	font-weight: bold; 
}

/* ====================
   MAIN
   --------------------
*/
body #page-content h2.title{
	text-align: left;
	padding: 0 0 10px 0;
	/*border-bottom: 1px solid lightgrey; */
}

/* ====================
   SIDEBAR
   --------------------
*/
body.allow-sidebar #main {
	display: inline-block;
	width: 60%;
	margin:0;
}
#sidebar-container {
	display: inline-block;
	width: 25%;
	margin:0;
}


/* My css */

.row .column-content{
	padding: 1rem;
	font-size: 1rem;
	line-height: 1.5rem;
}
.row .column-title{
	margin-bottom: 0;
	font-size: 1rem;
	text-transform: uppercase;
}
#main .row .column-content p{
	margin: 0;
}
.photo{
	text-align: center;
	margin-bottom: 2rem;
}
.photo img{
	max-width: 260px;
	width: 100%;
	margin: auto;
}
.section-container {
	padding: 0 0 1rem 0;
	margin: 0 0 1rem 0;
	border-bottom: 1px solid lightgrey;
}
.section-container.last{
	border: none;
}
.section-container ul, .section-container ol{
	line-height: 1.4rem;
}
.border-bottom{
	border-bottom: 1px solid lightgrey;
}
.section-title{
	font-size: 1.2rem;
	padding: 1rem 0;
	margin:0;
	vertical-align: -webkit-baseline-middle;
	vertical-align: middle;
}
.with-buttons{
	padding: 10px 0;
}

/* ====================
   RESPONSIVE
   --------------------
*/
@media only screen and (max-width: 978px){
	.col-4, .col-8{
		width: 100%;
	}
	#title{
		height: 80px;
	}
	.menu-icon{
		display: inline-block;
		float: left;
		font-size: 35px;
		line-height: 80px;
		margin-left: 20px;
	}
	.close-btn{
		display: inline-block;
		text-align: right;
		font-size: 35px;
		line-height: 80px;
		margin-left: 20px;
		padding-right: 20px;
	}
	#sitemenu{
		width: 100%;
	}
	#sitemenu-content{
		display: none;
	}
	#sitemenu-content.menu-open{
		display: block;
		width:100%;
	}
	#sitemenu .menu-open ul {
		height: 100vh;
		background-color: rgba(0,0,0,0.9);
	}
	#sitemenu .menu-open ul li .in{
		display: block;
		width: 100%;
		text-align: left;
		background-color: rgba(0,0,0,0.9);
		color: white;
		padding: 0 20px;
		height: auto;
		line-height: 50px;
	}
	#sitemenu .menu-open li.currentPage .in {
		border-bottom: none;
		background-color: white;
		color: #31BEF2;
	}
}

@media only screen and (max-width: 640px){
	.col-6{
		width:100%;
	}
	body.allow-sidebar #main {
		width: 85%;
	}
	#sidebar-container {
		width: 85%;
	}
}

.table{
	border-spacing: unset;
}
.table thead th{
	font-weight: bold;
	border-bottom: 1px solid lightgrey;
}
.table th, .table td{
	padding: 0 20px;
	border-right: 1px solid lightgrey;
}

.academicons--google-scholar::after {
  display: inline-block;
  width: 0.75em;
  height: 1em;
  vertical-align: -0.125em;
  cursor: pointer;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23000' d='M343.759 106.662V79.43L363.524 64h-213.89L20.476 176.274h85.656a82 82 0 0 0-.219 6.225c0 20.845 7.22 38.087 21.672 51.861c14.453 13.797 32.252 20.648 53.327 20.648c4.923 0 9.75-.368 14.438-1.024c-2.907 6.5-4.374 12.523-4.374 18.142c0 9.875 4.499 20.43 13.467 31.642c-39.234 2.67-68.061 9.732-86.437 21.163c-10.531 6.5-19 14.704-25.39 24.531c-6.391 9.9-9.578 20.515-9.578 31.962c0 9.648 2.062 18.336 6.219 26.062c4.156 7.726 9.578 14.07 16.312 18.984c6.718 4.968 14.469 9.101 23.219 12.469c8.734 3.344 17.406 5.718 26.061 7.062A167 167 0 0 0 180.555 448c13.469 0 26.953-1.734 40.547-5.187c13.562-3.485 26.28-8.642 38.171-15.493c11.86-6.805 21.515-16.086 28.922-27.718c7.39-11.68 11.094-24.805 11.094-39.336c0-11.016-2.25-21.039-6.75-30.14c-4.468-9.073-9.938-16.542-16.452-22.345c-6.501-5.813-13-11.155-19.516-15.968c-6.5-4.845-12-9.75-16.468-14.813c-4.485-5.046-6.735-10.054-6.735-14.984c0-4.921 1.734-9.672 5.216-14.265c3.455-4.61 7.674-9.048 12.61-13.306c4.937-4.25 9.875-8.968 14.796-14.133c4.922-5.147 9.141-11.827 12.61-20.008c3.485-8.18 5.203-17.445 5.203-27.757c0-13.453-2.547-24.46-7.547-33.314c-.594-1.022-1.218-1.803-1.875-3.022l56.907-46.672v17.119c-7.393.93-6.624 5.345-6.624 10.635V245.96c0 5.958 4.875 10.834 10.834 10.834h3.989c5.958 0 10.833-4.875 10.833-10.834V117.293c0-5.277.778-9.688-6.561-10.63m-107.36 222.48c1.14.75 3.704 2.78 7.718 6.038c4.05 3.243 6.797 5.695 8.266 7.414a444 444 0 0 1 6.376 7.547c2.813 3.375 4.718 6.304 5.718 8.734q1.5 3.717 3.047 8.946a38.3 38.3 0 0 1 1.485 10.562c0 17.048-6.564 29.68-19.656 37.859c-13.125 8.18-28.767 12.274-46.938 12.274c-9.187 0-18.203-1.093-27.063-3.196c-8.843-2.116-17.311-5.336-25.39-9.601c-8.078-4.258-14.577-10.204-19.5-17.797c-4.938-7.64-7.407-16.415-7.407-26.25c0-10.32 2.797-19.29 8.422-26.906c5.594-7.625 12.938-13.391 22.032-17.315c9.063-3.946 18.25-6.742 27.562-8.398a158 158 0 0 1 28.438-2.555c4.47 0 7.936.25 10.405.696c.455.219 3.032 2.07 7.735 5.563c4.704 3.462 7.625 5.595 8.75 6.384zm-3.359-100.579c-7.406 8.86-17.734 13.288-30.953 13.288c-11.86 0-22.298-4.764-31.266-14.312c-9-9.523-15.422-20.328-19.344-32.43c-3.937-12.109-5.906-23.984-5.906-35.648q.002-20.54 10.781-34.976c7.187-9.65 17.5-14.485 30.938-14.485c11.875 0 22.374 5.038 31.437 15.157c9.094 10.085 15.61 21.413 19.517 33.968c3.922 12.54 5.873 24.53 5.873 35.984c0 13.446-3.702 24.61-11.076 33.454z'/%3E%3C/svg%3E");
}

.simple-icons--arxiv::after {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  cursor: pointer;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3.842 0a1 1 0 0 0-.922.608c-.153.369-.044.627.294 1.111l6.919 8.36l-1.023 1.106a1.04 1.04 0 0 0 .003 1.423l1.23 1.313l-5.44 6.444c-.28.3-.453.823-.297 1.199a1.025 1.025 0 0 0 .959.635a.91.91 0 0 0 .689-.34l5.783-6.126l7.49 8.005a.85.85 0 0 0 .684.26a.96.96 0 0 0 .877-.615c.158-.377-.017-.75-.306-1.14L13.73 13.9l1.064-1.13a.963.963 0 0 0 .009-1.316L4.633.464S4.26.01 3.867 0zm0 .272h.017c.218.005.487.272.564.364l.005.006l.005.005l10.17 10.99a.69.69 0 0 1-.008.946l-1.066 1.133l-1.498-1.772l-8.6-10.39c-.328-.472-.352-.619-.26-.841a.73.73 0 0 1 .671-.44Zm14.341 1.57a.88.88 0 0 0-.655.242l-5.696 6.158l1.694 1.832l5.309-6.514c.325-.433.479-.66.325-1.029a1.12 1.12 0 0 0-.977-.689m-7.655 12.282l1.318 1.414l-5.786 6.13a.65.65 0 0 1-.496.26a.75.75 0 0 1-.706-.467c-.112-.269.036-.687.244-.909l.005-.005l.005-.006z'/%3E%3C/svg%3E");
}

.la--orcid::after {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  cursor: pointer;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M16 3C8.832 3 3 8.832 3 16s5.832 13 13 13s13-5.832 13-13S23.168 3 16 3m0 2c6.087 0 11 4.913 11 11s-4.913 11-11 11S5 22.087 5 16S9.913 5 16 5m-5 3a1 1 0 0 0 0 2a1 1 0 0 0 0-2m-1 3v11h2V11zm4 0v11h4.5c3.026 0 5.5-2.474 5.5-5.5S21.526 11 18.5 11zm2 2h2.5c1.944 0 3.5 1.556 3.5 3.5S20.444 20 18.5 20H16z'/%3E%3C/svg%3E");
}

.simple-icons--scopus::after {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  cursor: pointer;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m24 19.059l-.14-1.777c-1.426.772-2.945 1.076-4.465 1.076c-3.319 0-5.96-2.782-5.96-6.475c0-3.903 2.595-6.31 5.633-6.31c1.917 0 3.39.303 4.792 1.075L24 4.895c-1.286-.608-2.337-.889-4.698-.889c-4.534 0-7.97 3.53-7.97 8.017c0 5.12 4.09 7.924 7.9 7.924c1.916 0 3.506-.257 4.768-.888m-14.954-3.46c0-2.22-1.964-3.225-3.857-4.347C3.716 10.364 2.15 9.756 2.15 8.12c0-1.215.889-2.548 2.642-2.548c1.519 0 2.57.234 3.903 1.029l.117-1.847c-1.239-.514-2.127-.748-4.137-.748C1.8 4.006.047 5.876.047 8.26s2.103 3.413 4.02 4.581c1.426.865 2.922 1.45 2.922 2.992c0 1.496-1.333 2.571-2.922 2.571c-1.566 0-2.594-.35-3.786-1.075L0 19.176c1.215.56 2.454.818 4.16.818c2.385 0 4.885-1.473 4.885-4.395z'/%3E%3C/svg%3E");
}

.hspace {
	margin-right: 2em;
}