/***************************** Comfortable CSS ********************************/
body {
  color:  #020202;
  background-color: #FFFFFF;
  /*BEGIN Altered because aside+main*/
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100vh;
  font-family: Arial, Verdana, sans-serif;
  /*font-family: Cambria, Georgia, serif;*/
  /* END  Altered because aside+main*/
  font-size: 1em;
  text-align: justify;
  line-height: 1.5;
}
p {
word-spacing:0.10em;
}
h1 {
font-size: 1.6em;		/*Altered*/
line-height:1.6;
padding: 48px 0 0 10px;	/*Altered*/
}
h2 {
font-size: 1.6em;	/*Altered*/
line-height:1.6;
padding: 24px 0 0 0;	/*Altered*/
}
h3 {
font-size: 1em;		/*Altered*/
/*color:  #404040;	/*Altered*/
line-height:1.2;
}
span {
font-size: 1em;
}
div.predmet {
padding: 0 0 0 1em;	/*Altered*/
}
/***************************** My CSS ******************************/
ul {
margin: 0 0 0 1em;
/*  list-style-type: none; */
}
a {
text-decoration: none;
color: #007bff;
}
a:hover {
text-decoration: underline;
}
a:visited {
color: #305693;
}
span.link {
font-weight: normal;
font-variant-caps: small-caps;
font-size: x-large;
}
h1 > span.link {
float: right; /*changes order*/
}
ul.publications {
margin-bottom: 0em;
}
ul.lectureinfo {
/*list-style-type: none;*/
padding-left: 1.2em;
}
/***************************** Seminar ******************************/
ul.prez {
list-style-type: none;
margin: 0;
}
li.prez {
display:flex;
flex-direction:row;
justify-content:flex-start;
gap:1em;
margin: 1em 0em;
}
.prez_date {
font-weight: bold;
}
.prez_author {
font-weight: bold;
}
.prez_title {
/*color:#002080; font-weight: bold;*/
}
.prez_subtitle {
color:#606060;
font-style: italic;
}
/**************** Ensure max-width, centering yourself if bigger **************/
div.master {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  height: 100%;
}
/************************** Fixed side-bar ************************************/
/*body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100vh;
}*/
div.wrapper {
  display: flex;
  height: 100%;
  width: 100%;
}
div.wrapper > #dummy_gap1 { /*dummy gap*/
  flex-shrink: 0;
  flex-grow: 1;
  flex-basis: 0px;
}
div.wrapper > aside {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 23em;
  padding: 0px 10px;
  /* margin: 0;*/
}
div.wrapper > #dummy_gap2 { /*dummy gap*/
  flex-shrink: 0;
  flex-grow: 0.125;
  flex-basis: 40px;
}
div.wrapper > main {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: auto;
  overflow-y: auto;
  /* top | right | bottom | left */
  padding: 0px 10px 5em 10px;
}
/*Inner main alignment*/
div.wrapper > main > .scrolling_main{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
div.wrapper > main > .scrolling_main > .scrolling_main_body{
  max-width: 54em;
}
/************************** Aside icons ****************************/
* {
  box-sizing: border-box;
}
div.container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
div.container > div {
  padding: 5px 10px;
}
/******************************************************************************/
/* If too big -> make it one column (flex direction) && scroll (overflow auto, overflow visible) */
/* If too small -> make it one column (flex direction) && scroll (overflow auto, overflow visible) */
@media (max-width: 900px) {
  body {
    font-size: 1em;
  }
  div.wrapper {
    flex-direction: column;
    overflow-y: auto;
  }
  div.wrapper > main {
    overflow-y: visible;
  }
  div.wrapper > aside {
    flex-basis: 21em;
  }
  div.disappearing {
    display: none;
  }
}
@media (max-width: 768px) {
  span.disappearing {
    display: none;
  }
  ul {
    padding-left: 10px;
  }
}
/******************************************************************************/