@font-face {
      font-family: 'museo_slab500';
      src: url('fonts/Museo_Slab_500_2-webfont.eot');
      src: url('fonts/Museo_Slab_500_2-webfont.eot?#iefix') format('embedded-opentype'),
      url('fonts/Museo_Slab_500_2-webfont.woff') format('woff'),
      url('fonts/Museo_Slab_500_2-webfont.ttf') format('truetype'),
      url('fonts/Museo_Slab_500_2-webfont.svg#museo_slab500') format('svg');
      font-weight: normal;
      font-style: normal;
}

/* base */
h1, h2, h3, h4, h5, h6 {
  font-family: "MuseoSans-300";
}

a {
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-property: color;
  transition-timing-function: ease-in-out;
}
a:hover {
  text-decoration: none;
}
/*a.other-vis {
  color: white;
}
a.other-vis:hover {
  color: #3ADEC5;
  text-decoration: none;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-property: color;
  transition-timing-function: ease-in-out;
}*/
.links {
  opacity: 0.7;
  font-family: helvetica;
  text-decoration: underline;
}

a.glyphicon:hover {
  text-decoration: none;
}

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 200px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
html,
body {
  background-color: #FFF; 
  font-family: "MuseoSans-300", 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
  font-size: 18px;
}

p {
  font-family: "MuseoSans-300";
  font-size: 18px;
  line-height: 32px;
  color: rgb(25, 39, 45);
}
p.lead {
   font-family: "museo_slab500";
}

/* google ads */
div.gads {
  padding: 10px 0 10px 0;
}
p.gads {
  margin-bottom:0;
color:gray;
font-size: 80%;
}
/* footer */
#footer {
  color: white;
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
  padding-bottom: 40px;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 185px;

}
#footer p {
  font-size:14px;
  line-height: 21px;
}
#footer h1 {
  font-size:18px;
  color: #000;
}
#footer a {
  color: #6aceeb;
}
#footer a:hover {
  color: #34495e;
}
#footer ul {
    font-size: 16px;
}
#wrap > .container {
  padding: 0px 15px 0;
}
.container .text-footer {
  margin: 20px 0;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}


/* header */
.page-header .title {
  font-family: "MuseoSlab-300";
}
.navbar {
  margin-bottom: 0px;
}
.navbar-default {
  background-color: #fff;
  border: none;
}
.navbar-nav>li>a {
  font-family: "MuseoSans-300";
  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 5px 15px 5px 15px;
  margin: 35px 0 35px 0;
}

.navbar-brand {
      height: 35px;
      margin: 32.5px 0 0 0;
      padding: 0;
}


.logo {
    transition: opacity .25s ease;
      height: 35px;
      width: auto;
}
.logo:hover {
  opacity: 0.75;

}

.jumbotron {
    background-color: #3498DB;
    margin-bottom: 60px;
}
/*div.jumbotron.article{
  background-color: #34495e;
}*/

.jumbotron p {
      margin: 0;
      color: #fff;

}
.jumbotron .title {
  font-family: "MuseoSlab-300";
  font-size: 42px;
  line-height: 42px;
  padding-bottom: 20px;
}
.jumbotron .small {
  font-size: 20px;
  opacity: 0.8;
  font-family: "MuseoSans-300";
  padding-bottom: 10px;
}
.jumbotron .small-article {
  font-size: 26px;
  font-family: "MuseoSans-300";
}
.jumbotron .meta {
  font-family: "MuseoSans-300";
  font-size: 14px;
  text-transform: uppercase;
  line-height: 14px;
  margin-top:10px;
}
.jumbotron .meta-type {
  margin-bottom: 20px;
}

.jumbotron ul a {
  color: #fff;
}
.jumbotron ul a:hover {
  color: #2C3E50;
}
.jumbotron ul {
  margin-bottom: -20px;
}
.jumbotron img {
  margin-top: 10px;
}

.jumbotron.article a {
  color: #fff;
    transition-delay: 0s;
  transition-duration: 0.2s;
  transition-property: color;
  transition-timing-function: ease-in-out;
}
.jumbotron.article a:hover {
  color: #34495e;
  text-decoration:none;
}

.jumbotron.article {
  margin-bottom: 30px;
}


/* article */

#li-share {
  padding-left: 0;
  color: rgb(80, 80, 80);
}
.hentry {
   margin-bottom: 60px;
}

.article-meta {
  font-family: "MuseoSans-300";
  font-size: 14px;
  text-transform: uppercase;
  line-height: 14px;
  color:gray;
} 
.article-meta a {
  color: gray;
}
.article-meta a:hover {
  color: #3498DB;
}


p.article-title {
    margin-top: 20px;

}
.article-title a {
  font-family: "MuseoSans-300";
  font-size: 36px;
  line-height: 54px;
  color: #000;

  }

.article-title a:hover {
  color: #3498DB;
}  

.article-breadcrumb {
  padding-top: 20px;
  font-family: "MuseoSans-300";
  font-size: 18px;
  line-height: 1.5em;
}
.article-image {
  margin: 0px -30px 0px -30px;
  display: none;
} 

.article-image img{
  width:100%;
  height: 250px;
} 
.article-image2 img{
  width:100%;
  height: auto;
} 
.btn-outline-inverse {
  color: #3498DB;
  background-color: transparent;
  border: solid 1px;
  border-color: #3498DB;
  font-weight: normal;
  font-family: "MuseoSans-300";
}

