/**
  *TOP LINE MENU
  */

 /*Menu bar displayed at the top of a page*/
 .menubar
  {
   position: relative;
   overflow: hidden;
   padding-bottom: 0px;
   margin-bottom: 0px;
   width: 100%;
  }
  
 /*outer container for top menu bar buttons*/ 
 .menucontainer
  {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0px;
    padding-bottom: 7px;
    margin-top: 0px;
    margin-bottom: 7px;
    margin-left:  5px;
    margin-right: 5px;
    align-items: center;
    font-size: 1rem;
    border-radius: 5px;
  }
 
 .langsidebar
  {
    padding: 0px;
  }

 .langsidebar li:focus-within
  {
    /*outline: solid 2px black;*/
    outline-offset: -3px;
  }
 
 .langsidebar li.sidebarbuttoncurrent:focus-within
  {
    outline: none;
  } 

 /*Layout styling for a button in the menu bar*/
 .menubtn
  {
    list-style-type: none; 
    text-decoration: none;
    margin: 0px;
    margin-left: 5px;
    margin-top: 3px;
    border-radius: 5px;  
    display: flex;
    align-items: center;
    cursor:pointer;
   }
 
   
 .menubtn.menubtnselected
   {
    /*height: 25px; /*Make the menu item for the current page stand out by being taller*/
    height: 1.7rem;
   }
 
 .menubtn a
  {
    display:inline-block; /*Force the button to occupy the full height of its container*/
    padding-left: 8px;
    padding-right: 8px;
  }  

 /*Normally display links in menu buttons without any decoration*/ 
 .menubtn a:visited, .menubtn a
  {
   text-decoration: none;
   color: inherit;
   background-color: inherit;
   font-size:inherit;
  }
 
 .menubtn:hover
  {
    outline: solid 2px black;
    outline-offset: -2px;
  } 

 /*For accessibility show links in bold with underline when hovered over*/ 
 .menubtn:hover a
   {
    /*font-weight: bold;*/
    /*text-decoration: underline;*/
    text-decoration: none;
   } 
  
 /**
  *SIDE BAR MENU
  */
 
 /*Standard layout for the side bar*/ 
  #sidebarmenu
  {
   position: relative;
   margin-left : 5px;
   margin-right: 5px;
   padding-left: 5px;
   padding-top: 20px;
   flex-basis: 180px;
   flex-shrink: 0;
   /*max-width: 255px;*/
   min-height: 30px;
 } 

 /* Hides the side bar */ 
 .sidebarmenuhidden
  {
   display: none;
  }

 #sidebarmenutoggle
  {
    display: none;
    border-radius: 5px;
    padding-left: 10px;
    cursor: pointer;
    min-width: 230px;
    text-align: center;
  } 
 
 #sidebarmenutoggle:hover 
  {
    font-weight: bold;
  }
  

 @media screen and (max-width:55rem)
  {
     #sidebarmenu
      {
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1;
      }

     #sidebarmenu nav ul
      {
        display: none;
      }

    #sidebarmenu.sidebarmenuactive #sidebarmenutoggle
      {
        display: block;
      } 

    /*#sidebarmenutoggle, #sidebarmenu
      {
        
        margin-left: auto;
        margin-right: auto;
      }*/    
  }
 
 #sidebarmenu ul
  {
   margin-left: 0px;
   padding-left: 0px;
  }

 .sidebarbutton 
  {
   font-size: 0.8rem;
   margin-bottom: 1px;
   /*padding-top: 6px;
   padding-bottom: 6px;*/
   padding-left: 0px;
   list-style: none;
  }
 
 /*Extra styles for the first side bar button*/  
 /*.sidebarbutton ~ .sidebarbutton*/
 ul.langsidebar>li:first-child, ul.langsidebar>li:first-child div
  {
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
  }
 
 .sidebarbutton a
  {
   margin-right: 3px;
   padding-left: 0px;
   transition: padding-left 500ms;
    /* ease-out 0s;*/
  }
  
 .sidebarbutton a:visited
  {
    text-decoration: none;
  }   
 
 .sidebarbutton:hover
  {
   /*padding-left: 10px;*/
   outline: 2px solid black; 
   outline-offset: -3px;
  }  
 
 .sidebarbutton:hover a 
  {
    text-decoration: none;
  }

 .sidebarbuttonparent 
  {
   position: relative;
   overflow: hidden;
   text-indent: 5px;
  }
 
 div.sidebarbuttoncurrent
  {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 13px;
    padding-right: 20px;
    margin-bottom: 1px;
  } 

 li.sidebarbuttoncurrent
  {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: transparent;
  } 

 .sidebarbuttonpeer, .sidebarbuttonchild
  {
    padding-right: 20px;
  }
 
  .sidebarbuttonchild:not(:last-child) 
   {
     margin-bottom: 0px;
     border-bottom: solid 1px white;
   }

 .sidebarbuttoncurrentlink, .sidebarbuttonparentlink, .sidebarbuttonpeerlink, .sidebarbuttonchildlink
  {
   display: block;
   color: inherit;
  }
 
 .sidebarbuttoncurrentlink a, .sidebarbuttonparentlink a, .sidebarbuttonpeerlink a, .sidebarbuttonchildlink a
  {
    text-decoration: none;
  }

 .sidebarbuttonparentlink
  { 
   margin-left: 3px;
   padding-top: 5px; /*This is meant to be 5 - it is not a mistake"*/
   padding-bottom: 6px;
  } 
 
 .sidebarbuttoncurrentlink
  {
    font-weight: bold;
  }
 
 ul#sidebarchildmenu
  {
   padding-left: 13px;
  }
   
 .sidebarbuttoncurrentlink, .sidebarbuttonpeerlink, .sidebarbuttonchildlink
  {
   margin-left: 13px;
   padding-top: 6px;
   padding-bottom: 6px;
  }
    
 .sidebarhideleftarrow 
  {
   visibility: hidden;
  }