.shower {
    --color-key: #c20e1c;
    --color-key-bright: #9C0510;
}

a,
.slide a {
    color: inherit;
    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: #c20e1c;
    border-bottom: 2px solid #c20e1c;
}

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 #FFF;
    background: var(--color-key-bright);
    padding-bottom: 0;
    padding-left: 0;
}

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

.caption h1 {
    color: #FFF;
    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 #FFF;
    border-bottom: 1px solid #FFF;
    padding: 0.5em;
}

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

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

footer {
    border-top: 2px solid #FFF;
    padding: 30px 0 30px 30px;
    background-color: var(--color-key-bright);
    color: #FFF;
    font-size: 0.5em;
    width: 100%;
}

.slide {
    background: #FFF;
    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: var(--color-key-bright);
}

.slide.index {
    display: flex;
    align-items: center;
    border-top: 50px solid var(--color-key-bright);
    border-bottom: 100px solid var(--color-key-bright);
    color: #777676;
}

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

.muted {
    color: gray;
}

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