/* Fonts */

@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Serif");
@import url("https://fonts.googleapis.com/css?family=Mulish");

/* Top bar */

.navbar {
  background-color: #00426b;
}

.wm-top-title {
  font-family: "IBM Plex Serif";
}

/* TOC pane */

.wm-toc-pane {
  background-color: #f5f9f9;
}

.wm-toc-text {
  color: #24272a;
  font-family: "IBM Plex Serif";
}

.wm-toctree a,
.wm-toctree a:visited,
.wm-toctree a:hover,
.wm-toctree a:focus {
  color: #77a2bd;
}

.wm-toc-li.wm-current,
.wm-toc-li.wm-current:hover {
  background-color: #00426b;
  color: white;
}

/* Main body */

body {
  background-color: #ffffff;
  font-family: Mulish;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "IBM Plex Serif", serif;
}

.wm-page-content {
  max-width: 80%;
}

.admonition.tip {
  /* csslint allow: adjoining-classes */
  color: #529179;
  background-color: #e5f4e3;
  border-color: #33d495;
}

.admonition.note {
  /* csslint allow: adjoining-classes */
  color: #214b64;
  background-color: #f5f9f9;
  border-color: #77a2bd;
}

.admonition.warning {
  /* csslint allow: adjoining-classes */
  color: #e88a3a;
  background-color: #fae6cf;
  border-color: #e0b761;
}