/* CSS Document */
:root {
  --headingFS: Roboto Condensed SemiBold, Impact, Arial Black, sans-serif;
  --sansFS: NeueSwiss, Helvetica, Verdana, sans-serif;
  --serifFS: Ethic Serif Light, Times New Roman, Times, serif;
}

#filterViewNav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
#filterViewNav > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
#filterViewNav .left {
  justify-content: flex-start;
}
#filterViewNav .left .filterButton {
  border-right: 1px solid var(--greyLighter2);
}
#filterViewNav .right {
  justify-content: flex-end;
}
#filterViewNav .right .filterButton {
  border-left: 1px solid var(--greyLighter2);
}
#filterViewNav .filterButton {
  display: inline-block;
  vertical-align: middle;
  padding: 10px var(--padding);
  color: var(--greyMid);
  font-size: 25px;
  line-height: 18px;
}
#filterViewNav .filterButton.active {
  color: black;
}
#filterViewNav .filterButton:hover, #filterViewNav .filterButton:active {
  color: black !important;
}

#thumbnailsCollection {
  display: none;
  padding: var(--paddingFixed) var(--padding);
  border-top: 1px solid var(--greyLighter2);
}
#thumbnailsCollection .justified-gallery {
  position: relative;
  overflow: hidden;
}
#thumbnailsCollection .justified-gallery .itemThumb {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  cursor: pointer;
  background-color: var(--greyLightest);
}
#thumbnailsCollection .justified-gallery .itemThumb.jg-entry-visible {
  opacity: 1;
}
#thumbnailsCollection .justified-gallery .itemThumb.jg-filtered {
  display: none;
}
#thumbnailsCollection .justified-gallery .itemThumb .logoImg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--padding);
  height: 100%;
  box-sizing: border-box;
}
#thumbnailsCollection .justified-gallery .itemThumb .logoImg img {
  max-height: 114%;
}
#thumbnailsCollection.active {
  display: block;
}

.loading {
  margin-bottom: var(--padding);
}
