@import "3134-SphinxMaterialStyle-Settings.css";

body{
    font-family: var(--Font-Body), serif;
    /*line-height: 1.5;
    font-weight: 400;
    line-height: 1.5em;*/ /* 1em = 12px in this case. 20/12 == 1.666666  */
}

p{
    font-family: var(--Font-Text), serif;
}

a, .content-container a, .content-container a:visited {
  color: var(--Color-Link);
  background-color: transparent;
}

#site-navigation {
    width: 400px;
}

#site-navigation nav ul.nav a:hover, #site-navigation nav ul.nav li.active > a, #site-navigation nav ul.nav li.active > a:hover {
  color: var(--Color-A);
}

.sidebar, .sidebar .sidebar-title, .sidebar p {
    font-family: var(--Font-Display);
}

table, table p {
    font-family: var(--Font-Display);
}

.prev-next-area, .prev-next-area p, footer, footer p {
    font-family: var(--Font-Display);
}

.centered p {
    font-family: inherit;
}

.admonition-title p, .admonition p, .admonition.attention p {
    font-family: var(--Font-Display);
}

.caption-text {
    font-family: var(--Font-Display);
}

.header-item.announcement {
  background-color: var(--Color-Ccca-Blue);
  color: #fff;
  font-family: var(--Font-Display);
}

.content-container h1, .content-container h2, .content-container h3, .content-container h4, .content-container h5 {
  color: var(--pst-color-h1);
}

.deep{
    color: #aaaaaa;
}