/* General Page Layout */
#contentbar {
    max-width: 1200px; /* Increased to allow for a larger group photo */
    margin: 0 auto;
    padding: 20px;
    font-family: 'Anaheim', sans-serif;
}

/* Center Headers */
h2.title {
    text-align: center; font-family: 'Anaheim', sans-serif
}


/*FOR PEOPLE PAGE */
/* 1. Large Central Group Photo */
.group-photo-container {
    text-align: center;
    margin-bottom: 50px;
}

.group-photo-container img {
    width: 100%;            /* Fills the container */
    max-width: 1200px;      /* Very large central focus */
    height: auto;
    border: 5px solid #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}


/* 1. The Container that holds all the people in a section */
.people-grid {
    display: flex;
    flex-wrap: wrap;       /* Allows people to move to the next row if they run out of room */
    justify-content: center; /* Centers the row of people */
    gap: 40px;             /* The gap/space between each person card */
    margin-bottom: 60px;
}

/* 2. Individual Member Cards (Now smaller to fit multiple on a line) */
#person {
    display: flex;
    flex-direction: column; 
    align-items: center;    
    text-align: center;     
    border: 1px solid #eeef0f2; /* Optional subtle border around each card */
    border-radius: 8px;     /* Soft corners */
    padding: 20px;
    width: 450px;           /* Sets a explicit width so they line up perfectly */
    box-sizing: border-box;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02); /* Very subtle depth */
}

#person_img img {
    width: 340px;           /* Scaled down slightly to fit the grid well */
    height: 340px;
    border-radius: 20%;     
    object-fit: cover;      
    border: 4px solid #003366;
    margin-bottom: 20px;    
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

#person_text {
    font-family: 'Anaheim', sans-serif; /* Forces everything inside this container to be Anaheim */
}

#person_text b {
    font-size: 24px;        
    color: #003366;
}

#person_text p {
    font-size: 18px;
    line-height: 1.6;
}

/* This targets the email link inside the person text area */
#person_text a.names {
    color: #0066cc;
    text-decoration: none;
    font-weight: bold;
}

#person_text a.names:hover {
    text-decoration: underline;
}

/*FOR ROLLOUT ALUMNI*/

/* Style the main master container box */
details#namebox {
    max-width: 1200px;          /* Matches your tighter layout width */
    margin: 30px auto 0 auto;  /* Centers it on the page */
    background-color: #f7f9fa;
    border: 1px solid #003366;
    border-radius: 6px;
    overflow: hidden;          /* Keeps everything neat inside the rounded corners */
}

/* Style the clickable button header bar */
details#namebox summary {
    padding: 15px 20px;
    font-family: 'Anaheim', sans-serif !important;
    font-size: 18px;
    font-weight: bold;
    color: #003366;
    cursor: pointer;           /* Makes mouse turn into a pointing hand */
    user-select: none;
    outline: none;
    transition: background 0.2s ease;
}

/* Removes the default arrow from the summary tag in Chrome, Firefox, and Edge */
details#namebox summary {
    list-style: none !important;
}

/* Removes the default arrow in Safari */
details#namebox summary::-webkit-details-marker {
    display: none !important;
}

/* Subtle hover effect for the bar */
details#namebox summary:hover {
    background-color: #eef2f5;
}

/* Style the hidden inner listing area (Only displays when open) */
#namebox .content {
        font-family: 'Anaheim', sans-serif !important;
	padding: 20px;
    	border-top: 1px solid #dcdcdc;
   	background-color: #ffffff;
}

/*FOR PUBS */

ul.publications-list {
    list-style-type: none !important;
    padding-left: 0 !important;
    max-width: 1100px !important;   /* Restricts the text line-length so it doesn't stretch wide */
    margin: 0 auto !important;     /* Centers the restricted text block perfectly on the screen */
    padding: 0 20px;
}

/* 2. Create space on the left of each publication for the new shape */
ul.publications-list li {
    position: relative;
    padding-left: 25px;   /* Creates a 25px pocket for the symbol */
    margin-bottom: 4px;  /* Cleanly spaces out your publications */
    font-size: 16px;
    line-height: 1.6;
    font-family: 'Anaheim', sans-serif;
}

/* 3. Inject your custom bullet shape */
ul.publications-list li::before {
    content: "✦";            position: absolute;
    left: 0;
    top: 0px;             /* Aligns it nicely with the first line of text */
    color: #003366;       /* Matches your Columbia Navy theme */
    font-size: 16px;      /* Makes the symbol crisp and visible */
    font-weight: bold;
}

/* Removes custom bullet symbols when "no-bullets" is added to the list */
ul.publications-list.no-bullets li::before {
    content: "" !important;
}

ul.publications-list.no-bullets li {
    padding-left: 0 !important; /* Removes the empty pocket where the bullet used to sit */
}

/*RESEARCH PAGE
/* Centers the entire layout on the screen */
.research-page-container {
    max-width: 950px;
    margin: 0 auto;
    padding: 0 10px;
}

/* Creates the side-by-side layout format */
#research-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 40px 40px !important;
    width: 100% !important;
}

/* Individual Card Blocks */
.research-card {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    float: none !important; /* Forces old float rules from person styles to shut off */
    width: auto !important;
}

/* Typography styles */
.research-title {
    font-family: 'Anaheim', sans-serif;
    text-align: center;
    font-size: 18px !important;
    color: #003366 !important; /* Columbia Navy */
    margin: 0 !important;
    font-weight: bold;
}

.research-divider {
    margin: 8px 0 12px 0 !important;
    border: 0 !important;
    border-top: 1px solid #dcdcdc !important;
}

.research-text {
    font-family: 'Anaheim', sans-serif;
    text-align: justify !important;
    margin: 0 0 15px 0 !important;
    line-height: 1.5 !important;
}

/* Image formatting and tight caption spaces */
.research-img-box img {
    text-align: center !important; 
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    clear: both !important;
}

.research-caption {
    font-size: 14px !important;
    display: block !important;
    line-height: 1.3 !important;
    color: #555555 !important;
    font-style: italic;
}

*/HEADER INFO

#main-header {
    max-width: 1200px;        
    margin: 0 auto;           
    padding: 20px 20px 10px 20px;
    font-family: 'Anaheim', sans-serif !important; /* Forces container to Anaheim */
}

/* Force Title to Anaheim */
#main-header h1 {
    font-family: 'Anaheim', sans-serif !important; 
    font-size: 36px;
    color: #003366;           
    margin: 0 0 15px 0;       
    text-align: center;         
    font-weight: bold;
    letter-spacing: 0.5px;
}

/* Force Menu Links to Anaheim */
.navigation-bar a {
    font-family: 'Anaheim', sans-serif !important; 
    text-decoration: none;
    color: #444444;           
    font-size: 18px;
    font-weight: bold;
    transition: color 0.2s ease; 
}

/* Center the Menu Links */
.navigation-bar {
    display: flex;
    justify-content: center;        /* Changed from flex-start to center */
    gap: 35px;                
    border-top: 2px solid #7f7d9c; 
    padding-top: 15px;

/* Keep hover clean */
.navigation-bar a:hover {
    color: #0066cc;           
}