/* Overwrite collapsible.css */
.collapsible-button {
    background-color: #FFF4C2;
    margin-bottom: 1rem;  /* smaller spacing between button and collapsible contents */
}

/* controls the collapsible banner display */
#projects collapsible-section {
    margin-top: 0;
    margin-bottom: 0
}

/* controls heading contents spacing */
#research {
    display: block;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

#research-content {
    margin: 0 20px 0 20px;
    list-style-type: inside;
    font-size: 1.1rem;
    line-height: 1.7rem;
}

#research h2, #projects h2 {
    background-color: #FFF4C2;
    color: #7b694e;
    padding: 10px;
    border-radius: 8px;
    font-size: 1.5rem;  /* emphasis on research */
    font-weight: bold;
    margin-bottom: 1rem; /* Adds space below header "Research" */
}


#teaching p,
#teaching li {
    background-color: transparent;
    margin-bottom: 0; /* Space between list items */
    padding: 5px;
}

.teaching-list {
    list-style-type: none;  /* Remove default list styling */
    padding: 0;             /* Remove default padding */
}

.teaching-list li  {
    line-height: 1.6rem;  /* Adds spacing between lines */
    margin-bottom: 1rem;  /* Adds space between list items */
}

.teaching-list .course-code {
    font-weight: bold;  /* Makes the course code bold */
}

.teaching-list .course-name {
    font-style: italic;  /* Optionally, italicize the course name */
}

.teaching-list .institution {
    color: #8F7A5A;      /* Optional: give a subtle color to the institution */
    font-size: 0.9rem;   /* Slightly smaller text for the institution */
}

/** Honours **/
/* Remove any background color and border styling */
.honour-entry {
    padding: 0;
    margin-bottom: 1rem; /* Add spacing between honours */
}

/* Honour Name Styling */
.honour-name {
    font-weight: bold;
    font-size: 1rem;  /* Slightly larger font for better visibility */
    /* add spacing below text with margin-bottom */
}

/* Honour Sponsor Styling */
.honour-sponsor {
    font-style: italic;
    font-size: 0.95rem;
    color: #7b694e;  /* Muted color for sponsor */
}

/* Honour Amount Styling */
.honour-amount {
    font-size: 0.9rem; /* Slightly larger font for amount */
    color: #333; /* Default text color */
}

/* Honour Description Styling */
.honour-description {
    font-size: 0.9rem; /* A bit smaller text for the description */
    color: #555; /* Lighter grey color for description */
}

/* Honour List Styling */
#honours-list {
    list-style-type: none; /* Remove default list styling */
    padding: 0;
    margin: 0;
}

/* Section Styling */
section {
    margin-top: 1rem;
}

/* Remove extra spacing before first section */
section:nth-of-type(1) {
    margin-top: 0;
}

/* Responsive Styling */
@media (max-width: 768px) {
    /* Projects and research section headings */
    #projects h2,
    #research h2 {
        font-size: 1.3rem;
        padding: 8px;
    }
}