/* stylelint-disable docusaurus/copyright-header */
/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #005f6f;
  --ifm-color-primary-dark: #005564;
  --ifm-color-primary-darker: #00515e;
  --ifm-color-primary-darkest: #00424e;
  --ifm-color-primary-light: #00687a;
  --ifm-color-primary-lighter: #007b90;
  --ifm-color-primary-lightest: #008ea7;
  --ifm-hover-overlay: rgba(0, 100, 100, 0.2);
  --ifm-toc-padding-vertical: 15px 0 0 0;
}

.user-warning {
  color: darkred;
}

.docusaurus-highlight-code-line {
  background-color: rgb(72, 77, 91);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

.admonition-heading {
  display: none;
}

.admonition {
  background-color: rgba(0, 100, 100, 0.1);
  font-weight: 500;
}

.table-of-contents__link--active {
  background-color: rgba(0, 100, 100, 0.1);
  font-weight: 500;
}

html[data-theme="dark"] img#pan_ukbb_logo {
  content: url(/img/pan_ukbb_logo_v0.4-2-dark.svg);
}

html[data-theme="dark"] {
  --ifm-color-primary: var(--ifm-color-primary-lightest);
}

html[data-theme="dark"] .admonition {
  color: white;
  .alert a {
    color: white;
    text-decoration: underline;
  }
}

html[data-theme="dark"] .alert a {
  color: white;
  text-decoration: underline;
}

.hero__description {
  font-size: 18px;
}

.markdown > h2 {
  --ifm-h2-font-size: 1.4rem;
}


.markdown > h3 {
  --ifm-h3-font-size: 1.0rem;
}


.menu > .menu__list > .menu__list-item > .menu__link:hover {
  background: initial;
  cursor: default;
}


.menu > .menu__list > .menu__list-item > .menu__link {
  font-weight: bold;
}

.page-title {
  font-size: 48px;
  font-weight: 700;
  margin-top: 30px;
}
