div.h5p-image-hotspot-popup-header {
  white-space: pre-wrap;
  overflow: visible;
  display: block;
  text-overflow: ellipsis;
  font-weight: bold;
  margin: 0;
  padding: 0.5em 0.5em 0 0.5em;
  margin-bottom: 0;
  line-height: 1.4em;
  height: auto;
}

.h5p-image-hotspots-container .h5p-image-hotspot {

}

button.h5p-image-hotspot {
    background: none;
    color: #52840E !important;
}

div.h5p-content-controls {
  top: auto;
  bottom: 0;
}

.h5p-image-hotspot-popup-pointer {
  display: none;
}

button.h5p-image-hotspot-close-popup-button::after {
  content: '+';
  display: block;
  font-weight: 100;
  font-size: 40px;
  transform: rotate(-45deg);
}

@media (max-width: 768px) {
  button.h5p-image-hotspot-plus:before {
    font-size: .9em;
  }

  div.h5p-image-hotspot-popup {
    margin-top: 0;
    padding: 0;
    width: 100% !important;
    animation-name: sliderightmobile;
  }

  .h5p-video.h5p-youtube iframe {
    min-height: 255px;
  }
}
.h5p-image-hotspot-popup-content::-webkit-scrollbar {
    display: none;
}

.h5p-image-hotspot-popup {
  margin-top: 20px;
  padding: 40px 30px;
  position: absolute;
  z-index: 3;
  top: 0 !important;
  margin: 0;
  height: 100% !important;
  left: 0 !important;
  max-height: 100%;
  background: white;
  background: rgba(255,255,255,0.9);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-transition: left 1s ease-in-out;
  transition: left 1s ease-in-out;
  animation-name: slideright;
  animation-duration: .5s;
  width: 40% !important;
  color: rgba(0,0,0,1);
}

@keyframes slideright {
  0%   {width: 0;
  color: rgba(0,0,0,0);}

  100% {width: 40%;
  color: rgba(0,0,0,0);}
}

@keyframes sliderightmobile {
  0%   {width: 0;
  color: rgba(0,0,0,0);}

  100% {width: 100%;
  color: rgba(0,0,0,0);}
}

button.h5p-image-hotspot-plus:before {
  content: '\f192';
}

.paragraph--type--h5p-content.map {

}