/* css styles */

:root {
  --sgk-red: #D71921;
  --sgk-red-visited: #DF7F7F;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--sgk-red);
}

a, a:link {
  color: var(--sgk-red);
}
a:visited {
  color: var(--sgk-red-visited);
}

hr {
  border-color: var(--sgk-red);
}

/* Navbar is now a solid SGK-red bar (see custom.scss: $navbar-bg/$navbar-fg),
   so every nav link -- left side and right side alike -- needs to be white,
   not red (red text on a red bar is invisible). This replaces the old rule
   that forced all .navbar-nav links to red, which made sense against the
   previous light navbar background but not this one. No separate hover or
   visited color -- the header is navigation chrome, not body content, so it
   stays a plain, consistent white regardless of link state. */
.navbar-nav .nav-link,
.navbar-nav .nav-link:link,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:visited {
  color: #ffffff !important;
  font-size: 1.2rem;
  font-weight: 600;
}

.navbar-brand .navbar-title {
  display: none;
}

.navbar-logo {
  max-height: 60px;
  width: auto;
}

#quarto-footer,
.nav-footer {
  border-top: 1px solid var(--sgk-red);
}

#title-block-header {
  border-bottom: 1px solid var(--sgk-red);
}

.quarto-grid-item {
  border-color: var(--sgk-red);
}

#title-block-header.quarto-title-block.default .quarto-title-meta {
  display: none !important;
}

#TOC a,
.sidebar nav[role="doc-toc"] a {
  color: var(--sgk-red) !important;
}

#TOC a:visited,
.sidebar nav[role="doc-toc"] a:visited {
  color: var(--sgk-red-visited) !important;
}

#TOC a.active,
.sidebar nav[role="doc-toc"] a.active {
  color: var(--sgk-red) !important;
  border-left-color: var(--sgk-red) !important;
}

/* Listing thumbnails: never upscale, cap size */
.quarto-listing .thumbnail-image,
.quarto-grid-item img {
  max-width: 200px;
  max-height: 200px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Images within an individual post body */
.content img,
main img {
  max-width: 600px;
  max-height: 600px;
  width: auto;
  height: auto;
  object-fit: contain;
}

#title-block-header .description {
  display: none;
}