.v-center-bottom {
  display: flex;
  justify-content: center;
  align-items: self-end;
}

.v-center {
  display: flex;
  justify-content: center;
  align-items: self-end;
}

.v-right {
  display: flex;
  justify-content: right;
  align-items: self-end;
}

.row {
  margin-top: 10px;
}

.pull-left {
  float: left;
  width: 50% !important;
  margin-bottom:20px;
}
.pull-right {
  float: right;
  width: 50% !important;
  margin-bottom:20px;
}

img.sticker-float-right {
  height: 160px;
  position: absolute;
  top: -0.5em;
  right: -1em;
  z-index: 1;
}
img.sticker-float-left {
  height: 160px;
  position: absolute;
  top: -0.5em;
  left: -1em;
  z-index: 1;
}

img.sticker-float-midright {
  height: 160px;
  position: absolute;
  top: -0.5em;
  right: 12em;
  z-index: 1;
}

.box {
  width: 100%;
  border-radius: 25px;
  padding: 5px 0px 5px 25px;
  margin-bottom: -100px;
  background-color: #ffffff99;
}

.box-blond {
  width: 100%;
  border-radius: 25px;
  padding: 5px 0px 5px 25px;
  margin-bottom: -100px;
  background-color: #faf0cadd;
}

.center {
  text-align: center;
}

.v-fill {
  height: 100%;
}

.box-opaque {
  width: 100%;
  border-radius: 25px;
  padding: 5px 0px 5px 25px;
  background-color: #ffffff;
}

.box p{
  margin: 10px 20px 0px 0px;
}


.blur {
  filter: blur(5px);
  opacity: 50%;
}
.reveal .slides section .fragment.blur {
  filter: blur(5px);
  opacity: 50%;
  visibility: visible;
}

.reveal .slides section .fragment.blur.visible {
  filter: none;
  opacity: 100%
}

img.icon {
  height: 0.75em;
  margin: 0;
}

.dateplace {
  font-size: 35px;
  margin-left: 0.6em !important;
  padding-bottom: 1.2em;
}

.title {
  font-weight: bold;
  font-size: 70px;
  margin-top: -0.5em !important;
  margin-left: 0.3em !important;
}

@keyframes blur {
  0%   {filter: blur(0px);  opacity: 100%;}
  100% {filter: blur(5px);  opacity: 50%;}
}

.title>p>strong.blur {
  animation-name: blur;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
}

.smaller {
  font-size: 27.5px;
  margin-left: 0.85em !important;
}

.callout.no-icon .callout-body, .callout.no-icon .callout-content {
  width: 100%;
}

.callout-content ul {
  display: block;
}

div.callout-tip .callout-icon::before {
  background-image: url('../resources/lightbulb.png') !important;
}
div.callout-paper .callout-icon::before {
  background-image: url('../resources/school.png');
}
div.callout-paper {
  border-left-color: #4582ec !important;
}

div.callout-link .callout-icon::before {
  background-image: url('../resources/link-variant.png');
}
div.callout-link {
  border-left-color: #4582ec !important;
}

div.callout-unsplash .callout-icon::before {
  background-image: url('../resources/unsplash.png');
}
div.callout-unsplash {
  border-left-color: #000 !important;
  overflow: auto;
  white-space: nowrap;
  height: 600px;
}

div.callout-question .callout-icon::before {
  background-image: url('../resources/help.png');
}
div.callout-question {
  border-left-color: #04d42c !important;
  overflow: auto;
  white-space: nowrap;
}


div.callout-pro .callout-icon::before {
  background-image: url('../resources/check.svg');
}
div.callout-pro {
  border-left-color: #04d42c !important;
  overflow: auto;
  white-space: nowrap;
}
div.callout-con .callout-icon::before {
  background-image: url('../resources/cross.svg');
}
div.callout-con {
  border-left-color: #d9534f !important;
  overflow: auto;
  white-space: nowrap;
}

span.danger {
  color: #D9534F;
}

span.term {
  color: #4582ec;
}

.fragment-remove .fragment.fade-out.visible {
    display: none;
    height:0px;
    line-height: 0px;
    font-size: 0px;
}

.reveal code {
  white-space: pre;
}

.green {
  background-color: #C1D9A999;
  color: #261514FF;
  font-weight: 600;
  font-style: oblique;
  padding: 0em 0.08em;
  border-radius: 0.05em;
  box-shadow: 0.5px 0.7px 0.5px #26151499;
}

.text-overlay {
  width: 75%;
  border-radius: 25px;
  padding: 5px 0px 5px 25px;
  margin-top: 100px;
  margin-bottom: -100px;
  margin-left:300px;
  margin-right:-100px;
  background-color: #ffffff;
  font-size: 26px;
}


.reveal li {
  padding-bottom: 0.4em;
  line-height: 1.1;
}

/* Add vertical spacing between definition list items */
dl dd {
  padding-bottom: 0.4em;
  margin-bottom: 0.45em;  /* tweak value as needed */
}

/* Optional: add a little space above/below the term itself */
dl dt {
  margin-top: 0.5em;
}
