h1{
  margin-bottom:0px;
  }
label {
  background: #EEE;
  border-radius: 3px;
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 1.50em;
  margin-bottom: 0px;
  padding: 10px 20px;
  position: relative;
  transition: ease .5s;
}
label:hover {
  background: #333;
  color: #FFF;
}
label::before {
    content: '+ ';
}
.sidebar-right{
  border-style:solid;border-width:1px;border-color:#555960;
 }
.accordion_content {
  background: #FFF;
  padding: 15px 25px;
  border: 1px solid #EEE;
  margin-bottom: 0px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.accordion > input + label + .accordion_content {
  display: none;
}

.accordion > input:checked + label + .accordion_content {
  display: block;
}

.accordion > input:checked + label::before {
  content: '- ';
}
.accordion > input {
  display: none;
}

.accordion {
  margin: 0 auto;
  padding: 10px;
  width: 90%;
}


 .inner-box {
 border-color: #3b3b3b;
 border: 0px;
 padding: 0 15px 0px 15px; 
 border-style: solid;
 background-color: #fff;
 }
  .outer-box {
 padding: 0 15px 0px 15px; 
 background-color: #3b3b3b;
 
}

/* General page styling */
.page-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    display: flex;
}

/* Main content section */
.main-content {
    flex: 3;
    padding-right: 30px;
}

/* Box styling for general sections */
.box-section {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 8px;
}

/* Styling for the main project title */
.box-section h1 {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 2px solid;
    padding-bottom: 10px;
}

/* Styling for headings */
.box-section h2 {
    font-size: 1.6rem;
    margin-bottom: 10px;
}

/* Interdisciplinary areas styling */
.box-section ul {
    list-style: none;
    padding-left: 0;
}

.box-section ul li {
    padding: 10px;
    margin-bottom: 8px;
    border-left: 4px solid;
    font-size: 1.1rem;
}

/* Styling for project description */
.project-description {
    padding: 20px;
    border-left: 6px solid;
    font-size: 1.1rem;
}

/* Start date */
.start-date {
    padding: 15px;
    text-align: center;
    border-radius: 4px;
    font-weight: bold;
    font-size: 1.2rem;
}

/* Post Doc Qualifications */
.qualifications-section {
    border-left: 4px solid;
    padding-left: 10px;
    font-size: 1.1rem;
}

/* Co-Advisors section */
.co-advisors-section {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.co-advisors-section a {
    text-decoration: none;
}

.co-advisors-section a:hover {
    text-decoration: underline;
}

/* Bibliography section */
.bibliography-section {
    padding: 15px;
    font-size: 1.1rem;
}

.bibliography-section ul {
    list-style-type: none;
    padding: 0;
}

.bibliography-section ul li {
    margin-bottom: 8px;
}

.bibliography-section a {
    text-decoration: none;
}

.bibliography-section a:hover {
    text-decoration: underline;
}/* General container for the project page */
.project-page-container {
    padding: 20px;
    margin: 0 auto;
    max-width: 1200px;
}

/* Full-width title styling */
.project-title-section {
    text-align: center;
    margin-bottom: 30px;
}

/* Grid layout for interdisciplinary areas and start date */
.project-grid-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 30px;
}

/* Project description full-width */
.project-description-section {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

/* Flexbox layout for qualifications and co-advisors */
.project-flex-layout {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 30px;
}

/* Bibliography full-width */
.project-bibliography-section {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
}