/* Personal Page Styling */
.section-header.about-me-header {
    color: #e74c3c; /* Red */
}

.section-header.hobbies-header {
    color: #2ecc71; /* Green */
}

.section-header.education-header {
    color: #9b59b6; /* Purple */
}

/* Education list formatting */
.education-list .college-degree {
    font-weight: bold;
}

.education-list .high-school {
    font-style: italic;
}

.education-list .certificate {
    text-decoration: underline;
}

/* Hyperlink hover effect for personal page */
.bottom-links a:hover {
    font-size: 150%;
    transition: font-size 0.3s ease;
}

/* Class Schedule Table Styling */
.schedule-table th {
    background-color: #3498db; /* Blue header */
    color: white;
    text-align: center;
}

.schedule-table td {
    text-align: center;
}

/* Stripe every other row */
.schedule-table tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

/* Events list styling */
.events-list {
    list-style-type: decimal; /* Arabic numbers for primary */
}

.events-list ol {
    list-style-type: upper-alpha; /* Uppercase letters for secondary */
}

/* Custom Radio Buttons */
.custom-radio-group input[type="radio"] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #999;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer;
    background-color: #ccc; /* Grey for unselected */
}

.custom-radio-group input[type="radio"]:checked {
    background-color: #2ecc71; /* Green for selected */
    border-color: #27ae60;
}

/* Custom Checkboxes */
.custom-checkbox-group input[type="checkbox"] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #999;
    border-radius: 3px;
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer;
    background-color: #ccc; /* Grey for unselected */
}

.custom-checkbox-group input[type="checkbox"]:checked {
    background-color: #3498db; /* Blue for selected */
    border-color: #2980b9;
}