h1, h2, h3, h4, h5, h6{
/*  font-size: 48px;
  font-weight: 600;
  line-height: 80%;
  padding-top: 3rem;
*/  scroll-margin-top: 180px;
}

.blog h1,
.blog h2,
.blog h3 {
     font-family: 'Wotfard', sans-serif;
    font-weight: 600;
    line-height: 90%;
    letter-spacing: -2px;
    font-kerning: none;
    margin-bottom: 0.8rem;
    text-transform: unset !important;
}
.blog h1 {
    font-size: 3.2rem;
}
.blog h2 {
    font-size: 2.8rem;
}
.blog h3 {
    font-size: 2.2rem;
}
p:last-child {
  margin-bottom: 0;
}
p,
.tmpl-post li,
img {
  max-width: 37.5em; /* 600px /16 */
}
.tmpl-post {
  width:80ch;
}
p,
.tmpl-post li {
  line-height: 1.45;
}
.blog p, .blog a, .blog li {
  font-family: 'Segoe UI', 'San Francisco', sans-serif;
  font-size:1.1rem;
  line-height: 150%;
}
.lead, h4 {
  /*font-size: 27px;*/
  /*font-weight: 400;*/
}
/*a[href] {
  color: var(--darkgray);
}
a[href]:visited {
  color: var(--fadedgray);
}*/
blockquote {
    border-left: 0.5px dashed var(--text-colour);
    padding-left: 1.5rem;
    margin-left: 0;
}
blockquote p {
    font-size: 95%;
}

main {
  padding-top: 4rem;
}
main :first-child {
  margin-top: 0;
}

table {
  margin: 1em 0;
}
table td,
table th {
  padding-right: 1em;
}

pre,
code {
  font-family: Consolas, Courier, monospace;
  line-height: 1.5;
}
pre {
  font-size: 14px;
  line-height: 1.375;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  padding: 1em;
  margin: .5em 0;
  background-color: #f6f6f6;
}
.highlight-line {
  display: block;
  padding: 0.125em 1em;
  text-decoration: none; /* override del, ins, mark defaults */
  color: inherit; /* override del, ins, mark defaults */
}

/* allow highlighting empty lines */
.highlight-line:empty:before {
  content: " ";
}
/* avoid double line breaks when using display: block; */
.highlight-line + br {
  display: none;
}

.highlight-line-isdir {
  color: #b0b0b0;
  background-color: #222;
}
.highlight-line-active {
  background-color: #444;
  background-color: hsla(0, 0%, 27%, .8);
}
.highlight-line-add {
  background-color: #45844b;
}
.highlight-line-remove {
  background-color: #902f2f;
}

.home :link:not(:hover) {
  text-decoration: none;
}

ul, ol {
  padding-inline-start: 20px;
}
ol li, ul li {
  padding: 0.5rem 0 0.5rem 1rem;
}

/* Posts list */
.postlist {
  padding-inline-start: 0;
  padding: 0;
}
.postlist-item {
  counter-increment: start-from -1;
  list-style: none;
  margin-bottom: 1.5rem;
}
.postlist-item:before {
  display: inline-block;
  pointer-events: none;
  content: "" counter(start-from, decimal-leading-zero) ". ";
  line-height: 100%;
  text-align: right;
  margin-left: 0rem;
}
.postlist-date,
.postlist-item:before,
.postlist .tag {
  font-size: 0.8125em; /* 13px /16 */
  color: var(--darkgray);
}
.postlist-date {
  word-spacing: -0.5px;
  margin-left: 2rem;
}
.postlist-link {
  display: inline-block;
  vertical-align: top;
  font-weight:400;
  box-shadow: none;
  letter-spacing: -0.3px;
  margin-left: 0.5rem;
}
.postlist-link:hover {
  box-shadow: none;
  cursor: pointer;
  font-weight:700;

}

.tmpl-home .postlist-link {
  font-size: 1.1875em; /* 19px /16 */
}
ul .postlist-item::before {
    content: '● ';
  }

/* Tags */



/* Warning */
.warning {
  background-color: #ffc;
  padding: 1em 0.625em; /* 16px 10px /16 */
}
.warning ol:only-child {
  margin: 0;
}

