/**
 * Redpill Linpro theme for reveal.js. This is based on the the 'white' theme.
 *
 * Originally by Pontus Ullgren, updated with improvements from RL.css
 */
@import url(../fonts/lato/lato.css);
@import url(../reveal.js/dist/theme/white.css);

:root {
  --r-link-color: #777;
  --r-heading-font: 'Lato', Helvetica, sans-serif;
  --r-heading-color: #f03239;
  --r-heading1-size: 65pt;
  --r-heading2-size: 36pt;
  --r-main-font: 'Lato', Helvetica, sans-serif;
  --r-main-color: #4c4c4c;
  --r-main-font-size: 20pt;
  --r-heading-text-transform: none;
}

/* Push heading and text to top left positioning */
.reveal section:not([class*="red"]) {
  padding-top: 2em;
  text-align: left;
  height: 100vh;
}

/* Default bullet points */
.reveal ul { width: 100%; }
.reveal p { color: var(--r-main-color); }
.reveal li { padding-left: 1em; }
.reveal li::marker { font-size: 1.5rem; }

/* RL Logo positioning */
.slide-background {
  background-image: url("../images/Redpill-Linpro-logo-red-1200px.png");
  background-repeat: no-repeat;
  background-position: 93% 93%;
  background-size: 5em;
}

/* 'Splash' page with red background */
.slide-background.red.background {
  background-image: linear-gradient(to right, #be3134 0, #f64d50);
  background-size: 100% 100%;
  background-position: 0 0;
  background-color: #be3134;
}

.slide-background.white.background {
  background-image: none;
  background-position: 0 0;
  background-color: white;
}

/* 'Blue' slides with blue background */
.slide-background.blue.background {
  background-image: linear-gradient(to right, #1a5276 0, #2980b9);
  background-size: 100% 100%;
  background-position: 0 0;
  background-color: #1a5276;
}

/* Blue slide text styling */
.reveal .slides section.blue h1,
.reveal .slides section.blue h2,
.reveal .slides section.blue h3,
.reveal .slides section.blue h4 {
  color: white;
}
.reveal .slides section.blue p,
.reveal .slides section.blue li {
  color: white;
}
.reveal .slides section.blue code {
  background: rgba(0,0,0,0.3);
  color: #aed6f1;
  padding: 0 0.2em;
}

/* Red slide text styling */
.reveal .slides section.red {
  text-align: center;
}
.reveal .slides section.red h1,
.reveal .slides section.red h2,
.reveal .slides section.red h3,
.reveal .slides section.red h4 {
  color: white;
}
.reveal .slides section.red p {
  color: white;
}

.reveal section div.plain span img {
  border: 0;
  box-shadow: none;
}

.reveal blockquote {
  display: block;
  position: relative;
  width: 80%;
  margin: 20px auto;
  padding: 5px;
  font-style: italic;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}

.reveal section img {
  margin: 15px 0px;
  background: none;
  border: 4px solid #222;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

/* Image on right hand side */
.reveal .image-right .slide-content {
  position: relative;
  overflow: visible;
}
.reveal .image-right ul { width: 50%; }
.reveal .image-right .code-wrapper {
  width: 50%;
  margin: var(--r-block-margin);
}
.reveal .image-right .imageblock {
  position: absolute;
  right: -5em;
  top: -5em;
  width: 60%;
}
.reveal .image-right img {
  max-width: 100%;
  max-height: 80vh;
  margin: 0;
  border: none;
  box-shadow: none;
}
.reveal .image-right.image-lower .imageblock {
  top: 2em;
}
.reveal .image-right.image-xkcd .imageblock {
  right: -7em;
}
.reveal .image-right.image-rocket .imageblock {
  right: -6em;
}
.reveal .image-right.image-conductor .imageblock {
  top: -0.9em;
}
.reveal .image-right.image-fot .imageblock {
  right: -7em;
}

/* ------------------------------------------------------ The refs section */
DIV.refs {
  padding: 0px 0 0 0;
  width: 100%;
  position: fixed;
  left: 0rem;
  bottom: -10rem;
  text-align: right;
}

DIV.refs P, DIV.refs P A {
  color: white;
  margin: 0;
}

DIV.refs DIV.ulist {
  margin: 0; padding: 0;
  font-size: 1.3rem;
  line-height: 0.9;
}

DIV.refs DIV.ulist UL {
  list-style-type: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
DIV.refs DIV.ulist UL LI {
  width: 50%;
  float: right;
  text-align: center;
}