@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|PT+Sans+Narrow|Pontano+Sans');

body { font-family: 'Pontano Sans'; /*'Yanone Kaffeesatz'*/ }
h1, h2, h3, h4 {
    font-family: 'PT Sans Narrow';
    /*font-style: italic;*/
    font-weight: normal;
}
h4 {
    font-weight: bold;
}

div.remark-slide-content {
    font-size: 150%;
/*
    width: 100%;
    height: 100%;
    float: left;
*/
/*    margin-top: 30px;*/
    padding-top: 70px;
    margin-left: -2em;
}
.remark-slide-content {
    color: #00619d;
}

div.remark-slide-content,uply {
    padding-top: 2em;
    margin-left: -2em;
}

div.fullpage {
    font-size: 150%;
    padding: 0px;
    margin: 0px;
}

div.middle {
    vertical-align: middle;
    padding-bottom: 2em;
}

div.inverse,middle {    
    padding-bottom: 4em;
}

div.uply {
    vertical-align: top;
    padding-top: 0em;
}

div.toply {
    vertical-align: top;
    padding-top: 6em;
}

.italic { font-style: 'italic';  }
.remark-slide-content h1 { font-size: 2em; }
.remark-slide-content h2 { font-size: 1.5em; }
.remark-slide-content h3 { font-size: 1.2em; }
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
.logo { font-size: 120%; font-family: 'Kaushan Script'; color: #9fb932; }
				    
				  
.grey { color: #777; }
/*.red { color: #fa0000; }*/
/*.green { color: #00fa00; }*/
.red { color: #AD1625; }
.green { color: #2e9b57; }
.orange { color: #D2691E; }
.yellow { color: #DAA520; }
.teal { color: #057298; } 
.cyan { color: #00ffff; }
.blue { color: #0094f7; }
.purple { color: #9932CC; }
.pink { color: #e8488b; }
.silver { color: #c0c0c0; }
.fakelink { color: #0094f7; text-decoration: underline}
.inverse {
    background: #00619d;
    color: #f3f3f3;
    text-shadow: 0 0 20px #333;
}
.inverse h1, .inverse h2 {
    color: #f3f3f3;
    line-height: 0.8em;
}

/* Slide-specific styling */
#slide-inverse .footnote {
    bottom: 12px;
    left: 20px;
}

div.crumb {
    color: #ffffff;
    background: #00619d;
    position: fixed;
    text-align: left;
    width: 100%;
    top: 37px;
    left: 0px;
    height: 45px;
    font-size: 60%;
    margin-top: 0em;
    padding-top: 0.5em;
    margin-left: 0em;
    padding-left: 0em;
}
.crumb h1, .crumb h2, .crumb h3, .crumb h4 {
    display: inline;
}
.crumb h1:last-of-type, .crumb h2:last-of-type, .crumb h3:last-child {
    color: #fdce07;
}
.crumb h1 {
    padding-left: 0.5em;
}
.crumb h2 {
    padding-left: 0.2em;
}


.padtop {
    padding-top: 2em;
}
.fullpage {
    padding-top: 2em;
}
.tiny {
    font-size: 0.75em;
}
.large {
    font-size: 1.2em;
}
.huge {
    font-size: 200%;
}
.hugecode {
    text-align: left;
    font-size: 4em, important;
}
.smallcode {
    align: left;
    text-align: left;
    font-size: 50%, important;
}
div.smallcode div.remark-code-line {
    font-size: 50%, important;
}
    
.small {
    font-size: 1em;
}
.contd {
    padding-top: 0em;
}
.fr { float: right; }
.fl { float: left; }
span.hashtag:before { content: "#";}

.center { align: center; }
.left { align: left; text-align: left; }
.leftish { align: left; text-align: left;
	   margin-top: 2em;
	   margin-left: 10em;
	 }


div.goleft {
    position: relative;
    left: -5em;
}

div.goleft {
    position: relative;
    left: -5em;
}

.bulletul ul {
    margin-top: 2em;
    align: left; text-align: left;
    margin-left: 8em;
    list-style-type: none;
}
.bulletul ul li {
    font-family: 'PT Sans Narrow';
    font-weight: bold;
    align: left; text-align: left;
}
.bulletul ul li:before { content: "▷ " }
.bulletul ul li span.indent { margin-left: 3em }

.nolm ul { margin-left: 0em; }
.spacedown { margin-top: 8em; }
.spacedn { margin-top: 4em; }
.remark-slide ul { margin-bottom: 0em; }
.remark-slide li { margin-top: 0.5em; margin-bottom: 0.5em; }
.arrow h4:before { content: "▷ " }
.autodim h4 { color: #BBB; }
.autodim h4:last-of-type { color: #019dd3; }
.autodim h4:last-of-type:before { content: "▽ " }
.autodim h4:nth-last-of-type(n+2):before  { content: "▷ "}
.autodim h4:nth-last-of-type(n+2):after   { content: "..." }
.bulletsh4 h4:before  { content: "▷ "}
.tight h3 { margin-top: 0.75em; margin-bottom: 0.25em; }
.tight h4 { margin-top: 0.5em; margin-bottom: 0.5em; }
.tight li { margin-top: 0.5em; margin-bottom: 0.5em; }
.vtight h3 { margin-top: 0.25em; margin-bottom: 0.2em; }
.vtight h4 { margin-top: 0.2em; margin-bottom: 0.1em; }
.vtight ul { margin-top: 0.2em; }
.vtight li { margin-top: 0em; margin-bottom: 0.2em; }
.vvtight h2 { margin-top: 0.15em; margin-bottom: 0.1em; }
.vvtight h3 { margin-top: 0.15em; margin-bottom: 0.1em; }
.vvtight h4 { margin-top: 0.1em; margin-bottom: 0.1em; }
.vvtight ul { margin-top: 0.1em; }
.vvtight li { margin-top: 0em; margin-bottom: 0.1em; }
.contd li { -webkit-padding-start: 0px; }
.text-sml  { font-size: 50%; }
.img-200h img { height: 200px;  }
.img-250w img { width: 250px;  }
.img-250h img { height: 250px;  }
.img-300h img { height: 300px;  }
.img-320w img { width: 320px;  }
.img-320h img { height: 320px;  }
.img-350h img { height: 350px;  }
.img-400h img { height: 400px;  }
.img-400w img { width: 400px;  }
.img-420h img { height: 420px;  }
.img-450h img { height: 450px;  }
.img-500w img { width: 500px;  }
.img-550h img { height: 550px;  }
.img-640w img { width: 640px;  }
.img-750w img { width: 750px;  }
.img-800w img { width: 800px;  }
.img-1000w img { width: 1000px;  }


/* Header/Footer stuff */

span.header {
    background-color: #272822;
    color: #A7A8A0;
    /*        color: #777872;*/

    /*    background-color: #0094f7;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6bc4ff), color-stop(0%,#3db1ff), color-stop(0%,#ffffff), color-stop(10%,#ffffff), color-stop(25%,#0094f7), color-stop(100%,#0094f7));
   */
    position: fixed;
    top: 0px;
    left: 0px;
    height: 37px;
    width: 100%;
    text-align: left;
}

span.footer {
    background-color: #272822;
    color: #A7A8A0;
    /*    background-color: #0094f7;*/
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 28px;
    width: 100%;
}

span.header span.floatleft {
    position: absolute;
    top: 2px;
    left: 15px;
}

span.header span.floatright {
    position: relative;
    top: 0px;
    float: right;
    height: 30px;
    margin-right: 15px;
    text-align: right;
}

span.footer span.floatleft {
    font-size: 12pt;
    position: absolute;
    left: 15px;
    bottom: 2px;
}

span.header span.logo {
    position: relative;
    top: -1px;
    font-size: 80%;
    margin-right: 2em;
    padding-top: -0.5em;
}

div.drop {
    /*border: thick solid white;*/
    filter: drop-shadow(16px 16px 10px black);
}

figure, div.fr, span.fr {
  display: inline-block;
  float: right;
  vertical-align: middle;
  width: 30%;
  margin-right: -5em;
  font-size: 50%;
  color: #BBB;
}

div.drop figure {
    width: 100%;
    float: none;
}


div.fig30 figure {
    width: 30%;
    margin-right: 2em;
}

div.fig40 figure {
    width: 40%;
    margin-right: 2em;
}
div.fig45 figure {
    width: 45%;
    margin-right: 2em;
}
div.fig75 figure {
    width: 75%;
    margin-right: 2em;
}

div.fig50 figure {
    width: 50%;
    margin-right: 2em;
}
div.fig50l figure {
    float: left;
    margin-left: -6em;
    width: 50%;
    margin-right: 1em;
}

div.fig50r figure {
    float: right;
    margin-left: 0;
    margin-right: 5em;
    width: 50%;
}

div.fig30l figure {
    float: left;
    margin-left: 2em;
    width: 30%;
    margin-right: 1em;
}

div.fig30r figure {
    float: right;
    margin-left: 0;
    width: 30%;
}


div.fig7 figure {
    width: 7%;
    padding-right:2em;
}

div.fig10 figure {
    width: 10%;
    padding-right:2em;
}

div.fig20 figure {
    width: 20%;
    padding-right:3em;
}

div.fig30 figure {
    width: 30%;
    padding-right:3em;
}

div.fig60 figure {
    width: 60%;
}

div.fig70 figure {
    width: 70%;
}

div.fig80 figure {
    width: 80%;
}

div.fig100 figure {
    width: 100%;
}

figure img, div.fr img, span.fr img {
    width: 100%;
}

div.drop figure img { border: 1em solid white; }

div.top {
    position: absolute;
    top: 75px;
}

div.right {
    position: absolute;
    right: 2em;
}

div.bottom {
    position: absolute;
    bottom: 2em;
}

span.footnote {
    position: absolute;
    bottom: 2em;
    right: 2em;
}

span.footnote:before { content: "* ";}

div.remark-slide-number {
    color: #a7a8a0;
    font-size: 60%;
    position: absolute;
    bottom: 2px;
    right: 15px;
    padding-bottom: 0em;
}