/*
First of all, you have a @font-face ruleset at the start of the CSS, which specifies the font
file(s) to download:

@font-face {
  font-family: "myFont";
  src: url("myFont.woff2");
}

See this page (where this came from) for more important info:
   https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts
*/

body {
   font-family: "Trebuchet MS", Arial, sans-serif;
   font-size: 1em;
   background-image: url('../images/backgrounds/blond woodgrain - darkened.jpg');
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center;
   background-size: cover;
}

.paper
{
   width: 92%;
   margin: 40px auto;
   background-image: url('../images/backgrounds/white-construction-paper-texture.jpg');
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center;
   background-size: cover;
   color: black;
   padding: 30px;
}

.scripture
{
   width: 80%;
   margin: 20px auto;
   background-color: #ddd;
   border: solid 3px black;
   color: black;
   padding: 10px;
   text-align: justify;
}

h1 { font-size: 2em; }

hr { width: 80% }

/*
p {
   font-family: Garamond, serif;
}
*/

/*
The following fonts are the best web safe fonts for HTML and CSS:

Arial (sans-serif)
Verdana (sans-serif)
Tahoma (sans-serif)
Trebuchet MS (sans-serif)
Times New Roman (serif)
Georgia (serif)
Garamond (serif)
Courier New (monospace)
Brush Script MT (cursive)
*/

.center_msg {
  width: 80%;
  text-align: center;
  margin: 10px auto
}

.topnav {
  overflow: hidden;
}

.topnav a {
  float: left;
  display: block;
  color: #ddd;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
    background-color: #ddd;
    color: black;
}

/*
FIND OUT HOW TO INHERIT STUFF FROM ONE CLASS TO ANOTHER!
FIND OUT HOW TO INHERIT STUFF FROM ONE CLASS TO ANOTHER!
FIND OUT HOW TO INHERIT STUFF FROM ONE CLASS TO ANOTHER!
*/

.bg-banner-bible-study {
   background-image: url('../images/bible_study_mos.png');
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}

.bg-sanctuary {
   background-image: url('../images/gray-sanctuary.png');
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center;
   background-size: cover;
}

.center-inset
{
   width: 50%;
   margin: 20px auto;
   background-color: #ddd;
   border: solid 3px black;
   color: black;
   padding: 10px; text-align: center;
}

.site-header
{
   border: none;
   padding: 20px;
   color: #ddd;
   margin: 0px 40px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.main-bg-color
{
   background-color: #100057;
}

.nav-bg-color
{
   background-color: #2C0070;
}

.page-navigation
{
   border: 1px solid black;
   color: #ddd;
   margin: 0px 40px;
}

.page-header
{
   background-color: #000B57;
   border: none;
   padding: 20px;
   color: #ddd;
   margin: 0px 40px;
}

.page-body
{
   background-color: #000B57;
   border: none;
   padding: 20px;
   color: #ddd;
   margin: 0px 40px;
}

.legal {
   color: #ddd;
   background-color: #100057;
   padding: 1px;
   text-align: center;
   font-size: small;
   margin: 3px 40px;
}

@media print
{
 body {
    background-color: white;
    color: black;
  }
}