/* 27/Feb/2022 4:25 - extracted from contents.html and _glossary.html;
must be linked there. 
See comments in master.html; search [Begin data-pgc-edit="sidebar_left"]. */
/* 2/16/2015 - for over-riding local styles (e.g., to override drc1a.css) */

/* 26/Mar/2016 11:52 - from p7csspbm2_09.css */
.main-content {
	float: right;
	width: 70%; /* 78% = same as menutop-button-wrapper */
	background-color: var(--background_color__main_content); 
/*	background-color:#F8F8F8; *//*  DRC 1/15/2015 - very pale white */
}

.sidebar {
	width: 30%; 
	  /* 30% works well when screen width is reduced to 700px (just before left sidebar
	  is moved from left position to below the contents panel. At that point the following
	  tree can be fully displayed (no truncation or sidebar scrolling needed) -
	    Complelx resonators
	      Cylindrical horns
	        Unslotted
	          Shear mode horns
	   */
	float: left;
/*	float: right; */ /* 1/Mar/2022 19:13 - doesn't seem to make a difference if "right" or "left"; "left" seems more logical */
/*	min-width: 250px; */ /* this causes the sidebar to float right below the main-content */
}

.sidebar {
/*	border-right: var(--border__global); */ /* 1/Apr/2022 18:10 */
  /* 2/Apr/2022 22:37 - If put border-right here instead of in ".sidebar .content" then
  sidebar and border drop to lower left (diagonally below main-content) */
/*  border: none; */
/*  border: 20px solid blue; */
}
  	
.sidebar .content {
  height: auto; /* 10/Apr/2022 8:56 - effect? */
  
	border-left: var(--border__global);  /* 1/Apr/2022 18:10 */
/*	border-right: var(--border__global); */ /* 1/Apr/2022 18:10 */
    /* 3/Apr/2022 12:38 - superceded by border-left in .main-content .content */
/*  border: none; */
/*  border: 20px solid blue; */ /* debug */
    /* 2/Apr/2022 22:40 - this causes 40mm background to show at bottom of main-content */
  	
	padding: var(--padding__sidebar); /*  DRC 1/14/2015 - was 30px */
	padding-top: 1px; /* override above */
	 /* 27/Mar/2022 17:04 - must be at least 1 or delete entirely. Otherwise a thin strip
	 of background-color from columns-wrapper div (e.g., orange debug) shows 
	 at the top of sidebar and also at bottom of main_content. */
	 /* 26/Mar/2022 13:58 - was 23px */
	 /*  DRC 1/14/2015 - to approx align with H1 heading in content */

	font-size: .90em;
	line-height: 1.6em;
/* 28/Mar/2016 17:30 - increase slightly above	
	font-size: .85em;
	line-height: 1.5em;
*/	

	background-color: var(--background_color__sidebar); 

/*	background-color: #D8D8D8; */
/*	background-image: -webkit-linear-gradient(#FFF, #AAA);
	background-image: linear-gradient(#FFF, #AAA);
DRC 1/14/2015 - eliminate gradient */
}

/* ====================================================================================== */
/* 30/Mar/2022 9:36 - moved from drc1a.css */

._sidebar_tree_main_heading { /* 1/17/2015 - used for all menu titles except 1st (above) */
  margin-top: 10px; 
  font-weight: bold;
/*  background-color:  red; */
} 

/* 3/Apr/2015 10:23 - to override the li settings in drc1a.css */
.sidebar .content li {
	top-margin: 0;
 	background-color: transparent;
 	background-color: cyan; /* debug */
	background-color: var(--background_color__sidebar);
}

/* 18/May/2015 21:36 - replaced by below which is simpler (no need to add <class="_no_link" in sidebar html). However, still used in notes.html */
._no_link {
	background-color: var(--background_color__no_link);
}

/* 10/Mar/2015 3:32  - to indicate an empty link so the user doesn't bother clicking - i.e., when the link is just a placeholder <a href="#">Topic</a> */
/* Used with tree menus - replaced <a href="#"> with <a href="#" class="_no_link">.
When a valid link is actually added (i.e., href="a valid link") for a topic, then class="_no_link" still remains. Hence, periodically all class="_no_link" must be searched and deleted. Then can reapply again to empty links -- i.e., replacing <a href="#"> with <a href="#" class="_no_link">. */
/* Also, easy for me to see which topics need to be addressed. */

/* 18/May/2015 21:36 - the beginning char of a link is "#" which by itself indicates 
an empty (unassigned) link. */
.sidebar .content a[href^="#"] {
  background-color: var(--background_color__no_link); /* same as above */ 
  color: black; text-decoration: none; font-weight: normal; 
    /* 9/Jun/2015 20:55 - empty link so reset */
} 

/* 18/May/2015 21:36 - the beginning link chars are "#void" (used by Project 7 to indicate 
a "link" that doesn't lead to another page but instead causes some action 
(e.g., Expand/Collapse tree topic). Override above assignment. */
.sidebar .content a[href^="#void"] {
  background-color: var(--background_color__sidebar_tree_control);   
    /* 18/May/2015 21:46 - pale blue; same as .sidebar .content in p7csspbm2_09.css  */
  color: black; text-decoration: none; font-weight: normal; 
    /* 9/Jun/2015 20:55 - empty link so reset */
} 


/*  DRC 1/13/2015 - if using unordered list in sidebar
.sidebar .content {
  padding: 10px;
} 
.sidebar p {font-size: .85em;} 
.sidebar ul li{
  list-style-type: square;
  font-weight: bold;
  padding-top: 8px;
} 
.sidebar ul ul li{
  list-style-type: disc;
  font-weight: normal; 
  padding-top: 0px;
} 
.sidebar ul ul ul li{
  list-style-type: circle;
} 
*/

._tree_control {
/* 3/28/2016 */
/*	background-color: cyan; */ /* debug - 13/Apr/2022 22:01 - effect? */
}