@import url('./fonts/lato.css');
@import url('./fonts/pt-sans-bold.css');
@import url('./fonts/inconsolata.css');
body {font-family: 'Lato', sans-serif; color: #002b36; text-rendering: optimizeLegibility;}
h1, h2, h3 {font-family: 'PT Sans', sans-serif; color: #586e75;}
pre, code {font-family: 'Input', 'Inconsolata', monospace; font-size: 0.8em}

.remark-slide-content {
    padding: 0.8em 2.4em;
    font-size: 30px;
    cursor: url(./img/laserdot.png), auto;
}
.remark-code { font-size: 0.8em; }
.remark-inline-code {
    border: 1px solid #eee;
    background: #f9f9f9;
    padding: 0 0.2em;
}
.remark-slide-number {font-size: 0.6em;}
.remark-slide-content h1 {font-size: 52px;}
.no-slide-number .remark-slide-number {display: none;}

li ul {margin: 0.2em 0;}
.expanded li {margin: 0.5em 0;}
.expanded1 li {margin: 0.5em 0;}
.expanded1 li ul li {margin: 0;}
.no-margins p,
.no-margins ul,
.no-margins ul li {
    margin-top: 0;
    margin-bottom: 0;
}

.floatleft {float: left; margin-right: 1.6em;}
.floatright {float: right; margin-left: 1.6em;}
.margin0 {margin: 0;}
.indent {margin-left: 40px;}
.indenthalf {margin-left: 20px;}
.small {font-size: 0.8em;}
.large {font-size: 1.6em;}
.huge  {font-size: 3em;}
.effinghuge  {font-size: 6em;}
.footnote {font-size: 0.6em;}

.half {width: 50%;}
.half img {width: 100%;}
.contrast {
    background: #002b36;
    color: #839496;
}
.contrast h1,
.contrast h2,
.contrast h3 {color: #b3c1c1;}
.contrast strong {color: #b3c1c1;}
.remark-slide-content.tall {padding-top: 0;}
.remark-slide-content.narrow {padding-left: 5em; padding-right: 5em;}

h6 {
    text-transform: uppercase;
    font-size: 0.6em;
    margin: 0.4em 0 0.2em 0;
}

.green {color: #859900;}
.red {color: #dc322f;}
.blue {color: #268bd2;}
.light {color: #657b83;}
.white {color: #fff;}
.nobold {font-weight: normal;}
.hl {color: #268bd2;}

.qrcode img {max-width: 160px;}

.width100 {width: 100%; display: inline-block; }
.width95  {width:  95%; display: inline-block; }
.width90  {width:  90%; display: inline-block; }
.width80  {width:  80%; display: inline-block; }
.width70  {width:  70%; display: inline-block; }
.width65  {width:  65%; display: inline-block; }
.width60  {width:  60%; display: inline-block; }
.width50  {width:  50%; display: inline-block; }
.width48  {width:  48%; display: inline-block; }
.width45  {width:  45%; display: inline-block; }
.width40  {width:  40%; display: inline-block; }
.width35  {width:  35%; display: inline-block; }
.width30  {width:  30%; display: inline-block; }
.width25  {width:  25%; display: inline-block; }
.width20  {width:  20%; display: inline-block; }
.width15  {width:  15%; display: inline-block; }
.width100 img,
.width95  img,
.width90  img,
.width80  img,
.width70  img,
.width65  img,
.width60  img,
.width50  img,
.width48  img,
.width45  img,
.width40  img,
.width35  img,
.width30  img,
.width25  img,
.width20  img,
.width15  img {
    display: inline-block;
    width: 100%;
}
.trans80 { opacity: 0.8; }
.pushup {margin-top: -1.6em;}
.pushuplots {margin-top: -2.6em;}
.pushdown {margin-top: 1.6em;}

.centerblock {display: block; margin: 0 auto;}
.displayinlineblock {display: inline-block;}
.rel {position: relative;}

.circlist ol {
    list-style-type: none;
}
.circlist ol li {
    counter-increment: circlistcounter;
    position: relative;
}
.circlist ol li::before {
    font-size: 0.8em;
    font-weight: bold;
    content: counter(circlistcounter);
    background: #268bd2;
    color: white;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    border-radius: 5em;
    padding: 0.1em;
    text-align: center;
    position: absolute;
    left: -1.5em;
    top: 0.3em;
}

.bug:before {
    display: inline-block;
    width: 40px;
    content: '🐛';
    text-indent: 0;
    text-align: center;
}
.bug {
    display: inline-block;
    margin-left: 40px;
    text-indent: -40px;
}
.doc.bug:before {color: #657b83;}
.bug p { display: inline; }

.TODO {color: red;}
.TODO::before { content: 'TODO'; font-weight: bold; background: red; color: white; padding: 0 0.2em; border-radius: 0.2em; margin-right: 0.3em; font-size: 0.8em; }

table.numeric-table {
    border-collapse:collapse;
    border-spacing:0;
    text-align: right;
}

table.numeric-table thead {
    text-align: center;
}

table.numeric-table th,
table.numeric-table td {
    border: 2px solid #ccc;
    padding: 0.2em 0.3em;
}

.bg-cover {
    background-size: cover;
    background-position: center center;
}
.bg-top {
    background-size: 100%;
    background-position: top center;
}
.bg-top-right {
    background-size: 50%;
    background-position: top right;
}

.frame-white {
    background-color: rgba(255,255,255,0.47);
    display: block;
    padding: 0.2em 0.6em;
}

.bottomtick:before {
    content: '✓';
    position: fixed;
    bottom: 0.8em;
    right: 0.4em;
    font-size: 3em;
    color: #859900;
}

.pure-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    /* border: 1px solid #ccc; */
    border: 0;
}
.pure-table thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}
.pure-table td, .pure-table th {
    /* border-left: 1px solid #cbcbcb; */
    /* border-left-width: 1px; */
    /* border-width: 0 0 0 1px; */
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: .2em .4em;
}
.pure-table tr td {
    background-color: #f2f2f2;
}
.pure-table tr:nth-child(even) td {
    background-color: #e6e6e6;
}

.moral {
    display: inline-block;
    color: #fff;
    background: #268bd2;
    padding: 0 0.2em;
    font-size: 0.8em;
}

.height1em img {
    height: 1.1em;
    position: relative;
    top: 0.1em;
    width: auto;
}

.fullslide {
    padding: 0;
}

.fullslide video {
    width: 100%;
    height: auto;
}