@import url("../reveal.css");

 /*
 * Based on solarized Dark theme for reveal.js.
 * Authors: Achim Staebler / Ethan Schoonover
 * Customisation: Anthony Masure;
 */

@import url("../fonts/SkolarSans/SkolarSans.css");
@import url("../fonts/InputSansNarrow/InputSansNarrow.css");


html * {
  color-profile: sRGB;
  rendering-intent: auto; }

/*********************************************
 * GLOBAL STYLES
 *********************************************/
body,
.reveal.overview section {
  background:#d2d3d5; /* Grey */
  }

body {
  font-family:'SkolarSans','InputMono','DejaVuSansMono','OpenSans', monospace;
  text-rendering:optimizeLegibility;
  text-rendering:geometricPrecision;
  /* font-feature-settings: "liga", "dlig"; */
    
  font-variant-ligatures:common-ligatures;
  font-size:36px;
  font-weight:600; /* SemiBold */
  color:#111; 
  }

.reveal .controls .enabled {
  /* Flèches de navigation */
  opacity: 0.3; }

::selection {
  color: #fff;
  background: #d33682;
  text-shadow: none; }

.reveal .slides > section, .reveal .slides > section > section {
  line-height: 1.3;
  font-weight: inherit; }

/*********************************************
 * HEADERS
 *********************************************/
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
  margin:0 0 20px 0;
  /* color:#eee8d5; */
  font-weight:700; /* Bold */
  line-height:1.3;
  letter-spacing:normal;
  text-shadow:none;
  word-wrap:break-word; 
  }

.reveal h1 {
  font-size:2.8em; 
  line-height:1.25em;
  font-weight:900; /* Black */
  word-spacing:0.1em;
  }  

.reveal h2 {
  font-size:2.2em; 
  line-height:1.15;
  margin-bottom:0.3em;
  font-weight:500;
  }

.reveal h2 sup {  
  line-height:1;
  font-size:0.9em;
  }  

.reveal h3 {
  font-size:1.75em;
  font-weight:800;
  font-family:'InputSansNarrow';
  letter-spacing:-0.025em;
  }

.reveal h4 {
    font-size:1.3em;
    font-weight:700;
    }

.reveal h5.suptitle {
    font-size:1em;
    font-weight:500;
    color:#371eff; /* Blue */
    text-transform:lowercase;
    font-style:italic;
    }

.reveal a.white {
  color:#eee;
  } 

.number,
.blue,
.color {  
  /* Mise en avant des n° */
  color:#371eff; /* Blue */ /* Bleu */
  }    

ul, li {
    list-style-type:none;
    padding:0;
    }

li {
    position:relative;
    }

li::before {
    background-color:#371eff; /* Blue */
    border-radius:1em;
    content:"";
    display:block;
    height:0.3em;
    left:-0.8em;
    position:absolute;
    top:0.45em;
    width:0.3em;
    }  

h3.over-photo,
.over-photo {
  background-color: rgba(0,0,0,0.7);
  color:#fff;
  padding:0.3em 0.3em 0.5em 0.3em !important; 
  font-size:1.5em;
  }

p.over-photo {
  padding:0.3em 0.3em 0.3em 0.3em !important; 
  } 

span.over-photo {
  padding:0.1em 0.5em 0.3em 0.5em !important; 
  } 

.reveal .small-caps,
.reveal abbr {
    font-variant:small-caps;
    text-transform:lowercase;
    font-size:105%;
    /* line-height:1;  */
    }

.reveal .fine {
  font-size:60%;
  }


/*********************************************
 * OTHER
 *********************************************/
.reveal p {
  margin: 20px 0;
  line-height:1.35; 
  }

.reveal p.caption {
  margin-top:5px; 
  font-size:0.8em;
  /* line-height:1.4em; */
  opacity:0.7;
  }  

.reveal .left {
  text-align:left;
  }

.reveal .center {
    text-align:center;
    }

/* Ensure certain elements are never larger than the slide itself */
.reveal img, .reveal video, .reveal iframe {
  max-width:95%;
  max-height:95%; 
  }

