@charset "UTF-8";
/**
* Copyright Intuitive Stack https://www.intuitivestack.io
* Intuitive Stack Stream theme based on
* White theme for reveal.js. This is the opposite of the 'black' theme.
* and
* https://github.com/gapple/myplanet-revealjs
*
* Further inspiration from 
* https://stackoverflow.com/questions/52417889/setting-minimum-and-maximum-number-of-columns-using-css-grid
* 
* This file (along with others) produces dist/intuitivestack.css. That file is added/copied to a separate DITA-OT plugin for distribution. Certain files referenced from this file assume a folder structure used in the DITA-OT plugin.   
*/
/* Set maximum number of columns for grid layout */
/* https://stackoverflow.com/questions/52417889/setting-minimum-and-maximum-number-of-columns-using-css-grid */
@import url(fonts/fonts.css);
section.has-dark-background,
section.has-dark-background h1,
section.has-dark-background h2,
section.has-dark-background h3,
section.has-dark-background h4,
section.has-dark-background h5,
section.has-dark-background h6 {
 color: #FFFFFF;
}

/*********************************************
 * GLOBAL STYLES
 *********************************************/
:root {
 --r-background-color: #35A8D4;
 --r-main-font: Roboto, Roboto Condensed, Helvetica, sans-serif;
 --r-main-font-size: inherit;
 --r-main-color: #395F6F;
 --r-block-margin: 20px;
 --r-heading-margin: 0 0 20px 0;
 --r-heading-font: inherit;
 --r-heading-color: #35A8D4;
 --r-heading-line-height: 1.2;
 --r-heading-letter-spacing: normal;
 --r-heading-text-transform: normal;
 --r-heading-text-shadow: none;
 --r-heading-font-weight: 700;
 --r-heading1-text-shadow: none;
 --r-heading1-size: 1.563em;
 --r-heading2-size: 1.25em;
 --r-heading3-size: 1em;
 --r-heading4-size: 1em;
 --r-code-font: Roboto Mono, monospace;
 --r-link-color: #35A8D4;
 --r-link-color-dark: #217a9b;
 --r-link-color-hover: #71e9f4;
 --r-selection-background-color: #FF5E99;
 --r-selection-color: #fff;
}

.reveal-viewport {
 background: #35A8D4;
 background-color: var(--r-background-color);
}

.reveal {
 font-family: var(--r-main-font);
 font-size: var(--r-main-font-size);
 font-weight: normal;
 color: var(--r-main-color);
}

.reveal ::selection {
 color: var(--r-selection-color);
 background: var(--r-selection-background-color);
 text-shadow: none;
}

.reveal ::-moz-selection {
 color: var(--r-selection-color);
 background: var(--r-selection-background-color);
 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: var(--r-heading-margin);
 color: var(--r-heading-color);
 font-family: var(--r-heading-font);
 font-weight: var(--r-heading-font-weight);
 line-height: var(--r-heading-line-height);
 letter-spacing: var(--r-heading-letter-spacing);
 text-transform: var(--r-heading-text-transform);
 text-shadow: var(--r-heading-text-shadow);
 word-wrap: break-word;
}

.reveal h1 {
 font-size: var(--r-heading1-size);
}

.reveal h2 {
 font-size: var(--r-heading2-size);
}

.reveal h3 {
 font-size: var(--r-heading3-size);
}

.reveal h4 {
 font-size: var(--r-heading4-size);
}

.reveal h1 {
 text-shadow: var(--r-heading1-text-shadow);
}

/*********************************************
 * OTHER
 *********************************************/
.reveal p {
 margin: var(--r-block-margin) 0;
 line-height: 1.3;
}

/* Remove trailing margins after titles */
.reveal h1:last-child,
.reveal h2:last-child,
.reveal h3:last-child,
.reveal h4:last-child,
.reveal h5:last-child,
.reveal h6:last-child {
 margin-bottom: 0;
}

