body {
  font-family: 'Montserrat', serif;
}

.link {
  cursor: pointer;
}

#filters {
  opacity: 0.9;
}

.source {
  font-size: 12px;
  color: #999;
  font-style: italic;
}

#filters {
  z-index: 9999;
}

footer img {
  padding: 20px;
}

.bg-wfri-orange {
  background-color: #c25e03;
}

.wfri-orange {
  color:  #c25e03;
}

.bg-wfri-blue {
  background-color: #606eb2;
}

.wfri-blue {
  color: #606eb2;
}

#filters {
  border: 2px dotted black;
}

#filters.js-is-sticky--change,
#filters.js-is-stuck {
  max-height: 38px;
  transition: max-height 2s ease-out;
  overflow-y: hidden;
  border-top: none;
}

#filters.js-is-stuck:not(:hover) h3,
#filters.js-is-sticky--change:not(:hover) h3,
#filters.js-is-stuck:not(:hover) span:not(.current),
#filters.js-is-sticky--change:not(:hover) span:not(.current) {
  display: none;
}

#filters.js-is-stuck:not(:hover) div,
#filters.js-is-sticky--change:not(:hover) div {
  display: inline;
  width: 50%;
}

#filters.js-is-stuck:not(:hover) span.current::after,
#filters.js-is-sticky--change:not(:hover) span.current::after {
  content: ' ⇄';
}

#filters:hover {
  max-height: 9999px;
}


  .centered {
    text-align: center;
  }

  #ran {
    width: 100%;
    margin: 0 auto;
  }