/* 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;
}

.col{
  flex: 1;
}


.reveal section img{
border: none;
background: none;
box-shadow: none;
margin-left: auto;
margin-right: auto;
display: block;
}

.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;
/* Center the image */
}

.reveal .slides section .fragment.step-fade-in-then-out {
	opacity: 0;
	display: none; }
.reveal .slides section .fragment.step-fade-in-then-out.current-fragment {
	opacity: 1;
	display: inline; }


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