/* CSS Document for BCC TOPIC PAGES on Journal33.org */

/*	

* {
   border: 1px solid red !important;
}
	*/


/*------------------------------------------------------------------------------------------------------*/
/*--------------------------------------- Some general formatting --------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

/*-------------------- From www.w3schools.com/lib/w3.css -------------------*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
header,main,nav{display:block}
body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; margin:0} 




/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------ Navigation <nav> & Screen Size ----------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

/*-------------------- From www.w3schools.com/lib/w3.css -------------------*/
.w3-opennav, .w3-closenav {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;	color:inherit;}
.w3-opennav:hover, .w3-closenav:hover {cursor:pointer;opacity:0.8}

.w3-sidenav a, .w3-opennav, .w3-closenav {-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s}

.w3-sidenav {height:100%;width:200px;position:fixed!important;z-index:1;overflow:auto; background-color:#ccc;color:#000}
.w3-sidenav a {text-decoration:none!important; padding:4px 2px 4px 16px; display:block}
.w3-sidenav a:hover {background-color:#ccc}

.nav-misc {box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important; position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s; background-color:transparent!important}

@media screen and (max-width:992px){.w3-sidenav.w3-collapse{display:none}.w3-main{margin-left:0!important}}
@media screen and (min-width:993px){.w3-sidenav.w3-collapse{display:block!important}}

@media (min-width:993px){.w3-hide-large{display:none!important}}

#main, .w3-main{transition:margin-left .4s}
.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}	
	
.about, .topic, .article, .bible, .footer{padding:0.01em 16px}

/*------------------------- Other Navigation-Related -----------------------*/
ul li {
  list-style-type: none;
  margin-left: -30px;
  padding-top: 0px;
  padding-bottom: 14px;
  padding-right: 4px;
  line-height: 100%
}

a.navhead, a.navtopic {
  font-family: 'arial black', sans-serif;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
  color: black;
}
 a.navabout {
  font-family: 'arial black', sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
  color: #063;
}
  
#topic1, #topic2, #topic3, #topic4, #topic5, #topic6, #topic7, #topic8, #topic9, #topic10   {
  display: none;
}

a.other-journals {
	color:red;
}


.menu-button {

	position: absolute;
	left: 10px;
	top: 10px;
	padding-bottom: 20px;
}


/*------------------------------------------------------------------------------------------------------*/
/*-------------------------------- Body - MAIN (non-navigation) section --------------------------------*/
/*------------------------------------------------------------------------------------------------------*/



body {
	font-size:16px;
	color: black;
	font-family: arial, sans-serif;
	line-height: 1.5;
	margin: 0;
}

body {
    background: url("../images/background_2772x4.jpg");
    background-size: contain;   /*   background-repeat: repeat-y;   */
    padding-top: 40px;
}

/*  Background image as a css gradient. */
/*  ---- not currently in use
#body-orange {          
	background-color: white; 	
	background-image: -webkit-linear-gradient(90deg, rgba(253, 180, 21, .7) 0%, rgba(255, 255, 255, 1) 150px);
	background-image:    -moz-linear-gradient(90deg, rgba(253, 180, 21, .7) 0%, rgba(255, 255, 255, 1) 150px);
	background-image:     -ms-linear-gradient(90deg, rgba(253, 180, 21, .7) 0%, rgba(255, 255, 255, 1) 150px);
	background-image:      -o-linear-gradient(90deg, rgba(253, 180, 21, .7) 0%, rgba(255, 255, 255, 1) 150px);
	background-image:         linear-gradient(90deg, rgba(253, 180, 21, .7) 0%, rgba(255, 255, 255, 1) 150px);
		}			---- */
		
hr {
  background-color: #000000;
  height: 0.0125in;
}


				
/* ------------------------------------------- BUTTONS - PDF, ETC. ------------------------------------------- */		

.pdf {
	margin-top: -15px;
	margin-bottom:15px;
	padding:5px;
	margin-left: 40px;
		}

  .button-mbl {
	background-color: #fbf;
    border: double;
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	padding: 2px;
	margin-bottom:15px;
	margin-right:40px; 
}

  .button-other {
	background-color: #ffa;
    border: double;
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	padding: 2px;
	margin-bottom:15px;
	margin-right:40px; 
}

  .button-prn {
	background-color: #bff;
    border: double;
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	padding: 2px;
	margin-bottom:15px;
	margin-right:40px; 
}
/*  for an "empty" space between visible buttons 
  .button-blank {
	background-color: transparent
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	padding: 2px;
	margin-bottom:15px;
}
 */

/*--------------------------------- Header ---------------------------------*/

header {
	font-family: Helvetica;
}

header p {
	text-align: center;
}

header img  {
	float: right;
	padding-right: 10%;
	padding-left:3%
}


.title-parent {
  font-family: 'Times New Roman', serif;
	font-size: 20pt;
	line-height: 28pt;
  margin-top:0px ; 
  margin-bottom: -20px;

}