a.btn-outline-inverse:hover {
  color: #fff;
  background-color: #3498DB;
  border-color: #3498DB;
}
.well {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #DDEDF2;
}
.well p {
  font-size: 16px;
  line-height: 22px;
}
.well h3 {
  margin-top: 0;
}

/* content */

nav.toc {
  font-size: 12px;
}

nav.toc ul {
  margin-left: -20px;
}
section#content p {
   /* margin-bottom: 30px; */
}
section#content img {
  max-width: 100%; 
  height: auto; 
}

#content ul {
  font-family: "MuseoSans-300";
  font-size: 18px;
  line-height: 32px;
}

section#content a {
  color: #34495;
  font-weight: normal;
}
.post-info a {
  color: #000;
  font-weight: normal;
}
.post-info i {
  font-size: 18px;
}

section#content a:hover, .post-info a:hover {
  color: #5cb2d1;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-property: color;
  transition-timing-function: ease-in-out;

}
section#content .table_sim {
  overflow-x: auto;
}
section#content button.btn-primary.collapsed:before
{
    content:'Show';
}
section#content button.btn-primary:before
{
    content:'Hide';
}
section#content p.fig-copyright {
  color: gray;
  font-size: 12px;
  margin-top: -10px;
}

/* archive */
a.tag {
  margin:4px 1px;
  padding:4px 9px;
  display:inline-block;
  background: #3498DB;
  color:#fff;
  font-size:14px;
  border-radius: 10px;
    transition-delay: 0s;
  transition-duration: 0.2s;
  transition-property: background-color;
  transition-timing-function: ease-in-out;

}
a.tag:hover {
  text-decoration: none;
  background-color: #34495e;
}


/* profile pic */
#profile-pic {
    width:100%;
  max-width:155px;
  height: auto;
  border-radius: 150px;
}


  section#content .oversized {
    margin-left: 50%;
    transform: translateX(-50%);
  }
  section#content img.oversized {
    display: block;
    max-width: 150%;
  }
/* mobile */
@media only screen and (min-width: 768px) {
  .page-header .title {
    font-size: 60px;
  }
 
}

/* TOC on large screens */
@media only screen and (min-width: 1350px) {

  #content-container {
    transform: translateX(-8.33%);
  }
  section#content img.oversized {
    max-width: 150%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1349px) {

  section#content .oversized {
    margin-left: 50%;
    transform: translateX(-50%);
  }
  section#content img.oversized {
    max-width: 130%;
  }
}
@media only screen and (max-width: 1200px) {
  section#content .oversized {
    margin-left: 0%;
    transform: translateX(0);
  }
  section#content img.oversized {
    max-width: 100%;
  }
  nav.toc {
    font-size: 18px;
  }
  nav.toc ul {
  margin-left: 0px;
  }
}
@media (max-width: 992px) { 

     div.jumbotron {
        padding: 30px 0 30px 0;
    }
    div.jumbotron div.container  {
      padding-right: 0px;
      padding-left: 0px;
    }
        div.jumbotron.article div.container  {
      padding-right: 15px;
      padding-left: 15px;
    }


  #footer > .container {
  padding-left: 0px;
  padding-right: 0px;
  }

@media (max-width: 767px) {

  .navbar {
    margin-bottom:20px;
  }

    .navbar-collapse {
        max-height: none;
        background-color: #fff;
        margin:0px;
    }
    .navbar-nav>li>a {
      margin:10px 0 10px 0;
    }
    .navbar {
      min-height: 50px;
      height: 50px;
    }
    .navbar-nav {
      margin: 0px -15px;
    }
    .navbar-brand {
      height: 50px;
      padding: 10px 0px 10px 15px;
      margin: 10px 0 0 0;
    }
    a.navbar-brand {
      height:30px;
    }
    .logo {
      height: 30px;
      width: auto;
    }
    .navbar-toggle {
      margin-top: 18px;
      margin-bottom: 18px;
    }

}

 .article-title a {
  font-size: 24px;
  line-height: 36px;
  }
  #profile-pic {

  max-width:100px;
  height: auto;
  border-radius: 150px;
}

    .jumbotron .title {
      font-size: 32px;
    }

}


/* custom by Kris */
.entry-content img {
  max-width: 100%;
}
/* code style */

td.linenos {
  vertical-align: top;
  padding-right:0px;
  margin-right:0px;
  font-size: 13px;
  border-right: none;
    -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}
.linenodiv pre {
  background-color: #fefefe;
  color: gray;
  padding-left: 16px;
  border-right: 1px solid #dedede;
  border-bottom-left-radius:  4px;
  border-top-left-radius:  4px;
    -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
td.code {
  width: 100%;
  overflow-x: auto;
  padding-left:0px;
  margin-left:0px;
  border-left: none;

}

.code pre {
    border-bottom-right-radius:  4px;
  border-top-right-radius:  4px;
  border-left: none;
  box-shadow: none;
}

pre {
    border: none;
    border-radius: 0;
    background: #fafafa;
    padding: 10px;
    line-height: 23px;
    margin-bottom: 30px;
    white-space: pre;
    overflow-x: auto;
    word-break: inherit;
    word-wrap: inherit;
    font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
    font-size: 14px;
}
pre * {
  font-weight: normal !important;
}


div.highlight {
  width: 701px;
}

@media (max-width: 992px) {
div.highlight {
  width: 600px;
}
}

@media (max-width: 768px) {
div.highlight {
  width: 240px;
}
}
.gist {
  font-size: 14px;
}


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