:root {
    --font-family-sans-serif:   "ReadexPro", "Noto Sans Symbols", "Noto Sans Symbols 2", "Noto Color Emoji", sans-serif;
    --font-family-bio:          "ReadexPro", "Noto Sans Symbols", "Noto Sans Symbols 2", "Noto Color Emoji", sans-serif;
    --font-family-serif:        "ReadexPro", "Noto Sans Symbols", "Noto Sans Symbols 2", "Noto Color Emoji", sans-serif;
    --font-family-monospace:    "Source Code Pro", "Hack", "Noto Sans Symbols", "Noto Sans Symbols 2", "Noto Color Emoji", monospace;
 }



html[data-theme="light"]{
/*     --Color-Admonition-Title-Background:    #aaaaaa;
    --Color-Alert-Title-Background:         #7c8bb3;
    --Color-Caption:                        #1b2c72;
    --Color-Code:                           #1b2c72;
    --Color-CodeBackground:                 #e8edf6;
    --Color-Danger-Title:                   #141412;
    --Color-Danger-Title-Background:        #ff0000;
    --Color-Header:                         #ffffff;
    --Color-Header-Background:              #1b2c72;
    --Color-Heading-Underbar-1:             #7c8bb3;
    --Color-Legend:                         #000000;
    --Color-Main:                           #1b2c72;
    --Color-Main-Light-1:                   #7c8bb3;
    --Color-Menu-Link:                      #333333;
    --Color-MdTabs-Background:              #000000;
    --Color-MdTabs:                         #ffffff; */
    /* --Color-Nav-Background:                 #F1EBE4;*/
    /* --Color-Nav-Background:                 #eeeeee;
    --Color-Sidebar-Background:             #141412;
    --Color-Sidebar-Menu-Caption:           #7c8bb3;
    --Color-Sidebar-Top:                    #1b2c72;
    --Color-Sidebar-Top-Background:         #ffffff;
    --Color-Sidebar-Top-Version:            #7c8bb3;
    --Color-Term:                           #7c8bb3;
    --Color-Versionadded:                   #088247;
    --Color-Versionadded-Background:        #ffffff;
    --Color-Versionadded-Border:            #088247;
    --Color-Versionchanged:                 #BB6E0C;
    --Color-Versionchanged-Background:      #ffffff;
    --Color-Versionchanged-Border:          #BB6E0C;
    --Color-Warning-Body: ;
    --Color-Warning-Body-Background:        #dedede;
    --Color-Warning-Title:                  #141412;
    --Color-Warning-Title-Background:       #fff500; */
    --color-red:                            #ff0000;
    --pst-color-h1:                         var(--Color-Klpu-Blue-Dark);
    --pst-color-h2:                         var(--Color-Klpu-Blue-Dark);
    --pst-color-primary:                    var(--Color-Klpu-Blue-Dark);
    /* --pst-color-text-muted:                 var(--Solarized-Custom-1);*/
    /* --pst-color-background:                 var(--Solarized-Base2);*/

    /* --pst-color-primary-text:                 #fff; */
    /* --pst-color-primary-highlight:            #306e81; */
    /* --sd-color-primary:                       var(--pst-color-primary); */
    /* --sd-color-primary-text:                  var(--pst-color-primary-text); */
    /* --sd-color-primary-highlight:             var(--pst-color-primary-highlight); */
    /* --pst-color-secondary:                    #ee9040; */
    /* --pst-color-secondary-text:           #fff; */
    /* --pst-color-secondary-highlight:      #cf6912; */
    /* --sd-color-secondary:                 var(--pst-color-secondary); */
    /* --sd-color-secondary-text:            var(--pst-color-secondary-text); */
    /* --sd-color-secondary-highlight:       var(--pst-color-secondary-highlight); */
    /* --pst-color-success:                  #28a745; */
    /* --pst-color-success-text:             #fff; */
    /* --pst-color-success-highlight:        #19692c; */
    /* --sd-color-success:                   var(--pst-color-success); */
    /* --sd-color-success-text:              var(--pst-color-success-text); */
    /* --sd-color-success-highlight:         var(--pst-color-success-highlight); */
    --pst-color-info:                     var(--Color-Klpu-Blue-Dark);
    --pst-color-info-text:                #ffffff;
    /* --pst-color-info-highlight:           #306e81; */
    /* --sd-color-info:                      var(--pst-color-info); */
    /* --sd-color-info-text:                 var(--pst-color-info-text); */
    /* --sd-color-info-highlight:            var(--pst-color-info-highlight); */
    /* --pst-color-warning:                  #ee9040; */
    /* --pst-color-warning-text:             #fff; */
    /* --pst-color-warning-highlight:        #cf6912; */
    /* --sd-color-warning:                   var(--pst-color-warning); */
    /* --sd-color-warning-text:              var(--pst-color-warning-text); */
    /* --sd-color-warning-highlight:         var(--pst-color-warning-highlight); */
    /* --pst-color-danger:                   #dc3545; */
    /* --pst-color-danger-text:              #fff; */
    /* --pst-color-danger-highlight:         #a71d2a; */
    /* --sd-color-danger:                    var(--pst-color-danger); */
    /* --sd-color-danger-text:               var(--pst-color-danger-text); */
    /* --sd-color-danger-highlight:          var(--pst-color-danger-highlight); */
    /* --pst-color-light:                    #c9c9c9; */
    /* --pst-color-light-text:               #000; */
    /* --pst-color-light-highlight:          #a3a3a3; */
    /* --sd-color-light:                     var(--pst-color-light); */
    /* --sd-color-light-text:                var(--pst-color-light-text); */
    /* --sd-color-light-highlight:           var(--pst-color-light-highlight); */
    /* --pst-color-muted:                    #646464; */
    /* --pst-color-muted-text:               #fff; */
    /* --pst-color-muted-highlight:          #3e3e3e; */
    /* --sd-color-muted:                     var(--pst-color-muted); */
    /* --sd-color-muted-text:                var(--pst-color-muted-text); */
    /* --sd-color-muted-highlight:           var(--pst-color-muted-highlight); */
    /* --pst-color-dark:                     #323232; */
    /* --pst-color-dark-text:                #fff; */
    /* --pst-color-dark-highlight:           #0c0c0c; */
    /* --sd-color-dark:                      var(--pst-color-dark); */
    /* --sd-color-dark-text:                 var(--pst-color-dark-text); */
    /* --sd-color-dark-highlight:            var(--pst-color-dark-highlight); */
    /* --pst-color-black:                    #000; */
    /* --pst-color-black-text:               #fff; */
    /* --pst-color-black-highlight:          #000; */
    /* --sd-color-black:                     var(--pst-color-black); */
    /* --sd-color-black-text:                var(--pst-color-black-text); */
    /* --sd-color-black-highlight:           var(--pst-color-black-highlight); */
    /* --pst-color-white:                    #fff; */
    /* --pst-color-white-text:               #000; */
    /* --pst-color-white-highlight:          #d9d9d9; */
    /* --sd-color-white:                     var(--pst-color-white); */
    /* --sd-color-white-text:                var(--pst-color-white-text); */
    /* --sd-color-white-highlight:           var(--pst-color-white-highlight); */

    --sbt-color-announcement:               var(--Color-Klpu-Blue-Dark) /* announcement background*/
    /* --sd-color-card-border:                 var(--pst-color-border); */

    /* --pst-color-attention:                  #ffc107; */
    /* --pst-color-text-base:                  #323232; */
    /* --pst-color-text-muted:                 #646464; */
    /* --pst-color-shadow:                     #d8d8d8; */
    /* --pst-color-border:                     #c9c9c9; */
    /* --pst-color-inline-code:                #e83e8c; */
    /* --pst-color-target:                     #fbe54e; */
    /* --pst-color-background:                 #fff; */
    /* --pst-color-on-background:              #fff; */
    /* --pst-color-surface:                    #f5f5f5; */
    /* --pst-color-on-surface:                 #e1e1e1; */
    --pst-color-link:                       var(--pst-color-primary);
    --pst-color-link-hover:                 var(--pst-color-warning);

}

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(--pst-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(--pst-color-primary);
}

