/*
Theme Name: Twenty Sixteen Child-BW
Template: twentysixteen
Author: the WordPress team
Description: Twenty Sixteen is a modernized take .
Version: 1.3.1509836029
Updated: 2017-11-04 22:53:49
*/

@font-face {
    font-family: 'olbhebregular';
    src: url('fonts/olbheb-webfont.woff2') format('woff2'),
         url('fonts/olbheb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {
	background-repeat: repeat-y !important;
	background-position:top center !important;
	background-attachment:fixed !important;
	-o-background-size: 100% 100%, auto !important;
	-moz-background-size: 100% auto, auto !important;
	-webkit-background-size: 100% auto, auto !important;
	background-size: 100% auto, auto !important;
}

body.page-id-2 {
	background-image: url("../../uploads/2017/11/GalaciDalaCidesoxIribunuclecicacid_ColorAdjust.jpg"); 
	/* background-image: url("../../uploads/2017/11/GalaciDalaCidesoxIribunuclecicacid.jpg"); */
}

body.page-id-7 {background-image:url("../../uploads/2017/11/Lilith-fix3 - white.jpg");}

body.page-id-641, body.page-id-6 {background-image:url("../../uploads/2017/11/CaseForLilith_crop_white.jpg");}

body.page-id-89 {background-image:url("../../uploads/2017/11/LilithCreation1.jpg");}
  
body.page-id-35 {background-image:url("../../uploads/2017/11/God2-Sistine_Chapel2"); }

body.page-id-8 {background-image:url("../../uploads/2017/11/Sistine_Chapel-backgroundW.jpg");}

body.page-id-23 {background-image:url("../../uploads/2017/11/Sistine_Chapel-backgroundMan.jpg");}

body.page-id-25 {background-image:url("../../uploads/2017/11/orginal_sin_better3.jpg");}

body.page-id-177 {background-image:url("../../uploads/2018/12/Isiah_v84.20_damnedCrop.jpg");}

.post-89 table, .post-23 table, .post-177 table { 
	background-color: rgba(255,255,255,0.5) ;
	border-radius: 10px;
	box-shadow: rgba(0,0,0,0.4) 3px 3px 5px; 
	/* color:black; */
	/* margin: 0 5px 0 50px; */
	/* text-indent: 10px; */
	padding-left: 5px;
	padding-right: 5px; 
} 

/* This code works, color is being overwritten somewhere */
.post-2 p,  .post-6 p,  .post-7 p,  .post-8 p,  .post-22 p,  .post-23 p,  .post-25  p,  .post-641 p,  .post-89 p,  .post-177 p
{ 
	background-color: rgba(255,255,255,0.5) ;
	border-radius: 10px;
	box-shadow: rgba(0,0,0,0.5) 3px 3px 5px;
	padding-left: 10px;
	padding-right: 10px;
}  

/* .post-2 li, .post-6 li, .post-8 li, .post-22 li, .post-23 li, .post-25 li, .post-641 li, .post-89 li, */
/*  .post-2 h1, .post-6 h1, .post-7 h1, .post-8 h1, .post-22 h1, .post-23 h1, .post-25 h1, .post-641 h1, .post-89 h1, .post-177 h1, */
  .post-2 h1, .post-6 h1, .post-7 h1, .post-8 h1, .post-22 h1, .post-23 h1, .post-25 h1, .post-641 h1, .post-89 h1, .post-177 h1, .post-177 blockquote, 
 .post-2 h2, .post-6 h2, .post-7 h2, .post-8 h2, .post-22 h2, .post-23 h2, .post-25 h2, .post-641 h2, .post-89 h2, .post-177 h2, 
 .post-2 h3, .post-6 h3, .post-7 h3, .post-8 h3, .post-22 h3, .post-23 h3, .post-25 h3, .post-641 h3, .post-89 h3, .post-177 h3,
 .post-2 ul, .post-6 ul, .post-7 ul, .post-8 ul, .post-22 ul, .post-23 ul, .post-25 ul, .post-641 ul, .post-89 ul, .post-177 ul,
 .post-2 ol, .post-6 ol, .post-7 ol, .post-8 ol, .post-22 ol, .post-23 o1, .post-25 ol, .post-641 ol, .post-89 ol, .post-177 ol
{ 
	background-color: rgba(255,255,255,0.5) ;
	border-radius: 10px;
	box-shadow: rgba(0,0,0,0.5) 3px 3px 5px;
	/* color:black; */
	/* margin: 0 5px 0 50px; */
	/* text-indent: 10px; */
	/* width: 50%; */
	padding-left: 10px;
	padding-right: 10px;
	display:inline-block 
}  
/* .post-22 blockquote */

/* .post-2 li, .post-6 li, .post-8 li, .post-22 li, .post-641 li, .post-89 li, */
.post-2 ul, .post-6 ul, .post-7 ul, .post-8 ul, .post-22 ul, .post-641 ul, .post-89 ul,
.post-2 ol, .post-6 ol, .post-7 ol, .post-8 ol, .post-22 ol, .post-641 ol, .post-89 ol
{ 
	padding-left: 25px;
}  

body {
	/* background: #1a1a1a; */
	background-color: transparent;
}

.site {
	background-color: transparent; 
}

/* *************************************************************** */
/* Highlight Current Menu Link */
li.current-menu-item {
	background: rgba(225,225,200,0.4);
	font-weight: bold;
	color: rgba(0,0,0,1.0);
}
li.current-menu-item .sub-menu {
	background: normal;
	font-weight: normal;
}

li.current-menu-item a {
	text-decoration: underline;
	color:black;
}
li.current-menu-item .sub-menu a{text-decoration: none;}

/* The Case for Lilith is #nav_menu-3 */

/* Site-Map Menu */
 body.page-id-2 #nav_menu-2 {
	background-color: rgba(255,255,255,0.4); 
	border-radius: 10px; 
	box-shadow: rgba(0,0,0,0.4) 0px 1px 2px; 
 	padding-left: 3px;
} 