/* Direct Links / Markdown Headers */
.direct-link {
  font-family: sans-serif;
  text-decoration: none;
  font-style: normal;
  margin-left: .1em;
    box-shadow: none;

}
a[href].direct-link,
a[href].direct-link:visited {
  color: transparent;
}
a[href].direct-link:focus,
a[href].direct-link:focus:visited,
:hover > a[href].direct-link,
:hover > a[href].direct-link:visited {
  color: #aaa;
  box-shadow: none;
}

.post-sharing-icons {
  margin-top: 2rem;
}

.post-sharing-icons .icon {
    box-shadow: none;
    padding-right: 1rem;
    fill: var(--text-colour);
}

.post-sharing-icons .icon:hover {
  opacity: 75%;
}


/* Nav 


header {
  position: fixed;
  min-height:40px;
  width: 100%; 
  background-color: var(--bgcolor);
  z-index:10;
  top: 0;
    transition: background-color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s;
  padding: 0 2rem;
}

header.active {
  background-color: #ffffff;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 4px 0px;

}

.header-inner {
  width:800px;
    display: grid;
  grid-template-columns: 1fr 5fr;
    text-align: center;
margin: 2rem auto;

}

h1.home {
    font-family: 'IBM Plex Mono', monospace;
      font-size: 18px;
      align-self: center;
      padding-top: 0;
}
h1.home a {
  font-size: 16px;  
  text-decoration: none;
 }

.nav {
  padding: 0;
  list-style: none;
        align-self: center;

}
.nav-item {
  display: inline;  
  margin-right: 1em;
  text-transform: lowercase;
  font-variant: small-caps;
}
.nav-item a {
  font-weight: 600;
    text-decoration: none;
    color: var(--fadedgray) !important;
}
.nav-item a[href]:hover {
  color: var(--darkgray) !important;
    text-decoration: underline;
}
.nav-item-active a{
    color: var(--darkgray) !important;

}
.nav-item-active::before {
  content: '\b7\a0';
      color: var(--fadedgray) !important;
}
*/

/* Mailchimp 

#mc-embedded-subscribe-form {
  padding:2% 2% 2% 0;
}

#mc_embed_signup div.mc-field-group input, #mc_embed_signup div.mc-field-group label {
 font-family: 'EB Garamond', Garamond, Times;
 font-size: 1.4rem;
 line-height: 2rem;
 margin-bottom: 16px;
}

#mc_embed_signup div.mc-field-group input {
  border:none;
  background: none;
  border-bottom:2px solid var(--darkgray);
  font-style: italic;
     font-family: 'EB Garamond', Garamond, Times;

}

#mc_embed_signup div.mc0-field-group input::placeholder {
  color:var(--fadedgray);
}

#mc_embed_signup div.mc-field-group input:focus, .button:focus {
  outline:none;
}

#mc_embed_signup .button {
  padding:16px;
  font-size:1.4rem;
  border:solid 2px var(--darkgray);
   font-family: 'EB Garamond', Garamond, Times;
   background-color: var(--bgcolor);
}

#mc_embed_signup .button:hover, #mc_embed_signup .button:active,  #mc_embed_signup .button:focus {
  color:var(--bgcolor);
  background-color: var(--darkgray);
  cursor:pointer;
}

*/


/* Darkmode button styles 

.darkmode-layer, .darkmode-toggle {
  z-index: 20;
}
#darkmodecaption {
  position: fixed;
  bottom: 20px; right:90px;
}

/* Ignore images when darkmode 
body.darkmode--activated img, body.darkmode--activated .darkmode-ignore {
  mix-blend-mode: difference;
}
*/

#blog-sidebar-inner {
  position:fixed;
} 

/* Responsive styles */

  @media (max-width: 966px) {
/*
    .postlist-item:before {
      display: none;
    }
    */
    .tmpl-post {
      width:unset;
    }

    main {
      padding-top: 2rem;
    }
    ul, ol {
        padding-inline-start: 1rem;
    }

    #blog-sidebar-inner {
      position:unset;
    } 

    #darkmodecaption {
      display: none;
    }
    img {
      max-width: 100%;
    }
    h1, h2, h3 {
      scroll-margin-top: 10px;
    }

    .blog h1 {
      font-size: 2.25rem;
    }
    .blog h2 {
        font-size: 2rem;
    }
    .blog h3 {
        font-size: 1.75rem;
    }
    ul .postlist-item::before {
      content: '';
    }
    .postlist-link {
      display: block;
      margin-bottom: .5rem;
    }
    .postlist-date {
      margin-left:0.5rem;
    }


  }