/* ===== TYPOGRAPHY PLAYGROUND =====
   Tweak these values to experiment with font/size/color site-wide.
   Order matters: rules further down / more specific override rules
   above them, so if a change here doesn't seem to take effect, a
   rule later in this file (like .page__content p below) is probably
   already setting that same property more specifically. */

/* 1) BASE TEXT — the fallback for everything on the site unless a
      more specific rule overrides it. */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;     /* try 14px (smaller) to 18px (larger) */
  color: #333;         /* darker = lower hex value, e.g. #222 or #111; lighter = higher, e.g. #666 */
  line-height: 1.5;
}

/* 2) HEADINGS — h1 is your page titles, h2/h3 are section headings
      like "Peer-Reviewed Journals..." or "Latest News". */
h1, h2, h3, h4, h5, h6 {
  color: #000000;       /* darkened from #1a1a1a to pure black */
}
h1 { font-size: 1.5rem; }
h2 { font-size: 1.15rem; }
h3 { font-size: 1rem; }

/* 3) BODY PARAGRAPHS — the actual page content text (research
      statement, page__content areas). */
.page__content p {
  font-size: 0.95rem;   /* smaller number = smaller text */
  color: #333;
  line-height: 1.5;
}

/* 4) LINKS */
a {
  color: #0056b3;       /* link color */
}
a:hover {
  color: #003d80;       /* darker on hover */
}

/* === Center the title and homepage content === */
body,
.page,
.page__title,
.page__content {
  text-align: center;
}

.page__title {
  font-weight: 500;
  margin-bottom: 1rem;
}

.page__content p {
  font-size: 0.9rem;
  line-height: 1.2;
}

/* ===== Center Footer Icons ===== */
.page__footer-follow {
  text-align: center;     /* center entire footer follow section */
}

.page__footer-follow .social-icons {
  justify-content: center; /* center the icons horizontally */
}

/* Optional spacing/tweaks */
.page__footer-follow .social-icons li {
  margin: 0 0.75rem;
}

/* ===== Enlarge Footer Icons (GitHub / YouTube) =====
   Targets just the <i class="fab fa-..."> glyph so the "GITHUB" /
   "YOUTUBE" label text next to it stays its normal size. Bump the
   font-size value to make icons bigger/smaller (1em = default size). */
.page__footer-follow .social-icons a i {
  font-size: 2.0em;
  vertical-align: middle;
}

/* ===== Remove phantom right-sidebar space =====
   Minimal Mistakes reserves ~300px on the right of .page for an
   author-profile/TOC sidebar even when none exists on this site.
   That silently narrows .page__content and makes the width:min(Nvw,...)
   wrappers on individual pages overflow instead of truly centering.
   Reclaiming that space lets page content use the full column width
   and center correctly. */
.layout--single .page {
  float: none;
  width: 100%;
  padding-inline-end: 0;
}


/* ===== Hide RSS/Feed icon completely ===== */
.page__footer-follow .social-icons a[href$="feed.xml"],
.page__footer-follow .social-icons a[href*="/feed"],
.page__footer-follow .social-icons a[aria-label*="Feed"],
.page__footer-follow .social-icons a[title*="Feed"],
.page__footer-follow .social-icons .fa-rss {
  display: none !important;
}

/* ===== Shrink the top navigation bar (masthead) =====
   Minimal Mistakes' default masthead uses 1em padding on the wrapper
   and 1em padding per nav link, plus a fairly large site-title font.
   These overrides tighten all three so the header takes less vertical
   space. Adjust the em/rem values below to taste. */
.masthead__inner-wrap {
  padding: 0.15em 1em;
  min-height: 0;
}

.masthead .site-title {
  font-size: 0.95rem;
  line-height: 1.05;
}

.greedy-nav a {
  padding: 0.2em 0.6em;
  font-size: 0.8rem;
  color: #000000;        /* menu links (Home/People/Research/...) darkened to black */
}

.greedy-nav a:hover {
  color: #333333;         /* slightly softer on hover so it's not a flat, jarring flip */
}

.greedy-nav .visible-links a {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.greedy-nav button.greedy-nav__toggle {
  padding: 0.2em;
}