@charset "UTF-8";
/*****************************************************************************/
/*
/* Tufte Jekyll blog theme
/* Based on Tufte CSS by Dave Liepmann ( https://github.com/edwardtufte/tufte-css )
/*
/* The README.md will show you how to set up your site along with other goodies
/*****************************************************************************/
/*
@font-face {
  font-family: 'AkzidenzGrotesk';
  src: url("../fonts/akzidenz/AkzidenzGrotesk-Roman.woff2") format("woff2"), url("../fonts/AkzidenzGrotesk-Roman.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AkzidenzGrotesk';
  src: url("../fonts/akzidenz/AkzidenzGrotesk-LightOsF.woff2") format("woff2"), url("../fonts/AkzidenzGroteskBE-It.woff") format("woff");
  font-weight: normal;
  font-style: italic; }
*/
@font-face {
  font-family: "AkzidenzGrotesk";
  src: url("../fonts/akzidenz/AkzidenzGrotesk-LightOsF.woff2") format("woff2"), url("../fonts/AkzidenzGrotesk-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AkzidenzGrotesk";
  src: url("../fonts/akzidenz/AkzidenzGrotesk-LightItalicOsF.woff2") format("woff2"), url("../fonts/AkzidenzGroteskBE-It.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "AkzidenzGrotesk";
  src: url("../fonts/akzidenz/AkzidenzGrotesk-BoldItalic.woff2") format("woff2"), url("../fonts/AkzidenzGroteskBE-It.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "AkzidenzGrotesk";
  src: url("../fonts/akzidenz/AkzidenzGrotesk-Super.woff2") format("woff2"), url("../fonts/AkzidenzGrotesk-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "AkzidenzGrotesk-Med";
  src: url("../fonts/akzidenz/AkzidenzGrotesk-Medium.woff2") format("woff2"), url("../fonts/AkzidenzGrotesk-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AkzidenzGrotesk-Med";
  src: url("../fonts/akzidenz/AkzidenzGrotesk-Medium.woff2") format("woff2"), url("../fonts/AkzidenzGrotesk-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "AkzidenzGrotesk-condensed";
  src: url("../fonts/akzidenz/AkzidenzGrotesk-ExtraBoldCondAlt.woff2") format("woff2"), url("../fonts/AkzidenzGrotesk-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "AkzidenzGrotesk-condensed";
  src: url("../fonts/akzidenz/AkzidenzGrotesk-BoldCondItalic.woff2") format("woff2"), url("../fonts/AkzidenzGrotesk-Bold.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "futura";
  src: url("../fonts/futura_bold_font-webfont.woff2") format("woff2"), url("../fonts/futura_bold_font-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* This file contains all the constants for colors and font styles */
/*//$display-font:  "Harbour", "Gill Sans", "Lato", sans-serif;*/
/*$display-font:  "AkzidenzGrotesk", "Gill Sans", "Lato", sans-serif;*/
/*//$text-color: #828282;
//$bg-color: #EEE;
//$contrast-color: #FF7171;
//$contrast-color: #fbef62;

// PINK BLUE YELLOW
//$bg-color: #ef9bd2;
//$text-color: #07078a;
//$contrast-color: #ffef36;
*/
/*$bg-color: #7ea9a8 ;
//$bg-color: #c59ca2;
$text-color: #012180  ;
$contrast-color: #e6e355;*/
/**/
/*$contrast-color: #FF7171;*/
/**
 * Syntax highlighting styles
 */
.highlight {
  margin-bottom: 15px;
}

.highlight {
  background: #fffff8;
}
.highlight .c {
  color: #998;
  font-style: italic;
}
.highlight .err {
  color: #a61717;
  background-color: #e3d2d2;
}
.highlight .k {
  font-weight: bold;
}
.highlight .o {
  font-weight: bold;
}
.highlight .cm {
  color: #998;
  font-style: italic;
}
.highlight .cp {
  color: #999;
  font-weight: bold;
}
.highlight .c1 {
  color: #998;
  font-style: italic;
}
.highlight .cs {
  color: #999;
  font-weight: bold;
  font-style: italic;
}
.highlight .gd {
  color: #000;
  background-color: #fdd;
}
.highlight .gd .x {
  color: #000;
  background-color: #faa;
}
.highlight .ge {
  font-style: italic;
}
.highlight .gr {
  color: #a00;
}
.highlight .gh {
  color: #999;
}
.highlight .gi {
  color: #000;
  background-color: #dfd;
}
.highlight .gi .x {
  color: #000;
  background-color: #afa;
}
.highlight .go {
  color: #888;
}
.highlight .gp {
  color: #555;
}
.highlight .gs {
  font-weight: bold;
}
.highlight .gu {
  color: #aaa;
}
.highlight .gt {
  color: #a00;
}
.highlight .kc {
  font-weight: bold;
}
.highlight .kd {
  font-weight: bold;
}
.highlight .kp {
  font-weight: bold;
}
.highlight .kr {
  font-weight: bold;
}
.highlight .kt {
  color: #458;
  font-weight: bold;
}
.highlight .m {
  color: #099;
}
.highlight .s {
  color: #d14;
}
.highlight .na {
  color: #008080;
}
.highlight .nb {
  color: #0086B3;
}
.highlight .nc {
  color: #458;
  font-weight: bold;
}
.highlight .no {
  color: #008080;
}
.highlight .ni {
  color: #800080;
}
.highlight .ne {
  color: #900;
  font-weight: bold;
}
.highlight .nf {
  color: #900;
  font-weight: bold;
}
.highlight .nn {
  color: #555;
}
.highlight .nt {
  color: #000080;
}
.highlight .nv {
  color: #008080;
}
.highlight .ow {
  font-weight: bold;
}
.highlight .w {
  color: #bbb;
}
.highlight .mf {
  color: #099;
}
.highlight .mh {
  color: #099;
}
.highlight .mi {
  color: #099;
}
.highlight .mo {
  color: #099;
}
.highlight .sb {
  color: #d14;
}
.highlight .sc {
  color: #d14;
}
.highlight .sd {
  color: #d14;
}
.highlight .s2 {
  color: #d14;
}
.highlight .se {
  color: #d14;
}
.highlight .sh {
  color: #d14;
}
.highlight .si {
  color: #d14;
}
.highlight .sx {
  color: #d14;
}
.highlight .sr {
  color: #009926;
}
.highlight .s1 {
  color: #d14;
}
.highlight .ss {
  color: #990073;
}
.highlight .bp {
  color: #999;
}
.highlight .vc {
  color: #008080;
}
.highlight .vg {
  color: #008080;
}
.highlight .vi {
  color: #008080;
}
.highlight .il {
  color: #099;
}

* {
  margin: 0;
  padding: 0;
}

/* clearfix hack after Cederholm (group class name) */
.group:after {
  content: "";
  display: table;
  clear: both;
}

html, body {
  height: 100%;
}

html {
  /*text-align: baseline;*/
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ytsizewrap {
  width: 90vw;
  max-width: 800px;
}

.ytcontainer {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}

.ytvideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
}

@media screen and (min-width: 300px) {
  html {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  html {
    font-size: 13px;
  }
}
@media screen and (min-width: 600px) {
  html {
    font-size: 14px;
  }
}
@media screen and (min-width: 800px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 1000px) {
  html {
    font-size: 16px;
  }
}
@media screen and (min-width: 1100px) {
  html {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  html {
    font-size: 16px;
  }
}
@media screen and (min-width: 1300px) {
  html {
    font-size: 17px;
  }
}
.mathblock {
  font-size: 1.3rem;
}

a {
  color: rgba(252, 64, 64, 0.7);
  text-decoration: none;
}

strong {
  font-family: "AkzidenzGrotesk-Med", "Helvetica", "Arial", sans-serif;
}

p > a {
  color: #828282;
  text-decoration: none;
  position: relative;
  /*     text-decoration: underline;
        text-decoration-style: dotted;
        text-decoration-color: rgba(239, 155, 210, 0.8);

  */
  white-space: nowrap;
  /*border-bottom: 2px dotted $contrast-color;*/
}
p > a:after {
  border-bottom: 0.1em dotted rgba(252, 64, 64, 0.7);
  z-index: -1;
  content: "";
  position: absolute;
  left: 5%;
  width: 90%;
  bottom: 0em;
}
p > a:hover:after {
  border-bottom: 0.15em solid rgba(252, 64, 64, 0.7);
}

body {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  font-family: "AkzidenzGrotesk", "Helvetica", "Arial", sans-serif;
  background-color: #EEE;
  color: #828282;
  /*max-width: 1400px;*/
  counter-reset: sidenote-counter;
}

h1 {
  /*      margin-top: 0rem;
       margin-bottom: -1.0rem;
       margin-left: -3px;*/
  font-weight: bold;
  position: relative;
  font-family: "AkzidenzGrotesk", "Helvetica", "Arial", sans-serif;
  font-size: 4.2rem;
  color: rgba(252, 64, 64, 0.7);
  /*margin-left: -4vw;*/
  margin-bottom: -0.2em;
  text-transform: uppercase;
  letter-spacing: -0.1rem;
}

h2 {
  font-style: italic;
  font-family: "AkzidenzGrotesk", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  margin-top: 1.8666666667rem;
  margin-bottom: 0;
  font-size: 2.1rem;
  max-width: 750px;
  line-height: 1.2;
  color: rgba(252, 64, 64, 0.7);
}

h3 {
  font-style: italic;
  font-family: "AkzidenzGrotesk", "Helvetica", "Arial", sans-serif;
  font-weight: 200;
  font-size: 1.6rem;
  max-width: 750px;
  margin-top: 2.1777777778rem;
  margin-bottom: 0;
  line-height: 1.0888888889;
  color: rgba(252, 64, 64, 0.7);
}

p .subtitle {
  font-style: italic;
  margin-top: 2.1777777778rem;
  margin-bottom: 2.1777777778rem;
  font-size: 1.8rem;
  display: block;
  line-height: 1.0888888889;
}

p, ol, ul {
  font-size: 1.35rem;
}

p, li {
  line-height: 1.65rem;
  margin-top: 1.4rem;
  padding-right: 2rem;
  vertical-align: baseline;
}

ul li {
  line-height: 2rem;
  margin-top: 0.2rem;
  /*padding-right: 2rem; //removed because,  why?*/
  vertical-align: baseline;
}

blockquote p {
  font-size: 1.1rem;
  line-height: 1.78181818;
  margin-top: 1.78181818rem;
  margin-bottom: 1.78181818rem;
  width: 45%;
  padding-left: 2.5%;
  padding-right: 2.5%;
}

blockquote footer {
  width: 45%;
  text-align: right;
}

.sans {
  font-family: "AkzidenzGrotesk", "Helvetica", "Arial", sans-serif;
  letter-spacing: 0.03em;
}

pre, pre code, p code, p pre code {
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 1.2rem;
  line-height: 1.71428571;
  margin-top: 1.71428571rem;
}

h1 code, h2 code, h3 code {
  font-size: 0.8em;
}

/*-- Table styling section - For Tufte-Jekyll, booktabs style is default for Markdown tables  --*/
table, table.booktabs {
  width: auto;
  margin: 0 auto;
  border-spacing: 0px;
  border-top: 2px solid #828282;
  border-bottom: 2px solid #828282;
}

.booktabs th, th {
  border-bottom: 1px solid #828282;
  padding: 0.65ex 0.5em 0.4ex 0.5em;
  font-weight: normal;
  text-align: center;
}

th, td {
  font-size: 1.2rem;
  line-height: 1.71428571;
}

.booktabs th.cmid, th {
  border-bottom: 1px solid rgb(193.75, 193.75, 193.75);
}

.booktabs th.nocmid {
  border-bottom: none;
}

.booktabs tbody tr:first-child td, tr:first-child td {
  padding-top: 0.65ex;
} /* add space between thead row and tbody */
.booktabs td, td {
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: left;
}

.booktabs caption, caption {
  font-size: 90%;
  text-align: left;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1ex;
  caption-side: top;
}

.booktabs tbody tr td.l {
  text-align: left !important;
}

.booktabs tbody tr td.c {
  text-align: center !important;
}

.booktabs tbody tr td.r {
  text-align: right !important;
}

.table-caption {
  float: right;
  clear: right;
  margin-right: -60%;
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.96;
}

/* -- End of Table Styling section --*/
/* Basic Layout stuff --*/
.everything {
  min-height: 100vh;
  display: block;
  top: 0;
}

article {
  position: relative;
  left: 1.5vw;
  width: 90vw;
  max-width: 850px;
  padding: 1rem 0rem 2.5rem 0rem;
  display: block;
  clear: both;
}

section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

ul, ol {
  width: 80%;
  -webkit-padding-start: 1.7em;
  -webkit-padding-end: 5%;
  list-style-type: none;
  text-indent: 1em;
}

figure, figure img.maincolumn {
  max-width: 90%;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  margin-bottom: 3em;
}

figcaption {
  float: right;
  clear: right;
  margin-right: -48%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
  vertical-align: baseline;
  position: relative;
  max-width: 40%;
}

figure.fullwidth figcaption {
  float: left;
  margin-right: 0%;
  margin-left: 36%;
}

img {
  display: block;
  width: 90vw;
  max-width: 750px;
  height: auto;
  margin-left: 0vw;
  margin-right: auto;
}

.sidenote, .marginnote {
  float: right;
  clear: right;
  margin-right: -60%;
  width: 50%;
  margin-top: 0;
  margin-bottom: 1.96rem;
  font-size: 1rem;
  line-height: 1.96;
  vertical-align: baseline;
  position: relative;
}

li .sidenote, li .marginnote {
  margin-right: -80%;
}

blockquote .sidenote, blockquote .marginnote {
  margin-right: -79%;
}

.sidenote-number {
  counter-increment: sidenote-counter;
}

.sidenote-number:after, .sidenote:before {
  content: counter(sidenote-counter) " ";
  font-family: "AkzidenzGrotesk", "Helvetica", "Arial", sans-serif;
  color: rgba(252, 64, 64, 0.7);
  position: relative;
  vertical-align: baseline;
}

.sidenote-number:after {
  content: counter(sidenote-counter);
  font-size: 1rem;
  top: -0.5rem;
  left: 0.1rem;
}

.sidenote:before {
  content: counter(sidenote-counter) ". ";
  color: rgba(252, 64, 64, 0.7);
  top: 0rem;
}

p, footer, div.table-wrapper, hr, div.mathblock {
  width: 90vw;
  max-width: 750px;
}

hr {
  overflow: visible; /* For IE */
  margin-top: 3em;
  margin-bottom: 0.5em;
  padding: 0;
  border: none;
  border-top: 1px solid #828282;
  color: #828282;
  text-align: center;
}

/*hr:after {
    content: "|";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: $bg-color;
}*/
div.table-wrapper {
  overflow-x: auto;
}

/*@media screen and (max-width: 1200px) { p, footer,div.mathblock { width: 90%; }
                                       pre code { width: 87.5%; }
                                       ul { width: 85%; }
                                       figure { max-width: 90%; }
                                       figcaption, figure.fullwidth figcaption { margin-right: 0%;
                                                                                 max-width: none; }
                                       blockquote p, blockquote footer {  width: 80%;
                                                                          padding-left: 5%;
                                                                          padding-right: 5%;
                                                                        }
                                        .ytcontainer {
                                            position: relative;
                                            width: 72vw;
                                            height: auto;
                                            padding-bottom:60%;
                                        }
                                        }
*/
.marginnote code, .sidenote code {
  font-size: 1rem;
}

pre, pre code, p pre code {
  width: 52.5%;
  padding-left: 2.5%;
  overflow-x: auto;
}

.fullwidth, li.listing div {
  max-width: 90%;
}

.full-width .sidenote, .full-width .sidenote-number, .full-width .marginnote {
  display: none;
}

span.newthought {
  font-size: 1.2em;
  font-size: 1.01em;
  font-family: "AkzidenzGrotesk-Med", "Helvetica", "Arial", sans-serif;
  letter-spacing: -0.03rem;
}

input.margin-toggle {
  display: none;
}

label.sidenote-number {
  display: inline;
}

label.margin-toggle:not(.sidenote-number) {
  display: none;
}

nav.sidebar {
  width: 100%;
  margin-left: 2vw;
  margin-top: 0.75vh;
  margin-bottom: 0.5vh;
  display: inline;
  float: left;
  position: inherit;
  white-space: nowrap;
}

/*@media (max-width: 1200px) { label.margin-toggle:not(.sidenote-number) { display: inline; color: $contrast-color; }
                            .sidenote, .marginnote { display: none; }
                            .margin-toggle:checked + .sidenote,
                            .margin-toggle:checked + .marginnote { display: block;
                                                                   float: left;
                                                                   left: 1rem;
                                                                   clear: both;
                                                                   width: 95%;
                                                                   margin: 1rem 2.5%;
                                                                   vertical-align: baseline;
                                                                   position: relative; }
                            label { cursor: pointer; }
                            pre, pre code, p code, p pre code, hr { width: 90%;
                                       padding: 0; }
                            .table-caption { display: block;
                                             float: right;
                                             clear: both;
                                             width: 98%;
                                             margin-top: 1rem;
                                             margin-bottom: 0.5rem;
                                             margin-left: 1%;
                                             margin-right: 1%;
                                             vertical-align: baseline;
                                             position: relative; }
                            div.table-wrapper, table, table.booktabs { width: 85%; }
                            div.table-wrapper { border-right: 1px solid #efefef; }
                            img { max-width: 100%; }
                            .ytcontainer {
                                            position: relative;
                                            width: 73vw;
                                            height: auto;
                                            padding-bottom:53%;    
                                        } 
                            header > nav.sidebar  a{
                                transform-origin:0% 0%;
                                -webkit-transform: rotate(-45deg);
                                margin-top: 1vh;
                              }
                            nav.sidebar {
                              margin-top: 5vh;
                              margin-left: 1.4vw;
                            }

                          }
*/
/*@media (max-width: 800px) {
      header > nav.sidebar  a{
          -webkit-transform: rotate(-90deg);
          padding-top: 13vw;
          margin-top: 6vw;
          margin-left: 0em;
          font-size: 1.5em;
          top: -8vw;
        }
        nav.sidebar {
          margin-left: -10vw;
        }


@media (max-width: 500px) {
        header > nav.sidebar  a{
          margin-top: 9vw;
          top: -13vw;
        }
}

@media (max-width: 400px) {
        header > nav.sidebar  a{
          margin-top: 22vw;
          top: -25vw;
        }
}

}



*/
/*--- End of Basic Layout stuff from tufte.css ---*/
/* -- Jekyll specific styling --*/
.contrast {
  color: rgba(252, 64, 64, 0.7);
}

.smaller {
  font-size: 80%;
}

header > nav.group, body footer {
  width: 100%;
  margin-left: 1vw;
  margin-top: 1vh;
  margin-bottom: -0.5vh;
  max-width: 1400px;
  display: inline-block;
  float: left;
  position: relative;
}

body footer {
  width: 100%;
  margin-left: 3vw;
  margin-top: 10vh;
  margin-bottom: -0.5vh;
  max-width: 1400px;
  display: block;
  clear: both;
  position: relative;
  bottom: 0;
}

header > nav a {
  font-size: 1.5rem;
  font-weight: bold;
  font-family: "AkzidenzGrotesk", "Helvetica", "Arial", sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #828282;
  padding-top: 0rem;
  text-decoration: none;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.5rem;
  /*padding-right: 1rem;*/
  vertical-align: baseline;
  position: relative;
  float: left;
  z-index: 100;
}

header > nav a img {
  height: 5rem;
  position: relative;
  max-width: 100%;
  top: -1.5rem;
}

header > nav.sidebar a {
  font-size: 1.2rem;
  font-weight: bold;
  font-family: "AkzidenzGrotesk", "Helvetica", "Arial", sans-serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #828282;
  /*padding-top: 0;*/
  text-decoration: none;
  display: inline-block;
  margin-top: 0.4rem;
  margin-bottom: 0;
  margin-right: 1.5rem;
  vertical-align: baseline;
  position: relative;
  float: left;
  z-index: 100;
}

/*header > nav  a.active:after{ 
    border-bottom: 1.65em solid $contrast-color;
    z-index: -1;
    content: "";
    position: absolute;
  left: -0.25rem;
    width: 85%;
    bottom: .1rem; 
  }*/
/*header > nav.group a.active:after {
  border-bottom: 1.655rem solid rgb(255, 113, 113);
  z-index: -1;
  content: "";
  position: absolute;
  left: -0.25rem;
  width: 100%;
  bottom: .1rem; }
*/
header > nav.group a.active {
  color: #EEE;
  display: table; /* keep the background color wrapped tight */
  margin: 0px 1.5rem 0px auto; /* keep the table centered */
  padding: 0px 2px 0px 4px;
  background-color: rgba(252, 64, 64, 0.7);
}

header > nav.sidebar a.active {
  color: #EEE;
  display: table; /* keep the background color wrapped tight */
  margin: 0.4rem 1.5rem 0px auto; /* keep the table centered */
  padding: 0px 3px 0px 3px;
  background-color: rgba(252, 64, 64, 0.7);
}

/*

header > nav.sidebar a.active:after {
  border-bottom: 1.4rem solid rgb(255, 113, 113);
  z-index: -1;
  content: "";
  position: absolute;
  left: -0.15rem;
  width: 100%;
  bottom: .05rem; 
}
header > nav.sidebar a.active {
  color: #EEE;
}

*/
header > nav a.active:hover {
  text-decoration: none;
}

header > nav a.hover {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: rgba(252, 64, 64, 0.7);
}

header > nav a:hover {
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-color: rgba(252, 64, 64, 0.7);
}

ul.footer-links, .credits {
  list-style: none;
  text-align: center;
  margin: 0 auto;
}

ul.footer-links li {
  display: inline;
  padding: 0.5rem 0.25rem;
}

.credits {
  bottom: 0;
  padding: 1rem 0rem;
  position: absolute;
}

.credits {
  font-family: "AkzidenzGrotesk", "Helvetica", "Arial", sans-serif;
  margin-left: 10.5vw;
  margin-bottom: 1em;
  top: 1em;
}
.credits a {
  color: rgba(252, 64, 64, 0.7);
}

.vertline0 {
  position: fixed;
  /* Style to taste */
  left: 1.5vw;
  border-left: dotted 1px #828282;
  height: 100%;
  display: inline;
}

.vertline1 {
  position: fixed;
  /* Style to taste */
  left: 1.2vw;
  border-left: dotted 1px rgba(252, 64, 64, 0.7);
  height: 100vh;
  display: inline;
}

.vertline2 {
  position: fixed;
  /* Style to taste */
  top: 180px;
  left: 11%;
  border-left: dotted 1px #828282;
  height: 76vh;
  display: inline;
}

.vertline3 {
  position: fixed;
  /* Style to taste */
  left: 15vw;
  border-left: dotted 1px rgba(252, 64, 64, 0.7);
  height: 74vh;
  display: inline;
  top: 26vh;
}

.vertline4 {
  position: fixed;
  /* Style to taste */
  left: 22vw;
  border-left: dotted 1px rgba(252, 64, 64, 0.7);
  height: 40vh;
  display: inline;
  top: 18vh;
}

.vertline4_1 {
  position: absolute;
  /* Style to taste */
  left: 22.1vw;
  border-left: dotted 1px rgba(252, 64, 64, 0.7);
  height: 60vh;
  display: inline;
  top: 13vh;
}

.vertline5 {
  position: absolute;
  /* Style to taste */
  left: 42vw;
  border-left: dotted 1px rgba(252, 64, 64, 0.7);
  height: 40vh;
  display: inline;
  top: 34vh;
}

.vertline5_1 {
  position: fixed;
  /* Style to taste */
  left: 42.2vw;
  border-left: dotted 1px rgba(252, 64, 64, 0.7);
  height: 70vh;
  display: inline;
  top: 14vh;
}

.vertline6 {
  position: fixed;
  /* Style to taste */
  top: 0vh;
  left: 59.7%;
  border-left: dotted 1px rgba(252, 64, 64, 0.7);
  height: 100vh;
  display: inline;
}

.vertline7 {
  position: fixed;
  /* Style to taste */
  top: 0vh;
  left: 59.2%;
  border-left: dotted 1px rgba(252, 64, 64, 0.7);
  height: 100vh;
  display: inline;
}

.vertline8 {
  position: fixed;
  /* Style to taste */
  top: 0vh;
  left: 60.9%;
  border-left: dotted 1px rgba(252, 64, 64, 0.7);
  height: 100vh;
  display: inline;
}

.vertline9 {
  position: fixed;
  /* Style to taste */
  top: 0vh;
  left: 63.4%;
  border-left: dotted 1px rgba(252, 64, 64, 0.7);
  height: 100vh;
  display: inline;
}

/*@media (max-width: 1200px) {
  .vertline6 { left: 90%; }
  .vertline7 { left: 90.5%; }
  .vertline8 { left: 91.5%; }
  .vertline9 { left: 93.5%; }

}*/
.horizline {
  position: fixed;
  /* Style to taste */
  position: absolute;
  top: 17vh;
  left: 0vw;
  border: dashed 1px rgba(252, 64, 64, 0.7);
  width: 100%;
  display: inline;
}

.horizline2 {
  position: fixed;
  /* Style to taste */
  position: absolute;
  top: 60vh;
  left: 0vw;
  border: dashed 1px rgba(252, 64, 64, 0.7);
  width: 100%;
  display: inline;
}

body.full-width, .content-listing, ul.content-listing li.listing {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0% 5%;
}

.full-width article p {
  width: 90%;
}

h1.content-listing-header {
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  font-size: 1.8rem;
}

li.listing hr {
  width: 100%;
}

.listing, .listing h3 {
  display: inline-block;
  margin: 0;
}

li.listing {
  margin: 0;
}
li.listing p {
  width: 100%;
}

li.listing:last-of-type {
  border-bottom: none;
  margin-bottom: 1.4rem;
}

li.listing h3.new {
  text-transform: uppercase;
  font-style: normal;
}

hr.slender {
  border: 0;
  height: 1px;
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

@media screen {
  .print-footer {
    display: none;
  }
}
@media print {
  * {
    -webkit-transition: none !important;
    transition: none !important;
  }
  *,
  *:before,
  *:after {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  @page {
    margin: 0.75in 0.5in 0.75in 0.5in;
    orphans: 4;
    widows: 2;
  }
  body {
    font-size: 12pt;
  }
  html body span.print-footer {
    font-family: "AkzidenzGrotesk", "Helvetica", "Arial", sans-serif;
    font-size: 9pt;
    margin-top: 22.4pt;
    padding-top: 4pt;
    border-top: 1px solid #000;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 4;
    widows: 4;
  }
  article h2, article h2 h3, article h3, article h3 h4, article h4, article h4 h5 {
    page-break-after: avoid;
  }
  body header, body footer {
    display: none;
  }
}
/* --- Icomoon icon fonts CSS --*/
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?rgwlb8");
  src: url("../fonts/icomoon.eot?#iefixrgwlb8") format("embedded-opentype"), url("../fonts/icomoon.woff?rgwlb8") format("woff"), url("../fonts/icomoon.ttf?rgwlb8") format("truetype"), url("../fonts/icomoon.svg?rgwlb8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: rgba(252, 64, 64, 0.7);
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pencil:before {
  content: "\e600";
}

.icon-film:before {
  content: "\e60f";
}

.icon-calendar:before {
  content: "\e601";
}

.icon-link:before {
  content: "\e602";
}

.icon-info:before {
  content: "\e603";
}

.icon-cancel-circle:before {
  content: "\e604";
}

.icon-checkmark-circle:before {
  content: "\e605";
}

.icon-spam:before {
  content: "\e606";
}

.icon-mail:before {
  content: "\e607";
}

.icon-googleplus:before {
  content: "\e608";
}

.icon-facebook:before {
  content: "\e609";
}

.icon-twitter:before {
  content: "\e60a";
}

.icon-feed:before {
  content: "\e60b";
}

.icon-flickr:before {
  content: "\e60c";
}

.icon-github:before {
  content: "\e60d";
}

.icon-box-add:before {
  content: "\e60e";
}

/*-- End of Icomoon icon font section --*/

/*# sourceMappingURL=tufte.css.map */