/* ============================================
   COMPONENT: FOOTER
   ============================================ */

footer {
  position: fixed;
  bottom: 10px;
  width: 100%;
  text-align: center;
  opacity: 0.6;
  font-size: 0.8em;
  color: var(--btv-silver);
}
/* ==========================================================
   FOOTER — Reveal Only At Page Bottom
   ========================================================== */

.ct-footer {
    opacity: 0;
    visibility: hidden;
    transform: translateY(40px);
    transition:
        opacity 0.4s ease,
        transform 0.4s ease,
        visibility 0.4s;
}

/* When activated */
.ct-footer.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}