/**
 * Sky theme for reveal.js.
 *
 * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
 */

/**@import 'tuk-cd.css';*/

@font-face { font-family: redhat;
    src: url('../../resources/RedHatText-VariableFont_wght.ttf'); }
@font-face { font-family: redhat-italic;
    src: url('../../resources/RedHatText-Italic-VariableFont_wght.ttf'); }

:root {
    --color-blaugrau: #507289;
    --color-blaugrau90:	#628095;
    --color-blaugrau80: #738EA1;
    --color-blaugrau70: #859CAC;
    --color-blaugrau60: #96AAB8;
    --color-blaugrau50: #A8B9C4;
    --color-blaugrau40: #B9C7D0;
    --color-blaugrau30: #CBD5DC;
    --color-blaugrau20: #DCE3E7;
    --color-blaugrau10: #EEF1F3;
    --color-gruengrau: #77b6ba;
    --color-gruengrau90: #85BDC1;
    --color-gruengrau80: #92C5C8;
    --color-gruengrau70: #A0CCCF;
    --color-gruengrau60: #ADD3D6;
    --color-gruengrau50: #BBDBDD;
    --color-gruengrau40: #C9E2E3;
    --color-gruengrau30: #D6E9EA;
    --color-gruengrau20: #E4F0F1;
    --color-gruengrau10: #F1F8F8;
    --color-dunkelblau: #042c58;
    --color-dunkelblau90: #1D4169;
    --color-dunkelblau80: #365679;
    --color-dunkelblau70: #4F6B8A;
    --color-dunkelblau60: #68809B;
    --color-dunkelblau50: #8296AC;
    --color-dunkelblau40: #9BABBC;
    --color-dunkelblau30: #B4C0CD;
    --color-dunkelblau20: #CDD5DE;
    --color-dunkelblau10: #E6EAEE;
    --color-hellblau: #6ab2e7;
    --color-hellblau90: #79BAE9;
    --color-hellblau80: #88C1EC;
    --color-hellblau70: #97C9EE;
    --color-hellblau60: #A6D1F1;
    --color-hellblau50: #B5D9F3;
    --color-hellblau40: #C3E0F5;
    --color-hellblau30: #D2E8F8;
    --color-hellblau20: #E1F0FA;
    --color-hellblau10: #F0F7FD;
    --color-dunkelgruen: #006b6b;
    --color-dunkelgruen90: #1A7A7A;
    --color-dunkelgruen80: #338989;
    --color-dunkelgruen70: #4D9797;
    --color-dunkelgruen60: #66A6A6;
    --color-dunkelgruen50: #80B5B5;
    --color-dunkelgruen40: #99C4C4;
    --color-dunkelgruen30: #B3D3D3;
    --color-dunkelgruen20: #CCE1E1;
    --color-dunkelgruen10: #E6F0F0;
    --color-hellgruen: #26d07c;
    --color-hellgruen90: #3CD589;
    --color-hellgruen80: #51D996;
    --color-hellgruen70: #67DEA3;
    --color-hellgruen60: #7DE3B0;
    --color-hellgruen50: #93E8BE;
    --color-hellgruen40: #A8ECCB;
    --color-hellgruen10: #E9FAF2;
    --color-violett: #4c3575;
    --color-violett90: #5E4983;
    --color-violett80: #705D91;
    --color-violett70: #82729E;
    --color-violett60: #9486AC;
    --color-violett50: #A69ABA;
    --color-violett40: #B7AEC8;
    --color-violett30: #C9C2D6;
    --color-violett20: #DBD7E3;
    --color-violett10: #EDEBF1;
    --color-pink: #d13896;
    --color-pink90: #D64CA1;
    --color-pink80: #DA60AB;
    --color-pink70: #DF74B6;
    --color-pink60: #E388C0;
    --color-pink50: #E89CCB;
    --color-pink40: #EDAFD5;
    --color-pink30: #F1C3E0;
    --color-pink20: #F6D7EA;
    --color-pink10: #FAEBF5;
    --color-rot: #e31b4c;
    --color-rot90: #E6325E;
    --color-rot80: #E94970;
    --color-rot70: #EB5F82;
    --color-rot60: #EE7694;
    --color-rot50: #F18DA6;
    --color-rot40: #F4A4B7;
    --color-rot30: #F7BBC9;
    --color-rot20: #F9D1DB;
    --color-rot10: #FCE8ED;
    --color-orange: #ffa252;
    --color-orange90: #FFAB63;
    --color-orange80: #FFB575;
    --color-orange70: #FFBE86;
    --color-orange60: #FFC797;
    --color-orange50: #FFD1A9;
    --color-orange40: #FFDABA;
    --color-orange30: #FFE3CB;
    --color-orange20: #FFECDC;
    --color-orange10: #FFF6EE;

    --color-atomiq-green: #abe85f;
    --color-atomiq-green80: #bced7f;
    --color-atomiq-green60: #cdf19f;
    --color-atomiq-green40: #ddf6bf;
    --color-atomiq-green20: #eefadf;
    --color-atomiq-grey: #555555;
    --color-atomiq-grey80: #777777;
    --color-atomiq-grey60: #999999;
    --color-atomiq-grey40: #bbbbbb;
    --color-atomiq-grey20: #dddddd;
    --color-atomiq-beige: #f4f1e7;
    --color-atomiq-beige80: #f6f4ec;
    --color-atomiq-beige60: #f8f7f1;
    --color-atomiq-beige40: #fbf9f5;
    --color-atomiq-beige20: #fdfcfa;
    --color-atomiq-red: #bc524c;
    --color-atomiq-red80: #c97570;
    --color-atomiq-red60: #d79794;
    --color-atomiq-red40: #e4bab7;
    --color-atomiq-red20: #f2dcdb;
    --color-atomiq-blue: #325087;
    --color-atomiq-blue80: #5b739f;
    --color-atomiq-blue60: #8496b7;
    --color-atomiq-blue40: #adb9cf;
    --color-atomiq-blue20: #d6dce7;

    --color-a: var(--color-atomiq-blue);
    --color-a80: var(--color-atomiq-blue80);
    --color-a60: var(--color-atomiq-blue60);
    --color-a40: var(--color-atomiq-blue40);
    --color-a20: var(--color-atomiq-blue20);
    --color-b: var(--color-atomiq-grey);
    --color-b80: var(--color-atomiq-grey80);
    --color-b60: var(--color-atomiq-grey60);
    --color-b40: var(--color-atomiq-grey40);
    --color-b20: var(--color-atomiq-grey20);
    --color-c: var(--color-atomiq-red);
    --color-c80: var(--color-atomiq-red80);
    --color-c60: var(--color-atomiq-red60);
    --color-c40: var(--color-atomiq-red40);
    --color-c20: var(--color-atomiq-red20);

    --color-highlight: var(--color-atomiq-green);
    --color-highlight80: var(--color-atomiq-green80);
    --color-highlight60: var(--color-atomiq-green60);
    --color-highlight40: var(--color-atomiq-green40);
    --color-highlight20: var(--color-atomiq-green20);

    --font-family-primary: "redhat";
}