/* nav_menu-4 is the Biblical Case for Lilith Menu */
body #nav_menu-4 {
	background-color: rgba(255,255,255,0.4); 
	border-radius: 10px; 
	box-shadow: rgba(0,0,0,0.4) 0px 1px 2px; 
 	padding-left: 3px;
}
/* *************************************************************** */

 table {
	 margin: 0 0 0.2em;
	 background-color: rgba(120,120,120,0.1);
 }
 
 .custom-logo {
    max-width: 30%;
}

@media screen and (min-width: 1240px) {
    .custom-logo {
        max-width: 25%;
    }
}

/* Custom Style for Screenplay page */
body.page-id-437 {
	background-color: black; 
 } 

 .page-id-437 .content-area { width: 100%; }

 
 /* wp_redirect( "http://www.my-blog.com/a-new-destination", 301 );*/
 /* wp_redirect( 'http://www.example.dev/blog/', 301 ); */
 /* put above in php code for Page to be redirected */
/*add_action( 'template_redirect', 'redirect_to_blog_page' );
function redirect_to_blog_page() {
    if ( is_page('shop') && ! is_user_logged_in() ) {
      wp_redirect( 'http://www.example.dev/blog/', 301 ); 
	  exit;
    }
} */

 /* This works for header background */
 /* .page-id-437 .site-header{
	background-color: white !important;
} */
 
 /* This works to change the tag-line of header title, it over-rides p.site-description with important*/
 /*.page-id-437 .site-header p{
	color: yellow !important;
} */

/* This works !!! to change the tag-line of header title */
.page-id-437 p.site-description {
	color: rgba(190, 190, 190, 1.0); 
} 

.page-id-2 p.site-description {
	color: rgba(0, 0, 0, 1.0); 
} 
/* This works!!! to change the Header Title */
/*  .page-id-437 p.site-title a { << That is interchangable */
 .page-id-437 .site-title a {
	color: rgba(230, 230, 230, 1.0);
} 

 .page-id-437 .menu-main-container a {
	color: rgba(230, 230, 230, 1.0);
} 

.page-id-437 h1 {
	color: rgba(230, 230, 150, 1.0);
} 