/* 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 ul {
 list-style-type: disc;
}

.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 {
 display: block;
 position: relative;
 width: 70%;
 margin: var(--r-block-margin) 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: var(--r-block-margin) auto;
 text-align: left;
 font-size: 0.55em;
 font-family: var(--r-code-font);
 line-height: 1.2em;
 word-wrap: break-word;
 box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}

.reveal pre.font-size-larger code table  {
 font-size: 1.5em;
 line-height: 120%;
}

.reveal code {
 font-family: var(--r-code-font);
 text-transform: none;
 tab-size: 2;
}

.reveal pre code {
 display: block;
 padding: 5px;
 overflow: auto;
 max-height: 400px;
 word-wrap: normal;
}

.reveal .code-wrapper {
 white-space: normal;
}

.reveal .code-wrapper code {
 white-space: pre;
}

.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;
}

.reveal img {
 margin: var(--r-block-margin) 0;
}

/*********************************************
 * LINKS
 *********************************************/
.reveal a {
 color: var(--r-link-color);
 text-decoration: none;
 transition: color 0.15s ease;
}

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

.reveal .roll span:after {
 color: #fff;
 background: var(--r-link-color-dark);
}

/*********************************************
 * Frame helper
 *********************************************/
.reveal .r-frame {
 border: 4px solid var(--r-main-color);
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.reveal a .r-frame {
 transition: all 0.15s linear;
}

.reveal a:hover .r-frame {
 border-color: var(--r-link-color);
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
}

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

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

/*********************************************
 * PRINT BACKGROUND
 *********************************************/
@media print {
 .backgrounds {
  background-color: var(--r-background-color);
 }
}
html {
 font-size: 3.5vmin;
}

@media (max-width : 768px) {
 html {
  font-size: 16px;
 }
}
@media (max-width : 568px) {
 html {
  font-size: 14px;
 }
}
.font-size1 {
 font-size: 1vmin;
}

.font-size1half {
 font-size: 1.5vmin;
}

.font-size2 {
 font-size: 2vmin;
}

.font-size2half {
 font-size: 2.5vmin;
}


.font-size3 {
 font-size: 3vmin;
}

.font-size4 {
 font-size: 4vmin;
}

.font-size5 {
 font-size: 5vmin;
}

.font-size6 {
 font-size: 6vmin;
}

.font-size7 {
 font-size: 7vmin;
}

.font-smaller {
 font-size: 0.6em;
}

.font-large {
 font-size: 3em;
}

.font-larger {
 font-size: 5.5em;
}

.reveal .footer {
 position: absolute;
 margin-top: 98vh;
 margin-left: 1vmin;
 font-size: 0.5em;
 align-self: end;
}

html.print-pdf .footer {
 margin-top: -3vmin;
 margin-left: 5vmin;
 font-size: 0.4em;
}

.visually-hidden {
 position: absolute !important;
 clip: rect(1px, 1px, 1px, 1px);
 overflow: hidden;
 height: 1px;
 width: 1px;
 word-wrap: normal;
}

.reveal[class *= pattern--] {
 background-position: left;
 background-size: 100vmax auto;
}

.reveal.pattern--stream {
 background-image: url("../intuitivestack/patterns/stream/pattern.svg");
}
.reveal.pattern--stream .slides section.intro {
 background-color: #DEF9F6;
}
.reveal.pattern--stream .slides section.intro .logo {
 background-image: url("../intuitivestack/patterns/stream/logo.svg");
}
.reveal.pattern--stream .slides section.title {
 background-color: #395F6F;
}
.reveal.pattern--stream .progress {
 color: #395F6F;
}
.reveal.pattern--stream .controls {
 color: #395F6F;
}

.reveal .slides section.color--dark {
 background-color: #0A0203;
 color: #9AB2BE;
}
.reveal .slides section.color--dark .logo {
 background-image: url("../intuitivestack/logo/white/mark.svg");
}

.reveal .slides section.color--light {
 background-color: #FFFFFF;
 color: #395F6F;
}
.reveal .slides section.color--light .logo {
 background-image: url("../intuitivestack/logo/blue/mark.svg");
}

.reveal .slides section.color--blue {
 background-color: #35A8D4;
 color: #FFFFFF;
}
.reveal .slides section.color--blue .logo {
 background-image: url("../intuitivestack/logo/white/mark.svg");
}

.reveal .slides section.color--gray {
 background-color: #395F6F;
 color: #FFFFFF;
}
.reveal .slides section.color--gray .logo {
 background-image: url("../intuitivestack/logo/white/mark.svg");
}

.reveal .slides section.color--purpledrink {
 background-color: #6E4D87;
 color: #FFFFFF;
}
.reveal .slides section.color--purpledrink .logo {
 background-image: url("../intuitivestack/logo/white/mark.svg");
}

.reveal .slides section.color--orange {
 background-color: #F7941D;
 color: #FFFFFF;
}
.reveal .slides section.color--orange .logo {
 background-image: url("../intuitivestack/logo/white/mark.svg");
}

.reveal .slides section.color--apple {
 background-color: #7CB042;
 color: #FFFFFF;
}
.reveal .slides section.color--apple .logo {
 background-image: url("../intuitivestack/logo/white/mark.svg");
}

.reveal .slides section.color--raspberry {
 background-color: #CC3366;
 color: #FFFFFF;
}
.reveal .slides section.color--raspberry .logo {
 background-image: url("../intuitivestack/logo/white/mark.svg");
}

.reveal .slides section.color--light-gray {
 background-color: #9AB2BE;
 color: #FFFFFF;
}
.reveal .slides section.color--light-gray .logo {
 background-image: url("../intuitivestack/logo/white/mark.svg");
}

.reveal .slides section.color--coffee {
 background-color: #704E2E;
 color: #FFFFFF;
}
.reveal .slides section.color--coffee .logo {
 background-image: url("../intuitivestack/logo/white/mark.svg");
}

.reveal .slides section.color--cement {
 background-color: #E6DDD1;
 color: #395F6F;
}
.reveal .slides section.color--cement .logo {
 background-image: url("../intuitivestack/logo/gray/mark.svg");
}

.color--dark {
 color: #0A0203;
}

.color--light {
 color: #FFFFFF;
}

.color--blue {
 color: #35A8D4;
}

.color--gray {
 color: #395F6F;
}

.color--purpledrink {
 color: #6E4D87;
}

.color--orange {
 color: #F7941D;
}

.color--apple {
 color: #7CB042;
}

.color--raspberry {
 color: #CC3366;
}

.color--light-gray {
 color: #9AB2BE;
}

.color--coffee {
 color: #704E2E;
}

.color--cement {
 color: #E6DDD1;
}

.justify-self-auto {
 justify-self: auto;
}

.justify-self-baseline {
 justify-self: baseline;
}

.justify-self-center {
 justify-self: center;
}

.justify-self-end {
 justify-self: end;
}

.justify-self-flex-end {
 justify-self: flex-end;
}

.justify-self-flex-start {
 justify-self: flex-start;
}

.justify-self-inherit {
 justify-self: inherit;
}

.justify-self-initial {
 justify-self: initial;
}

.justify-self-normal {
 justify-self: normal;
}

.justify-self-revert {
 justify-self: revert;
}

.justify-self-self-end {
 justify-self: self-end;
}

.justify-self-self-start {
 justify-self: self-start;
}

.justify-self-start {
 justify-self: start;
}

.justify-self-stretch {
 justify-self: stretch;
}

.justify-self-unset {
 justify-self: unset;
}

.align-self-auto {
 align-self: auto;
}

.align-self-baseline {
 align-self: baseline;
}

.align-self-center {
 align-self: center;
}

.align-self-end {
 align-self: end;
}

.align-self-flex-end {
 align-self: flex-end;
}

.align-self-flex-start {
 align-self: flex-start;
}

.align-self-inherit {
 align-self: inherit;
}

.align-self-initial {
 align-self: initial;
}

.align-self-normal {
 align-self: normal;
}

.align-self-revert {
 align-self: revert;
}

.align-self-self-end {
 align-self: self-end;
}

.align-self-self-start {
 align-self: self-start;
}

.align-self-start {
 align-self: start;
}

.align-self-stretch {
 align-self: stretch;
}

.align-self-unset {
 align-self: unset;
}

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

.text-align-end {
 text-align: end;
}

.text-align-inherit {
 text-align: inherit;
}

.text-align-initial {
 text-align: initial;
}

.text-align-justify {
 text-align: justify;
}

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

.text-align-revert {
 text-align: revert;
}

.text-align-right {
 text-align: right;
}

.text-align-start {
 text-align: start;
}

.text-align-unset {
 text-align: unset;
}

.text-align--webkit-auto {
 text-align: -webkit-auto;
}

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

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

.text-align--webkit-match-parent {
 text-align: -webkit-match-parent;
}

.text-align--webkit-right {
 text-align: -webkit-right;
}

.grid-wrapper {
 display: grid;
}

.reveal .slides {
 text-align: left;
 overflow-y: visible;
 /*overflow: hidden;*/ /* Prevents ESC from working but was needed for another reason. Figure out why. */
}

.reveal .slides > section,
.reveal .slides > section > section {
 padding: 0;
}

.reveal .slides > section.past,
.reveal .slides > section.future,
.reveal .slides > section > section.past,
.reveal .slides > section > section.future {
 opacity: 1;
}

.reveal .controls {
 right: 4vmin;
 bottom: 4vmin;
}
@media (max-width : 768px) {
 .reveal .controls {
  right: 2vmin;
  bottom: 2vmin;
 }
}

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
 margin-bottom: 2.5vmin;
 color: inherit;
}

