#ol-infographic-wrapper {
  position: relative;
}

#ol-infographic-outer {
  position: absolute;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: white;
  padding-top: 2em;
  padding-bottom: 0.5em;
}

#ol-infographic-outer svg {
  width: 100vw;
}

#ol-infographic-inner::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1em;
  background-color: white;
  bottom: 0;
  left: 0;
}

.tippy-content .tooltip-header {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 1rem;
}

.tippy-box {
  background-color: #000;
}

.tippy-arrow {
  color: #000;
}

.tippy-content {
  padding: 1.5em 1.5em 0.75em 1.5em;
}

.tippy-content ol {
  padding-bottom: 1em;
}

@media only screen and (min-width: 601px){
  #ol-accordion,
  #download-infographic-button-mobile{
    display: none;
  }
}

@media only screen and (max-width: 600px){
  #ol-infographic-wrapper,
  #download-infographic-button-desktop{
    display: none;
  }
}

/* --------------------------------------------
Accordion Styles
----------------------------------------------*/

.accordion { margin: 0 0 30px; border-top: 1px solid #DDD; border-right: 1px solid #DDD; border-left: 1px solid #DDD; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.accordion dt { border-bottom: 1px solid #DDD; }

.accordion dd { display: none; padding: 20px; border-bottom: 1px solid #DDD; margin-left: 0; }

.accordion dt { cursor: pointer; padding: 8px 15px; margin: 0; }

/* .accordion dt:before { content: "\25B6"; padding-right: 5px; } */

/* .accordion dt.accordion-active:before { content: "\25BE"; padding-right: 5px; } */

.accordion dt.accordion-active:hover { cursor: default; }