/* ANIMATION FOR HOVER OVERLAY, TEXT, & BUTTON */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* ADDS SLOW ANIMATION TO HOVER OVERLAY ELEMENTS */
.portfolio-card__img-overlay:hover {
  transition: background 1.5s;
}
/* HIDES OVERLAY, OVERLAY TEXT, & OVERLAY BUTTON UNTIL PORTFOLIO CARD IS HOVERED */
.portfolio-card__hover-txt {
  display: none;
}
.portfolio-card__hover-btn {
  display: none !important;
}
.portfolio-card__hover-btn:hover {
  background: var(--secondary) !important;
  color: var(--white) !important;
  display: none;
}
/* SHOWS OVERLAY, OVERLAY TEXT, AND OVERLAY BUTTON ON PORTFOLIO CARD HOVER */
.portfolio-card__img-overlay:hover > * {
  display: block !important;
  -webkit-animation: fadeIn 3s;
  animation: fadeIn 3s;
}
.portfolio-card__img-overlay-large:hover > * {
  display: block !important;
  -webkit-animation: fadeIn 3s;
  animation: fadeIn 3s;
}