/* Changes to RevealJS default formatting.

I prefer this style but you can change these to your preferences */

/* This bit lets you do columns */
.container{
  display: flex;
}

.emph{
  font-weight: bold;
  color: DarkGray;
  font-style: italic;
}

.col{
  flex: 1;
  text-align: center;
}

.thumb{ 
  font-size: small;
}

.thumb img{
  width: 52%;
  object-fit: cover;
}

.quote1{
  flex-grow: 2;
  flex-shrink: 1;
  flex-basis: 0;
  font-style: italic;
  text-align: left;
  margin-left: 20px;
  font-size: 90%;
}

.quote{
  font-style: italic;
  text-align: left;
  margin-left: 20px;
  font-size: 90%;
}

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

.highlight {
color: LightCoral;
}

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
text-transform: none;
}

.reveal h1 {
margin-top:0px;
text-align: center;
}

.reveal h2 {
	text-align: center;
}

div.footnote {
font-size: 40%;
text-align: right;
}

.bg-image{
width: 180px;
}

.reveal img.centered{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*.reveal .slides section .fragment.fade-in-then-out,
/*.reveal .slides section .fragment.current-visible {
/*  opacity: 0;
/*  visibility: hidden; }
/*  .reveal .slides section .fragment.fade-in-then-out.current-fragment,
/*  .reveal .slides section .fragment.current-visible.current-fragment {
/*    opacity: 1;
/*    visibility: inherit; }
/*
/*.reveal .slides section .fragment.fade-in-then-semi-out {
/*  opacity: 0;
/*  visibility: hidden; }
/*  .reveal .slides section .fragment.fade-in-then-semi-out.visible {
/*    opacity: 0.5;
/*    visibility: inherit; }
/*  .reveal .slides section .fragment.fade-in-then-semi-out.current-fragment {
/*    opacity: 1;
/*visibility: inherit; }