/* Main content */
.main_content {
  margin-left: 300px; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

.page_title {
  font-family:'Arial';
  font-size: 3em;
  color: #000000;
  display: block;
  margin: auto;
  text-align: center;
  padding-bottom: 10px;
  padding-right:2%;

       position: fixed;
         z-index: 1;
        top: 0;
        right: 0;
        width: 76%; /* Example: full width */
        height: 90px; /* Example: 50px height */
        background-color: #FFFFFF; /* For visibility during debugging */
}
.page_subtitle {
  font-family:'Arial';
  font-size: 2em;
  color: #000000;
  display: block;
  margin: auto;
  text-align: center;
}

.space_before_pdf_image_sections {
	margin-bottom:60px;
	}
	
.start_of_pdfs {
	height:0;
	margin-bottom:10px;
	
}

.start_of_additional_images {
	height:0;
	margin-bottom:10px;
	
}
	
.pdf_space_before {
	display: block;
}

.pdf_subtitle {
	font-family:'Arial';
	font-size: 2em;
	color: #818181;
	display: block;
	text-align: center;
	margin-top: 2px;
}

.additional_images_subtitle {
	font-family:'Arial';
	font-size: 2em;
	color: #818181;
	display: block;
	text-align: center;
	margin-top: 2px;
}

.pdf_section {
	background-color: #000000;
	margin-left:-50px;
	margin-right:-20px;
	color:#818181;
	padding-bottom: 10px;
	font-family:'Arial';
	font-size: 15px;
	}

.additional_images_section {
	background-color: #000000;
	margin-left:-50px;
	margin-right:-20px;
	color:#818181;
	padding-bottom: 10px;
	font-family:'Arial';
	font-size: 15px;
	border-bottom: 1pt solid #818181;
	}

.pdf_link {
	color:#818181;
}

.images_link {
	color:#818181;
}

.add_margin {
    margin-top: 90px;
}
.centered-list-container {
  text-align: center; /* Centers inline content within the div */
}

.centered-list-container ul {
  display: inline-block; /* Allows ol to be centered by text-align */
  text-align: left; /* Aligns list items back to the left within the ol */
}

p.blurb_1 {
  font-family:'Arial';
  font-size: 15px;
  color: #818181;
  display: block;
  border: none;
  background: none;
  width:100%;
  text-align: center;
  outline: none;
}

.birth_year {
	float: right;
	padding-right: 20px;
}
	
.dates {
  font-family:'Arial';
  font-size: 20px;
  color: #000000;
  display: block;
  margin: auto;
  text-align: center;
  padding-bottom: 10px;
  padding-left:0%;
  text-decoration: none;
}
.title_underline {
  text-decoration: underline;
  text-decoration-thickness: 2px;}


ul {
  margin-top: 0; 
  margin-bottom: 0; 
}


.image_1 {
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;               /* Adjust as needed */
	text-align: center;
}

.image_2 {
	display: inline;
    margin-left: auto;
    margin-right: auto;
    width: 45%;               /* Adjust as needed */
	text-align: center;
    vertical-align: top;
}

figure:not(dual_images) {
	padding-leftzzz:5%;
}

.dual_images {
	padding-left:12%;
}

.image_home {
	width: 20px;
	display: inline;
    margin: auto;
}
.caption_1 {
  padding: 10px 0px 40px 0px;
  text-align: center;
  width: 20em;
  font-family:'Arial';
  display: block;
  margin: auto;
  }

a:not(.missing){
  color: #818181;
}

a.missing {
	text-decoration: none;
	color: #555555;
}

/* Fixed sidenav, full height */
.sidenav {
  height: 100%;
  width: 22%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  padding-top: 20px;
}

/* Style the sidenav links and the dropdown button */
.sidenav a {
  padding: 6px 8px 6px 16px;
  font-family:'Arial';
  font-size: 15px;
  display: block;
  border: none;
  background: none;
  width:100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

.dropdown-btn {
  padding: 6px 8px 6px 16px;
  font-family:'Arial';
  font-size: 15px;
  display: block;
  border: none;
  background: none;
  width:100%;
  text-align: left;
  cursor: pointer;
  outline: none;
  color: #818181;

}

/* On mouse-over when person has no html page*/
.sidenav a.missing:hover {
}

/* On mouse-over when person has an html page */
.sidenav a:not(.missing):hover, button:hover {
color:#f1f1f1;;
}


/* Add an active class to the active dropdown button */
button.active::after {
  background-color: black;
  content: "\25B2";
  font-weight: bold;
  color: #818181;
  float: right;
  padding-right: 1em;
}

button:not(active)::after {
  content: "\25BC";
  font-weight: bold;
  color: #818181;
  float: right;
  padding-right: 1em;
}
/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #262626;
  padding-left: 18px;
  font-family:'Arial';
}