/**
 * Lutin theme for reveal.js.
 * Adapted from Hakim El Hattab white theme.
 *
 * By Yannick Martel, http://www.codelutin.com
 */

 @import url(../../lib/font/oxygen/oxygen.css);

 /********************************************
  * CUSTOS
  *********************************************/
 strong {
color : #ff6600;

 }
.inline-code {
  font-size:20px;
  background-color : #2b2b2b;
  padding : 7px;
  margin-bottom:15px;
  color: #bababa;
}
  .normal-text {
    font-size: 30px;
  }
 .exopic {
   max-height:20vh !important;
 }
 .lefty {
   float:left;
   max-width:15vw !important;
 }
 .righty {
   float:left;
   max-width:800px;
 }
 ul {
   font-size: 30px !important;
 }
 .inline {
   background-color:#333333;
   color:white;
   font-size:28px !important;
   margin-left:10px !important;
   margin-right:10px !important;
   padding: 5px !important;
 }
 .black {
   color: black !important;
 }
 .centered {
   text-align: center !important;
 }
 .no-border {
   border: 0px !important;
   box-shadow: none !important;
 }
 .chapter-title {
   position:absolute;
   top:0px;
   float:left !important;
   color: #ff6600;
 }
 
 iframe {
   border: 2px solid black;
   background-color: white;
 }
 
 /*********************************************
  * GLOBAL STYLES
  *********************************************/
 body {
   background: #fff;
 }
 
 .reveal {
   font-family: "Oxygen", sans-serif;
   font-weight: normal;
   color: #111;
 }
 
 ::selection {
   color: #fff;
   background: #98bdef;
   text-shadow: none;
 }
 
 ::-moz-selection {
   color: #fff;
   background: #98bdef;
   text-shadow: none;
 }
 
 .reveal .slides section,
 .reveal .slides section > section {
   line-height: 1.3;
   font-weight: inherit;
 }
 
 .section.dark.title,
 section.background-dark,
 section.background-dark h1,
 section.background-dark h2,
 section.background-dark h3,
 section.background-dark h4,
 section.background-dark h5,
 section.background-dark h6 {
   color: #fff;
 }
 
 .text--small {
   font-size: 85% !important;
 }
 
 .slide-number {
  background-color : rgba(255, 255, 128, 0) !important;
   background-image: url("data:image/png;base64,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");
   background-repeat: no-repeat;
   color: #000 !important;
   font-size: 14px;
   height: 46px;
   padding: 16px 0 0 0 !important;
   text-align: center;
   width: 30px;
 }
 
 /*********************************************
  * HEADERS
  *********************************************/
 .reveal h1,
 .reveal h2,
 .reveal h3,
 .reveal h4,
 .reveal h5,
 .reveal h6 {
   margin: 0 0 20px 0;
   color: #ff6600;
   font-family: "Oxygen", sans-serif;
   font-weight: 600;
   line-height: 1.2;
   letter-spacing: normal;
   text-transform: uppercase;
   text-shadow: none;
   word-wrap: break-word;
 }
 
 .reveal h1 {
   font-size: 2.5em;
 }
 
 .reveal h2 {
   font-size: 1.6em;
 }
 
 .reveal h3 {
   font-size: 1.3em;
 }
 
 .reveal h4 {
   font-size: 1em;
 }
 
 .reveal h1 {
   text-shadow: none;
 }
 
 .smokescreen {
   width: 100%;
   position: absolute;
   left: 0px;
   background-color: rgba(215, 203, 195, 0.82);
   vertical-align: middle;
   text-align: center;
 }
 
 /*********************************************
  * OTHER
  *********************************************/
 .reveal p {
   margin: 20px 0;
   line-height: 1.3;
 }
 
 /* Ensure certain elements are never larger than the slide itself */
 .reveal img,
 .reveal video,
 .reveal iframe {
   max-width: 95%;
   max-height: 95%;
 }
 
 .reveal strong,
 .reveal b {
   font-weight: bold;
 }
 
 .reveal em {
   font-style: italic;
 }
 
 .reveal ol,
 .reveal dl,
 .reveal ul {
   display: inline-block;
   text-align: left;ue.js
   margin: 0 0 0 1em;
 }
 
 .reveal ol {
   list-style-type: decimal;
 }
 
 .reveal ul {
   list-style: none;
 }
 
 .reveal ul li {
   position: relative;
   padding-left: 35px;
 }
 .reveal ul li:before {
   content: "\232C";
   color: #a09fa0;
   display: block;
   position: absolute;
   font-size: 90%;
   top: 2px;
   left: 0;
 }
 .reveal ul ul li:before {
   font-size: 75%;
   top: 3px;
 }
 
 .reveal ul ul ul li:before {
   font-size: 60%;
   top: 5px;
 }
 
 .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 {
   display: block;
   position: relative;
   width: 70%;
   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 blockquote p:first-child,
 .reveal blockquote p:last-child {
   display: inline-block;
 }
 
 .reveal blockquote::before {
   position: absolute;
   margin: -0.15em 0 0 -0.43em;
   color: #ff6600;
   line-height: 1;
   font-size: 8em;
   content: "\201C";
 }
 
 .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;
   text-transform: none;
 }
 
 .reveal pre code {
   display: block;
   padding: 5px;
   overflow: auto;
   max-height: 400px;
   word-wrap: normal;
 }
 
 .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 tbody tr:last-child th,
 .reveal table tbody tr:last-child td {
   border-bottom: none;
 }
 
 .reveal sup {
   vertical-align: super;
   font-size: smaller;
 }
 
 .reveal sub {
   vertical-align: sub;
   font-size: smaller;
 }
 
 .reveal small {
   display: inline-block;
   font-size: 0.6em;
   line-height: 1.2em;
   vertical-align: top;
 }
 
 .reveal small * {
   vertical-align: top;
 }
 
 /*********************************************
  * LINKS
  *********************************************/
 .reveal a {
   color: #2a76dd;
   text-decoration: none;
   -webkit-transition: color 0.15s ease;
   -moz-transition: color 0.15s ease;
   transition: color 0.15s ease;
 }
 
 .reveal a:hover {
   color: #6ca0e8;
   text-shadow: none;
   border: none;
 }
 
 .reveal .roll span:after {
   color: #fff;
   background: #1a53a1;
 }
 
 /*********************************************
  * IMAGES
  *********************************************/
 .reveal section img {
   margin: 15px 0px;
 }
 
 .reveal section img.plain {
   border: 0;
   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: #2a76dd;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
 }
 
 .slide-background.background-overlay--middle::after {
   display: block;
   position: fixed;
   top: 50%;
   left: 50%;
   width: 70%;
   height: 70%;
   content: "";
   background: radial-gradient(
     rgba(0, 0, 0, 0.7) 0%,
     rgba(0, 0, 0, 0.4) 40%,
     rgba(0, 0, 0, 0) 60%
   );
   transform: translate3D(-50%, -50%, 0);
 }
 
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
 .reveal .controls {
   color: #ff6600;
 }
 
 /*********************************************
  * PROGRESS BAR
  *********************************************/
 .reveal .progress {
   background: rgba(0, 0, 0, 0.2);
   color: #ff6600;
 }
 
 .reveal .progress span {
   -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);
 }
 
 /*********************************************
  * PRINT BACKGROUND
  *********************************************/
 @media print {
   .backgrounds {
     background-color: #fff;
   }
 }
 
 .background-overlay--middle .slide-background-content {
   background-color: #fff;
 }
 
 .reveal .copyright.orange {
   color: #ff6600;
 }
 
 .ecoIndex {
   color: rgba(0, 0, 0, 0.87);
   width: 50%;
   border: 0;
   display: flex;
   position: relative;
   min-width: 0;
   word-wrap: break-word;
   background: #fff;
   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
   margin-top: 30px;
   border-radius: 6px;
   margin-bottom: 30px;
   flex-direction: column;
   align-items: center;
   left: 25%;
   font-size: 15px;
 }
 
 .ecoIndexTitle {
   color: #999;
   margin: 0;
   margin-top: 0px;
   margin-bottom: 0px;
   font-size: 14px;
   margin-top: 0;
   padding-top: 10px;
   margin-bottom: 0;
 }
 
 .ecoIndexResult {
   color: #3c4858 !important;
   margin-top: 0px !important;
   min-height: auto;
   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
   font-weight: 300;
   margin-bottom: 3px !important;
   text-decoration: none;
 }
 
 .ecoIdexStats {
   color: #999;
 
   font-size: 22px !important;
   line-height: 30px !important;
   margin-bottom: 10px !important;
 }
 
 .container {
   display: flex;
   align-items: center;
   width: 280px;
   height: 40px;
   margin-top: 5px !important;
 }
 
 .score {
   width: 100%;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: width, height 250ms linear;
 }
 .a-score {
   background-color: #008f34;
   border-radius: 20px 0 0 20px;
 }
 .b-score {
   background-color: #56ab28;
 }
 .c-score {
   background-color: #dbe200;
 }
 .d-score {
   background-color: #fdeb25;
 }
 .e-score {
   background-color: #f9bb00;
 }
 
 .f-score {
   background-color: #ec680a;
 }
 
 .g-score {
   background-color: #e30c1c;
   border-radius: 0 20px 20px 0;
 }
 
 .letter {
   font-size: 28px !important;
   font-weight: 600 !important;
   color: white;
   opacity: 0.8;
   transition: opactiy 250ms linear;
   align-self: baseline;
 }
 
 .score.selected {
   width: 50px;
   height: 55px;
   flex-shrink: 0;
   border-radius: 20px;
   border: solid 6px white;
 }
 
 .selected.letter {
   opacity: 1;
   font-size: 40px !important;
   align-self: baseline;
 }