/* KGP site footer extras, shared by every public page.
   The footer itself is styled by the theme (module-css/07-footer-section.css). */

/* Some pages set their own accent colour; the footer always uses KGP light blue */
.footer-area { --thm-base: #ADD8E6; --thm-base-rgb: 173, 216, 230; }

/* Back to top: a round charcoal button stacked above the accessibility button (it used to sit underneath it) */
.scroll-to-top {
  right: max(16px, env(safe-area-inset-right));
  bottom: calc(max(16px, env(safe-area-inset-bottom)) + 64px);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #212226;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16), 0 10px 28px rgba(0, 0, 0, 0.28);
  transition: background-color 150ms ease, transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}
.scroll-to-top i { color: #add8e6; font-size: 20px; line-height: 52px; }
.scroll-to-top:active { transform: scale(0.94); }
@media (hover: hover) and (pointer: fine) {
  .scroll-to-top:hover { background: #2c2e33; }
  .scroll-to-top:hover i { color: #add8e6; }
}
@media (prefers-reduced-motion: reduce) {
  .scroll-to-top { transition: none; }
}