@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;
}


h1 {
    color: #00486c;
    font-size: larger;
    text-align: center;
}

.sws-title > h1 {
    margin:0;
    padding:0;
}

.sws-cover { display:flex;
	     flex-direction:column;
	     justify-content: center;
	   }


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

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


.sws-canvas {
    color: #696968;
    background: #fff;
    padding:0;
    margin: 0;
    position:relative;
    z-index:0;
}


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

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

}

.sws-footer {
    margin:0;
    height: 5%;
    text-align:right;
    padding-right:1ex;
    vertical-align: middle;
    z-index: 1;
}

.sws-footer::before {
    display:inline-block;
    height:12%;
    width: 12%;
    left: 0.5ch;
    bottom:0.5ch;
    position:absolute;
    content:"";
    background-size: contain;
    background-image: url("logo_psud_psay.png");
    background-repeat: no-repeat;
    z-index: -1 ;
}

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


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

@font-face {
  src: url("DIN-Bold.ttf") format("truetype");
  font-family: "DIN";
  font-style: "normal";
  font-weight: "bold";
}


body {
    font-family: 'DIN',sans-serif;
    background-color: white;
    color: #696968;
}

/*
:root.sws-print body {
    font-size: 21pt;
}



@media print {
    body { font-size: 21pt; }
}
*/

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

}


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

code {
    display: block;
    white-space: pre;
}

ul  {
    list-style-type: square;
}

ul, ol {
    list-style-position: inside;
    width: 92%;
    padding: 0 4% 0 4%;
}

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

.hl {
    color:    #92b938;
}

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

li {
    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:47%;
    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:47%;
    position:absolute;
    box-sizing:border-box;
    padding: 0 0em 0 5em;
    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;
}

var, cite {
    /*    color: #696968; */
    color: #00486c;
    font-family:'Computer Modern Serif';
    font-style: normal;
    font-weight:bold;

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

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

.solidbg {
    background:white;
}