.reveal .slides section {
 box-sizing: border-box;
 padding: 0;
}

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

.reveal section img {
 background: none;
 border: none;
 box-shadow: none;
 margin: 0;
}

.reveal .slides section {
 height: 100vh;
 margin: 0;
 width: 100vw;
 overflow-y: visible;
 /*overflow: auto !important;*/ /* Adds scrollbar for long pages */ /* Prevents ESC from working but was needed for another reason. Figure out why. */
}
.reveal .slides section:not([class *= color--]) {
 background-color: #FFFFFF;
}
.reveal .slides section.stack {
 background-color: transparent;
}
.reveal .slides section .grid-wrapper {
 box-sizing: border-box;
 grid-column-gap: 10vmin;
 grid-row-gap: 5vmin;
 grid-template-areas: "header" "content";
 grid-template-rows: 4.5vmin 1fr;
 height: 100%;
 padding: 10vmin;
 padding-top: 5vmin;
}
.reveal .slides section .header {
 align-items: center;
 display: flex;
 grid-area: header;
}
.reveal .slides section .logo {
 background-image: url("../intuitivestack/logo/blue/mark.svg");
 background-repeat: no-repeat;
 background-size: auto 100%;
 display: inline-block;
 grid-area: header;
 height: 4.5vmin;
 margin-right: 4.5vmin;
 width: 4.5vmin;
}
.reveal .slides section .section {
 text-transform: uppercase;
 line-height: 4.5vmin;
 font-size: 0.6em;
 font-weight: bold;
}
.reveal .slides section:not([class *= color--]) .section {
 color: #35A8D4;
}
.reveal .slides section .content {
 grid-area: content;
}
.reveal .slides section .content .center {
 align-self: center;
}
.reveal .slides section.color--dark .section {
 color: #395F6F;
}

