/* Resize profile image to align with text height */
.about-hero .about-image img {
  max-width: 250px;
  height: auto;
}

/* Align image and text vertically in the about section */
.about-hero {
  display: flex;
  align-items: center;
}

/* Optional: add spacing between image and text */
.about-hero .about-image {
  margin-right: 2rem;
}

/* Hide the "About" heading below the image */
.about-hero .about-title {
  display: none;
}

/* Change color of specific navbar link (optional) */
.navbar-nav .nav-link[href="https://osf.io/preprints/osf/5am9q"] {
  color: #18bc9c !important;
  font-weight: bold;
}

/* Change color on hover for that link */
.navbar-nav .nav-link[href="https://osf.io/preprints/osf/5am9q"]:hover {
  color: #e74c3c !important;
}

/* Hide the top page title (e.g., "Curriculum Vitae") */
.page-title {
  display: none;
}

/* ================================
   Minimal additions you asked for
   ================================ */

/* 1) Bigger photo (works for trestles & classic), never shrink */
.quarto-about-trestles .about-image img,
img.about-image,
.about-hero .about-image img {
  width: 320px !important;       /* bump from 250 → 320 */
  height: auto !important;
  max-width: none !important;     /* defeat img-fluid max-width:100% */
}

.quarto-about-trestles .about-image {
  margin-right: 2rem;
  flex-shrink: 0 !important;      /* don’t let flexbox shrink the pic */
}

/* 2) Hide name/title under the photo in trestles layout */
.quarto-about-trestles .about-entity .about-title,
.quarto-about-trestles .about-entity .about-name,
.quarto-about-trestles .about-entity .about-subtitle,
.quarto-about-trestles .about-entity h1,
.quarto-about-trestles .about-entity h2 {
  display: none !important;
}

/* 3) (REMOVED) Navbar color overrides
      — letting Flatly theme control the blue bg-primary.
      If you still see a black bar, make sure no other CSS sets
      .navbar { background-color: ... } or --bs-navbar-* variables. */