img.center {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;

  /* Make it narrower so centering is visible */
  width: auto !important;
  max-width: 600px;   /* ← adjust to taste (e.g., 500px, 50%, etc.) */
}

/* Hide only the line */
#footer p { display: none !important; }

/* or hide the whole footer bar */
/* #footer { display: none !important; } */

/* Hide scrollbar but keep scrolling */
html, body { -ms-overflow-style: none; }         /* IE/Edge (legacy) */
* { scrollbar-width: none; }                      /* Firefox */
*::-webkit-scrollbar { width: 0; height: 0; }     /* Chrome/Safari/Edge */

/* Load Oxygen */
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');

/* Use Oxygen everywhere */
:root {
  --site-font: "Oxygen", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

html, body { font-family: var(--site-font) !important; }

h1, h2, h3, h4, h5, h6,
.navbar, .menu, .button, .btn, .label,
input, select, textarea {
  font-family: var(--site-font) !important;
}

/* Optional: ensure headline .center { text-align: center; }
.tight  { margin: 0 0 .25rem; }      /* tiny gap under the text block */
br.sm   { display: block; margin: .2rem 0; }  /* "short" line break */
weight */
h1, h2, h3 { font-weight: 700; }





/* Mobile overlay menu: make links (incl. the selected one) dark grey */
.mobile-container #overlay .overlay-menu a,
.mobile-container #overlay .overlay-menu a:link,
.mobile-container #overlay .overlay-menu a:visited,
.mobile-container #overlay .overlay-menu a.active {
  color: #666 !important;   /* darker grey */
  text-decoration: none !important;
}

/* Optional: on hover a touch lighter */
.mobile-container #overlay .overlay-menu a:hover {
  color: #888 !important;
}

/* Mobile overlay menu: normal links */
.mobile-container #overlay .overlay-menu a,
.mobile-container #overlay .overlay-menu a:link,
.mobile-container #overlay .overlay-menu a:visited {
  color: #666 !important;   /* medium grey */
  text-decoration: none !important;
}

/* Active/selected link */
.mobile-container #overlay .overlay-menu a.active {
  color: #888 !important;   /* darker grey for active */
}

/* Hover state */
.mobile-container #overlay .overlay-menu a:hover {
  color: #999 !important;   /* slightly lighter when hovering */
}

/* Hamburger (button_container) lines */
.button_container span,
.button_container span::before,
.button_container span::after {
  background-color: #333 !important; /* same dark grey as active link */
}



/* Default state: logo visible */
.mobile-logo img {
  opacity: 1;
  transition: opacity 0.3s ease-in-out; /* smooth fade */
}

/* When menu overlay is open: fade out logo */
.overlay.open .mobile-logo img {
  opacity: 0;
}

/* Hide insertion caret everywhere */
* { caret-color: transparent !important; }

/* If you still want a caret in specific places, re-enable it there */
.allow-caret, input.allow-caret, textarea.allow-caret, [contenteditable].allow-caret {
  caret-color: auto !important;
}