.title-main {
  font-family: 'Times New Roman', serif;
  font-size: 28pt;
}



.nodot {
	list-style-type: none;
}



/*----------- ABOUT the topics or articles (top section of pages) ----------*/
/*                 (subtitles, main text, bullets and lists)                */

.about {
  color: black;
}

.about .subtitle {
  font-family: 'Times New Roman', serif;
  font-weight: bold;
  font-size: x-large;
    margin-top: 20px;
    margin-bottom: -6px;
}

/* Most of the "about text" are in <p>; 
   a few [in word studies page] are in <dl> (which has dt/dd under it) */
.about .text {
  font-family: arial, sans-serif;
  font-weight: normal;
  font-size: normal;
  }
  
  
.about ul li.bullet {
  font-family: arial, sans-serif;
  font-weight: normal;
  font-size: 3;
  list-style-type:disc;
  margin-left: 0px;
  line-height: 22px;
}

.about ul li.bullet a {
  font-weight: bold;
  text-decoration: none;
  
}



.about .numlist {
  font-family: arial, sans-serif;
  font-weight: normal;
  font-size: 3;
  padding-bottom: 4px;
}

.about blockquote.bible {
	font-variant: small-caps;
}  

/* this is inline text: */
.about .bible .bibref {
  font-style: italic;
  font-size: small;
	font-variant: small-caps;
}


/*-------------------------------- TOPIC links -----------------------------*/
/*                             (titles and text)                            */

.topic {
  color: black;
}  


.topic .subtitle {
  font-family: 'Times New Roman', serif;
  font-weight: bold;
  font-size: x-large;
  margin-top: 20px
}

.topic .title {
  font-family: 'Arial Black', sans-serif;
  font-weight: bold;
  font-size: 1;
}  
    
.topic .title a {  
  text-decoration: none;
}

.topic .text {
  font-family: 'Times New Roman', serif;
  font-weight: normal;
  font-size: normal;
  margin-top: -15px;
  margin-left: 40px;

}
  

/*------------------------------- ARTICLE links ----------------------------*/
/*                     (groups, titles & text, misc links)                  */
/*                     ("morelinks" is currently separate)                  */

.article {
  color: black;
}


.article .group {

  font-family: 'Times New Roman', serif;
  font-style: italic;
  font-weight: bold;
  font-size: x-large;
}

.article .title {

  font-family: 'Arial Black', sans-serif;
  font-weight: bold;
  font-size: normal;
}

.article .title a {  
  text-decoration: none;
}

.article blockquote .title {
	color: #000099;
}


.article .text {

  font-family: 'Times New Roman', serif;
  font-weight: normal;
  font-size: normal;
  margin-left: 40px;
  margin-top: -15px;

}

.article ul li.misclink {
  font-family: arial, sans-serif;
  font-weight: normal;
  font-size: 3;
  list-style-type:disc;  
  margin-top:15px;
  margin-bottom:-5px;
  margin-left: 40px;
  line-height: 22px;

} 


.article ul li.misclink a {
  font-weight: bold;
  text-decoration: none;
  
}


/*   FOR INDENTED GROUPS OF LINKS UNDER THE SAME TOPIC  */
.article ul li.bullet {
  font-family: arial, sans-serif;
  font-weight: normal;
  font-size: 3;
  list-style-type:disc;  
  margin-top:15px;
  margin-bottom:-5px;
  margin-left: 40px;

} 

/*---------------------------- More Links (bullets) ------------------------*/

.moretitle {  
color: black;
  font-family: 'Times New Roman', serif;
  font-weight: bold;
  font-size: large;
}


.morelinks {
  color: black;
  font-family: arial, sans-serif;
  font-weight: normal;
  font-size: 3;
  list-style-type:disc;
  margin-left: 0px;
  margin-top:10px;
  line-height:20px;
  
}

.morelinks a {
  font-weight: bold;
  text-decoration: none;
  
}


/*------------------------------ Bible Quotes ------------------------------*/

.bible {
  color: black;
}

.biblehdr {
  font-family: 'Times New Roman', serif;
  font-style: normal;
  font-weight: bold;
  font-size: large;
}

.bibletxt {
  margin-left: 40px;
  font-style: italic;
  font-size: normal;
  font-variant: small-caps;
}

/* this is inline text: */
.bibleref {
  font-style: italic;
  font-size: small;
	font-variant: small-caps;
}

/*--------------------------------- Footer ---------------------------------*/

footer {
	font-size: 8pt;
}

.footer-links {
	text-align: center;
	font-size: 12pt;
	text-decoration: none;
}

.footer-links a {
	text-decoration: none;
}
		
	
				

.adobe {
	font-size: 8pt;
	float: left;	
	clear: none;
	padding-left: 20px;
}

.adobe img  {
	
	margin-left: 20px;
}


.credits {
 	float: right;
	width: 100%;
	clear: none;
	text-align: right;
	padding-right: 10px;
}