body {
  padding: 0px;
  margin: 0px;
  height: 100%;

}

div {
  margin-bottom: 0.3em;
  margin-top: 0.3em;
  box-sizing: border-box;
}

a { /* white-space: nowrap;    // Not sure why this was here */

} 

.header {
  margin: 0px;
  padding: 0px;
  border: 1px solid;
  width: 100%;
  padding-left: 5%;
  margin-bottom: 4em;
}

.page {
  width: 90%;
  position: relative;
  left: 5%;
  padding-top: 0em;
}

.footer {
  width: 100%;
  margin-top: 6em;
  padding: 0px;
  font-size: 80%;
}

.footerTable {
  width: 90%;
  position: relative;
  left: 5%;
}

.footerDiv {
  width: 90%;
  position: relative;
  left: 5%;
}

.headerText {
  margin: 0px;
  padding-top: 0.4em;
  padding-bottom: 0.3em;
}

.boxTitle {

}

h5 {
  margin-top: 2em;
  margin-bottom: 0.5em;
}

h4 {
  margin-top: 0.5em;
  margin-bottom: 0.8em;
}

h3 {
  margin-top: 2.5em;

}

h2 {
  margin-top: 2.5em;
}

h1 {
  margin-top:0em;
}

hr {
  border-top-style: solid;
  border-top-width: 0.8px;
  border-right: none;
  border-left: none;
  border-bottom: none;
  clear: both;
}


.box {
  line-height: 2.4;
  border-style: solid;
  border-width: 0.5px;
  padding: 1.2em;
  padding-bottom: 1.0em;
  padding-top: 0.8em;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 1.8em;
}

.boxColumn {
  border-style: none;
  padding: 0em;
  margin: 0%;
}

.boxInColumn {
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
}

.boxBanner {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  width: 100%;
  text-align: center;
}

.boxPageTitle {
  border-style: none;
}


table, th, td {
  border-width: 0.5px;
  border-style: solid;
}

td {
  padding: 0.4em;
  text-align: center;
}



li {
  margin-bottom:1.2em;
  /* list-style-position: inside; */
}

li ul {
  margin-top:1.2em;
  margin-bottom:2.6em;
}

li ul li ul {
  margin-bottom:1.2em;
}

li ol {
  margin-top:1.2em;
  margin-bottom:2.6em;
}

li ol li ol {
  margin-bottom:1.2em;
}

.transcript_page_banner {
  margin: 0px;
  padding: 0px;
  border: 0px none;
  width: 100%;
  position: relative;
  top: 0px;
  left: 0px;
}

.transcript_page_title {
  width: 90%;
  position: relative;
  left: 5%;
}

.transcript_page_video_container {
  border-width: 0px;
  border-style: none;
  text-align: center;
  position: relative;
  width: 100%;
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding-top: 2em;
}

.transcript_page_video_iframe {
  vertical-align: bottom;
  height: 36vh;
  width: 64vh;
  border-width: 0px;
  border-style: none;
  padding-bottom: 0.5em;
}

.transcript_text {
  border-width: 0px;
  border-style: none;
  position: relative;
  width: 90%;
  left: 5%;
  margin-top: 2em;
}


.transcript_text br {
  margin-bottom: 1em;
}

.transcriptScrollToggle {
  position:fixed;
  display: none;
}

 .biopic {
  width: 90vw;
 }



.localOnly {
  display: none;
}


.iconBar a {
  text-decoration: none;
}


 .ruledColumn {
   column-rule-style: solid; 
   column-rule-width: 0.8px;
}

 .bicolumn {
   column-count: 2;
   padding-top: 1em;
   padding-bottom: 1em;
 }
.bicolumn ul { margin: 0px;}
.bicolumn ul li { margin-top: 0px; }



#toggleControl { 
  font-size: 150%; 
  position: fixed;
 top: 4.4em; 

   right: 5%;
    z-index: 2;
}

.toggleFull { display : initial }
.toggleMinimal { display : initial }


.toggleSectionIndicator {
  display: inline-block;
  transform: rotate(-90deg);
  vertical-align: sub;
}



@media (min-device-width: 480px) {
  /* For desktop: */

div.svgBoxRight {
  margin: 0em;
  width: 50%; 
  float: right;
}

div.svgBoxLeft {
  margin: 0em;
  width: 50%; 
  float: left;
}

li {
  margin-bottom: 1.2em;
}

  .box {
    line-height: 1.8;
  }

  .header {
    padding-left: 20%;
  }

  .page {
    width: 60%;
    left: 20%;
    padding-top: 4em;
  }

  h4 {
    margin-top: 2.5em;
  }

  .footerTable {
    width: 60%;
    left: 20%;
  }

  .footerDiv {
    width: 60%;
    left: 20%;
  }

  .footerFloatDivLeft {
    width: 40%;
    float: left;
    margin-right: 1%;
    text-align: left;
    vertical-align: top;
  }

  .footerFloatDivRight {
    width: 40%;
    float: right;
    margin-right: 1%;
    text-align: right;
    vertical-align: top;
  }

  .boxNarrow {
    width: 32%;
  }

  .boxLeft {
    float: left;
    margin-right: 2%;
  }

 .boxRight {
    float: right;
    margin-left: 2%;
  }

  .boxWide {
    width: 66%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .boxFull {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  /* add this one last so that zero margins overwrite earlier margin definitions */
  .boxMid {
    width: 32%;
    margin-left: 0%;
    margin-right: 0%;
  }


  .transcript_page_banner {
    position: fixed;
    padding-bottom: 2.4em;
    z-index: 1;
  }

  .transcript_page_title {
    position: relative;
    width: 60vw;
    left: 20vw;
  }

  .transcript_page_video_container {
    position: fixed;
    width: 45vw;
    text-align: left;
    padding-left: 5vw;
    padding-top: 0em;    
  }

  .transcript_page_video_iframe {
    height: 23.9vw;
    width: 42.5vw;
  }


 .transcript_text {
  position: relative;
  width: 42.5vw;
  left: 52.5vw;
  margin-top: 13.2em;     /* Adjust distance from top of page here */
 }

 .scrollToggle {
  display: initial;
   position: fixed;
   top: 11.5em;
   right: 3.5vw;
    z-index: 2;
 }

 #windowScrollingPauseButton {
  display: none;
 }

 .biopic_container {
  float: right;
 }

 .biopic {
  width: 12vw;
  padding-left: 2em;
  padding-bottom: 2em;
 }



 .tricolumn {
   column-count: 3;
 }
.tricolumn ul { margin: 0px;}
.tricolumn ul li { margin-top: 0px; }


 .quadcolumn {
   column-count: 4;
 }
.quadcolumn ul { margin: 0px;}
.quadcolumn ul li { margin-top: 0px; }



#toggleControl { 
  top: 7.45em; 
   right: 20%;
}


}  /* End of desktop-only block */