:root {
    --almost-aalto-blue:#3874B5;
    --almost-aalto-orange:#FF671F;
}

.reveal{
    /* Chill with the font size just a little bit reveal.js */
    font-size: 36px; 
}

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

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

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

.reveal table th {
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
}
.reveal table td {
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 0;
    border-bottom: 0;
}

.reveal table {
    margin-top: 0.75em;
    margin-bottom: 1.5em;
    font-size: 60%;
}

.lcols{
    display: flex;
}
.lcol{
    flex: 1;
}

body.reveal-viewport {
    background-image: url("Aalto_SCI_EN_21_BLACK_2_Original.png");
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: 0% 100%;
}

/* This is to add a somewhat smaller version of the logo to the pdf printed
   backgrounds. The body is left out on these (and the slides a bit differently
   formatted).
*/
.reveal .slides .pdf-page {
    background-image: url("Aalto_SCI_EN_21_BLACK_2_Original.png");
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: 0% 100%;
}

.reveal .controls {
    color: var(--almost-aalto-orange);
}

.reveal .progress {
  background: rgba(0, 0, 0, 0.2);
    color: var(--almost-aalto-orange);
}

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
	/* Dark grey. */
    /* color:#1f2931; */
    /* color:#172570; */
    /* color:#174e70; */
    color:var(--almost-aalto-blue);
   /* Old Sci orange.*/
    /* color:var(--almost-aalto-orange); */
}

.note {
    font-size: 70%;
}

.reveal section img {
    border: none;
}

.reveal pre {
    /* Adjust font size up. */
    font-size: 0.8em;
}

.reveal blockquote {
    color: var(--almost-aalto-blue);
    box-shadow: none;
    text-align: left;
}

.reveal a {
    color: var(--almost-aalto-blue);
}

.reveal a:hover {
    color: var(--almost-aalto-orange);
}

/* Make sure to treat these classes somewhat differently if 
we are printing or not.*/
.print-pdf .onlyprint {
    display: inherit;
    width: 75%;
    height: 75%;
}
.onlyprint {
    display: none;
}

.reveal pre code {
    max-height: 800px;
}