.reveal .slides section.intro {
 height: calc(100vh - 4vmin);
 width: calc(100vw - 4vmin);
 margin-left: 2vmin;
}
@media (max-width : 768px) {
 .reveal .slides section.intro {
  height: calc(100vh - 4vmin);
  width: calc(100vw - 4vmin);
 }
}
.reveal .slides section.intro .logo-wrapper {
 display: flex;
 height: 100%;
}
.reveal .slides section.intro .logo {
 background-position: center;
 background-size: contain;
 height: auto;
 margin: auto;
 min-height: 200px;
 min-width: 200px;
 width: 33%;
}

.reveal .slides section.title {
 height: calc(100vh - 8vmin);
 width: calc(100vw - 8vmin);
 color: #FFFFFF;
 margin-left: 22vw;
 width: calc(100vw - 4vmin - 22vw);
 font-size: 90%;
}
@media (max-width : 768px) {
 .reveal .slides section.title {
  height: calc(100vh - 16vmin);
  width: calc(100vw - 16vmin);
  /* Default: 2vmin: TESTING TESTING TESTING */
 }
}
.reveal .slides section.title .grid-wrapper {
 grid-template-areas: "header header" "content content" ". credit";
 grid-template-columns: auto 40%;
 grid-template-rows: 6vmin 1fr auto;
 grid-column-gap: 10vmin;
}
.reveal .slides section.title .logo {
 background-image: url("../intuitivestack/logo/white/mark.svg");
 height: 6vmin;
 width: 6vmin;
}
.reveal .slides section.title .logo--full {
 background-image: url("../intuitivestack/logo/white/logo.svg");
 width: 24vmin;
}
.reveal .slides section.title .content {
 grid-area: content;
}
.reveal .slides section.title .content .shortdesc {
 font-size: 75%;
}
.reveal .slides section.title .content .center {
 align-self: center;
}
.reveal .slides section.title h1 {
 color: #FFFFFF;
}
.reveal .slides section.title .credit {
 align-self: end;
 grid-area: credit;
 line-height: 1.8em;
 font-size: 60%;
}
.reveal .slides section.title .credit hr {
 border: solid #9AB2BE;
 border-width: 1px 0 0 0;
 margin: 0 0 0.8em 0;
 width: 20%;
}
.reveal .slides section.title .credit .label {
 font-size: 60%;
 text-transform: uppercase;
}
.reveal .slides section.title .credit .name {
 font-weight: bold;
}
@media (max-width : 568px) {
 .reveal .slides section.title .grid-wrapper {
  grid-template-areas: "header" "content" "credit";
  grid-template-columns: auto;
 }
 .reveal .slides section.title .credit {
  justify-self: end;
 }
}
@media (min-width : 1280px) {
 .reveal .slides section.title .content {
  display: grid;
  grid-template-areas: "title description";
  grid-template-columns: auto 40%;
  grid-column-gap: 10vmin;
 }
 .reveal .slides section.title h1 {
  grid-area: title;
 }
 .reveal .slides section.title .description {
  grid-area: description;
  margin-top: 0.5em;
 }
}

