/* jpmap pkgdown theme, using a Samurai Blue-inspired palette. */

:root {
  --jpmap-blue: #001040;
  --jpmap-blue-mid: #005BAC;
  --jpmap-blue-light: #F2F6FF;
  --jpmap-ink: #2C2A29;
  --jpmap-border: #BBD7FF;
}

.navbar {
  background-color: var(--jpmap-blue) !important;
  border-bottom: 4px solid var(--jpmap-blue-mid);
}

.navbar .navbar-brand,
.navbar .navbar-nav .nav-link {
  color: #FFFFFF !important;
}

.navbar .navbar-brand:hover,
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus {
  color: var(--jpmap-border) !important;
}

a,
.page-header a,
.contents a {
  color: var(--jpmap-blue);
}

a:hover,
.contents a:hover {
  color: var(--jpmap-blue-mid);
}

.contents h1,
.contents h2,
.contents h3,
.contents h4,
.page-header h1 {
  color: var(--jpmap-blue);
}

.contents h2 {
  border-bottom: 1px solid var(--jpmap-border);
  padding-bottom: 0.28rem;
  margin-top: 2rem;
}

.template-home .contents > h3:first-of-type {
  color: var(--jpmap-blue);
  font-weight: 700;
}

.template-home main > div[align="center"]:first-child {
  margin-top: 1.25rem;
  padding-top: 0.75rem;
}

.template-home main > div[align="center"]:first-child img {
  margin-top: 0.5rem;
}

div.sourceCode,
pre.sourceCode,
pre.downlit {
  border: 0 !important;
  box-shadow: none !important;
}

div.sourceCode {
  border-radius: 7px;
  background-color: var(--jpmap-blue-light);
}

pre,
pre code {
  border: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

code {
  color: var(--jpmap-ink);
}

code a,
pre a,
.sourceCode a {
  color: var(--jpmap-blue);
  text-decoration: none !important;
}

code a:hover,
pre a:hover,
.sourceCode a:hover {
  color: var(--jpmap-blue-mid);
  text-decoration: underline !important;
}

.sourceCode .fu,
.sourceCode .kw {
  color: var(--jpmap-blue) !important;
}

.sourceCode .st,
.sourceCode .cn {
  color: var(--jpmap-blue-mid) !important;
}

.ref-index h2 {
  color: var(--jpmap-blue);
}

.pkgdown-footer-left,
.pkgdown-footer-right {
  color: var(--jpmap-ink);
}