.reveal iframe {
  background:#fff;
  }

.reveal strong, .reveal b {
  font-weight:bold; 
  background:white;
  padding-left:2px;
  padding-right:2px;
  padding-bottom:2px;
  padding-top:4px;
  }

.reveal p.caption strong {
  background:none;
  }

.reveal em {
  font-style: italic; }

.reveal ol, .reveal dl, .reveal ul {
  display: inline-block;
  text-align: left;
  margin: 0 0 0 1em; }

.reveal ol {
  list-style-type: decimal; }

.reveal ul {
  list-style-type: disc; }

.reveal ul li {
  margin-bottom:0.5em; }

.reveal ul ul {
  list-style-type: square; }

.reveal ul ul ul {
  list-style-type: circle; }

.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
  display: block;
  margin-left: 40px; }

.reveal dt {
  font-weight: bold; }

.reveal dd {
  margin-left: 40px; }


.reveal .blockquote {
  /* font-family:'InputSansNarrow'; */
  }

.reveal q, 
.reveal blockquote {
  quotes:none;   
  }

.reveal blockquote {
  /* display: block;
  position: relative;
  width:75%;
  margin: 20px auto;
  padding:20px 20px 20px 25px;
  font-style: italic;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); 
  text-align:left; */

  :/* background:#DFDFDF; */
  border:3px dotted #777;
  padding:0px 35px;
  padding-top:10px;
  }

.reveal blockquote em {
  font-style:italic;
  }

.reveal blockquote p:first-child, 
.reveal blockquote p:last-child {
  display: inline-block; }

 .reveal p.author { 
    /* Class for authors of quoted blocs */
    text-align:left;
    width:75%;
    margin: 20px auto;
    padding:0px 20px 20px 25px;
    opacity:0.7;
    }

.reveal q {
  font-style: italic; }

.reveal pre {
  display: block;
  position: relative;
  width: 90%;
  margin: 20px auto;
  text-align: left;
  font-size: 0.55em;
  font-family: monospace;
  line-height: 1.2em;
  word-wrap: break-word;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }

.reveal code {
  font-family: monospace; }

