/* Speakers List Styles */

#speakers h2 {
    font-size: 28px; /* Match size with event-card h2 */
    margin-bottom: 15px; /* Slightly larger spacing for headings */
    text-align: center;
    text-transform: uppercase;
    color: #ffffff; /* Bright white for headings */
    border-bottom: 2px solid #ffab40; /* Accent color for bottom border */
    padding-bottom: 5px;
}

/* Styling for topic headers */
#speakers h3 {
    font-size: 24px; /* Larger font size for topic headers */
    margin-top: 20px; /* Match spacing for section headers */
    margin-bottom: 15px;
    color: #ffffff; /* Bright white for topic headers */
    border-left: 5px solid #ffab40; /* Accent color for left border */
    padding-left: 10px; /* Add padding for a clean look */
}

/* Speaker list styling */
#speakers ul {
    list-style: none; /* Remove default list styling */
    padding: 0;
    margin: 0;
}

#speakers li {
    font-size: 16px; /* Match paragraph font size */
    line-height: 1.6; /* Match paragraph line height */
    color: #f5f5f5; /* Softer white for speaker names */
}

#speakers li::before {
    content: "•"; /* Use bullet point as a marker */
    color: #ffa726; /* Bright orange for bullets (consistent with links) */
    margin-right: 10px;
    font-size: 18px; /* Slightly larger bullet size for emphasis */
    vertical-align: middle;
}

#speakers ul + h3 {
    margin-top: 25px; /* Match spacing above new topic headers */
}

/* Italicize institution names */
#speakers li i {
    font-style: italic;
    color: #cccccc; /* Softer gray for institution names */
}

/* Links inside the #speakers section */
#speakers a {
    color: #ffa726; /* Bright orange for links */
    text-decoration: underline; /* Match event-card link style */
    font-weight: bold; /* Bold links for emphasis */
}

#speakers a:hover {
    color: #ffcc80; /* Lighter orange on hover for a subtle effect */
}

@media (max-width: 768px) {

    #speakers h2 {
        font-size: 16px; /* Match size with event-card h2 */
        margin-bottom: 15px; /* Slightly larger spacing for headings */
        text-align: center;
        text-transform: uppercase;
        color: #ffffff; /* Bright white for headings */
        border-bottom: 2px solid #ffab40; /* Accent color for bottom border */
        padding-bottom: 5px;
    }
    
    /* Styling for topic headers */
    #speakers h3 {
        font-size: 14px; /* Larger font size for topic headers */
        margin-top: 20px; /* Match spacing for section headers */
        margin-bottom: 15px;
        color: #ffffff; /* Bright white for topic headers */
        border-left: 5px solid #ffab40; /* Accent color for left border */
        padding-left: 10px; /* Add padding for a clean look */
    }
    
    /* Speaker list styling */
    #speakers ul {
        list-style: none; /* Remove default list styling */
        padding: 0;
        margin: 0;
    }
    
    #speakers li {
        font-size: 12px; /* Match paragraph font size */
        line-height: 1.6; /* Match paragraph line height */
        color: #f5f5f5; /* Softer white for speaker names */
    }
    
    #speakers li::before {
        content: "•"; /* Use bullet point as a marker */
        color: #ffa726; /* Bright orange for bullets (consistent with links) */
        margin-right: 10px;
        font-size: 13px; /* Slightly larger bullet size for emphasis */
        vertical-align: middle;
    }
}