/*Inline block for altmetric badges, will keep the badges in the same line*/
span.__dimensions_badge_embed__,
div.altmetric-embed {
  display: inline-flex;
  vertical-align: middle;
}

.pub-list {
  line-height: 1.5;
  font-family: "Helvetica", sans-serif;
  font-size: 0.95rem;
}

.pub-list div,
.pub-list p {
  margin-bottom: 0.6em;
}

.pub-list {
  text-indent: -2.5em;
  padding-left: 3em;
}

.pub-item {
  display: grid;
  grid-template-columns: 3.5em 1fr;
  column-gap: 0.75em;
  margin-bottom: 0.6em;
  align-items: start;
}

.pub-id {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.pub-text {
  text-align: left;
}

/* headings */
h1 {
  color: #a10b70;
}

h2 {
  color: #005f50;
}

/* links */
a {
  color: #005f50;
  /* normal link */
}

a:hover {
  color: #a10b70;
  /* when mouse hovers */
}

/* Navbar link active color */
.navbar .nav-link.active {
  color: #005f50 !important;
}

/* Navbar link hover color */
.navbar .nav-link:hover {
  color: #a10b70 !important;
}

.navbar .navbar-brand:hover {
  color: #a10b70 !important;
}

/* Navbar theme toggle button */
.navbar .navbar-btn,
.navbar .navbar-btn:hover,
.navbar .navbar-btn:focus,
.navbar .navbar-btn:active {
  color: #a10b70 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.navbar .navbar-btn i,
.navbar .navbar-btn .bi {
  color: #a10b70 !important;
}

.navbar .navbar-btn:hover i,
.navbar .navbar-btn:hover .bi,
.navbar .navbar-btn:focus i,
.navbar .navbar-btn:focus .bi {
  color: #de90c4 !important;
}

/* Table of contents active/hover color */
#TOC .nav-link.active,
.sidebar.margin-sidebar nav[role="doc-toc"] .nav-link.active {
  color: #005f50 !important;
  font-weight: 600;
  background-color: transparent !important;
  text-decoration: none !important;
  border-left-color: #005f50 !important;
}

#TOC .nav-link:hover,
#TOC .nav-link:focus,
.sidebar.margin-sidebar nav[role="doc-toc"] .nav-link:hover,
.sidebar.margin-sidebar nav[role="doc-toc"] .nav-link:focus {
  color: #a10b70 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

html[data-bs-theme="dark"] #TOC .nav-link.active,
html[data-bs-theme="dark"] .sidebar.margin-sidebar nav[role="doc-toc"] .nav-link.active {
  color: #8fd3c7 !important;
  border-left-color: #8fd3c7 !important;
}

/* Footer social links */
.page-footer .nav-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0 0.25rem;
}

html[data-bs-theme="dark"] #TOC .nav-link:hover,
html[data-bs-theme="dark"] #TOC .nav-link:focus,
html[data-bs-theme="dark"] .sidebar.margin-sidebar nav[role="doc-toc"] .nav-link:hover,
html[data-bs-theme="dark"] .sidebar.margin-sidebar nav[role="doc-toc"] .nav-link:focus {
  color: #de90c4 !important;
}

/* Collapsible teaching sections */
details {
  border: 1px solid #d9d9d9;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  background: #fafafa;
}

details summary {
  cursor: pointer;
  font-weight: 600;
  color: #005f50;
}

details summary:hover {
  color: #a10b70;
}

details[open] summary {
  margin-bottom: 0.75rem;
}

/* Dark mode */
html[data-bs-theme="dark"] details {
  border-color: #3a4543;
  background-color: #1b2423;
  color: #f5f5f5;
}

html[data-bs-theme="dark"] details summary {
  color: #abd2c6;
}

html[data-bs-theme="dark"] details summary:hover {
  color: #e78ac3;
}

/* About page social links */
.about-links a:hover,
.about-links .btn:hover {
  color: #ffffff !important;
  background-color: #005f50 !important;
}

/* Home hero title/subtitle layout */
.quarto-about-trestles .quarto-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  margin-left: -2rem;
}

.quarto-about-trestles .quarto-title h1.title {
  margin: 0;
  order: 2;
}

.quarto-about-trestles .quarto-title .subtitle.lead {
  display: inline-block;
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.2;
  color: #6c757d;
  font-weight: 400;
  order: 1;
}

/* Theme toggle color overrides */
html[data-bs-theme="dark"] body,
html[data-bs-theme="dark"] main,
html[data-bs-theme="dark"] .page-columns,
html[data-bs-theme="dark"] .quarto-container {
  background-color: #131b1a;
  color: #f5f5f5;
}

html[data-bs-theme="dark"] .navbar,
html[data-bs-theme="dark"] .navbar .nav-link,
html[data-bs-theme="dark"] .navbar .navbar-brand {
  background-color: #131b1a !important;
  color: #f5f5f5 !important;
}

html[data-bs-theme="dark"] .navbar .nav-link:hover,
html[data-bs-theme="dark"] .navbar .navbar-brand:hover,
html[data-bs-theme="dark"] .navbar .navbar-btn:hover,
html[data-bs-theme="dark"] .navbar .navbar-btn:focus,
html[data-bs-theme="dark"] .navbar .navbar-btn:active {
  color: #de90c4 !important;
}

html[data-bs-theme="dark"] .navbar .navbar-btn i,
html[data-bs-theme="dark"] .navbar .navbar-btn .bi {
  color: #f5b7d2 !important;
}

html[data-bs-theme="dark"] .navbar .navbar-btn:hover i,
html[data-bs-theme="dark"] .navbar .navbar-btn:hover .bi,
html[data-bs-theme="dark"] .navbar .navbar-btn:focus i,
html[data-bs-theme="dark"] .navbar .navbar-btn:focus .bi {
  color: #de90c4 !important;
}

html[data-bs-theme="dark"] .nav-footer,
html[data-bs-theme="dark"] .page-footer,
html[data-bs-theme="dark"] footer {
  background-color: #131b1a !important;
  color: #f5f5f5 !important;
  border-top: 1px solid #2a2a2a;
}

html[data-bs-theme="dark"] .nav-footer a,
html[data-bs-theme="dark"] .page-footer a,
html[data-bs-theme="dark"] footer a {
  color: #8fd3c7 !important;
}

html[data-bs-theme="dark"] .nav-footer a:hover,
html[data-bs-theme="dark"] .page-footer a:hover,
html[data-bs-theme="dark"] footer a:hover {
  color: #f5b7d2 !important;
}

html[data-bs-theme="dark"] h1 {
  color: #de90c4;
}

html[data-bs-theme="dark"] h2 {
  color: #8fd3c7;
}

html[data-bs-theme="dark"] a {
  color: #8fd3c7;
}

html[data-bs-theme="dark"] a:hover {
  color: #f5b7d2;
}

html[data-bs-theme="dark"] .card,
html[data-bs-theme="dark"] .listing {
  background-color: #1a1a1a;
  color: #f5f5f5;
}