@import url("fontawesome.5.0.12.all.min.css");

html {
	width: 100%;	
	height: 100%;
}

body {
	background: #fff;
	font-family: 'Play', sans-serif;
	font-size: 16px;
	color: #808080;
	line-height: 1.5;
}

main {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

a, a:focus, a:visited {
	color: #399aaa;
	transition: 0.5s;
}

a:hover, a:active {
	color: #06705d;
	outline: none;
	text-decoration: none;
}

h1 { 
	color: #399aaa; 
}

h2, h3 {
	color: #0e1015;
}

p {
	margin: 0px 0 0px 0;
	padding: 10px 0 10px 0;
}

h2 + ul {
	margin-top:20px;
}

img {
	width: 100%; 
	height: auto; 
	border: 1px solid #dfdfdf;
}

ul {
	margin: 0px 15px 15px 15px;
	list-style: disc; 
}

header { 
	background: url(../../img/core/header.png) center center no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 80px 0px 0px 0px;
	padding: 120px 0px 120px 0px;
	text-align: center;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}

header .btn-primary {
	font-weight:bold;
	background: none;
	border: solid 2px #fff;
	color: #fff;
	font-size: 18px;	
}

header .btn-primary:hover {
	background: #f5f5f5;
	border: solid 2px #fff;
	color: #399aaa;
	font-size: 18px;	
}

header.intro img {    
	border: none;
}

header.intro{ 
	background: url(../../img/core/header.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width:100%;

}

header.intro .outer {
	display: table;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

header.intro .middle {
	display: table-cell;
	vertical-align: middle;
}

header.intro .inner {
	margin-left: auto;
	margin-right: auto;
	width:30%;
}

header h1,  header h2 {     
	color: #fff;
}

section {
	padding: 80px 0;
}

section .container + .container {
	margin-top: 25px;
}
section.primary {
	background: #fff;
}

section.secondary {
	background: #f5f5f5;
}

section.consortium {
	background: url(../../img/core/space_background_with_planets.png); 
	background-position: center center; 
	background-repeat: no-repeat;
	background-size: cover; 
	text-align: center;
}

section.funded-by {
	background-color:#399aaa;
	background-image: url(../../img/core/section_diagonals.png); 
	background-position: bottom center; 
	background-repeat: no-repeat;
	background-size: cover; 
	text-align: center;
}

footer {
    background: #399aaa;
	border-top: 1px solid #318795;
	bottom: 0;
	color: #fff; 
    font-size: 0.8em;
    margin: 0;
    padding: 0.5em;
	position: fixed;
	text-align: center;
    width: 100%;
}

.navbar {
	background: #f5f5f5;
	border-bottom: solid 1px #fff;
	font-size: 20px;
	min-height: 90px; 
}

.navbar-expand-lg .navbar-nav .navbar .contact {
	padding-right: 0;
}

.navbar-nav .nav-link { 
	color: #399aaa;
	width: 100%;
	font-weight: normal;
}

.navbar-nav .nav-link:hover { 
	color: #000;
}

.navbar-nav .nav-link:active {
	color: #000;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1rem;
	padding-left: 1rem;
}

.navbar-brand {
	width: 220px;
}

.navbar-brand img {
	width:100%;
	height:auto;
	border:none;
}

.navbar-toggler {
	padding:0;
}

.navbar-toggler, .navbar-toggler:focus {
	box-shadow: 0;
	border: 0;
	color:#f5f5f5;
	outline: none !important;
	text-decoration: none;
	-webkit-tap-highlight-color: none;
}

.navbar .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(63,123,162, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar .dropdown-menu {
	background: #f5f5f5;
	border: 0;
	border-radius: 0; 
	margin: 24px 0 0 0;
	padding: 0;
	width:100%;
	-webkit-border-radius: 0 ;
    -moz-border-radius: 0 ;
}

table thead tr td {
	font-weight: bold;
}

table tr td, .table-striped>tbody>tr:nth-of-type(odd)>* {
	color: #808080;
	background: #f8f8f8;
}

@media (max-width: 768px) {
	h2 { text-align:center; }

}

@media (max-width: 990px) { 
	.navbar-nav{height:100vh;}
	.navbar-nav {padding:20px} 
	.navbar-nav,  .navbar-nav .dropdown-menu {text-align:center}
	.nav-link {padding:20px;} 
	.navbar {min-height: 90px;} 
	.navbar.fixed-top {max-height:100vh;overflow-y:auto;}
	.navbar::-webkit-scrollbar {display: none;}
	.navbar. {-ms-overflow-style: none; scrollbar-width: none;}
	header.intro .inner {width: 80%;}
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* results */
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

.results {
	border-bottom: 1px solid #dee2e6;
	padding: 30px 0 30px 0;
}

.results:first-child {
	padding-top: 30px;
}

.results:last-child {
	border-bottom: 0px;
}

.results > .title {
	color: #000;
}

.results > .authors {

}

.results > .journal {
	color: #aaaaaa;
}

.results > .date_and_place {
	color: #aaaaaa;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* news */
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

.news {
	padding: 30px 0 30px 0;
}

.news:first-child {
	padding: 0 0 30px 0;
}

.news:last-child {
}

.news > .title {
	font-size: 1.6em;
}

.news > .time {
	background: #399aaa;
	color: #fff;
	font-size: 0.8em;
	padding: 8px;
	width: 80px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* contact-person */
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

.contact-person {
	text-align: center;
	margin: 20px;
}

.contact-person .photo {
	width: 100%;
}

.contact-person .photo img {
	width: 70%;
	height: auto;
}

 .contact-person .photo img.full-width {
	width: 100%;
}

 .contact-person .lastname {
	color: #0e1015;
	font-size: 1.2em;
}

 .contact-person .affiliation {
	font-size: 13px;
}

 .contact-person .project-function {
	font-size: 13px;
	font-weight: bold;
}

 .contact-person .photo + .lastname {
	margin-top: 10px;
}