/* Base */
/* ----------------------------------------------------------*/


* {
  margin: 0;
  padding: 0;
}

pre {
    line-height: 1.5;
}

.numeric {
    font-family: 'Nova Mono', monospace;
}

.fa {padding-right: 5px; }

html, body { height: 100%; }

body {
  //font-family: "EB Garamond", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  background-color: #fdfdfd;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-family: "Lato", "Open Sans", sans-serif;
}



.btn, .btn-social {
    font-family: "Open Sans", sans-serif;
}

a.btn-social:visited { color: white; }

a         { color: #2a7ae2; text-decoration: none; }
a:hover   { color: #000; text-decoration: underline; }
a:visited { color: #205caa; }

/* Utility */

.wrap:before,
.wrap:after { content:""; display:table; }
.wrap:after { clear: both; }
.wrap {
  max-width: 1024px;
  padding: 0 30px;
  margin: 0 auto;
  zoom: 1;
}


/* Layout Styles */
/* ----------------------------------------------------------*/

/* Site header */

.site-header-back {
  /* border-bottom: 1px solid #e8e8e8; */
  height: 50px;
  padding: 5px 10px;
  background-image: url("../images/FFFFFF-0.68.png");

}

.portrait{
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    float: left;
    margin-right: 3rem;
}

.site-header a {
    color: black;
}

.sidebar{
    /* background-color: #2E8C97; */
    text-align: center;
   
}

body {
    min-height: 100%;
}

.site-header-image{
    
   /*  background-image: url("https://farm4.staticflickr.com/3625/5719207782_dfb577b785_b_d.jpg"); */
    height: 100%;
    
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: 100% auto;
    margin-bottom: 20px;
}

#posts{
    margin-top: 15px;
}
    
.article-row{
    min-height: 50%;
    margin-bottom: 10px;
}

.article-image{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
}

.row.title-row {
    background: #EEEEEE;
}

.article-row-title{
    font-size: 30pt;
    color: white;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    text-shadow: -2px 2px 1px #333;
}

.homepage-container{ padding: 5rem;
		     padding-bottom: 1rem;
		   }

.homepage-posts{ padding: 2rem; }

@media screen and (min-width: 500px) {
    .article-row-title{
	max-width: 50%;
	margin-top: 20%;
    }
    .article-row{
    min-height: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    margin-bottom: 10px;
}
}

.article-row-title>a{
    color: white;
}

.article-description {
    /* border-bottom: 1px solid #e8e8e8; */
    min-height: 100%;
    padding: 15px 30px;
    position: relative;
    z-index: 2;
    background-image: url("../images/FFFFFF-0.68.png");
    padding-bottom: 30px;

}

.article-description::after{
    position: absolute;
    top: 0;
    min-height: 100%;
    background: #333;
    z-index: 1;
    
}

.article-description-wrapper {
    min-height: 100%;
    position: relative;
    top: 25px;
    z-index: 4;
}

.read-more{
    display: block;
    color: white;
    margin-left: auto;
    margin-right: auto;
    background: black;
    width: 10em;
    padding: 5px;
    text-align: center;
    float: right;
}

.read-more > a {
    color: white;
    font-family: "Open Sans", sans-serif;
}

.site-title,
.site-title:hover,
.site-title:visited {
  display: block;
  letter-spacing: -1px;
  float: left;
  line-height: 56px;
  position: relative;
  z-index: 1;
}

.site-title>a{
    color: white;
}

.site-nav {
  float: right;
  line-height: 56px;
}

.site-nav .menu-icon { display: none; }

.site-nav .page-link {
  margin-left: 20px;
  color: #727272;
  letter-spacing: -.5px;
}

/* Site footer */

.site-footer {
  border-top: 1px solid #e8e8e8;
  padding: 30px 0;
}

.footer-heading {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -.5px;
  margin-bottom: 15px;
}

.site-footer .column { float: left; margin-bottom: 15px; }

.footer-col-1 {
  width: 270px; /*fallback*/
  width: -webkit-calc(35% - 10px);
  width: -moz-calc(35% - 10px);
  width: -o-calc(35% - 10px);
  width: calc(35% - 10px);
  margin-right: 10px
}
.footer-col-2 {
  width: 175px; /*fallback*/
  width: -webkit-calc(23.125% - 10px);
  width: -moz-calc(23.125% - 10px);
  width: -o-calc(23.125% - 10px);
  width: calc(23.125% - 10px);
  margin-right: 10px
}
.footer-col-3 {
  width: 335px; /*fallback*/
  width: -webkit-calc(41.875%);
  width: -moz-calc(41.875%);
  width: -o-calc(41.875%);
  width: calc(41.875%);
}

.site-footer ul { list-style: none; }

.site-footer li,
.site-footer p {
  font-size: 15px;
  letter-spacing: -.3px;
  color: #828282;
}

.github-icon-svg,
.twitter-icon-svg {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
}


/* Page Content styles */
/* ----------------------------------------------------------*/

.page-content {
  padding: 30px 0;
  background-color: #fff;
}

.page-content-wp {
    padding: 30px 0;
    background-color: #fff;
    font-size: 14pt;
    line-height: 1.5;
    font-weight: 300;
    margin-left: auto;
    margin-right: auto;
}




/* Home styles */
/* ----------------------------------------------------------*/

.home h1 { margin-bottom: 25px; }

.posts { list-style-type: none; }

.posts li { margin-bottom: 30px; }

.posts .post-link {
  font-size: 24px;
  letter-spacing: -1px;
  line-height: 1;
}

.posts .post-date {
  display: block;
  font-size: 15px;
  color: #818181;
}


/* Post styles */
/* ----------------------------------------------------------*/

.post-header {
    margin: 30px 0 30px;
    color: white;
    fnt-weight: bold;
}

.post-header h1 {
  font-size: 42px;
  letter-spacing: -1.75px;
  line-height: 1;
  font-weight: 300;
}

.post-header-no-image h1 {
    font-family: Lato;
    text-transform: uppercase;
    font-weight: bolder;
    font-stretch: expanded;
    font-kerning: normal;
    border: 0.3rem solid black;
    text-align: center;
    padding: 1rem;
}

.post-header .meta {
  font-size: 15px;
  color: #FFFFFF;
  margin-top: 5px;
}

.post-content {
    margin: 0 0 30px;
    margin-top: -25 vh;
    padding: 2rem;
    background: #fdfdfd;
}

.post-content > * { margin: 20px 0; }


.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    line-height: 1;
    font-weight: 400;
    margin: 40px 0 20px;
    color: #e24a33;
    border: 0.4rem #e24a34 double;
    padding: 1.0rem;
    text-align: center;
    display: table;
    margin: auto;
    text-transform: uppercase;
}

.post-content h2 {
  font-size: 32px;
  letter-spacing: -1.25px;
}

.post-content h3 {
  font-size: 26px;
  letter-spacing: -1px;
}

.post-content h4 {
  font-size: 20px;
  letter-spacing: -1px;
}

.post-content blockquote {
  border-left: 4px solid #e8e8e8;
  padding-left: 20px;
  font-size: 18px;
  opacity: .6;
  letter-spacing: -1px;
  font-style: italic;
  margin: 30px 0;
}

.post-content ul,
.post-content ol { padding-left: 20px; }

.post pre,
.post code {
  border: 1px solid #d5d5e9;
  background-color: #eef;
  padding: 8px 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 15px;
}

.post code { padding: 1px 5px; }

.post ul,
.post ol { margin-left: 1.35em; }

.post pre code { border: none; }

/* terminal */
.post pre.terminal {
  border: 1px solid #000;
  background-color: #333;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.post pre.terminal code { background-color: #333; }

.wrap-wide .post-header {
  background: #eee none repeat scroll 0 0;
  padding: 15px 15px 15px 40px;
}

.wrap-wide {
    padding: 15px;
}

/* Syntax highlighting styles */
/* ----------------------------------------------------------*/

.highlight  { background: #ffffff; }
.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { font-weight: bold } /* Keyword */
.highlight .o { font-weight: bold } /* Operator */
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #999999 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { font-weight: bold } /* Keyword.Constant */
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #009999 } /* Literal.Number */
.highlight .s { color: #d14 } /* Literal.String */
.highlight .na { color: #008080 } /* Name.Attribute */
.highlight .nb { color: #0086B3 } /* Name.Builtin */
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
.highlight .no { color: #008080 } /* Name.Constant */
.highlight .ni { color: #800080 } /* Name.Entity */
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
.highlight .nn { color: #555555 } /* Name.Namespace */
.highlight .nt { color: #000080 } /* Name.Tag */
.highlight .nv { color: #008080 } /* Name.Variable */
.highlight .ow { font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mf { color: #009999 } /* Literal.Number.Float */
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
.highlight .sc { color: #d14 } /* Literal.String.Char */
.highlight .sd { color: #d14 } /* Literal.String.Doc */
.highlight .s2 { color: #d14 } /* Literal.String.Double */
.highlight .se { color: #d14 } /* Literal.String.Escape */
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
.highlight .si { color: #d14 } /* Literal.String.Interpol */
.highlight .sx { color: #d14 } /* Literal.String.Other */
.highlight .sr { color: #009926 } /* Literal.String.Regex */
.highlight .s1 { color: #d14 } /* Literal.String.Single */
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #008080 } /* Name.Variable.Class */
.highlight .vg { color: #008080 } /* Name.Variable.Global */
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */


/* media queries */
/* ----------------------------------------------------------*/


@media screen and (max-width: 750px) {

  .footer-col-1 { width: 50%; }

  .footer-col-2 {
    width: 45%; /*fallback*/
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: -o-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-right: 0;
  }

  .site-footer .column.footer-col-3 {
    width: auto;
    float: none;
    clear: both;
  }

}

@media screen and (max-width: 600px) {

  .wrap { padding: 0 12px; }

  .site-nav {
    position: fixed;
    z-index: 10;
    top: 14px; right: 8px;
    background-color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
  }

  .site-nav .menu-icon {
    display: block;
    font-size: 24px;
    color: #505050;
    float: right;
    width: 36px;
    text-align: center;
    line-height: 36px;
  }

  .site-nav .menu-icon svg { width: 18px; height: 16px; }

  .site-nav .trigger {
    clear: both;
    margin-bottom: 5px;
    display: none;
  }

  .site-nav:hover .trigger { display: block; }

  .site-nav .page-link {
    display: block;
    text-align: right;
    line-height: 1.25;
    padding: 5px 10px;
    margin: 0;
  }

  .post-header h1 { font-size: 36px; }
  .post-content h2 { font-size: 28px; }
  .post-content h3 { font-size: 22px; }
  .post-content h4 { font-size: 18px; }
  .post-content blockquote { padding-left: 10px; }
  .post-content ul,
  .post-content ol { padding-left: 10px; }

  .site-footer .column {
    float: none;
    clear: both;
    width: auto;
    margin: 0 0 15px; }

}

/*----------------------------------------------------------
Cover CSS
-----------------------------------------------------------*/*

.masthead > a,
.project-link > a{
    color: black;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #eee;
  border: 1px solid #888;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.wrap {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  vertical-align: top;
}

/* Padding for spacing */
.inner {
    padding: 30px;
    background-image: url('../images/FFFFFF-0.68.png');
    height: 100%;
}

/*
 * Header
 */
.masthead {
    font-family: "Open Sans", sans-serif;
    font-weight: 200;
}

.masthead-nav > p {
    display: inline-block;
    font-size: 16pt;
}

.masthead-nav a {
    display: inline-block;
    font-size: 16pt;
    padding: 15px;
}

		      
.masthead-nav  a{
}

.page-link{
    border: 1px solid white;
    font-family: "Open Sans", sans-serif;
    font-size: 16pt;
    margin: 15px;
    padding: 10px;
    background: white;
}

@media (min-width: 768px) {
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    
  }
}

.site-title{
    color: white;
    font-size: 32pt;
    text-shadow: -2px 2px 1px #333;
}

/*----------------------------------------------------------
Project listing code
-----------------------------------------------------------*/

.project-listing {
    border-bottom: 1px;
}

div.labpage {
    font-family: Georgia, serif;
    text-align: justify;
}


/*************************************************************\
| Notebook Style                                              |
\*************************************************************/

div.notepage {
    text-align: justify;
}

/*************************************************************\
| LaTeX Conversion Styles                                     |
\*************************************************************/

.tableofcontents {
  -moz-columns: 2 auto;
  background: none repeat scroll 0 0 #eee;
  border-radius: 4px;
  margin-left: 40px;
  padding: 20px;
}
/**************************************************************\
| Visualisation stuff                                          |
\**************************************************************/

.chart-ctr:{
    float:left;
    margin: auto;
}



/***************************************************************\
| IPython notebook stuff                                        |
\***************************************************************/

.highlight {
    background: #ffffff none repeat scroll 0 0;
    clear: both;
    margin-left: 4em;
    
    width: 95%;
}

/* .post { */
/*     max-width: 960px; */
/* } */

.post-wide {
    max-width: 98%;
}



.sidebar h1 {
    text-transform: uppercase;
}


.sidebar .nav li > a::hover {
    background: transparent;
}

.post-content  img{
    max-width: 100%;
}

.project-date {
    font-family: "Open Sans", sans-serif;
}

.article-description-wrapper > h2 > a {
    color: black;
    font-weight: 100;
}

.sidebar-footer{
    background: black;
    width: 100%;
    padding: 10px;
    text-align: center;
    bottom: 0px;
    position: absolute;
    left: 0px;
    z-index: 99;
}

.sidebar-footer > a {
    margin: 10px;
    color: #333333;
}

.sidebar-footer > a:hover {
    margin: 10px;
    color: #BBBBBB;
}

.small-header{
    background-image: url("../images/cover.jpg");
    background-position: center top;
    height: 90%;
}
.small-header a {
    color: white;
}
.small-header p {
    color: white;
}
.small-header .sidebarwrapper{
    border: none;
    position: absolute;
    width: 100%;
    background: black;
    max-width: 100%;
    top: auto;
    margin-left: -15px;
    bottom: 0px;
}
.small-header .portrait{
    display: none;
    position: relative;
    top: 10ex;
    left: 0px;
    margin-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.small-header .sidebar-footer{
    display: none;
}


/* SVG Stuff */
text{
    font-family: "Open Sans", sans-serif;
}

/* RUGBAYES STUFF /*/
.gamebox{
    font-family: "Open Sans", sans-serif;
    margin: 10px;
    padding: 0px;
}
.home{
    padding: 5px;
    color: white;
}
.away{
    color: white;
    padding: 5px;
}
.suptitle{
    font-stretch: semi-expanded;
    text-emphasis: darkblue;
    text-emphasis-style: initial;
    font-family: inherit;
    margin-bottom: -20px;
    font-size: 20px;
    font-style: italic;
}

.result{
    min-width: 10px;
}
.result-W {
    background-color: green;
}
.result-L {
    background-color: red;
}
.result-D {
    background-color: yellow;
}

article {
    font-family: Lato;
    line-height: 2;
    text-align: justify;
    font-size: 14pt;
}

.sidebar-footer{
    font-size: 6pt;
}

.story-card {
    margin-top: 5rem;
}

.share { padding: 5rem;
	 background: #EEEEEE;
       }

.social>a {
    text-decoration: none;
    color: white;
    margin-left: 1rem;
}

div#homepage {
    font-family: "Gill Sans", Lato, Lato-web, "Open Sans", open-sans, sans;
    size: 120%;
}

div#homepage>h1{
    font-family: Lato;
}

.pageslist {
    text-align: center;
}

.blurb, .postlist {
    text-align: justify;
}

.postlist {
    margin-bottom: 5rem;
}

.blog-headline { color: #E24A33;
		 clear: both;
		 font-weight: 300;
	       }

.invert-block { background: #E24A33;
		color: white;
		padding: 1.5rem;
	      }
.invert-block .blog-headline { color: white;
			     }
.invert-block a { color: white;
		  text-decoration: underline;
		}


.post-buttons { padding: .1rem;
	      }

.readmore-button { background: #E24A33;
		   color: white;
		   border: 0px;
		 }

a.readmore-button { color: white; }

.navbar{
    font-family: "Gill Sans", Lato, "Open Sans", open-sans, sans;
}

.navbar-brand{ font-weight: 300;
		font-transform: uppercase;
		color: #E24A33;
	      }
.bg-red { background: #E24A33; 
	  color: white;
	}
.bg-red * { color: white; }
.bg-blue { background: #348ABD;
	       color: white;
	     }
.bg-purple { background: #988ED5;
		 color: white;
	       }
.bg-grey { background: #777777;
	       color: black;
	     }
.bg-yellow { background: #FBC15E;
		 color: black;
	       }
.bg-green { background: #8EBA42;
	    color: white;
	  }
.bg-pink { background: #FFB5B8;
		 color: white;
	       }
.navbar-daniel a { color: white;
		 }

.btn>a {
    color: white;
}

.album{
    
}

.album .card{
    font-family: Lato, "Gill Sans", "Open Sans", open-sans, sans;
    float: left;
    width: 33.333%;
    padding: .75rem;
    margin-bottom: 2rem;
    border: 0;
    font-size: 75%;
}

#sidebar-wrapper{
    background-color: #EEEEEE;
    padding-bottom: 2rem;
    mrgin-bottom: 2rem;
}

#masthead{
    background-color: #DDDDDD;
    padding: 2rem;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0px;
}

p {
    margin-bottom: 3rem;
}

/*******************************************************************\
| Post CSS                                                          |
\*******************************************************************/

.post-header-no-image { color: black;
		      }

.post-header-no-image .meta { color: black;
			    }

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {   display: table;
		  width: 100%;
		  height: 95vh; /* For at least Firefox */
		  min-height: 95vh;
		  box-shadow: inset 0 0 5rem rgba(0,0,0,.5);
	      }

.cover-container { min-width:100%;
		   width: 100%;
		   background: #E24A33AA;
		   padding: 2rem;
		   vertical-align: bottom;
		   margin-top: auto;
		   margin-bottom: 0;
		   position: relative;
		 }


.site-wrapper-inner { background-color: #BBBBBB;
		      background-position: center center;
		      background-size: cover;
		      display: table-cell;
		      vertical-align: top;
		    }


/**************\
| Pagination   |
\**************/

a.page-link { border-radius: 2rem;
	      height: 2rem;
	      min-width: 2rem;
	    }
.page-item.active .page-link { background-color: #E24A33;
			       border: 0px;
			     }
.page-item .page-link { border: 0px;
			text-align: center;
			vertical-align: center;
		      }

.pagination {background: #EEEEEE;
	    }

.page-link { color: #E24A33; }

.page-item:first-child .page-link { background: #EEEEEE;
				    color: black;
				  }
.page-item:last-child .page-link { background: #EEEEEE;
				   color: black;
				 }



ul#markdown-toc { border-left: 1px #CCCCCC solid;
		  left: 1rem;
		  top: 0px;
		  position: relative;
		  float: right;
		  font-size: 12pt;
		}
ul#markdown-toc li { list-style: none;
		     line-height: 1.5;
		     font-size: 98%;
		     padding-left: 0rem;
		     margin-left: 0rem;
		   }
ul#markdown-toc ul { margin-left: 0em;
		     padding-left: 0.5rem;
		   }
ul#markdown-toc li a { color: #333333;
		     }

ul#markdown-toc li a:hover { text-decoration: none;
			     color: #E24A33;
			   }


.collapse-panel { padding: 5rem;
		  margin: auto;
		  max-width: 1200px;
		}

.header-toolbar { max-width: 1200px;
		  margin: auto;
		  position: relative;
		  margin-top: 16.5rem;
		}

.header-toolbar:hover { background: white;
			color: black;
		}

.header-toolbar a { border-radius: 0px;
		    color: white;
		    padding: 1rem;
		    margin-left: .5rem;
		    margin-right: .5rem;
		  }

.category-list { list-style: none; }
.category-list a { color: white; }


/*************\
| Docs pages  |
\*************/

.toc-left p {
    margin-bottom: 0.75rem;
}

dl {
    margin-top: 2rem;
}

code {
    word-break: break-all;
    font-weight: bolder;
}


/************\
| Blueprints |
\************/

.blueprint {
    background: #144776;
    color: white;
}

.blueprint h1 {
    color: white;
    font-size: 6em;
    -webkit-text-stroke: 2px white;
    -webkit-text-fill-color: #FFFFFFAA;
}

/**************\
| List pages   |
\**************/

div.listpage {
    background: #f2f2f2;
    padding-top: 2rem;
}

.listpage  .row {
    background: #FFFFFF;
    padding: 2rem;
    margin-bottom: 1rem;
    font-size: 12pt;
}

.listpage p {
    margin-bottom: 1rem;
}

.listpage article{
    font-size: 14pt;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

ul.tight-list {
    list-style: none;
    font-size: 12pt;
    line-height: 1.5;
}


/* Post pages */

  /*
 * Base structure
 */



/* Padding for spacing */
.inner {
  padding: 2rem;
}

/*
 * Cover
 */

.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}


/*
 * Affix and center
 */

@media (min-width: 40em) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }

  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }

  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 62em) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 42rem;
  }
  }


/* Margin-align images */
@media (min-width: 1200px) {
    article img {
	float: right;
	clear: right;
	margin-right: -33.3%;
	position: relative;
	padding-left: 2%;
    }

    figure {
	float: right;
	clear: right;
	margin-right: -33.3% !important;
	/* margin-left: -33.3% !important; */
	/* position: relative; */
	padding-left: 2%;
	max-width: 66.6%;
    }

    figure > img {
	width: 100%;
	float: none;
	clear: right;
	margin-right: 0;
	position: relative;
	padding-left: 0;
    }
}

/* Figures */

figcaption {
    line-height: 1.2;
    font-size: 90%;
    padding: 1.5rem;
    color: #555555;
}

figure > img {
    width: 100%;
}

/* Margin notes */

div.sidenote {
    color: #555555;
    font-size: 80%;
    line-height: 1.3;
}

div.sidenote p {
    margin-bottom: 0.3rem;
}

p.sidenote-title {
    font-weight: bold;
    font-size: 105%;
}
p.sidenote-subtitle {
    font-style: italic;
}

@media (max-width: 1199px) {
    div.sidenote {
	padding-left: 10%;
	padding-right: 10%;
    }
}
@media (min-width: 1200px) {
    div.sidenote {
	float: right;
	clear: right;
	margin-right: -30%;
	position: relative;
	width: 30%;
	padding: 2%;
    }
}

/* Table of contents */

@media (min-width: 1200px) {
#localtoc-wrapper {
    height: calc(100vh - 10rem);
    position: sticky;
    top: 4rem;
    overflow-y: auto;
    padding-top: 4rem;
}
}

@media (max-width: 1200px) {
    #globaltoc-wrapper{
	display: none;
    }
}
@media (min-width: 1200px) {
    #dLabelGlobalToc {
	display: none;
    }
    #globaltoc-wrapper {
	overflow-y: auto;
	scrollbar-width: thin;
	position:   sticky;
	top: 4rem;
	height:     calc(100vh - 10rem);
	padding-top: 4rem;
	padding-left: 2rem;
    }
}

p.toc-title {
    margin-bottom: .2rem;
}

/* Global TOC */

.toc-left {
    border: none;
    border-right: 1px solid #eee;
    /* margin-top: 2rem; */
    padding-right: 1.5rem !important;
    font-size: 95%;
}
.toc-left li {
    display: block;
}
.toc-left h2 {
    color: #aaa;
    font-size: 1.1rem;
}
.toc-left a {
    color: gray;
    font-size: 0.875 rem;
}

.toc-left ul {
    padding-left: 1em;
}

/* Local TOC */

.toc-right {
    border: none;
    border-left: 1px solid #eee;
    font-size: 95%;
}
.toc-right ul {
    padding-left: 0.2rem;
}
.toc-right li {
    display: block;
}
.toc-right a {
    color: gray;
    font-size: 0.875 rem;
}

#localtoc .nav-link {
    padding: 0.1rem;
}

.nav-link.active {
    font-weight: bold;
    border-left: 0.2rem solid #28a745;
    margin-left: -0.2rem;
    padding-left: 0.3rem;
}

/* Blog list */

.bloglist {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.bloglist p {
    margin-bottom: 0.1rem;
    font-size:     125%;
}

.blog-sidebar {
    background: #ccc;
}