/* ***** MAIN STRUCTURE ***** */

header, section, footer, aside, article, figure, figcaption {
    display: block;
}

body {
    color: #666666;
    background-color:#ffffff;
    font-family: Arial, sans;
    line-height: 1.4em;
    margin-left: 20%;
}

section {
    padding: 30px 100px 30px 100px;
}

section ul, article ul {
    margin: 0 0 0 0px;
    padding: 0 0 0 20px;
}

article {
    clear: both;
    overflow: auto;
    width: 100%;
}

footer {
    padding-top: 4px;
    padding-bottom: 30px;
    text-align: left;
    margin-left: 5%;
    font-size: 75%;
}

/* ***** SIDENAV ***** */

.sidenav {
  height: 100%;
  width: 20%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: auto;
  padding-top: 10px;
  text-align: center;
  display: block;
  background-color: #222222;
  color: #c1c1c1;
}

.sidenav nav ul {
    padding: 10px 0px 10px 0px !important;
}

.sidenav nav ul li{
  display: inline;
  text-transform: lowercase;
  text-align: center;
  font-size: 125%;
}

.sidenav a {
  text-decoration: none;
  display: block;
  color: #c1c1c1;
  padding: 10px 10px 10px 10px;
}

.sidenav a:hover {
  color: #f1f1f1;
  text-decoration: none;
}

.sidenav img {
  padding: 20px 0px 20px 0px;
  border-radius: 50%;
  max-width: 150px
}

/* ***** SMALLER SCREENS ***** */

@media (max-width: 960px){
    .sidenav {
	width: 100%;
	display: block;
	position: static;
	top: 0;
	left: 0;
    }
    .sidenav a {
	display: inline;
    }
    main {
	width: 100%;
	height: auto;
	overflow-y: auto;
	position: static;
    }
    body {
    	margin: 0;
    }
    section {
	padding: 30px 30px 30px 30px;
    }
}

/* ***** Date List ***** */

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

ul.date-list li {
	position: relative;
	padding: 50px 15px 0px 0px;
	margin-bottom: 15px;
	border-radius: 3px;
	margin-left: 15px;
}

ul.date-list li .dateinfo {
        position: absolute;
	top: 10px;
	left: -10px;
	border-radius: 0px;
	padding: 0;
	color: white;
}

ul.date-list li .dateinfo span {
	padding: 7px 10px;
	line-height: 30px;
	margin: 0;
}

ul.date-list li .dateinfo .info {
	background-color: #0066CC;
	/* -webkit-box-shadow: -3px 0px 7px -3px rgba(68, 68, 68, 0.5); */
	/* box-shadow: -3px 0px 7px -3px rgba(68, 68, 68, 0.5); */
	margin-left: -3px !important;
}

ul.date-list li .dateinfo .date {
	background-color: #3399FF;
	/* -webkit-box-shadow: -3px 0px 7px -3px rgba(68, 68, 68, 0.5); */
	/* box-shadow: -3px 0px 7px -3px rgba(68, 68, 68, 0.5); */
	margin-left: -3px !important;
}

ul.date-list li .description {
	margin: 0;
}

/* ***** Date Table ***** */

ul.date-table {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.date-table li {
        margin-bottom: 15px;
}

ul.date-table div.dates {
	float: left;
	width: auto;
}

ul.date-table div.dates span {
	background-color: #3399FF;
	padding: 6px;
	display: block;
	text-align: center;
	color: #fff;
	position: relative;
}

ul.date-table div.dates span:last-child {
	background-color: #0066CC;
}

ul.date-table div.dates span:first-child {
	/* -webkit-box-shadow: 0px 2px 6px -3px rgba(68, 68, 68, 0.5); */
	/* box-shadow: 0px 2px 6px -3px rgba(68, 68, 68, 0.5); */
	z-index: 3;
	position: relative;
}

ul.date-table div.content {
	margin-left: 90px;
	min-height: 70px;
	padding-top: 10px;
}

ul.date-table div.content h4 {
	font-weight: 400;
	font-size: 16px;
	margin-top: 0;
}

ul.date-table div.content p {
	font-size: 13px;
}

/* ***** SOCIAL ***** */

ul.social {
    list-style-type:none;
    margin: 0px 60px;
    padding:0 0 20px 0;
}

ul.social li {
    display:inline
}

ul.social a:hover{
    z-index:1;
    transform:translateY(-5px)
}

ul.social a{
    display:inline-block;
    width:18px;
    height:18px;
    border-radius:100%;
    text-align:center;
    line-height:20px;
    font-size: 120%;
}

ul.social-pub {
    list-stype-type:none;
    margin: 20px 0px;
    padding:0 0 0px 0;
}

ul.social-pub li {
    display:inline;
    padding:0px 5px 0px 0px;		
}

ul.social-pub a {
    display:inline-block;
    color:#444444;
    line-height:20px;
    font-size: 175%;
}

/* ***** LINKS ***** */

a {
    color: #4275AD;
    text-decoration: none;}
a:hover {
    text-decoration: underline;}

/* ***** FILE LINK DECORATIONS ***** */

a[class="bibtex"] {
    margin-right: 8px;
    text-decoration:none;
}

a[class="bibtex"]:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    content: '\f1c9';
    padding-right: 3px;
}

a[class="github"] {
    margin-right: 8px;
    text-decoration:none;
}

a[class="github"]:before {
    display: inline-block;
    font-family: "Font Awesome 5 Brands";
    content: '\f09b';
    padding-right: 3px;
}

a[href$='.pdf']:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    content: '\f1c1';
    padding-right: 3px;
}

a[href$='.pdf'] {
    margin-right: 8px;
    text-decoration:none;
}

a[href^="https://doi.org"]:before {
    display: inline-block;
    font-family: Academicons;
    content: '\e97e';
    padding-right: 3px;
}

a[href^="https://doi.org"] {
    margin-right: 8px;
    text-decoration:none;
}

a[href^="https://publications.rwth-aachen.de"]:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    content: '\f15b';
    padding-right: 3px;
}

a[href^="https://publications.rwth-aachen.de"] {
    margin-right: 8px;
    text-decoration:none;
}