.reveal .slides section.subsection .grid-wrapper {
 grid-template-areas: "header" "title" "description";
 grid-template-rows: 4.5vmin 3fr 1fr;
}
.reveal .slides section.subsection h1 {
 align-self: center;
 grid-area: title;
 margin: 0;
}
.reveal .slides section.subsection .description {
 color: #35A8D4;
 grid-area: description;
 min-height: 4em;
}
.reveal .slides section.subsection:not([class *= color--]) .logo,
.reveal .slides section.subsection.color--light .logo {
 background-image: url("../intuitivestack/logo/black/mark.svg");
}
.reveal .slides section.subsection.color--purpledrink .description,
.reveal .slides section.subsection.color--blue .description,
.reveal .slides section.subsection.color--orange .description {
 color: #9AB2BE;
}

.reveal .slides section.quote blockquote {
 background: none;
 border: none;
 box-shadow: none;
 font-style: normal;
 margin: 0;
 max-width: 42ex;
 padding: 0;
 width: 100%;
}
.reveal .slides section.quote hr {
 border: solid #35A8D4;
 border-width: 1px 0 0 0;
 margin: 0.8em 0;
 width: 10%;
}
.reveal .slides section.quote cite {
 color: #35A8D4;
 display: block;
 font-size: 1rem;
}
.reveal .slides section.quote.color--purpledrink blockquote,
.reveal .slides section.quote.color--blue blockquote,
.reveal .slides section.quote.color--orange blockquote {
 color: #FFFFFF;
}
.reveal .slides section.quote.color--purpledrink hr,
.reveal .slides section.quote.color--blue hr,
.reveal .slides section.quote.color--orange hr {
 border-color: #9AB2BE;
}
.reveal .slides section.quote.color--purpledrink cite,
.reveal .slides section.quote.color--blue cite,
.reveal .slides section.quote.color--orange cite {
 color: #9AB2BE;
}

