/***************************************************************************************************
* Page design
*
* Tom Winandy
* May 2021
*
***************************************************************************************************/

body {
  position: relative;
}


#portrait {
  margin-bottom: 20px;
}


#portrait_eugster {
  width: 100%;
  margin-bottom: 10px;
}



/*
.portrait {
  width: 250px;
  height: auto;
  /*display: block;
  margin-left: auto;
  margin-right: auto;
}
*/

/* add class="jumptarget" to all targets. */
.jumptarget::before {
  content:"";
  display:block;
  height: 200px; /* fixed header height*/
  margin: -200px 0 0; /* negative fixed header height */
}

/*
#about {
  height: 200px;
  overflow-y: scroll;
}
*/

#navbar-2 {
  /*margin-top: -30px;
  margin-bottom: 20px;
  margin-left: -100px;
  padding-left: 100px!important;
  margin-right: -100px;
  padding-right: 100px!important;
  position: -webkit-sticky;
  position: sticky;
  top: 56px;*/
  background-color: var(--navpillpanel);
}

/*
@media only screen and (min-width : 1000px) {
  #navbar-2 > .nav-pills {
    margin-left: 297px;
  }
}
*/

/*
#placeHolder{
  margin-top: 136px;
  background-color: rgba(0, 0, 128, 0.05);
}
*/

/***************************************************************************************************
* Color definitions 
***************************************************************************************************/
/* Color scheme 1 */
/*
:root {
  --pageTitle: #6d6d6d;

  --navbar: #cfc9f9;
  --navbar-link: #6d6d6d;
  --navbar-link-active: black;
  --navbar-link-hover: #363636;

  --navpillpanel: #f0f0f0;
  --navpillpanel-link: #6d6d6d;
  --navpillpanel-link-active: white;
  --navpillpanel-link-hover: #363636;

  --panels: #ebe8fc;
  --leadParagraph: #f3f2fe;
}
*/

/* Colorscheme 2 */
/*:root {
  --pageTitle: #6d6d6d;

  --navbar:rgba(207, 201, 249, 1.0);
  --panels: rgba(207, 201, 249, 0.25);
  --leadParagraph: rgba(207, 201, 249, 0.25);

  --navbar-link: #6d6d6d;
  --navbar-link-active: black;
  --navbar-link-hover: #363636;

  --navpillpanel: #f0f0f0;
  --navpillpanel-link: #6d6d6d;
  --navpillpanel-link-active: white;
  --navpillpanel-link-hover: #363636;
}*/


/* Colorscheme 3: Navy blue */
:root {
  --pageTitle: rgb(0, 0, 128); 

  --navbar: #cccce6; /*rgba(0, 0, 128, 0.2);/*#ff8080; /*#b3b3ff; #f0f0f0; */
  --panels: rgba(0, 0, 128, 0.05);/*#f0f0f0;*/
  --leadParagraph: rgba(0, 0, 128, 0.05);

  --navbar-link: #6d6d6d;
  --navbar-link-active: black;
  --navbar-link-hover: #363636;

  --navpillpanel: #f0f0f0;
  --navpillpanel-link: #6d6d6d;
  --navpillpanel-link-active: white;
  --navpillpanel-link-hover: #363636;
}


/***************************************************************************************************
* Font settings 
***************************************************************************************************/

mytag {
  font-weight: 600;
  font-style: normal;
}


/***************************************************************************************************
* Navigation bar 
***************************************************************************************************/

#navbar-1 {
  background-color: var(--navbar);
}

.navbar a {
  color: var(--navbar-link);
}

.navbar a:hover {
  color: var(--navbar-link-hover);
}

.navbar a.active {
  color: var(--navbar-link-active);
  font-weight: 600;
}

.navbar a.active:hover {
  color: var(--navbar-link-active);
}


/***************************************************************************************************
* Navigation pills
***************************************************************************************************/

.nav-pills {
  background-color: var(--navpillpanel);
}

#researchTabs {
  margin-bottom: 30px;
}

