body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    color: #333;
}

header {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.container {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

h1 {
    margin: 0;
    font-size: 36px;
    font-weight: bold;
}

/* Make name clickable but styled like normal text */
h1 a.no-link-style {
    color: #333;
    font-size: 36px;
    text-decoration: none;
    cursor: pointer;
}

h1 a.no-link-style:hover {
    color: #333;
}

nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

nav ul li {
    margin-left: 20px;
}

nav ul li a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    transition: color 0.3s ease;
}

nav ul li a:hover {
    color: #007BFF; /* Change link color on hover */
}

.main-content {
    display: flex;
    margin: 20px auto;
    width: 90%;
}

.sidebar {
    width: 25%;
    padding-right: 20px;
}

.profile-photo {
    width: 50%;
    max-width: 220px;
    border-radius: 50%; /* Make profile photo circular */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adds a shadow effect */
    /*filter: blur(0.2px) brightness(0.9); Adds blur and reduces brightness for a vague effect */
    transition: filter 0.3s ease; /* Smooth transition for hover effect */    
}

.sidebar h2 {
    margin-top: 10px;
    font-size: 20px;
}

.contact-info {
    list-style: none;
    padding: 0;
}

.contact-info li {
    margin-top: 10px;
}

.contact-info a {
    text-decoration: none;
    color: #333;
    transition: color 0.3s ease;
}

/* Font Awesome Icons for Contact Links */
.contact-info li a:before {
    margin-right: 8px; /* Add space between icon and text */
}

.contact-info li a.location::before {
  content: '\f3c5';              /* fa-location-dot (was map-marker-alt) */
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;               /* solid */
}


.contact-info li a[href^="tel:"]::before {
    content: '\f10b'; /* Phone icon */
    font-family: 'FontAwesome';
}

.contact-info li a[href*="linkedin.com"]::before {
    content: '\f08c'; /* LinkedIn icon */
    font-family: 'FontAwesome';
}

.contact-info li a[href*="mailto"]::before {
    content: '\f0e0'; /* Email icon */
    font-family: 'FontAwesome';
}

.contact-info li a[href*="scholar.google.com"]::before {
    content: '\f02d'; /* Google Scholar icon */
    font-family: 'FontAwesome';
}

.contact-info li a[href*="youtube.com"]::before {
    content: '\f167'; /* YouTube icon */
    font-family: 'FontAwesome';
}

.contact-info a:hover {
    color: #007BFF; /* Change link color on hover */
}

.content {
    width: 75%;
}

.content h3 {
    font-size: 22px;
    margin-top: 0;
}

footer {
    text-align: center;
    padding: 20px 0;
    background-color: #f4f4f4;
    border-top: 1px solid #ddd;
    margin-top: 20px;
}

a.no-underline,
a.no-underline:visited {
  text-decoration: none;
  color: #0066cc;
}

a.no-underline:hover {
  text-decoration: underline;   /* underline only on hover */
}


/* extra breathing room between publications */
.pub-list li {
    margin-bottom: 8px;   /* ↔ adjust 4–12px to taste */
    line-height: 1.4;     /* optional: increases within-item spacing */
}

/* headline size override */
h1,
h1 a.no-link-style {
    font-size: 36px !important;
    font-weight: bold;
}