.reveal .slides section.team .content {
 display: grid;
 grid-auto-columns: 1fr;
 grid-auto-rows: 1fr;
 grid-auto-flow: column;
 grid-column-gap: 10vmin;
 grid-row-gap: 5vmin;
}
.reveal .slides section.team .profile {
 display: grid;
 grid-column-gap: 5vmin;
 grid-template-rows: 15vmin 1fr;
}
.reveal .slides section.team h2 {
 color: #35A8D4;
 font-size: inherit;
 margin-bottom: 0.5em;
}
.reveal .slides section.team img {
 display: block;
 float: left;
 height: auto;
 margin-right: 5vmin;
 width: auto;
}
.reveal .slides section.team .name {
 margin: 0.6em 0;
}
.reveal .slides section.team .role {
 color: #35A8D4;
 font-size: 0.8em;
 margin: 0.6em 0;
}
.reveal .slides section.team .supplement {
 font-size: 0.8em;
 color: #35A8D4;
}
@media not all and (max-width : 768px) {
 .reveal .slides section.team .profile:first-child:nth-last-child(1) {
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr;
 }
 .reveal .slides section.team .profile:first-child:nth-last-child(1) img {
  float: none;
  max-width: none;
  max-height: none;
  width: 100%;
 }
}
@media (min-width : 1280px) {
 .reveal .slides section.team img {
  float: none;
  max-width: none;
  max-height: 100%;
  width: 100%;
 }
 .reveal .slides section.team .profile {
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
 }
 .reveal .slides section.team .profile:first-child:nth-last-child(1) {
  justify-self: center;
  padding: 0 10vmin;
 }
}
@media (max-width : 768px) {
 .reveal .slides section.team .content {
  grid-auto-flow: row;
 }
}
@media (max-width : 768px) and (orientation : landscape) {
 .reveal .slides section.team .content {
  grid-auto-flow: column;
 }
 .reveal .slides section.team .profile {
  grid-template-rows: auto;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 5vmin;
 }
 .reveal .slides section.team .details {
  display: none;
 }
 .reveal .slides section.team img {
  float: left;
  height: auto;
  margin-right: 5vmin;
  max-height: 50%;
  max-width: 40%;
  width: auto;
 }
}
@media (max-width : 568px) {
 .reveal .slides section.team .content {
  grid-auto-flow: row;
 }
 .reveal .slides section.team .profile {
  grid-template-rows: auto;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 5vmin;
 }
 .reveal .slides section.team .details {
  display: none;
 }
 .reveal .slides section.team img {
  float: left;
  height: auto;
  margin-right: 5vmin;
  max-height: 50%;
  max-width: 40%;
  width: auto;
 }
}

.reveal .slides section.end {
 height: 100vh;
 margin: 0;
 width: 100vw;
 overflow: auto !important; /* Adds scrollbar for long pages */
}
.reveal .slides section.end .logo-wrapper {
 display: flex;
 height: 100%;
}
.reveal .slides section.end .logo {
 background-image: url("../intuitivestack/logo/white/logo.svg");
 background-position: center;
 background-size: contain;
 height: auto;
 margin: auto;
 min-height: 200px;
 min-width: 200px;
 width: 33%;
}
.reveal .slides section.end.color--white .logo {
 background-image: url("../intuitivestack/logo/white/logo.svg");
}

.reveal .slides section.contact-us {
 display: inherit;
}
.reveal .slides section.contact-us .logo-wrapper {
 height: 66%;
}
.reveal .slides section.contact-us .logo {
 background-image: url("../intuitivestack/logo/white/logo.svg");
 background-position: center;
 background-size: contain;
 height: auto;
 margin: auto;
 min-height: 200px;
 min-width: 200px;
 width: 33%;
}
.reveal .slides section.contact-us .content {
 grid-area: content;
}
.reveal .slides section.contact-us .content .center {
 align-self: center;
}
.reveal .slides section.contact-us.color--white .logo {
 background-image: url("../intuitivestack/logo/white/logo.svg");
}