.reveal pre code {
  display: block;
  padding: 5px;
  overflow: auto;
  max-height: 400px;
  word-wrap: normal;
  background: #3F3F3F;
  color: #DCDCDC; }

.reveal table {
  margin: auto;
  border-collapse: collapse;
  border-spacing: 0; }

.reveal table th {
  font-weight: bold; }

.reveal table th, .reveal table td {
  text-align: left;
  padding: 0.2em 0.5em 0.2em 0.5em;
  border-bottom: 1px solid; }

.reveal table th[align="center"], .reveal table td[align="center"] {
  text-align: center; }

.reveal table th[align="right"], .reveal table td[align="right"] {
  text-align: right; }

.reveal table tr:last-child td {
  border-bottom: none; }

.reveal sup {
  vertical-align: super; 
  font-size:70%;
  line-height:1;
  }

.reveal sub {
  vertical-align: sub; }

.reveal small {
  display:inline-block;
  font-size:0.8em;
  line-height:1.4em;
  vertical-align:top; 
  }

.reveal small * {
  vertical-align: top; 
  }

/*********************************************
 * LINKS
 *********************************************/
.reveal a {
  color:#111;
  text-decoration:none;
  -webkit-transition: color 0.15s ease;
  -moz-transition: color 0.15s ease;
  transition: color 0.15s ease; 
  border-bottom:2px dotted #888;}

.reveal a:hover {
  color:#371eff; /* Blue */
  text-shadow: none;
  border: none; }

.reveal .roll span:after {
  color: #fff;
  background: #1a6291; }

/*********************************************
 * IMAGES
 *********************************************/

.reveal section img {
  margin: 15px 0px;
  background:none;
  border:4px solid #eee;
  box-shadow:0 0 10px rgba(0, 0, 0, 0.15); 
  /* max-height:475px; */
  }

.reveal section img.full { 
  margin:0;
  } 

.reveal section img.no-border {
  border:none;
  box-shadow:none;
  }   

.reveal a img {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  transition: all 0.15s linear; }

.reveal a:hover img {
  background: rgba(255, 255, 255, 0.2);
  border-color: #268bd2;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }

 .reveal .slide-background.dark {
  opacity:0.3 !important; /* Dark full screen background image */
  }

/*********************************************
 * NAVIGATION CONTROLS
 *********************************************/
.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
  border-right-color: #268bd2; }

.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
  border-left-color: #268bd2; }

.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
  border-bottom-color: #268bd2; }

.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
  border-top-color: #268bd2; }

.reveal .controls div.navigate-left.enabled:hover {
  border-right-color: #78bae6; }

.reveal .controls div.navigate-right.enabled:hover {
  border-left-color: #78bae6; }

.reveal .controls div.navigate-up.enabled:hover {
  border-bottom-color: #78bae6; }

.reveal .controls div.navigate-down.enabled:hover {
  border-top-color: #78bae6; }

/*********************************************
 * PROGRESS BAR
 *********************************************/
.reveal .progress {
  background: rgba(0, 0, 0, 0.2); }

.reveal .progress span {
  background:#268bd2;
  background:#371eff; /* Blue */  
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }

/*********************************************
 * SLIDE NUMBER
 *********************************************/
.reveal .slide-number {
  color: #268bd2; 
  }

 img.overview {
  display:none!important;
  } 

.overview {
  background:black;
  } 

.overview .stretch {
  display:none;
  }   

.overview img.overview {
  display:block!important;
  width:80%;
  margin:auto;
  margin-top:5%;
  }   

.overview h3.over-photo,
.overview p.over-photo,
.overview span.over-photo {
    background:none;
    width:80%;
    margin:auto;
    }    

.reveal.overview .slides {
  /* padding:50px !important; */
  } 

/*********************************************/

section.embed-tweet {
  top:0px !important;
  position:relative;
  }

iframe.twitter-tweet {
  margin:auto !important;
  background:none !important;
  max-width:none;
  max-height:none;
  }

div.tweet,
div.tweet iframe {
  position:absolute !important;
  margin-top:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  left:0 !important;
  right:0 !important;  
  }

div.tweet {
  top:80px;
  height:55vh !important;
  }

div.tweet.long {
  top:0px;
  transform:scale(0.7);
  height:76vh !important;
  }



   

/*********************************************
 * FIRST SLIDE
 *********************************************/

/* Full screen support */
/* https://github.com/hakimel/reveal.js/issues/154 */


.reveal .home h2,
.reveal .home p {
  font-size:1em;
  }

.reveal .home h2 {
  line-height:1;
  font-weight:600; 
  margin-bottom:5em;
  }

.reveal .home h1 {
  font-size:2.45em; 
  line-height:1;
  font-weight:700; 
  letter-spacing:0em;
  text-shadow:none; 
  margin-bottom:2em;
  text-transform:lowercase;
  font-variant:small-caps;
  }

.reveal .home h1,
.reveal .home h2,
.reveal .home h3,
.reveal .home h4,
.reveal .home a,
.reveal .home p,
.reveal .home small { 
  color:#eee;
  border:none;
  } 

/*********************************************
 * FINAL SLIDE
 *********************************************/

.reveal .final h1,
.reveal .final h2,
.reveal .final h3,
.reveal .final h4,
.reveal .final a,
.reveal .final p,
.reveal .final small { 
  color:#eee;
  border:none;
  } 

.reveal .final p { 
  margin-top:1em;
  font-weight:400;
  } 


/*********************************************
 * INDIVIDUAL SLIDES
 *********************************************/

/* Back Office */
g.svg_anim {
  display:none;
  }

/* Simple Slideshow */
/* http://snook.ca/archives/javascript/simplest-jquery-slideshow */
.fadein { 
  position:relative; 
  height:600px; 
  width:800px; 
  margin:auto !important;
  }

.fadein img { 
  position:absolute; 
  left:0; 
  top:0; 
  width:100%;
  height:auto;
  }