:root {
  --bgcolor: #fff;
  --fgcolor: #000;
  --ahover-color: #111;
  --sidecolor: #ccc;
  --iconcolor: #999;
  --iconcolordark: #666;
  --black-5: rgba(0, 0, 0, 0.5);
  --black-75: rgba(0, 0, 0, 0.75);
  --black-50: rgba(0, 0, 0, 0.5);
  --black-30: rgba(0, 0, 0, 0.3);
  --black-25: rgba(0, 0, 0, 0.25);
  --white-75: rgba(255, 255, 255, 0.75);
  --white-5: rgba(255, 255, 255, 0.5);
  --white-25: rgba(255, 255, 255, 0.25);
  --white-6: rgba(255, 255, 255, 0.6);
  --light-gray: rgba(204, 204, 204, 0.5);
  --blank-gray: rgba(204, 204, 204, 0.1);
  --dark-gray: #7c7c7c;
  --max-opacity: 1;
  --color-gold: #c4a123;
  --color-dark-gold: darkgoldenrod;
  --color-green: darkolivegreen;
  --color-green-light: green;
  --footer-bg: #cccccc;
}
.archive-filters-nav-container .subnav {
  display: none;
  transition: all 3s ease;
}
.archive-list.grid {
  position: relative;
}
.archive-list.grid .grid-item {
  background-color: var(--light-gray);
  overflow: hidden;
}
.archive-list.grid .grid-item .grid-item-thumbnail {
  z-index: 1;
  transition: all 0.3s ease;
}
.archive-list.grid .grid-item .grid-item-details {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20%;
  z-index: 100;
  transition: all 0.5s ease;
  background-color: var(--white-6);
}
.archive-list.grid .grid-item .grid-item-details h4 {
  text-align: left;
  font-family: 'FuturaBT-Light', 'Lato', sans-serif;
  font-weight: 400;
  margin: 1rem;
  font-size: 1.3rem !important;
}
.archive-list.grid .grid-item .grid-item-details div {
  margin: 0.5rem 1rem;
}
.archive-list.grid .grid-item .grid-item-details a {
  color: var(--black-75);
}
.archive-list.grid .grid-item .grid-item-details a:hover {
  color: black;
}
.archive-list.grid .grid-item:hover .grid-item-details {
  background-color: var(--white-5);
  height: 100%;
}
.archive-list.grid .grid-item:hover img {
  filter: blur(5px);
}