/* The side navigation menu */

.sidebar {
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #98dafc;
    position: fixed;
    height: 100%;
    overflow: auto;
    border-radius: 10px;
  }
  
  /* Sidebar links */
  .sidebar a, .sidebarFooter, .sidebar ul a {
    display: block;
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .langbar {
      height: 30px;
  }    
  .sidebar a.lang {
    display: inline;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
  }
  .sidebar .logo{
      width: 95%;
      padding:5px;
      
  }
  
  /* Active/current link */
  a.menuitem.active {
    background-color: #4C50AF;
    color:yellow;
  }
/*  .sidebar a.active.lang {
    background-color: #98dafc;
  }*/
  a.mail {
      padding: 0px;
  }
  .sidebar h3, .langbar {
      text-align: center;
      margin-block-start: 0.2em;
      margin-block-end: 0.4em;
  }
  .sidebar ul{
    list-style-type: none;
  }
  .sidebar ul a{
      font-size: small;
      text-align: right;
  }
  .sidebar .sidebarFooter{
    font-size: small;
    display: block;
  }
  .contentFooter {
    padding: 30px;
    display: none;
  }
  .sidebar .sidebarFooter p, a{
    white-space: pre-line;
  }
  
  /* Page content. The value of the margin-left property should match the value of the sidebar's width property */
  div.content {
    
    margin-left: 200px;
    padding: 1px 16px;
    height: 100%;
  }
  
  /* On screens that are less than 700px wide, make the sidebar into a topbar */
  @media screen and (max-width: 700px) {
    .sidebar {
      width: 100%;
      height: auto;
      position: relative;
    }
    .sidebar a {float: left;}
    div.content {margin-left: 0;}
    .sidebar .sidebarFooter, .sidebar ul{
        display: none;
    }
    .contentFooter{
      display: inline;
      font-size: small;
   }
    .sidebar .logo{
      width: 50%;
      padding-left:25%;
      padding-right:25%
    }
}