.toc{
    font-family: Arial, Helvetica, sans-serif;
    text-align:left;
    color:white;
    font-size: 20px;
    margin: 0 auto;
    max-width: max-content;
}

#pgnum{
    font-family: Arial, Helvetica, sans-serif;
    width: 91px;
    font-size: 32px;
    color: #ffcc01;
    text-align:center;
    font-weight: normal;
    text-shadow: 2px 2px 5px black;
}

a:link{
    color:white;
    text-decoration: none;
}
a:visited {
    color:white;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:active {
  text-decoration: underline;
}

article {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}

@media (max-width: 800px){
    article {
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
    }

    .controlBut {
        height: 50px;
    }

    .patreonBut {
        height: 42px;
    }

    .toc {
        overflow: scroll;
        height: calc(100vh - 150px);
    }
}

article p{
    font-family: Arial, Helvetica, sans-serif;
    font-size:20px;
    color: white;
}

/****************************/
/*JSR(7/14/21): Hide scrollbar for TOC but keep functionality*/
.toc{
    overflow: scroll;
    height: calc(100vh - 150px);
}
/* Hide scrollbar for Chrome, Safari and Opera */
.toc::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.toc {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
/****************************/

.toc > article > ol {
    margin: 0;
}

.toc li {
    margin: 10px 0;
}

.toc li:first-child{
    margin-top: 0;
}

.toc > article > p {
    display: none;
}

#overlay{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index: 100;
}
#bprint { 
    position:absolute;
    top:0; 
    bottom:0;
    width:100%;
    background-image: url("../images/tile.png");
    z-index:-1;
}

#bpimg{
	display: none;
}

/****************************/
/*JSR(6/27/21): Adding progress bar for blueprint downloads.*/
#bpLoadStatus{
	width:100%;
	position: fixed;
	top:150px;
	left:10px;
}

progress{
	border-radius: 20px;
	width: 50%;
	height: 30px;
	background:white
}
progress::-webkit-progress-bar {
  background-color: white;
  border-radius: 15px;
  border:1px solid black;
}
progress::-webkit-progress-value {
  background-color: #FFCC01;
  border-radius: 15px;
  border:1px solid black;
}
progress::-moz-progress-bar {
  background-color: #FFCC01;
  border-radius: 15px;
  border:1px solid black;
}

#bpProgressTitle{
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color:white;
	font-size: 15px;
	margin: 0 auto;
}
/****************************/

/****************************/
/*JSR(6/27/21): Spinner for TOC JSON load*/
#tocStatus{
	text-align: center;
	position:fixed;
	top:50px;
	width:100%;
	visibility: hidden;
}

#tocStatusGif{
	/*height:345px;*/
	width:345px;
	width:200px;
	text-align:center;
	margin:auto;
}