/* ---------- General page text ---------- */

body {
  font-size: 1.1rem;
  line-height: 1.6;
}

main.content {
  width: 100%;
}


/* ---------- Trestles home page ---------- */

/* Main name/title */
.quarto-about-trestles .quarto-title h1.title {
  font-size: 2rem;
}

/* Headings within the written introduction */
.quarto-about-trestles .about-contents h2 {
  font-size: 1.5rem;
}

.quarto-about-trestles .about-contents h3 {
  font-size: 1.25rem;
}


/* ---------- Trestles vertical divider ---------- */

@media (min-width: 992px) {
  .quarto-about-trestles .about-contents {
    border-left: 1px solid color-mix(
      in srgb,
      var(--bs-body-color) 50%,
      transparent
    ) !important;
  }
}

@media (min-width: 992px) {
  .quarto-about-trestles .about-contents {
    padding-top: 2rem;
  }
}


/* Compact Trestles slightly on shorter desktop screens */
@media (min-width: 992px) and (max-height: 800px) {
  div.quarto-about-trestles {
    padding-top: 0.75rem !important;
  }

  .quarto-about-trestles .about-image {
    max-width: 18em !important;
  }
}

/* ---------- Navbar ---------- */

/* Height, spacing, background, and bottom line */
.navbar {
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  /* border-bottom: 1px solid #ddd; */
}

/* Width of the title and links inside the navbar */
.navbar > .container-fluid {
  max-width: 1100px;
  margin-inline: auto;
  padding-inline: 2rem;
}

/* Website title */
.navbar-brand {
  font-size: 1.1rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

/* Home/About navigation links */
.navbar-nav .nav-link {
  font-size: 1.1rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

/* Space between the navbar and Trestles content */
div.quarto-about-trestles {
  padding-top: 1rem !important;
}

/* ---------- Active navbar page ---------- */

:root {
  --site-body-text-color: #7b8ab8;
  --site-active-nav-color: #4f6396;
}

/* All navbar links */
#quarto-header .navbar-nav .nav-link {
  position: relative;
  opacity: 1 !important;
}

/* Inactive navbar links */
#quarto-header .navbar-nav .nav-link:not(.active):not([aria-current="page"]),
#quarto-header .navbar-nav .nav-link:not(.active):not([aria-current="page"]) .menu-text {
  color: var(--site-body-text-color) !important;
}

/* Navbar link for the current page */
#quarto-header .navbar-nav .nav-link.active,
#quarto-header .navbar-nav .nav-link[aria-current="page"],
#quarto-header .navbar-nav .nav-link.active .menu-text,
#quarto-header .navbar-nav .nav-link[aria-current="page"] .menu-text {
  color: var(--site-active-nav-color) !important;
  font-weight: 600;
}

/* Hide the visible page title while retaining its metadata */
body.no-page-title #title-block-header {
  display: none;
}

.page-heading {
  margin-top: 0rem;
}

/* Underline beneath the current page */
/* .navbar-nav .nav-link.active::after,
.navbar-nav .nav-link[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  bottom: -0.05rem;
  height: 3px;
  border-radius: 999px;
  background-color: currentColor;
} */


/* Arrange Trestles links in two rows on desktop */
@media (min-width: 992px) {
  .quarto-about-trestles .about-links {
    display: grid !important;
    grid-template-columns: max-content max-content;
    justify-content: center;
    gap: 0.5rem 0.75rem;
  }

  .quarto-about-trestles .about-links a[href^="mailto:"] {
    grid-column: 1 / -1;
    justify-self: center;
  }
}

/* ---------- Regular page layout ---------- */
main.content {
  max-width: 1100px;
  margin-inline: auto;
  padding-inline: 2.5rem;
}

/* Section headings on regular pages */
main.content h2 {
  font-size: 1.7rem;
  border-bottom: none;
  padding-bottom: 0;
}

.paper-title {
  color: var(--bs-link-color);
  text-decoration: underline;
}



/* ---------- Trestles image ---------- */

/* Control how the photo is cropped inside its frame */
/* The first percentage controls horizontal position:
   0% = left, 50% = center, 100% = right */
/* The second percentage controls vertical position:
   0% = top, 50% = center, 100% = bottom */
.quarto-about-trestles .about-image {
  object-fit: cover;
  object-position: 50% 50%;
  /* object-position: 0% 40%;   far left */
  /* object-position: 25% 40%;  somewhat left */
  /* object-position: 40% 40%;  slightly left of center */
}

/* ---------- Trestles layout ---------- */

/* Widen and center the full image/text layout */
@media (min-width: 992px) {
  div.quarto-about-trestles {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
  }
}

/* All icons in the Trestles links area */
.quarto-about-trestles a.about-link {
  color: #4f6396 !important;
  border-color: #4f6396 !important;
}



/* Research figures with wrapped text */
.research-figure-right {
  float: right;
  width: 40%;
  margin: 0rem 0 1rem 2rem;
}

.research-figure-left {
  float: left;
  width: 40%;
  margin: -2rem 1rem 0rem 0;
}

.research-figure-right img,
.research-figure-left img {
  width: 100%;
  height: auto;
}


/* LinkedIn icon color
.quarto-about-trestles a[href*="linkedin.com"] {
  color: #0a66c2;
  border-color: #0a66c2;
} */

/* .quarto-about-trestles .bi-linkedin {
  color: #0a66c2 !important;
  border-color: #d9e3f1 !important;
} */





/* ---------- General typography ---------- */

/* Ordinary page text */
/* body {
  font-size: 1rem;
  line-height: 1.6;
} */

/* All headings */
/* h1,
h2,
h3 {
  font-family: "Lora", serif;
} */

/* Heading levels */
/* h1 {
  font-size: 2.25rem;
} */

/* h2 {
  font-size: 1.65rem;
} */

/* h3 {
  font-size: 1.3rem;
} */

/* Paragraphs and lists */
/* p,
li {
  font-size: 1rem;
} */

/* Links */
/* a {
  font-weight: 500;
} */