/* Whole document: */
@import url('https://fonts.googleapis.com/css?family=PT+Sans|PT+Serif|Lato:300|Roboto:300|Nunito+Sans:300|Inconsolata|Source+Sans+Pro|Work+Sans:200,300,400,500');
/********************************/
/* controls general properties of site*/
/********************************/

body {
  color: #414141;
/*  line-height: 1.7;
  font-size: 17px; */
  background-color: #FEFEFE;
}

d-title h1{
font-size: 2.1em;
font-family: 'Work Sans';
font-weight: 300;
}

d-article h1 {
  font-size: 1.8em;
  font-family: 'Work Sans', 'Source Sans Pro', 'PT Sans';
  font-weight: 300;
}

d-article h2 {
  font-size: 1.65em;
  font-family: 'Work Sans', 'Source Sans Pro', 'PT Sans';
  font-weight: 500;
}

d-article h3 {
  margin-top: 1em;
}

d-byline .authors-affiliations {
  grid-column-end: span 3;
  grid-column-gap: 8px;
}

img.orcid-id {
  margin: 0;
}

a.name:-webkit-any-link {
  text-decoration: underline;
  text-decoration-style: dotted;
}

a.affiliation:-webkit-any-link {
  text-decoration: underline;
  text-decoration-style: dotted;
}

blockquote p {
	font-size: 1.3em;
	font-family: 'Lato';
  font-style: normal;
  margin: 0.5em 0 0.5em;
}

d-article li {
  margin: 0px 0px 4px;
}

/********************************/
/* controls CODE*/
/********************************/

/** pre.sourceCode controls code block without lang **/

/** Controls r code  **/

pre.sourceCode.r {
  margin-top: 0px;
   color: #333333;
   background-color: #E8E8E8;
   border-radius: 3px;
   font-size: 0.80em;
   font-family: 'Monaco', 'PT Mono', monospace;
   overflow-x: scroll !important;
   border-left: 6px solid #323232;
   border-top: 1px solid #B7B7B7;
   border-right: 1px solid #B7B7B7;
   border-bottom: 1px solid #B7B7B7;
   padding: 18px 0px 18px 20px;
 }

 pre.sourceCode.bash {
   margin-top: 0px;
    color: #333333;
    background-color: #E8E8E8;
    border-radius: 3px;
    font-size: 0.80em;
    font-family: 'Monaco', 'PT Mono', monospace;
    overflow-x: scroll !important;
    border-left: 6px solid #FC6464;
    border-top: 1px solid #B7B7B7;
    border-right: 1px solid #B7B7B7;
    border-bottom: 1px solid #B7B7B7;
    padding: 18px 0px 18px 20px;
  }
/** Controls code output **/

d-article pre {
   margin-top: 0px;
    color: #333333;
    background-color: #FAFAFA;
    font-size: 0.8em;
    border: 1px solid #ccc;
    overflow-x: scroll !important;
    padding:  10px 10px 10px 18px;
    border-radius: 5px;

  }

/** Controls inline code  **/

p code {
  background-color: #E8E8E8;
  border-radius: 3px;
  font-size: 0.8em;
  font-family: 'Monaco', 'PT Mono', monospace;
  overflow-x: scroll !important;
  margin-bottom: 20px;
  color: #BF2727;
}

d-article aside code {
  background-color: #E8E8E8;
  border-radius: 3px;
  font-family: 'Monaco', 'PT Mono', monospace;
  color: #BF2727;
}

/********************************/
/* controls NAV BAR and HEADERS*/
/********************************/

.nav-dropdown-content .nav-dropdown-header {
  text-transform: none;
}

.distill-site-header .logo {
  padding: 0;
}

.distill-site-header  {
  width: 100%;
  box-sizing: border-box;
  z-index: 3;
}

.headroom {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}
.distill-site-nav {
    background-color: #00203F;
    font-size: 15px;
    font-weight: 300;
}

img {
  margin: 5px;
}

/** LIGHTBOX MARKUP **/
.thumbnail {
  max-width: 100%;
  position: relative;
}

/** DETAILS fold down**/

details {
  background-color: hsla(206, 95%, 20%, 0.2);
  cursor: pointer;
  color: #2d2d2d;
  margin-bottom:1vh;
  padding: 1em;
  border: none;
  text-align: left;
  outline: none;
}

.active, details:hover {
  transition: max-height 0.2s ease-out;
  outline: none;

  /* background-color: #acc2c2; */
}


details {
  display: flex;
  justify-content: space-between;
  align-content: center;
  border-radius: 4px;
  outline: none;
}

details.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  outline: none;
}

summary::-webkit-details-marker {
  display: none;
  outline: none;
}

summary:focus {
  outline: none;
}

summary::after {
  float: right;
  font-family: "Font Awesome 5 Free";
  content: "\f0fe";
}

details[open] summary::after {
  float: right;
  font-family: "Font Awesome 5 Free";
  content: "\f146";
}


/********************************/
/* dygraph*/
/********************************/