.reveal .slides section.blank .content,
section.code .content {
 --min-cols: 1;
 --max-cols: 6;
 --cols-min-width: 320px;
 --grid-row-gap: 10vmin;
 --grid-column-gap: 5vmin;
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(min(100%/var(--min-cols) - var(--grid-column-gap) * (var(--min-cols) - 1) / var(--min-cols), max(var(--cols-min-width), 100% / var(--max-cols) - var(--grid-column-gap) * (var(--max-cols) - 1) / var(--max-cols))), 1fr));
 gap: 1vh 1vw; /* $grid-row-gap $grid-column-gap; */
}
.reveal .slides section.blank div.content .fragment .teeny,
section.code div.content .fragment .teeny {
 width: 320px;
 max-width: 100%;
}
.reveal .slides section.blank div.content .fragment .small,
section.code div.content .fragment .small {
 width: 768px;
 max-width: 100%;
}
.reveal .slides section.blank .section,
section.code .section {
 display: grid;
 grid-column-gap: 5vmin;
 grid-template-rows: 1fr;
}
.reveal .slides section.blank img,
section.code img {
 display: block;
 /*float: left;*/
 /*height: auto;*/
 /*margin-right: $slidePadding*0.5;*/
 /*width: auto;*/
}
.reveal .slides section.blank .name,
section.code .name {
 margin: 0.6em 0;
}
.reveal .slides section.blank .role,
section.code .role {
 color: #35A8D4;
 font-size: 0.8em;
 margin: 0.6em 0;
}
.reveal .slides section.blank .supplement,
section.code .supplement {
 font-size: 0.8em;
 color: #35A8D4;
}
.reveal .slides section.blank blockquote,
section.code blockquote {
 background: none;
 border: none;
 box-shadow: none;
 font-style: normal;
 margin: 0;
 max-width: 42ex;
 padding: 0;
 width: 100%;
}
.reveal .slides section.blank hr,
section.code hr {
 border: solid #35A8D4;
 border-width: 1px 0 0 0;
 margin: 0.8em 0;
 width: 10%;
}
.reveal .slides section.blank cite,
section.code cite {
 color: #35A8D4;
 display: block;
 font-size: 1rem;
}
.reveal .slides section.blank.color--purpledrink blockquote,
.reveal .slides section.blank.color--blue blockquote,
.reveal .slides section.blank.color--orange blockquote,
section.code.color--purpledrink blockquote,
section.code.color--blue blockquote,
section.code.color--orange blockquote {
 color: #FFFFFF;
}
.reveal .slides section.blank.color--purpledrink hr,
.reveal .slides section.blank.color--blue hr,
.reveal .slides section.blank.color--orange hr,
section.code.color--purpledrink hr,
section.code.color--blue hr,
section.code.color--orange hr {
 border-color: #9AB2BE;
}
.reveal .slides section.blank.color--purpledrink cite,
.reveal .slides section.blank.color--blue cite,
.reveal .slides section.blank.color--orange cite,
section.code.color--purpledrink cite,
section.code.color--blue cite,
section.code.color--orange cite {
 color: #9AB2BE;
}
.reveal .slides section.blank .section:first-child:nth-last-child(1),
section.code .section:first-child:nth-last-child(1) {
 grid-template-rows: 1fr;
 justify-self: center;
}
.reveal .slides section.blank .section:first-child:nth-last-child(1) img,
section.code .section:first-child:nth-last-child(1) img {
 float: none;
 max-height: calc(100vh - 25vmin);
}
@media not all and (max-width : 768px) {
 .reveal .slides section.blank .section:first-child:nth-last-child(1),
 section.code .section:first-child:nth-last-child(1) {
  grid-template-rows: 1fr;
  justify-self: center;
 }
 .reveal .slides section.blank .section:first-child:nth-last-child(1) img,
 section.code .section:first-child:nth-last-child(1) img {
  float: none;
  max-height: calc(100vh - 25vmin);
 }
}
@media (min-width : 1280px) {
 .reveal .slides section.blank img,
 section.code img {
  float: none;
  justify-self: center;
  max-height: calc(100vh - 25vmin);
 }
 .reveal .slides section.blank img .fullwidth,
 section.code img .fullwidth {
  float: none;
  justify-self: center;
  max-height: 95%;
 }
 .reveal .slides section.blank .section,
 section.code .section {
  grid-template-rows: 1fr;
 }
 .reveal .slides section.blank .section:first-child:nth-last-child(1),
 section.code .section:first-child:nth-last-child(1) {
  justify-self: center;
  padding: 0 10vmin;
 }
}
@media (max-width : 768px) {
 .reveal .slides section.blank .content,
 section.code .content {
  grid-auto-flow: row;
 }
}
@media (max-width : 768px) and (orientation : landscape) {
 .reveal .slides section.blank .content,
 section.code .content {
  grid-auto-flow: column;
 }
 .reveal .slides section.blank .section,
 section.code .section {
  grid-template-rows: 1fr;
  align-items: center;
  display: grid;
  grid-template-columns: auto;
  grid-column-gap: 5vmin;
 }
 .reveal .slides section.blank .details,
 section.code .details {
  display: none;
 }
 .reveal .slides section.blank img,
 section.code img {
  float: left;
  height: auto;
  margin-right: 5vmin;
  width: auto;
 }
}
@media (max-width : 568px) {
 .reveal .slides section.blank .content,
 section.code .content {
  grid-auto-flow: row;
 }
 .reveal .slides section.blank .section,
 section.code .section {
  grid-template-rows: auto;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 5vmin;
 }
 .reveal .slides section.blank .details,
 section.code .details {
  display: none;
 }
 .reveal .slides section.blank img,
 section.code img {
  float: left;
  height: auto;
  margin-right: 5vmin;
  width: auto;
 }
}

