/**
 * @license
 * MyFonts Webfont Build ID 3281696, 2016-09-12T10:30:42-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: CharterBT-Roman by Bitstream
 * URL: httphttps://www.myfonts.comhttps://assets.loupbrun.ca/fonts/bitstream/charter/charter/
 * 
 * Webfont: CharterBT-Italic by Bitstream
 * URL: httphttps://www.myfonts.comhttps://assets.loupbrun.ca/fonts/bitstream/charter/italic/
 * 
 * Webfont: CharterBT-Black by Bitstream
 * URL: httphttps://www.myfonts.comhttps://assets.loupbrun.ca/fonts/bitstream/charter/black/
 * 
 * Webfont: CharterBT-BlackItalic by Bitstream
 * URL: httphttps://www.myfonts.comhttps://assets.loupbrun.ca/fonts/bitstream/charter/black-italic/
 * 
 * Webfont: CharterOSFBT-Roman by Bitstream
 * URL: httphttps://www.myfonts.comhttps://assets.loupbrun.ca/fonts/bitstream/charter/osf-roman/
 * 
 * Webfont: CharterOSFBT-Italic by Bitstream
 * URL: httphttps://www.myfonts.comhttps://assets.loupbrun.ca/fonts/bitstream/charter/osf-italic/
 * 
 * Webfont: CharterOSFBT-Black by Bitstream
 * URL: httphttps://www.myfonts.comhttps://assets.loupbrun.ca/fonts/bitstream/charter/osf-black/
 * 
 * Webfont: CharterOSFBT-BlackItalic by Bitstream
 * URL: httphttps://www.myfonts.comhttps://assets.loupbrun.ca/fonts/bitstream/charter/osf-black-italic/
 * 
 * 
 * License: httphttps://www.myfonts.com/viewlicense?type=web&buildid=3281696
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * 
 * © 2016 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.myfonts.net/count/321320");*/


