/**
 * Author: Martin Kraetke
 *
 * This theme is Copyright (c) 2018 le-tex, http://le-tex.de - it is FreeBSD licensed.
 */
 /*********************************************
  * FONTS
  *********************************************/

@import url("fonts/stylesheet.css");

/*********************************************
 * GLOBAL STYLES
 *********************************************/
body {background: #ffffff;}
.backgrounds{
  background-image: url('../../images/letex.png');background-repeat:no-repeat;background-position:95% 3%;}

.reveal {
  font-family:'Nunito', sans-serif;
  font-size: 36px;font-weight: normal;color: black; }

::selection {color: white;background: #26351c;text-shadow: none; }

.reveal .border-grey {
  border:1px solid #ccc;
}

/*********************************************
 * HEADERS
 *********************************************/
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  margin: 0 0 20px 0;
  color: #303030;
  line-height: 130%;
  text-transform: none;
  text-shadow: none;
/*  font-family:quicksand, sans-serif;*/
  }
.reveal .fraktur {
  font-family:'Unifraktur',serif;
}
.reveal .georgia {
  font-family:Georgia,serif;
}

/*********************************************
 * LINKS
 *********************************************/
.reveal a:not(.image) {
  line-height: 1.3em;
  color: #d60000;
  text-decoration: none;
  -webkit-transition: color .15s ease;
  -moz-transition: color .15s ease;
  -ms-transition: color .15s ease;
  -o-transition: color .15s ease;
  transition: color .15s ease; }

.reveal a:not(.image):hover {
  color: #d20d20;
  text-shadow: none;
  border: none; }

.reveal .roll span:after {
  color: #fff;
  background: #25211c; }

/*********************************************
 * IMAGES
 *********************************************/
.reveal section img {
  margin: 0 !important;
  padding:0 !important;
  background: none;
  border-style: none;
  box-shadow: none;
  padding:1%;
  height:auto;
  }

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

.reveal .image{
  margin:0 auto;

}

.reveal  .scrollable{
  height: 600px!important;
  overflow-y: auto !important;
}

.reveal .scrollable-image{
  max-height:inherit !important;  
}

/*********************************************
 * TIMELINE
 *********************************************/
time {letter-spacing:0.05em}
.timeline {position: relative; display: block; height: 2px; background: #d20d20;}
.timeline::after{right: -10px; border: 9px solid transparent; border-right: 0; border-left: 30px solid #d20d20; border-radius: 2px; content: "";
position: absolute; top: -8px; display: block; width: 0; height: 0; }
.timeline li {margin-top:0px; padding-left:40px; display:inline-block; transform:rotate(-60deg); top:-120px; float:left; position:relative; font-size:70%; width:110px; line-height:110% }
.timeline li::before{content: ""; position: absolute; top: 5px; left: -50px; display: block; height: 10px; width: 70px;border-top: 3px solid #d20d20; }

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

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

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

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

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

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

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

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

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

.reveal .progress span {
  background: #51483d;
  -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);
  -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  -o-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: #51483d; }

.reveal p{
  font-size:1.1em;
  line-height:140%;
}
/*********************************************
 * PREFORMATTED TEXT
 *********************************************/
.reveal pre, .reveal code{font-family:fira_mono; font-size:90%}
.reveal pre{font-size:0.7em; width:100%; margin: 15px 0}

/*********************************************
 * LISTS
 *********************************************/

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

/*********************************************
 * QUOTES
 *********************************************/

.reveal blockquote{
  text-align:left;
  box-shadow:none; background:none;
  padding-left:1em;
  border-left:0.2em solid #999;
}

.reveal .sectionnumber{
  font-size:0.7em;
}
.reveal small * { vertical-align: inherit }

.reveal sup {
  vertical-align: super;
  font-size:75%;
}

/*********************************************
 * alignment
 *********************************************/

.reveal .left { text-align:left }
.reveal .center { text-align:center }
.reveal .right { text-align:right }

.row{background-color:#ccc}

/*********************************************
 * font sizes
 *********************************************/

.reveal .small { font-size:70% }
.reveal .big { font-size:120% }