@charset "UTF-8";

body    {
          font-size: 14pt;
          font-family: serif,Arial;
          color: #000000;
/*
          background-color: #FFFFFF; */
          background-image: url("https://scribeoftexas.com/pics/background/128-137-shaded-01.jpg");
          background-attachment: fixed;
          background-repeat: round;
        }

header  {
          text-align: center;
        }

article {
          min-height: 100%;
          height: auto !important;
          height: 100%;
          margin: 0;
        }

footer  {
          width: 100%;
          text-align: center;
        }


/* Defining mouse hovering to highlight links */
a {opacity: 1.;}
a:hover {opacity: 0.6;}


/* Box sizing to make all boxes include the padding */
* {
    box-sizing: border-box;
  }


/* Setting the properties for the published date */
.p-date {
         font-family: Arial;
         font-size: 10pt;
         color: #3300CC;
         margin-top: -25px;
         margin-bottom: -3px;
        }

/* Setting the properties for 10-point red text */
.ten-point-red-text {
                 font-family: Arial;
                 font-size: 10pt;
                 color: #FF0000;
                }

/* Setting the properties for 12-point red text */
.twelve-point-red-text {
                 font-family: Arial;
                 font-size: 12pt;
                 color: #FF0000;
                }

/* Setting the properties for 10-point blue text */
.ten-point-blue-text {
                 font-family: Arial;
                 font-size: 10pt;
                 color: #0000FF;
                }

/* Setting the properties for 12-point blue text */
.twelve-point-blue-text {
                 font-family: Arial;
                 font-size: 12pt;
                 color: #0000FF;
                }

/* Sub-heading properties for name under Heading Line */
.name-set {
	   margin-top: -25px;
	   margin-bottom: -3px;
          }


/* Background Color to Highlight Special Postings in Black */
.black-high  {
               background-color: #000000;
             }
/* Background Color to Highlight Special Postings in Yellow */
.yellow-high {
               background-color: #FFFF00;
             }
/* Background Color to Highlight Special Postings in Gray */
.gray-high   {
               background-color: #CCCCCC;
             }
/* Background Color to Highlight Special Postings in Light Gray */
.lgray-high  {
               background-color: #E0E0E0;
             }
/* Background Color to Highlight Special Postings in White */
.white-high  {
               background-color: #FFFFFF;
             }


/* Font for Copyright Material */
.copy-right {
              font-size: 10pt;
              font-family: Arial;
            }


/* Aligning Text to Center, Left, or Right */            
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}       
.small-center {text-align: center; width: 25%;}  


/* Text FORMATTING and Positioning */
.text {
       padding-left: 3px;
       padding-right: 3px;
       margin-left: auto;
       margin-right: auto;
       background-color: #FFFFFF;
      }


/* Font for Small Capital letters */
.small {
        font-variant: small-caps;
       }


/* Red Color for Fonts */
.red {
      color: #FF0000;
     }

/* Blue Color for Fonts */
.blue {
       color: #0000FF;
      }

/* White Color for Fonts */
.white {
        color: #FFFFFF;
       }

/* ******************** Defining a grid for Zootopia Chapter Page ******************** */
.wrapper-z {
                display: grid;
                grid-template-columns: auto auto auto;
                }

/* *************** Creating the fixed menu at the top of the Screen ****************** */
ul.b {list-style-type: none;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 5px;
    width: 100%;}
li.b {display: inline;}


/* ********************** Setting up for Columns for the Screen ********************** */
.row::after {
    content: "";
    clear: both;
    display: table;
}

[class*="col-"] {
    float: left;
    padding: 15px;
}

/* For desktop: */
.col-1 {width: 8.33%;}
.col-1a {width: 12.5%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.col-2b {width: 20%;}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
}


/* ******************************** Video Container Definitions ******************************** */
/* Creates the container for Videos */
.center-vid {
             margin-left: auto;
             margin-right: auto;
             display: block;
            }

/* Modifiying images & videos for multiple screen sizes */
img   {
        max-width: 100%;
        height: auto;
      }
video {
        max-width: 100%;
        height: auto;
      }


/* ******************************** Block Quote Definitions ******************************** */

/* Indented block with light-blue background for Bible Quotes */
.bible-quote {
              font-size: 14pt;
              font-family: serif;
              margin: 10px 40px;
              padding: 10px 10px 10px 20px;
              background-color: #C2D8FE;
              text-align: left;
             }

/* Indented block with yellow background for Non-Bible Quotes */
.other-quote {
              font-size: 14pt;
              font-family: serif;
              margin: 10px 40px;
              padding: 10px 10px 10px 20px;
              background-color: #FFFF99;
              text-align: left;
             }

/* Indented block with white background for Non-Bible Quotes */
.plain-quote {
              font-size: 14pt;
              font-family: serif;
              margin: 10px 40px;
              padding: 10px 10px 10px 20px;
              background-color: #FFFFFF;
              text-align: left;
             }             

/* Indented block with yellow background for Centered Text, Non-Bible Quotes */
.center-quote {
               font-size: 14pt;
               font-family: serif;
               margin: 10px 40px;
               padding: 10px 10px 10px 20px;
               background-color: #FFFF99;
               text-align: center;
              }

/* ******************************** Responsive iframe videos ******************************** */


.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
 
/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  padding-top: 75%;
}