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

.wb-tag{ 
 text-align: center;
 color: #381450;
}

.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: #652C90;
}

.wfri-orange {
  color:  #652C90;
}

.bg-wfri-blue {
  background-color: #9CB252;
}

.wfri-blue {
  color: #9CB252;
}

#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;
}

#header-img{
  max-height: 30%;
  max-width: 40%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}