@import 'https://fonts.googleapis.com/css?family=Istok+Web|Oxygen|Palanquin';
@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css';
body {
/* font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;  */
/*   font-family: 'Crimson Text', Arial, Helvetica, sans-serif;  */
 font-family: 'Palanquin', Arial, Helvetica, sans-serif;
 font-size: 1.1;
 background-color: #fefefe;
 margin-top: 0;
}

h1.title {
  color: rgb(20,20,20);
  font-size: 2.5em;
  font-weight: 500;
  text-shadow: .075em .075em rgb(220,220,220);
}

p.caption {
  color: #777;
  margin-top: 10px;
  padding-bottom: 2em;
}
p code {
  white-space: inherit;
}
p.display {
  font-size: .9em;
}

pre {
  word-break: normal;
  word-wrap: normal;
  font-size: .85em;
}
pre code {
  white-space: inherit;
  font-size: .90em;
}

h1, h2, h3, h4, h5 {
  color: rgb(47, 84, 150);
}

h1 {
  margin-top: 1.75em;
  font-style: italic;
  font-size: 2em;
}

h2 {
  margin-top: 1.25em;
  font-size: 1.5em;
  border: none;
}

h3 {
  margin-top: 1.10em;
  margin-bottom: 1em;
  font-size: 1.25em;
}

h4 {
  margin-top: 1.05em;
  font-size: 1.1em;
}


li::marker {
  color: rgb(150,150,150);
}

.sublists ul li {
    margin-top: 1em; /* Applies to all are top-level initially */
}
.sublists li ul li {
    margin-top: 0em; /* Override for nested <li> elements */

div.sourceCode {
  font-size: 1em;
}
/*
div .callout-caption-container {
  font-size: 1.0em;
}
 */

dfn {
  color: #7d1633;
  font-style: normal;
  font-weight: 600;
}

.setoff {
  background-color: rgb(244,244,244);
  border: 1px solid rgb(100,100,100);
  border-radius: .75em;
  padding-top: .5em;
  padding-left: .5em;
  padding-bottom: -.75em;
  margin-bottom: .75em;
}

.call {
  background-color: rgb(244,244,244);
  padding-top: .4em;
  padding-left: .5em;
  padding-bottom: -.25em;   /* does not work properly */
  margin-bottom: .75em;
}


.Q {
  display: block;
  background-color: #F6ECE2;
  color: #766553;
  line-height: 1.75em;
}
.A {
  display: block;
  background-color: #F6ECE2;
  margin-top:.15em;
}

blockquote p em{
  color: rgb(37, 74, 135);
  font-weight: 600;
  border-left-color: rgb(47, 84, 150)
}

blockquote.q {
  background-color: rgb(235,235,245);
}

blockquote footer {
  text-align: right;
  padding-right: 3em;
  font-size:small;
}

/* font-family does not change font, but needed for font-size, color */
span.math.display {
  font-family: "Lucida Console", Courier, monospace;
  font-size:1.1em;
}

span.newthought {
  text-transform: uppercase;
  font-size: .85em;
}

.vid {
  color: rgb(74,87,165);
  background-color: rgb(236,242,254);
}
