@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Regular'),url('./github/400.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: normal;
    src: local('Open Sans Italic'),url('./github/400i.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: bold;
    src: local('Open Sans Bold'),url('./github/700.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: bold;
    src: local('Open Sans Bold Italic'),url('./github/700i.woff') format('woff');
}

body {
    font-family: "Open Sans","Clear Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: rgb(51, 51, 51);
    line-height: 1.6;
}

h1 {  font-size: 25px; color: #00539b;}
h2 {  font-size: 20px; color: #395998; margin: 1em 0em 0.2em 0em;}
h3 {  font-size: 18px; margin: 1.5em 0em 0.2em 0em; padding-bottom: 0em;}
h4 {  font-size: 14px; margin: 0.1em 0em 0.1em 0em; padding-bottom: 0em; padding-top: 0.5em}
h5 {  font-size: 12px;}
p {  font-size: 12px !important; padding: 0px; margin: 0.5em 0em 1em 0em;}

ul li, ol li {
  font-size: 12px !important;
  margin-bottom: 0.15em;
  padding-left: 0;
  padding-top: 0;
}

table,th,td {
  font-size: 12px !important;
  padding: 0.2em !important;
  border-bottom: white;   
  /* border: 1px solid black; */
}

table {
  display: table;
}

blockquote {
  border-style: solid;
  border-width: 1px;
  background-color: #bff6ff;
  margin: 0em;
  margin-bottom: 1em;
  padding: 0.2em;
}

blockquote > p {
  margin: 0.1em !important;
}

/* Center all images inside the main page content */
.page__content img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Code */
.page__content :not(pre) > code {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  font-size: 1em;
  background: #e8effb;
  border-radius: 4px;
}

.archive {
  padding-right: 100px;
}

.nav__list {
  /* font-size: 12px; */
}

.nav__items {
  /* font-size: 14px; */
}

.nav__sub-title {
  font-size: 14px;
  color: #00539b;
}

.sidebar p, .sidebar li {
  font-size: 12px;
}

.greedy-nav a {
  font-size: 22px;
  display: block;
  margin: 0 1rem;
}

/*masthead title
.site-title {
  text-align: center;
  line-height: 1em;
  padding: 0em 1em 0em 1em;
  text-shadow:
      1px 1px 0 #000;
}
.masthead__inner-wrap {
  padding: 0.5em 1em 0.5em 1em;
}*/

/* code block */
pre {
  overflow-x: auto; /* add scrollbars to wide code blocks*/
  background: #dddddd;
  color:black;
  border: 0px solid #999;
  display: block;
  padding: 3px;
  line-height: 1;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  border: 1px;
}

div.highlighter-rouge > pre, div.highlighter-rouge pre.highlight, figure.highlight > pre, figure.highlight pre.highlight{
  font-size: 12px;
  background: #eeeeee;
}

p > code,
a > code,
li > code,
figcaption > code,
td > code {
  padding-top: 0.0rem;
  padding-bottom: 0.0rem;
  background: #dddddd;
  border-radius:0;
  font-size: 1em;

  &:before,
  &:after {
    letter-spacing: -0.2em;
    content: "\00a0"; /* non-breaking space*/
  }
}

.language-raw {
  padding-left: 40px;
  font-size: 11px;
}

/*Python code colors
.highlight .k, .highlight .kn{
  color: #008000;
}
.highlight .s {
  color: #BA2121;
}
.highlight .n, .highlight .nn {
  color: black;
}
.highlight .o {
  color: #AA22FF;
}
*/

/* Force the page content to expand and fill the screen */
.page {
    max-width: 100% !important;
    padding-right: 2em; /* Ensures the text doesn't touch the absolute right edge of the monitor */
}