.reveal a {
   line-height: 1.3em; }

 /*********************************************
  * GLOBAL STYLES
  *********************************************/

.slide-background {
   background: var(--color-atomiq-beige);
   /* background-image: url('./resources/atomiq_iconic.svg'); fallback */
   background-image: url('../../resources/atomiq_font_as_path.svg'), url('../../resources/atomiq_iconic_light.svg'), linear-gradient( 45deg, var(--color-atomiq-grey40),  var(--color-atomiq-grey20) );
   background-repeat: no-repeat;
   background-position: top+3% left+2%, bottom+15% right+3%;
   background-size: 10%, 50%, cover
}

.reveal {
  font-family: var(--font-family-primary);
  font-size: 2.7em;
  font-weight: normal;
  color: var(--color-atomiq-grey); }

::selection {
  color: var(--color-atomiq-beige);
  background: var(--color-atomiq-blue);
  text-shadow: none; }

::-moz-selection {
  color: var(--color-atomiq-beige);
  background: var(--color-atomiq-blue);
  text-shadow: none; }

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  margin: 0 0 20px 0;
  color: var(--color-b);
  font-family: var(--font-family-primary), sans-serif;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: -0.04em;
  text-transform: none;
  text-shadow: none;
  word-wrap: break-word; }

.reveal h1 {
  font-family: var(--font-family-primary), sans-serif;
  font-weight: bold;
  font-size: 2.5em;
}

.reveal section > h3:first-child {
  margin-top: 0em;
  margin-left: 0em;
}

.reveal section > h3:first-child+*  {
    margin-top: 2em;
    text-align: left;
}

.reveal h2 {
  font-size: 2.11em;
  font-weight: bold;
}

.reveal h3 {
  font-size: 1.55em;
}

.reveal h4 {
  font-size: 1em;
}

.reveal h1 {
  text-shadow: none;
}

.reveal img+footer {
  font-size: 0.5em;
  /*float: left;*/
}

.reveal h1.highlight,
.reveal h2.highlight,
.reveal h3.highlight,
.reveal h4.highlight,
.reveal h5.highlight,
.reveal h6.highlight {
    font-weight: bold;
    color: var(--color-atomiq-grey);
}

/*********************************************
* 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;
  margin: 0 0 0 1em; }

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

.reveal ol>li {
  margin: 0.5em;
}
.reveal ul {
  padding: 0 1em;
  list-style: none;
}
.reveal ul li::before {
  content: "";
  border-color: transparent var(--color-c80);
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 0.9em;
  position: relative;
}

 .reveal ul.plain > li::before {
   content:none
 }

 .reveal ul.plain > li {
   padding: 0.2em
 }

 .reveal ul>li:first-child {
   margin-top: -0.5em;
 }

 .reveal li>title {
   display:block;
   color: var(--color-c);
   font-weight: normal;
 }

.reveal ul ul {
  font-size: 0.9em; }

.reveal ul ul ul {
  font-size: 0.9em; }

.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 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 5px 15px rgba(0, 0, 0, 0.15); }

.reveal code {
  font-family: monospace;
  text-transform: none;
  background-color: var(--color-atomiq-grey40);
  }

.reveal pre code {
  display: block;
  padding: 5px;
  overflow: auto;
  max-height: 400px;
  word-wrap: normal;
  background-color: var(--color-atomiq-grey); }

.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: var(--color-a);
  text-decoration: none;
  -webkit-transition: color .15s ease;
  -moz-transition: color .15s ease;
  transition: color .15s ease; }

.reveal a:hover {
  color: var(--color-a80);
  text-shadow: none;
  border: none; }

.reveal .roll span:after {
  color: #fff;
  background: #264c66; }

/*********************************************
* IMAGES
*********************************************/
.reveal section img {
  margin: 0px 100px;
}

.reveal section img.slim {
  margin: 0px 10px;
}

.reveal section img.boxed {
    border: 4px solid #333;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

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

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

/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls {
  color: var(--color-b); }

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

.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: #ffffff } }

/*********************************************
* FOOTER
*********************************************/

#footer {
  position: fixed;
  width: 100%;
  bottom: 1em;
  left: 2em;
  font-family: var(--font-family-primary), sans-serif;
  font-weight: bold;
  font-size: 1em;
  color: var(--color-b);
}