
 Theme main colors
 :root {
    --r-background-color: #1b2f4f;
    --r-heading-color: #dfe4ed;
    --r-main-color: #dfe4ed;
}

.menubar > ul li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 0.2em solid transparent;
    border-bottom: 0.2em solid transparent;
}


.menubar > ul li.active {
    border-top-color: var(--r-heading-color);
}

#left {
    left:-8.33%;
    float: left;
    width:50%;
    z-index:-10;
    vertical-align: middle;
}

#right {
    left:31.25%;
    float: right;
    z-index:-10;
    width:50%;
    vertical-align: middle;
}

.twocolumn {
    margin-left: 10%;
    margin-right: 10%;
/*     margin-top: 5%; */
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    /* grid-gap: 5%; */
    /* grid-column-end: ; */
    text-align: center;
}
.twocolumncenter {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5%;
    /* grid-column-end: ; */
    margin: auto;
    align-items: center;
    text-align: center;
}
.twocolumntext {
    margin-left: 10%;
    margin-right: 10%;
/*     margin-top: 5%; */
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    /* grid-gap: 5%; */
    /* grid-column-end: ; */
    text-align: center;
}

.twocolumn .r-stack > img {
    width: 200%;
}
.threecolumn {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 5%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: top;
    grid-gap: 5%;
    /* grid-column-end: ; */
    /* text-align: center; */
}

.fourcolumn {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 5%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: center;
    grid-gap: 0%;
    /* grid-column-end: ; */
    /* text-align: center; */
}


.filter-green{
    filter: invert(48%) brightness(200%);
    width: 60%;
}

#poster {
    height: 600px;
    /* width: 350px; */
    object-fit: cover;
}

.portrait {
    object-fit: cover;
    border-radius: 50%;
    height: 256px;
}

.portraitsquared {
    object-fit: cover;
    border-radius: 50%;
    max-width: none !important;
    max-height: none !important;
    height: 200px;
    width:200px;
}

.portraitsquaredsmall {
    object-fit: cover;
    border-radius: 50%;
    max-width: none !important;
    max-height: none !important;
    height: 150px;
    width:150px;
    position: fixed;
    left: 500px;
}

.roundedcorner {
    object-fit: cover;
    border-radius: 10%;
}


#logo > img {
    height: 6vw !important;
}

#logo {
    position: relative;
    z-index: 1000 !important;
}

.reveal .controls button{
    color: black;
}

.reveal .progress {
    color: black;
    height: 5px;
}

.reveal .slide-number-a {
    font-size: 2em;
    color: black;
}

.reveal .slide-number-b {
    font-size: 2em;
    color: black;
}
.reveal .slide-number-delimiter {
    font-size: 2em;
    color: black;
}

.menubar {
    background-color: white;
}

.reveal a {
    color: #cf3535;
}

h2, h3 {
    padding-bottom: .5em;
}

/* CONSISTENT SIZE */
/* .reveal.slide .slides > section, .reveal.slide .slides > section > section {
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  position: absolute !important;
  top: 0 !important;
  align-items: center !important;
}
section > h1, section > h2 {
  position: absolute !important;
  top: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: 0 !important;
  right: 0 !important;
  text-align: center !important;
}
.print-pdf .reveal.slide .slides > section, .print-pdf .reveal.slide .slides > section > section {
  min-height: 770px !important;
  position: relative !important;
} */


.schema {
    overflow:hidden;
    max-height:800px;
}

.reveal table th, .reveal table td {
    border: none !important;
    vertical-align: middle !important;
    height: min-content !important;
}

.footnote {
    position:fixed;
    bottom: 5%;
    font-size:0.5em;
}

.bw {
    filter: grayscale(1);
}