/* =========================================================
   SITE HEADER LOGO
   ========================================================= */

.site-header {
  background-image: url("https://leibniz-phd.net/wp-content/uploads/2026/01/Logo_Leibniz_PhD_network_BB.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 130px;
  height: 180px;
}

/* Desktop: keep logo fully visible */
@media (min-width: 769px) {
  .site-header {
    height: 180px !important;
    background-size: auto 135px !important;
    background-position: center center !important;
  }
}

/* Mobile: larger, but still constrained by header height */
@media (max-width: 768px) {
  .site-header {
    height: 200px !important;
    background-size: auto 125px !important;
    background-position: center center !important;
  }
}
/* 
.site-header {
  background: url("https://leibniz-phd.net/wp-content/uploads/2026/01/Logo_Leibniz_PhD_network_BB.svg") no-repeat center;
  background-size: 13% auto;

  height: 180px;    fixed header height 
}

/* =========================================================
   DESKTOP MENU — keep the desktop version readable
   ========================================================= */
@media (min-width: 769px) {
  /* Top-level menu: normal state */
  .main-navigation > div > ul > li > a,
  .site-header-menu > div > ul > li > a,
  .primary-menu > li > a {
    color: #4b5563 !important;
    background: transparent !important;
  }

  /* Top-level selected/hover/open item */
  .main-navigation > div > ul > li:hover > a,
  .main-navigation > div > ul > li:focus-within > a,
  .main-navigation > div > ul > li.current-menu-item > a,
  .main-navigation > div > ul > li.current-menu-ancestor > a,
  .site-header-menu > div > ul > li:hover > a,
  .site-header-menu > div > ul > li:focus-within > a,
  .site-header-menu > div > ul > li.current-menu-item > a,
  .site-header-menu > div > ul > li.current-menu-ancestor > a,
  .primary-menu > li:hover > a,
  .primary-menu > li:focus-within > a,
  .primary-menu > li.current-menu-item > a,
  .primary-menu > li.current-menu-ancestor > a {
    color: #ffffff !important;
    background: #3f3f3f !important;
  }

  /* Desktop dropdown panel */
  .main-navigation .sub-menu,
  .site-header-menu .sub-menu,
  .primary-menu .sub-menu {
    background: #e5e5e5 !important;
  }

  /* Desktop dropdown links */
  .main-navigation .sub-menu a,
  .site-header-menu .sub-menu a,
  .primary-menu .sub-menu a {
    color: #4b5563 !important;
    background: #e5e5e5 !important;
  }

  /* Desktop dropdown hover/current */
  .main-navigation .sub-menu li:hover > a,
  .main-navigation .sub-menu li:focus-within > a,
  .main-navigation .sub-menu li.current-menu-item > a,
  .site-header-menu .sub-menu li:hover > a,
  .site-header-menu .sub-menu li:focus-within > a,
  .site-header-menu .sub-menu li.current-menu-item > a,
  .primary-menu .sub-menu li:hover > a,
  .primary-menu .sub-menu li:focus-within > a,
  .primary-menu .sub-menu li.current-menu-item > a {
    color: #111827 !important;
    background: #d1d5db !important;
  }
}


/* =========================================================
   MOBILE MENU — bright, readable, but not permanently exploded
   ========================================================= */
@media (max-width: 768px) {
  /* Menu button: higher contrast */
  .menu-toggle,
  button.menu-toggle {
    background: #2f2f2f !important;
    color: #ffffff !important;
    border: none !important;
    padding: 18px 34px !important;
    font-weight: 800 !important;
    letter-spacing: 0.18em !important;
  }

  .menu-toggle:hover,
  .menu-toggle:focus,
  .menu-toggle[aria-expanded="true"] {
    background: #111827 !important;
    color: #ffffff !important;
  }

  /* Whole opened mobile menu panel */
  .main-navigation.toggled-on,
  .site-header-menu.toggled-on {
    background: #f3f4f6 !important;
    color: #111827 !important;
    width: 100% !important;
    clear: both !important;
    z-index: 9999 !important;
  }

  /* Mobile list structure */
  .main-navigation.toggled-on ul,
  .site-header-menu.toggled-on ul {
    background: #f3f4f6 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .main-navigation.toggled-on li,
  .site-header-menu.toggled-on li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    background: #f3f4f6 !important;
  }

  /* Mobile links */
  .main-navigation.toggled-on a,
  .site-header-menu.toggled-on a {
    display: block !important;
    width: 100% !important;
    padding: 16px 38px !important;
    color: #111827 !important;
    background: #f3f4f6 !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  /* Current/open/selected page signal */
  .main-navigation.toggled-on li.current-menu-item > a,
  .main-navigation.toggled-on li.current-menu-ancestor > a,
  .main-navigation.toggled-on li.current_page_item > a,
  .main-navigation.toggled-on li.current_page_ancestor > a,
  .site-header-menu.toggled-on li.current-menu-item > a,
  .site-header-menu.toggled-on li.current-menu-ancestor > a,
  .site-header-menu.toggled-on li.current_page_item > a,
  .site-header-menu.toggled-on li.current_page_ancestor > a {
    color: #111827 !important;
    background: #d1d5db !important;
    border-left: 8px solid #111827 !important;
    padding-left: 30px !important;
  }

  /* Hover/focus signal */
  .main-navigation.toggled-on li:hover > a,
  .main-navigation.toggled-on li:focus-within > a,
  .site-header-menu.toggled-on li:hover > a,
  .site-header-menu.toggled-on li:focus-within > a {
    color: #111827 !important;
    background: #e5e7eb !important;
  }

  /* Submenus: do NOT force all to stay open globally */
  .main-navigation.toggled-on .sub-menu,
  .site-header-menu.toggled-on .sub-menu {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #eef0f3 !important;
    box-shadow: none !important;
  }

  /* Submenu links are indented */
  .main-navigation.toggled-on .sub-menu a,
  .site-header-menu.toggled-on .sub-menu a {
    padding-left: 64px !important;
    color: #111827 !important;
    background: #eef0f3 !important;
  }

  /* Current submenu item signal */
  .main-navigation.toggled-on .sub-menu li.current-menu-item > a,
  .site-header-menu.toggled-on .sub-menu li.current-menu-item > a {
    background: #d1d5db !important;
    border-left: 8px solid #111827 !important;
    padding-left: 56px !important;
  }

  /* Dropdown arrow/button */
  .main-navigation.toggled-on .dropdown-toggle,
  .site-header-menu.toggled-on .dropdown-toggle {
    color: #111827 !important;
    background: #d1d5db !important;
  }
}


.responsive-paragraph {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .responsive-paragraph {
    width: 100%;
  }
}



/* All text inside individual blog posts: black */
.single-post article,
.single-post article * {
  color: #000;
}

/* Desktop title and subheadings */
.single-post .entry-title {
  font-size: 32px;
  line-height: 1.2;
}

.single-post .entry-content h2 { font-size: 28px; }
.single-post .entry-content h3 { font-size: 24px; }
.single-post .entry-content h4 { font-size: 20px; }
.single-post .entry-content h5 { font-size: 18px; }
.single-post .entry-content h6 { font-size: 16px; }

.single-post .entry-content :is(h2, h3, h4, h5, h6) {
  line-height: 1.3;
  font-weight: 700;
}

/* Keep black links recognizable */
.single-post .entry-content a {
  text-decoration: underline;
}

/* Mobile */
@media (max-width: 767px) {
  .single-post .entry-title { font-size: 24px; }

  .single-post .entry-content h2 { font-size: 22px; }
  .single-post .entry-content h3 { font-size: 20px; }
  .single-post .entry-content h4 { font-size: 18px; }
  .single-post .entry-content h5 { font-size: 16px; }
  .single-post .entry-content h6 { font-size: 14px; }
}

.single-post .entry-title {
  text-transform: none;
  width: 80%;
	text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* Full width on mobile */
@media (max-width: 767px) {
  .single-post .entry-title {
    width: 100%;
  }
}