/* 
   Bible XML Style Sheet       
   © 2010-2013,2024-25 William R Parke
*/

* {box-sizing: border-box;}
h1 {color:#369; font-size:160%; margin:0 auto 1rem auto; text-align:center;}
/* https://stackoverflow.com/questions/7452479/how-to-change-the-style-of-a-selects-optgroup-label  (only works in Firefox) */
optgroup:before {
    content: attr(label);
    display: block;
    font-size:smaller; font-style:italic; font-weight:bold;
}

.bBC {color:#666; font-size:115%; font-style:normal; font-weight:bold; margin:1rem auto 0 auto;} /* chapter (h3) */
.bBS {color:#999; font-size:100%; font-style:normal; font-weight:bold; margin:.5rem auto; text-align:center;} /* book section (h4) used some versions of Psalms */
.bCC {color:#666; font-size:100%; font-style:normal; font-weight:normal; margin:.25rem 0; text-align:center;} /* chapter caption (h5) used in some versions of Psalms */
.bEX {color:rgb(255, 0, 63); font-size:inherit; font-style:italic; font-weight:normal;} /* exception/error (p or div) */
.bHR {background-color: #999; border:none; color:#999; height:1px; margin:1rem auto; width:90%;} /* (hr) */
.bNR {color:rgb(137, 34, 233); font-size:smaller; font-style:italic; font-weight:bold;} /* no results */
.bTN {color:#69c; font-size:130%; font-style:italic; font-weight:bold; margin:0 auto .5rem auto; text-align:center;} /* translation (h2) */
.bVN {color:#257; font-size:80%; vertical-align:super} /* verse number (span or sup) */
.bVT {color:#630; line-height:110%; margin:.5rem 0;} /* verse text (p) */
.bXS {color:#999; font-size:.75rem; font-style:italic; margin:0; text-align:center;} /* xml source (p or div)*/

.circle {
   background-color: rgb(0, 132, 255);
   border:1px solid rgb(74, 150, 250);
   border-radius: 50%;
   color:white;
   cursor:pointer;
   font-family:Verdana, sans-serif;
   font-size:1rem;
   font-weight:bold;
   padding-top:.0625rem;
   text-align:center;
   vertical-align:middle;
}

.hilite {background-color:#ff6}

.help {
   background-color: rgba(219, 238, 255, .9);
   border:1px solid rgb(0, 132, 255);
   font-size:.75rem;
   height:auto;
   opacity:1;
   padding:1rem;
   white-space:normal;
   z-index:2;
}

.fold {font-size:.875rem; font-weight:bold; margin:.25rem auto}
.help dd {margin-left:1rem}
.help dt {margin-top:.5rem}
.help li {margin-top:.25rem}
.help td { padding:.125rem .25rem;}
.help ul {padding-left:1rem}
.lbv {display:block; margin-bottom:.125rem;}
.nb {color:#666; font-size:90%; font-style:italic; text-align:left;}
.status {color:#666; font-size:90%; font-style:italic; text-align:left;}
.xampl {font-family:'Courier New', monospace; font-weight:normal;}

#scripture {font-family:'Verdana',sans-serif; font-size:.9375rem; overflow-y:auto; padding:0 .5rem 1rem .5rem;} /* main container (div or iframe) */

@media screen {
   #scripture {font-size:.9375rem;} 
}

@media print {
   button, h1, input, label, select {display:none!;}
   .bTN {margin:0 auto 1rem auto;}
   .bVT {color:#000;}
   #ctrl {display:none!;}
   #scripture {background-color:transparent; border:none; font-size:10pt; height:100%; overflow-y:visible; padding:.25rem 1rem;}
   #show_help {display:none!;}
}