:root {
    --std-font-size: 1em; 
    --page-title-font-size:1.4em;
/*    --topnav-height:2.4em; */
    --topnav-height:4em;
}


.box-all{
    width:100%;
    position:fixed;
    top: var(--topnav-height);
    left:0;
    background-color: #FFEFD5;
    height:100%;
    overflow:scroll;
    z-index:0;
}

.box-title {
    padding-top:1em;
}

.page-title {
    padding-top:0.5em;    
    font-size:var(--page-title-font-size);
}

body {
  margin: 0;
  font-family: sans-serif;
  height:100vh;
  width:100vw;
  padding:0;

/* this doesnt work: prevents scrolling
  overscroll-behavior-y:none;
  -webkit-overflow-scrolling: touch;
*/
}

.topnav-spacer {
/*    position:relative;*/
min-width:1em;
    top : 0;
    left:0;
    height:var(--topnav-height);

}    

.topnav {
    padding:0;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:var(--topnav-height);    
    background-color:   #00BFFF;

/*  font-style: bold;*/
 font-size: var(--std-font-size); 
display:flex;
flex-direction: row;
align-items:center;
justify-content: flex-start;
overflow:none;
}

.topnav-box {
    height:80%;
    line-height:150%;
    z-index:100;
     background-color:   #00BFFF;
     color : white;
     padding-left:2.5px;
     padding-right:2.5px;     

/*  font-style: bold;*/
 font-size: var(--std-font-size); 
  
display:flex;
flex-direction: column;
align-items:flex-start;
justify-content: flex-start;
overflow:none;
}

.topnav  a {
  text-align: center;
  text-decoration: none;
  color: white;
/*
  text-size-adjust:none;
font-size: 0.5em;
  */
}

.topnav a:hover {
  background-color: #0000FF;
  color: white;
  font-style: bold;
  font-size: var(--std-font-size);
}

.topnav div:hover {
/*  background-color: #0000FF;*/
  color: white;
  font-style: bold;
  font-size: var(--std-font-size);
}



/* The dropdown container */
.navdropdown {
    float: left;

  font-size: var(--std-font-size);
    z-index: 10000;  
}

/* Dropdown button */
.navdropdown .navdropbtn {
    padding:0;
/*    font-size: 16px;*/
    border: none;
    outline: none;
    color: white;
    background-color: inherit;
    font-family: inherit; /* Important for vertical align on mobile phones */
    margin: 0; /* Important for vertical align on mobile phones */

/*  font-weight: bold;*/
  font-size: var(--std-font-size);
}

/* Dropdown content (hidden by default) */
.navdropdown-content {
    display: none;
    position: absolute;
    color: black;
    border: 1px solid black;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10000;
   font-size: var(--std-font-size);

    padding:0em;
    padding-right:1em;
    padding-left:1em;       
}

/* Links inside the dropdown */
.navdropdown-content a {
    float: none;
    color: black;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
   background-color: white;
  font-size: var(--std-font-size);
}


/* Show the dropdown menu on hover */
.navdropdown:hover .navdropdown-content {
    display: block;
  font-size: var(--std-font-size);

}

#footer-div {
  background-color: inherit;
  font-size: 0.9em;
  padding-bottom:2em;
}  


#eng-menu-sched-li {
    margin-top:0.5em;
    margin-bottom:0.5em;    
}