body {
  background-color: white !important;
}


/* Use system serif fonts for a classic, conservative look */
body, p, li, h1, h2, h3, h4, h5, h6 {
    font-family: "Georgia", "Times New Roman", Times, serif !important;
    text-transform: none;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.4rem; }
p  { font-size: 1rem; }

:root {
  --condensed-font-family: "Georgia", "Oswald", "Impact", "Arial Black", sans-serif, -apple-system, BlinkMacSystemFont, Roboto,
    Ubuntu;
  --rounded-font-family: "Helvetica", "Arial", "Georgia",  "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, Roboto,
    Ubuntu, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --text-color: var(--black);
  --black: black;
  --white: #ffffff;
  --link-color: dimgray; /*(--primary-600);*/
  --link-color-hover: darkred; /* var(--primary-700); */
  --menu-link-color: var(--black);
  --menu-link-color-hover: var(--gray-800);
  --footer-link-color: var(--white);
  --footer-link-color-hover: var(--primary-400);
  --gutter: 25px;
  --container-width: 1200px;
  --content-width: 895px;
  --primary-400: dimgray;
  --primary-500: gray;
  --primary-600: gray;
  --primary-700: gray;
  --primary-800: gray;
  --gray-200: #eaecf0;
  --gray-300: #e5e5e5;
  --gray-400: #e4e4e4;
  --gray-600: #b1b1b1;
  --gray-700: #767676;
  --gray-800: #5f6367;
  --pagefind-ui-text: var(--text-color) !important;
  --pagefind-ui-font: var(--rounded-font-family) !important;
}





a {
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}


.navbar {
  padding: 2rem 1rem !important;
  font-size: 1.25rem !important;
}

.navbar-brand {
  font-size: 1.6rem !important;
}

.navbar-nav a {
  font-size: 1.2rem !important;
}

.header {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.2rem;
}


.footer {
  font-size: 0.8rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  background-color: lightyellow !important; /* Just for visibility test */
  color: darkgrey;
  link-color: darkgrey !important;
  a {
      color: darkgrey;
      &:hover {
	  color: darkred;
      }
  }
}

.site-footer {
  font-size: 0.65rem;
}


footer.footer {
  position: relative;
  padding-top: 80px; /* space for logo */
}



.copyright p {
  font-size: 0.85rem !important;  /* Adjust 0.8rem to whatever size you prefer */
}


.top-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.content div.narrow-text {
  max-width: 60ch;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5rem 0;
  display: block; /* optional, but safe */
 }


/* Style the divider item to make it look non-clickable */
.menu-divider {
  border-bottom: 0.7px solid black; /* A light border to act as a separator */
  margin: 4px 0;                 /* Spacing above and below */
  padding: 8px 0;                /* Adds padding to the divider */
  text-align: left;            /* Centers the text */
  /* Explicitly replicate .menu-item__name properties */
  font-family: Arial, sans-serif !important; /* Example font, same as menu item */
  font-size: 1rem;               /* Same size as menu items */
  font-weight: bold;             /* Regular menu item weight */
  color: #333;                   /* Regular menu item color */
  line-height: 1.4;              /* Same line-height as menu items */
  background-color: transparent;
}


.divider-text {
  color: darkgray; /* Gray text */
  font-style: regular;
  font-size: 0.9em;
  font-family: Arial
  text-transform: none !important;
}


/* Indented lists - esp Mass schedules */

/* Top-level unordered list */
ul {
  margin-top: 0em;         /* space above the top-level list */
  margin-bottom: 0.5em;      /* space below the top-level list */
  padding-left: 1.5em;     /* indent bullets */
  padding-bottom: 0;
  margin-bottom: 0;
}

/* Top-level list items */
ul > li {
   margin-bottom: 1em;    /* vertical spacing between top-level items */
   padding-bottom: 1;
}

/* Nested unordered list */
ul ul {
  margin-top: 0em;       /* smaller spacing before nested list */
  margin-bottom: 0em;
  padding-left: 1.2em;     /* indent nested list */
  padding-bottom: 0;
}

/* Nested list items */
ul ul > li {
    margin-bottom: 0em;    /* tighter vertical spacing between nested items */
    padding-bottom: 0;
}

.content ul ul {
  margin-top: 0;
  margin-bottom: 0;
}