.sidebar,
.sidebar p {
    font-family: var(--Font-Menu);
    line-height: 1.55em;
    font-size: 16px;
}

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

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,
.caption-number {
    font-family: var(--font-family-bio);
}

.header-item.announcement {
  background-color: var(--sbt-color-announcement);
  font-family: var(--Font-Menu);
  font-weight: 400;
}

.bd-article-container h1,
.bd-article-container h2,
.bd-article-container h3,
.bd-article-container h4,
.bd-article-container h5,
.bd-article-container p.caption,
.content-container h1,
.content-container h2,
.content-container h3,
.content-container h4,
.content-container h5 {
    color: var(--pst-color-h1);
    font-weight: 600;
}

.deep{
    color: #aaaaaa;
}

.new{
    color: #009d08;
    text-decoration: underline;
    text-decoration-style: wavy;
}

.chg{
    color: #ffaa00;
    text-decoration: overline;
    text-decoration-style: dotted;
}

.del{
    color: #ff0000;
    text-decoration: line-through;
}


ul.current.nav.bd-sidenav {
    font-family: var(--Font-Menu);
}

.heading-style,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.25em;
}

b,
strong {
    /*font-family: var(--Font-Display), sans-serif;*/
    font-family: var(--font-family-bio);
    font-weight:600;
    color: var(--pst-color-primary);
}

em {
    /*font-weight:600;
    font-style: normal;*/

}


aside.footnote-list {
  background: #efefef;
  font-family: var(--Font-Display) !important;
  padding-left: 10px;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-right: 10px;
}