.shower {
    --color-key: #2a7ae2;
}

a,
.slide a {
    color: #1756a9;
    text-decoration: none;
    border-bottom: 2px solid #b8c3d1;
    -o-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
    background-image: none !important;
}
a:hover {
  color: #4088e5;
  border-bottom: 2px solid #4088e5;
}

h1, h2, h3, h4, h5, h6, .subtitle {
    font-family: 'Droid Sans', sans-serif !important;
}

.shower.list, .slide {
    color: #111;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.caption {
    border-top: 10px solid #424242;
    background: #2ba7ff;
    padding-bottom: 0;
    padding-left: 0;
}

.caption .title {
    padding-left: 1em;
    padding-bottom: 0.2em;
}

.caption h1 {
    color: #424242;
    font-weight: bold;
}

header .subtitle {
    font-weight: bold;
    padding: 0.4em;
}

header .author {
    font-size: 0.6em;
    padding-bottom: 0.3em;
    line-height: 1.1em;
}

header .affiliation {
    font-size: 0.5em;
    font-style: italic;
}

header .venue {
    font-size: 0.5em;
    font-style: italic;
}

.captiondata {
    border-top: 1px solid #0090f7;
    background-color: #424242;
    border-bottom: 1px solid #0090f7;
    padding: 0.5em;
}

.caption .captiondata p {
    color: #e8e8e8;
}

.badge a:hover {
    border-bottom: none;
}

footer {
    border-top: 2px solid #0072c4;
    padding: 30px 0 30px 30px;
    background-color: #424242;
    color: #e8e8e8;
    font-size: 0.5em;
    width: 100%;
}

footer a {
    color: #e8e8e8;
}

.slide {
    background: #f6fdf5;
    padding: 30px 60px 0 60px;
}

.slide ul > li::before {
    content: none;
}

.slide ul > li {
    margin-left: 1em;
    margin-bottom: 0.8em;
    line-height: 1.2em;
}

.slide ul.inline > li {
    display: inline;
    margin: 0;
}

.slide ul.inline > li:after {
    content: ", ";
}

.slide ul.inline > li:last-child:after {
    content: "";
}

.slide::after {
    display: none;
}

.slide.title h2 {
    margin-top: 1em;
    font-size: 3em;
}

.slide.title .author {
    font-size: 0.8em;
    margin-left: 1em;
}

.slide.title .affiliation {
    font-style: italic;
    font-size: 0.7em;
    margin: 0;
    margin-left: 1em;
}

.slide h2, h3, h4, h5, h6 {
    color: #1756a9;
}

.slide.index {
    display: flex;
    align-items: center;
    border-top: 50px solid #424242;
    border-bottom: 100px solid #424242;
    color: #777676;
}

.slide.index a {
    color: #777676;
}

.slide.index li.current a {
    color: #111;
}

.slide h2.big {
    margin-top: 1em;
    font-size: 2.1em;
    line-height: 1.3;
}

.slide h2 strong {
    font-weight: 900;
}

li.current {
    font-weight: bolder;
    color: #111;
}

li.inactive {
    color: #aaa;
}

.slide a.reference {
    font-style: italic;
    font-size: 0.8em;
    color: #919191;
}

.center {
    text-align: center;
}

.indent {
    margin-left: 1em;
}

.inline {
    display: inline;
}

.definition {
    background: #bee5e1;
    padding: 0.5em;
}

.definition::before {
    content: "Definition: ";
    font-size: 1.1em;
    font-weight: bold;
    font-style: italic;
}

.slide code {
    background: none;
}

.slide pre {
    line-height: 1em;
    display: block;
    white-space: pre;
}

.slide tr:not(:last-of-type) > * {
    background: none;
}

.slide th,
.slide td {
    padding-left: 0.2em;
}

.slide th {
    border-bottom: solid 1px var(--color-light);
}

.slide th.title,
.slide td.title {
    border-right: solid 1px var(--color-light);
    font-weight: bold;
}

.hide {
    visibility: hidden;
}

iframe {
    border: none;
    width: 100%;
    height: 462px;
}

@media print {
    .slide {
        background: white;
    }
    
    footer {
        display: none;
    }
    
    .slide.index {
        border-top: none;
        border-bottom: none;
    }
}