.nav-pills > .nav-item > a {
  color: var(--navpillpanel-link);
}

.nav-pills > .nav-item > a:hover {
  color: var(--navpillpanel-link-hover);
}

.nav-pills > .nav-item > .active {
  background-color: var(--navpillpanel-link);
  color: var(--navpillpanel-link-active);
  font-weight: 600;
}

.nav-pills > .nav-item > .active:hover {
  background-color: var(--navpillpanel-link);
  color: var(--navpillpanel-link-active);
}

/***************************************************************************************************
* Lead paragraph
***************************************************************************************************/

.lead {
  background-color: var(--leadParagraph);
  padding-top: 2px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 5px;

  border-left: 3px solid var(--navbar);
}


/***************************************************************************************************
* Publications and citations
***************************************************************************************************/

.publicationContainer {
  padding-top: 5px;
  padding-bottom: 5px;
}

.bibtexentry {
  padding-bottom: 10px;
}


/***************************************************************************************************
* Images
***************************************************************************************************/

.img-fluid {
  padding-bottom: 10px;   
}

.img-scaled-30 {
  width: 30%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-scaled-60 {
  width: 60%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-scaled-80 {
  width: 80%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.inlineWithText {
  margin-top: -5px;
}

/***************************************************************************************************
* Specific parts of the page
***************************************************************************************************/

#titleContainer {
  /*margin-left: 0px;*/
  position: relative;
  height: 80px;
  /*background-color: bisque;*/
}

#pageTitle {
  margin-left: 0px;
  margin: 0;
  position: absolute;
  top: 60%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--pageTitle);
}

#mainContent {
  margin-top: 30px;
}

/* Home */
.recentPublications {
  background-color: var(--panels);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 10px;
  margin-top: 10px;
}

#newsTitle {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  margin-top: 10px;
}

.news {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
}

.news_imgs {
  margin-top: 7px;
}

/* Research */
.researchHighlights {
  background-color: var(--panels);
  padding-left: 15px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 1px;
  margin-top: 20px;
  margin-bottom: 15px;
}


#researchTabsContent {
  margin-top: 0px;
}

#leviCivitaLecture {
  margin-bottom: 10px;
}

#accordionExcerpts {
  margin-top: 10px;
  margin-bottom: 20px;
}

/* About */
.contact {
  margin-top: 10px;
}

address {
  margin-top: 8px;
  margin-bottom: 8px;
}

.room {
  margin-bottom: 20px;
}

/* Vita */

#vita tr td {
  border: none;
}

#vita tr > td:first-child {
  text-align: right;
  padding-right: 10px;
  width: 105px;
  white-space: nowrap;
}

#vita tr:nth-child(1), #vita tr:nth-child(4), #vita tr:nth-child(5) {
  background-color: var(--panels);
}

#vita tr:nth-child(2) td, #vita tr:nth-child(4) td,  #vita tr:nth-child(6) td {
  padding-bottom: 2px;
}

#vita tr:nth-child(3) td, #vita tr:nth-child(5) td,  #vita tr:nth-child(7) td {
  padding-top: 2px;
}


/* Supervision, cosupervision and evaluation committees of doctoral students */

.stripedTable tr td {
  border: none;
}

.stripedTable tr:nth-child(odd) {
  background-color: var(--panels);
}

#supervision tr > td:first-child, #cosupervision tr > td:first-child {
  text-align: right;
  padding-right: 10px;
  width: 115px;
  white-space: nowrap;
}

#doctoralCommittee tr > td:nth-child(2) {
  white-space: nowrap;
}

#copyright {
  margin-left: 5px;
}

#toggle-impressum {
  margin-right: 5px;
}

span.keeptogether {
  white-space: nowrap ;
}

/*
.scaled {
  transform: scale(0.70);
  margin: 0px;
}
*/

/*
@media only screen and (min-width : 576px) {
  #myTab {
    border-bottom: 2px solid #6d6d6d;
  }
  #myTab .nav-link {
    padding-bottom: 2px;
  }
}
*/