/* This works to change background green of entire header area */
/*  .page-id-437 .site-header-main {
	background-color: green;
} */

 

 /* tbody {
	 background-color: red;
 } */
  
 /* td {
	 background-color: green;
 } */
 
/* This code works to change all Lilith Menus */
/* #nav_menu-5 {
	/* background-color: rgba(255,255,255,0.4); 
	/* border-radius: 10px; 
 } */
 
/* This code works to set up sidebar style for specified page */
/* body.page-id-22 .sidebar { 
 	background-color: rgba(255,255,255,0.4) ;
	border-radius: 10px;
	box-shadow: rgba(0,0,0,0.4) 3px 3px 5px; 
} */
 
/* This code works, Sidebar is bigger than Widget */
/*.sidebar { 
	background-color: rgba(255,255,255,0.4) ;
} */

 /* This code works, Wiget is bigger than Menu Container */
 /*.widget {
	background-color: blue;
} */

/* This code works, except for title */
/*.menu-lilith-menu-container { 
	 background-color: red ;
 } */
 
 
/*Insert following in HTML to achieve Heading background color 
<t style="background-color: red;"> 
<p style="background-color: rgba(255,255,255,0.3)"; > 
<p style="font-family:courier;">This is a paragraph.</p>
<span style="font-family: olbhebregular;">This is a paragraph.</span>
*/

/* This code works to change all pages, include entry header */
/* .content-area {
	background-color: red; 
} */

/* This code works to change all entry-content on every page*/
/* .entry-content {
	background-color: blue; 
} */

/* How to make Table merge columns
<tr>
<td width="53">Yom Kippur</td>
<td width="67">Azazel &amp; his host; and sinful, unrepentant Israel who shall be cast with Azazel into the pits of hell on judgment day</td>
<td width="60">Repentant, cleansed Israel</td>
<td width="53">The goat to Azazel</td>
<td width="53">The goat to Jehovah</td>
<td width="73">All the sins of Israel are placed upon the goat to Azazel, which is slain in the place of Azazel’s confinement.</td>
<td width="62">The high priest who is cleansed by the accepted sacrifice of Jehovah’s goat and enters Holy of Holies to atone for all of Israel.</td>
</tr>
<tr>
<td colspan="7" width="422">
<p><strong>Table </strong><strong>6</strong><strong>‑</strong><strong>4</strong><strong>: Comparing Various Biblical Formulations of the Bitter Water Judgment</strong></p>
</td>
</tr>
</tbody>
</table> */


/*  To Get Custom Sidebar
At the top of Single.php, Page.php, Search.php, Archive.php, and 404.php I have added the following line like so:

 <?php

   /** header to file

   get_header(); ?>

   <?php get_sidebar(sleft); ?>

   At the bottom of each of those files I have denoted the previous sidebar so that it's called directly and not indirectly, like so:

<?php get_sidebar(sidebar-1); ?>
<?php get_footer(); ?>
CSS is standard that came with the package. I made one entry for the sleft call, like so:

.sleft {
    margin-bottom: 3.5em;
    padding: 0 7.6923%;
 } 
 
 Answer
 I added after

get_header(); ?>
      <aside id="secondary" class="left-sidebar widget-area" role="complementary">
          <?php dynamic_sidebar( 'sleft' ); ?>
      </aside><!-- .sidebar .widget-area -->
Then

aside#secondary {
    width: 20%;
    float: left;
    margin-right: 15px;
}
Now... if you're going to have both sidebars, you'll have to adjust the

@media screen and (min-width: 61.5625em)
body:not(.search-results) article:not(.type-page) .entry-content {
    float: left;
    width: 50%;
}
or something like that. You can customize the CSS as you need, but this should put you on the right track.
*/

/*  TWO SIDEBAR TESTS 
@media screen and (min-width: 61.5625em)
body:not(.search-results) article:not(.type-page) .entry-content {
    float: left;
    width: 50%;
}

aside#secondary {
    width: 20%;
    float: left;
    margin-right: 15px;
} 

.sleft {
    margin-bottom: 3.5em;
    padding: 0 7.6923%;
 } */

