/* Dark theme */
html.theme-dark {
  color-scheme: dark;
}

html.theme-dark body {
  background: #000;
  color: #fff;
}

html.theme-dark body p,
html.theme-dark body ul,
html.theme-dark .post ul ul,
html.theme-dark .post ul ol,
html.theme-dark .post ol ul,
html.theme-dark .post ol ol,
html.theme-dark ul.list-of-items li,
html.theme-dark ol.list-of-items li {
  color: #fff;
}

html.theme-dark a {
  color: #a8c7fa;
}

html.theme-dark a:hover {
  color: #d2e3fc;
}

html.theme-dark .header {
  background-color: #000;
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../../img/touring.jpg);
}

html.theme-dark h1,
html.theme-dark h2,
html.theme-dark h3,
html.theme-dark h4,
html.theme-dark h5,
html.theme-dark h6,
html.theme-dark .h1,
html.theme-dark .h2,
html.theme-dark .h3,
html.theme-dark .h4,
html.theme-dark .h5,
html.theme-dark .h6,
html.theme-dark .pageTitle,
html.theme-dark .header h1,
html.theme-dark .header h1 a {
  color: #fff;
}

html.theme-dark .header h1,
html.theme-dark .header h1 a {
  font-family: "Google Sans Flex", sans-serif;
}

html.theme-dark .posts {
  background: #1a1a1a;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), 0 8px 20px rgba(255, 255, 255, 0.04), 0 2px 6px rgba(0, 0, 0, 0.6);
  transition: transform 180ms ease, box-shadow 220ms ease;
}

html.theme-dark .posts:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0 14px 30px rgba(255, 255, 255, 0.08), 0 6px 16px rgba(0, 0, 0, 0.75);
}

html.theme-dark .posts .post-feature-image {
  background-color: #2a2a2a;
}

html.theme-dark .posts .post-card-link h3,
html.theme-dark .posts .post-card-link:hover h3 {
  color: #fff;
}

html.theme-dark .post .meta,
html.theme-dark .posts .date,
html.theme-dark .posts .description,
html.theme-dark .pageTitle-helper {
  color: #fff;
}

html.theme-dark .postNav,
html.theme-dark .footer .container {
  border-color: rgba(255, 255, 255, 0.12);
}

html.theme-dark input[type=text],
html.theme-dark input[type=password],
html.theme-dark input[type=email],
html.theme-dark input[type=number],
html.theme-dark input[type=search],
html.theme-dark input[type=phone],
html.theme-dark textarea {
  background: #171717;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

html.theme-dark table,
html.theme-dark th,
html.theme-dark td,
html.theme-dark tr {
  border-color: rgba(255, 255, 255, 0.18);
}

html.theme-dark th,
html.theme-dark tr:nth-child(2n) {
  background-color: #1f1f1f;
}

html.theme-dark .highlight {
  background: #141414;
}

html.theme-dark .header .top-nav .top-nav__item .top-nav__link {
  color: rgba(255, 255, 255, 0.92);
}

html.theme-dark .header .top-nav .top-nav__item .top-nav__link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

html.theme-dark .header .top-nav .top-nav__item .top-nav__link.is-current {
  background: rgba(255, 255, 255, 0.16);
}

html.theme-dark .theme-toggle,
html.theme-dark .mobile-nav-toggle {
  background: #1f1f1f;
  color: #fff;
}

html.theme-dark .theme-toggle:hover,
html.theme-dark .theme-toggle:focus-visible,
html.theme-dark .mobile-nav-toggle:hover {
  background: #2a2a2a;
}