/*******************************************************************************
 * Code Segments
 ******************************************************************************/
figure.code {
 display: flex;
 flex-direction: column;
 overflow: hidden;
}

figure.code pre {
 box-shadow: none;
 font-size: 1rem;
 height: 100%;
 line-height: 1.1rem;
 margin: 0;
 width: 100%;
 overflow: hidden;
}

.reveal pre code {
 background-color: #3f3f3f;
 border: 1ex solid #3f3f3f;
 border-width: 1ex 2ex;
 box-sizing: border-box;
 height: 100%;
 max-height: none;
 -moz-tab-size: 2;
 tab-size: 2;
}

figure.code figcaption {
 box-sizing: border-box;
 padding: 1ex 2ex;
 width: 100%;
 font-size: 0.875em;
 border: 1px solid #3f3f3f;
 border-bottom-width: 0;
 background-color: #333;
 text-align: left;
}

figure.code pre + figcaption {
 border-top-width: 0;
 border-bottom-width: 1px;
 color: #9AB2BE;
}

figure.code figcaption.path {
 font-family: "Roboto Mono", monospace;
}

.reveal .r-stack .pre {
 width: 100%;
}

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

.reveal .content p {
 /*margin-bottom: 1em;*/
}

.checklist > .li:before {
 content: "\2610";
 margin-left: -1.1em;
}

.checklist {
 list-style-type: none !important;
}

.checklist > .li > .p {
 margin-top: -1.3em;
 margin-left: 0.4em;
}

.vertical-align-top {
 vertical-align: top;
}

ul.simple {
 list-style-type: none;

}

.reveal .content .description {
 grid-column: span 4;
}

.reveal .content .goal-support {
 grid-column: span 2;
 padding-right: 1em;

}

.reveal .content .roi {
 grid-column: span 2;
}

.reveal .content .effort {
 grid-column: span 1;
}

.reveal .content .impact {
 grid-column: span 1;
}

.reveal .content .strategy {
 grid-column: span 2;
 grid-row: span 2;
 padding-right: 1em;
}

.reveal .content .investment {
 grid-column: span 2;
}

.reveal .recs .goal-support p:first-child,
.reveal .recs .roi p:first-child,
.reveal .recs .effort p:first-child,
.reveal .recs .impact p:first-child,
.reveal .recs .strategy p:first-child,
.reveal .recs .investment p:first-child {
 font-size: 3vmin;
 margin-bottom: 10px;
}

.reveal .recs .goal-support p:not(:first-child),
.reveal .recs .roi p:not(:first-child),
.reveal .recs .effort p:not(:first-child),
.reveal .recs .impact p:not(:first-child),
.reveal .recs .strategy p:not(:first-child),
.reveal .recs .investment
p:not(:first-child) {
 font-size: 2.5vmin;
}

.reveal .recs .goal-support p:not(:first-child),
.reveal .recs .roi p:not(:first-child),
.reveal .recs .investment p:not(:first-child) {
 margin-top: 10px;
 margin-bottom: 10px;
}

.reveal .recs .effort p:not(:first-child),
.reveal .recs .impact p:not(:first-child),
.reveal .recs .strategy p:not(:first-child) {

}


.reveal .recs .investment p:first-child {
 margin-top: 0;
 margin-bottom: 10px;
}

.reveal .recs .investment
p:not(:first-child) {
 margin-top: 0;
}

.reveal .slides section.recs .content {
 --min-cols: 1;
 --max-cols: 4;
 --cols-min-width: 320px;
 --grid-row-gap: 10vmin;
 --grid-column-gap: 10vmin;
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(min(100%/var(--min-cols) - var(--grid-column-gap) * (var(--min-cols) - 1) / var(--min-cols), max(var(--cols-min-width), 100% / var(--max-cols) - var(--grid-column-gap) * (var(--max-cols) - 1) / var(--max-cols))), 1fr));
 gap: 1vh 1vw; /* $grid-row-gap $grid-column-gap; */
}

.f-right {
 font-size: 1.15em;
 margin-left: 55vmin;

}