@import url(https://fonts.googleapis.com/css?family=Armata&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700&subset=latin,latin-ext);
@import url("cm.css");

/**** structure of the slide in this theme:
      no-header
      title : 10%
      text : 80% == 20 lines of text.
      footer :10%



*/


/* No header in this theme */
.sws-header {
    display: none;
}

.sws-title > h1 {
    margin:0;
    padding:0;
}
.sws-title {
    box-sizing:border-box;
}
.sws-cover {
    display:flex;
    flex-direction:column;
    justify-content: center;
    background:#eee;
    height: 3em;
    padding: 0;
    margin: 0;
}

.sws-cover .sws-content {
    text-align:left;
    background-color:white;
    background-image: url(upsay_e_gray.svg);
    background-size:auto  auto;
    background-position: right bottom;
    background-repeat: no-repeat;
    padding:1em;
}

.sws-cover .sws-content :first-child {
    position: relative;
}
.sws-cover.sws-inner-canvas {
    height: 100%;
}

.sws-cover h1,
.sws-cover h2,
.sws-cover h3,
.sws-cover a {
    display:bock;
    text-align:left;
    color: #64003d;
    background-color: transparent;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.sws-cover h1,
.sws-cover h2 {
    font-size:100%;
}
.sws-cover h3,
.sws-cover a {
    font-size:70%;
}

.sws-cover h1:first-of-type {
    font-size: 150%;
    font-variant:small-caps;
}


.sws-toc { position: absolute;
	   left: 0;
	   bottom: 0;
	   right: 0;
	   top:0;
	 }

.sws-toc > .sws-content {
    position:absolute;
    top: 20%;
    width:100%;
}

.sws-title h1 {
     color: #64003d;
     font-size: 130%;
     text-align: left;
     box-sizing:border-box;
     padding-left:0.75em;
     padding-top:0.45em;
     width:100%;
     height:100%;
     background-color: white;
}
.sws-title::before {
    content : " ";
    position:absolute;
    background-image: url(upsay_e_gray.svg);
    background-size:auto  100%;
    background-position: right top;
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    right:0;
    bottom: 0;
}
.sws-canvas {
    color: #636262;
    background: #eeeeee;
    padding:0;
    margin: 0;
    position:relative;
    z-index:0;
}


.sws-inner-canvas {
    height: 85%;
    z-index: 2;
    position: relative; /* to make z-index work */
    margin:0;
    box-sizing:border-box;
}

/* Title of the slide */
.sws-title {
    position:relative;
    height: 10%;
    z-index: 2;

}

.sws-footer {
    color: #64003d;
    background-color:white;
    height: 5%;
    text-align:right;
    box-sizing:border-box;
    padding-right:0.5em;
    vertical-align: middle;
    z-index: 1;
    overflow: visible;
    position:relative;
}

/* .sws-footer::before { */
/*     position: absolute; */
/*     left:5%; */
/*     display:inline-block; */
/*     content: " "; */
/*     width: 90%; */
/*     top: -0.1em; */
/*     border-top:#92b938 0.1em solid; */
/* } */

.sws-slide-num-sep:after {
    content: "/";
}


@font-face {
  src: url(DIN-Medium.ttf) format("truetype");
  font-family: DIN;
}

@font-face {
    font-family: 'NotoEmojiRegular';
        src: url('https://fontlibrary.org/assets/fonts/noto-emoji/5251caf5f47deec778f877375c319fff/77705799ab05db42974183e59c326fe3/NotoEmojiRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
      }
/*
@font-face {
  src: url("DIN-Black.ttf") format("truetype");
  font-family: "DIN";
  font-weight: bold;
}
*/


body {
    font-family: "DIN", "NotoEmojiRegular", sans-serif;
    background-color: white;
    color: #898988;
    line-height:125%;
}

p {
    display:block;
    width:92%;
    padding: 0 1em 0 1em;
    text-align:justify;

}

hr {
    border: none;
}

code, pre, tt {
    font-family: 'Inconsolata', "NotoEmojiRegular",  monospace;
    /*color: #494948;*/
}

code {
    padding:0;
    display: block;
    white-space: pre;
    line-height: 125%;
}

ul  {
    list-style-type: none;

}

ul > li:before {
       color:#64003d;
       white-space:pre;
       font-size:90%;
       font-family: 'NotoEmojiRegular';
       position:relative;
       top:-0.15em;
       padding-right:0.2em;
}

ul > li:before {
    content:"⏹";
}
li  ul > li:before {
    content:"▶";
}


.sws-toc li:before {
    content:"";
    display:none;
}

ul, ol {
    box-sizing:border-box;
    list-style-position: inside;
    width: 100;
    margin:0;
    padding: 0 0.5em 0 0.5em;
}

ul.empty {
    list-style-type: none;
}

.hl {
    color:    #92b938;
}

.done::after {
    content: " ✔";
}

li {
    padding: 0; margin:0;
    margin-top:0.5vmin;
}

tt em, code em {
    color: #729918;
}

em {
    color: #92b938;
    font-style:normal;
}

s {
    color: #ff1111;
    font-style: normal;
    text-decoration: none;
}

a {
    color: #92b938;
    text-decoration:none;
    font-style:normal;
}

table.desc {
    width: 100%;
    padding: 0% 4% 0% 4%;
    margin: 0 0 0 0;
}

table.desc tr {
    margin: 0 0 0 0;
    padding: 0 0 0 0;

}
table.desc td {
    vertical-align: top;
    text-align: justify;
    margin: 0 0 0 0;
}

table.desc td:first-child {
    color: #92b938;
}

table.desc td:first-child:after {
    content: " : ";
}

.centerbox {
    text-align: center;
}

table.rounded {
    border-collapse: separate;
    border-spacing: 0.5em 0.5em ;
}
.rounded td {
    padding: 0.5em 0 0.5em 0;

    text-align: center;
    vertical-align:top;
    border-style:solid;
    border-color: #696968;
    border-width: 2pt;
    border-radius: 0.5em;
}
.rounded tr {
    display:table-row;
    width: 100%;
    margin: 1em;
}

table.btable {
    border-collapse: collapse;
}

.btable td {
    border: solid 1pt #696968;
}

dl {
    padding: 1vmin 1em 1vmin 1em;
}

dt { display: inline;
     color: #92b938;
     float:left;
   }

dt:after {
    display:inline;
    content: " : ";
}

dd { display: block;
     padding: 0 0 0 4em;
     text-indent: 1em;
     margin: 0 0 0 0;
   }

table.simple {
    table-layout:fixed;
    padding: 0 4% 0 4%;
    text-align:left;
    border-spacing: 2em 0;
}

table.simple th{
 color: #92b938;
 font-weight: normal;
 text-align:left;
}
table.simple th,
table.simple tr {
    vertical-align:top;
}
.css3:after {
    content:"CSS3";
    color:white;
    background: #0a64a4;
    border-radius:0.25em;
    font-size:small;
    margin: 0.25em;
    padding:0.1em;
}

div.twocol {
    width:99%;
    position:absolute;
    top:5em;
}

div.twocol > div:first-child {
    display:inline-block;
    width:50%;
    position:absolute;
    box-sizing:border-box;
    padding: 0 1em;
    border-style:dashed;
    border-width: 0 1pt 0 0;
    border-color:gray;
    left: 0pt;
    top:0pt;
}

div.twocol > div:last-child {
    display:inline-block;
    width:50%;
    position:absolute;
    box-sizing:border-box;
    padding: 0 0em 0 0em;
    vertical-align:text-top;
    right: 0pt;
    top:0pt;
}

table.withborder {
    border-collapse: collapse;
}
table.withborder td {
    border-style: solid;
    border-width: 1pt;
    min-width:20pt;
    height: 20pt;
}

mark {
    color: #ff6612;
    background: none;
}

u {
    color: #00486c;
    background: none;
    text-decoration: none;
}

kbd {
    color: #393938;
    font-family:inherit;
}


cite {
    display:block;
    text-align:center;
}

dl.codelist dt {
    font-family: 'Inconsolata', monospace;
}

.solidbg {
    background:white;
}
math {
    color: #00486c;
    font-family:'Computer Modern Serif';
    font-style: normal;
    font-weight:bold;
    border-color:  #00486c;

}
math mfrac {
    display: inline-block;
    vertical-align:middle;
    text-align: center;
}
math mfrac > mi { display: block; }
math mfrac mi:first-of-type {
    border-bottom-color:  #00486c;
    border-bottom-style: solid;
    border-bottom-width: 0.1em;
}
var, cite {
    /*    color: #696968; */
    color: #00486c;
    font-family:'Computer Modern Serif';
    font-style: normal;
    font-weight:bold;
    border-color:  #00486c;

}

img.inline {
    vertical-align:middle;
    height:auto;
    width:5em;
}


:root.sws-print em {
    border-bottom-style:solid;
    border-bottom-width: 0.1em;
}

:root.sws-print mark {
    border-bottom-style:dotted;
    border-bottom-width: 0.1em;
}