/* css styles */

section {
  font-family: 'LMRoman10';
}

h1.title {
  font-family: 'LMRoman10', Iosevka !important;
  font-size: clamp(3rem, 4vw, 5em);
}

h2 {
  border-bottom: 1px solid;
}

h2, h3, h4, h5, h6 {
  font-family: 'LMRoman10', Iosevka !important;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100ch; /* roughly 30 characters */
}

pre, code, .sourceCode {
  font-family: Iosevka;
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0.75rem;
  --bs-breadcrumb-padding-y: 0.375rem;
  background-color: rgba(255, 255, 255, 0);
  /* background-color: var(--bs-breadcrumb-bg); */
}

.callout {
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
}

.navbar {
  /* border-bottom: 2px dotted grey; */
  padding: 17px;
}

/* .navbar-title { */
  /* text-transform: uppercase; */
  /* font-family: ETBookRoman,warnock-pro,Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif; */
/* } */

.quarto-title-block .quarto-title-banner {
  position: relative;
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  padding-top: 3%;
}

.quarto-title-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, var(--bs-body-bg) 40%, rgba(0, 0, 0, 0) 70%);
  z-index: 0;
  pointer-events: none;
}

.quarto-title-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bs-body-bg);
  opacity: var(--overlay-opacity, 0);
  transition: opacity 0.3s ease;
  z-index: 0;
  pointer-events: none;
}

.quarto-title-banner h1.title {
  position: relative;
  z-index: 10; /* Ensure the title appears above the gradient */
}

.quarto-title-banner .quarto-title-breadcrumbs {
  position: relative;
  z-index: 10; /* Ensure the title appears above the gradient */
}

.quarto-title-banner .description {
  position: relative;
  z-index: 10; /* Ensure the title appears above the gradient */
}