/* footer — section styles (loaded from by build.py) */ /* The foot of the page is the last cream band; Tilda's own popup form still lives in the record under it and keeps its own styles. */ #t-footer { background:var(--color-bg); color:var(--color-text); font-family:var(--font-body); } #t-footer #rec608553334 { margin-top:96px; border-top:1px solid var(--color-divider); } #t-footer .vp-footer__inner, #t-footer .vp-footer__inner * { box-sizing:border-box; } #t-footer .vp-footer__inner { width:var(--vp-page); margin:auto; padding:44px 0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px 32px; } #t-footer .vp-footer__brand { display:flex; align-items:center; gap:12px; } #t-footer .vp-footer__brand img { width:34px; height:30px; display:block; object-fit:contain; } #t-footer .vp-footer__brand span { color:color-mix(in srgb, var(--color-text) 60%, transparent); font-size:14px; line-height:1.5; } #t-footer .vp-footer__links { display:flex; flex-wrap:wrap; gap:12px 24px; } #t-footer .vp-footer__links a { color:var(--color-text); font-size:14px; font-weight:600; text-decoration:none; } #t-footer .vp-footer__links a:hover { color:var(--color-accent-700); } /* The support button floats over the bottom right corner of the page, and the foot is the one band it would otherwise land on. */ @media (min-width:781px) { #t-footer .vp-footer__inner { padding-bottom: 88px; } } @media (max-width:780px) { #t-footer #rec608553334 { margin-top:56px; } #t-footer .vp-footer__inner { width:calc(100% - 32px); padding:28px 0; align-items:flex-start; flex-direction:column; gap:18px; } }