@font-face {
	font-family: 'Charter';
	src: url('https://assets.loupbrun.ca/fonts/charter/321320_0_0.eot');
	src: url('https://assets.loupbrun.ca/fonts/charter/321320_0_0.eot?#iefix') format('embedded-opentype'), url('https://assets.loupbrun.ca/fonts/charter/321320_0_0.woff2') format('woff2'), url('https://assets.loupbrun.ca/fonts/charter/321320_0_0.woff') format('woff'), url('https://assets.loupbrun.ca/fonts/charter/321320_0_0.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Charter';
	src: url('https://assets.loupbrun.ca/fonts/charter/321320_1_0.eot');
	src: url('https://assets.loupbrun.ca/fonts/charter/321320_1_0.eot?#iefix') format('embedded-opentype'), url('https://assets.loupbrun.ca/fonts/charter/321320_1_0.woff2') format('woff2'), url('https://assets.loupbrun.ca/fonts/charter/321320_1_0.woff') format('woff'), url('https://assets.loupbrun.ca/fonts/charter/321320_1_0.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}


@font-face {
	font-family: 'Charter';
	src: url('https://assets.loupbrun.ca/fonts/charter/321320_2_0.eot');
	src: url('https://assets.loupbrun.ca/fonts/charter/321320_2_0.eot?#iefix') format('embedded-opentype'), url('https://assets.loupbrun.ca/fonts/charter/321320_2_0.woff2') format('woff2'), url('https://assets.loupbrun.ca/fonts/charter/321320_2_0.woff') format('woff'), url('https://assets.loupbrun.ca/fonts/charter/321320_2_0.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


@font-face {
	font-family: 'Charter';
	src: url('https://assets.loupbrun.ca/fonts/charter/321320_3_0.eot');
	src: url('https://assets.loupbrun.ca/fonts/charter/321320_3_0.eot?#iefix') format('embedded-opentype'), url('https://assets.loupbrun.ca/fonts/charter/321320_3_0.woff2') format('woff2'), url('https://assets.loupbrun.ca/fonts/charter/321320_3_0.woff') format('woff'), url('https://assets.loupbrun.ca/fonts/charter/321320_3_0.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

/*

@font-face {
	font-family: 'CharterOSFBT-Roman';
	src: url('https://assets.loupbrun.ca/fonts/charter/321320_4_0.eot');
	src: url('https://assets.loupbrun.ca/fonts/charter/321320_4_0.eot?#iefix') format('embedded-opentype'), url('https://assets.loupbrun.ca/fonts/charter/321320_4_0.woff2') format('woff2'), url('https://assets.loupbrun.ca/fonts/charter/321320_4_0.woff') format('woff'), url('https://assets.loupbrun.ca/fonts/charter/321320_4_0.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}


@font-face {
	font-family: 'CharterOSFBT-Italic';
	src: url('https://assets.loupbrun.ca/fonts/charter/321320_5_0.eot');
	src: url('https://assets.loupbrun.ca/fonts/charter/321320_5_0.eot?#iefix') format('embedded-opentype'), url('https://assets.loupbrun.ca/fonts/charter/321320_5_0.woff2') format('woff2'), url('https://assets.loupbrun.ca/fonts/charter/321320_5_0.woff') format('woff'), url('https://assets.loupbrun.ca/fonts/charter/321320_5_0.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}


@font-face {
	font-family: 'CharterOSFBT-Black';
	src: url('https://assets.loupbrun.ca/fonts/charter/321320_6_0.eot');
	src: url('https://assets.loupbrun.ca/fonts/charter/321320_6_0.eot?#iefix') format('embedded-opentype'), url('https://assets.loupbrun.ca/fonts/charter/321320_6_0.woff2') format('woff2'), url('https://assets.loupbrun.ca/fonts/charter/321320_6_0.woff') format('woff'), url('https://assets.loupbrun.ca/fonts/charter/321320_6_0.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


@font-face {
	font-family: 'CharterOSFBT-BlackItalic';
	src: url('https://assets.loupbrun.ca/fonts/charter/321320_7_0.eot');
	src: url('https://assets.loupbrun.ca/fonts/charter/321320_7_0.eot?#iefix') format('embedded-opentype'), url('https://assets.loupbrun.ca/fonts/charter/321320_7_0.woff2') format('woff2'), url('https://assets.loupbrun.ca/fonts/charter/321320_7_0.woff') format('woff'), url('https://assets.loupbrun.ca/fonts/charter/321320_7_0.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
*/

body {
  font-family: Charter, 'CharterITC', 'ITC Charter Std', Georgia, serif;
  margin: auto;
  max-width: 50em;
  font-size: 20px;
  line-height: 1.42;
}

.is-draft {
  background-color: beige;
}
.is-draft body {
  background-color: beige;
}

.header--main {
  padding: 1rem 0;
  border-bottom: 1px solid #eee;
  font-family: 'Ubuntu Mono', monospace;
}

.header--main__title {
  margin: 0;
}
.header--main__title a {
  color: black;
  font-size: 2rem;
}
.header--main__subtitle {
  font-size: 1rem;
  color: #999;
}

.navbar {
  padding: 0;
  font-size: 13px;
}

.nav-link:hover {
  text-decoration: underline;
}

.post a {
  color: black;
}

.subtitle {
  color: black;
  font-family: 'Ubuntu Mono', monospace;
  font-weight: normal;
  font-size: 1rem;
}

.main-subheader {
  margin-bottom: 1rem;
}

time {
  display: inline;
  font-family: 'Ubuntu Mono', monospace;
}

.header--main a:hover,
.post a:hover {
  text-decoration: underline;
}

.date-time-title {
  font-family: 'Ubuntu Mono', monospace;  
}


.date-time {
  font-size: .8em;
}
@media (min-width: 680px) {
  .date-time {
    font-size: 1em;
  }
}

.main {
  position: relative;
  margin-top: 1.5rem;
}

.main-aside {
  position: relative;
  border-left: 1px dashed #ccc;
  padding-top: 1rem;
}

.main-aside #TableOfContents {
  position: sticky;
  top: 1rem;
  font-size: .85rem;
}

#TableOfContents ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#TableOfContents ul ul {
  padding-left: 1em;
}

#TableOfContents a {
  color: #555;
  text-decoration: none;
}
#TableOfContents a:hover {
  background-color: yellow;
}

#TableOfContents .active > a {
  background-color: #333;
  color: #fff;
}

.main-content {
  padding-top: 1em;
  padding-bottom: 1em;
  
  /* for anchor marks */
  position: relative;
}

.main-content img {
  max-width: 100%;
/*  display: block;*/
}

.posts_listing {
  padding: 0;
}

.posts_listing li {
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Ubuntu Mono';
  font-weight: bold;
  margin-top: 3rem;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: black;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 1.85rem;
}

h3 {
  font-size: 1.4rem;
}

h4 {
  font-size: 1.2rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 0.8rem;
}

p, ul, ol {
  margin-bottom: 2rem;
}

code {
  font-family: 'Ubuntu Mono', monospace;
  white-space: pre;
  overflow-x: auto;
}

blockquote {
  padding-left: 2rem;
  border-left: 1px solid #ccc;
  font-size: .9rem;
}

pre {
  overflow-x: auto;
  padding: 12px 14px;
  border: 1px solid lighten(#111, 90);
  background-color: #efefef;
  border-radius: 3px;
}

hr {
  margin: 2rem auto;
}

mark {
  background-color: yellow;
}

footer {
  padding: 3rem 0;
  text-align: center;
}

.article-footer {
  text-align: left;
}
.article-footer-button {
  display: inline-block;
  border-bottom: 2px solid black;
  font-family: 'Ubuntu Mono', monospace;
  font-size: 1.85rem;
  color: black;
  text-decoration: none;
  font-weight: bold;
}
.article-footer-button ~ .article-footer-button {
  margin-top: 1em;
}
.article-footer-button:hover {
  text-decoration: none;
  color: black;
}

.badge {
  font-family: 'Ubuntu Mono', monospace;
  letter-spacing: .1em;
  font-weight: normal;
}

.main-content img {
  margin: 2rem auto;
}

/* TABLES */
table {
  margin: 2rem auto;
}
th, td {
  padding: 1rem;
  border: 1px solid #eee;
}

th {
  border-bottom-color: black;
  border-bottom-width: 2px;
}

/* marker */

.marker-anchor {
  font-size: 0.6em;
  margin: 0 .5em;
  font-variant: small-caps;
  vertical-align: middle;
}

@media screen and (min-width: 1100px) {
  .marker-anchor {
    position: absolute;
    width: 70px;
    left: -68px;
    transform: translateY(.4em);
    text-align: right;

  }
}

.marker-mark {
}

/* hypothes.is */

body .annotator-frame .annotator-bucket-bar {
  background-color: transparent;
  background-image: linear-gradient(-90deg, rgba(255,255,255,1), rgba(255,255,255,0));
}

body.annotator-highlights-always-on .annotator-hl {
  background-color: rgba(0, 255, 250, 0.33);
}
body.annotator-highlights-always-on .annotator-hl .annotator-hl {
  background-color: rgba(0, 255, 250, 0.2);
}

body .annotator-hl.annotator-hl-focused {
  background-color: rgba(255, 0, 200, 0.5) !important;
}