/* ==========================================================================
   Webonomics: footer.css
   ========================================================================== */

.wbn-footer { border-top: 1px solid var(--wbn-rule); padding: 56px 0 48px; color: var(--wbn-slate); font-size: 14px; }
.wbn-footer-cols { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; }
.wbn-footer-logo { height: 26px; width: auto; margin-bottom: 18px; }
.wbn-footer p { max-width: 320px; }
.wbn-footer-h { font: 600 12px var(--wbn-body); letter-spacing: .18em; text-transform: uppercase; margin-bottom: 14px; }
.wbn-footer ul { list-style: none; }
.wbn-footer li { margin: 6px 0; }
.wbn-footer a:hover, .wbn-footer a:focus-visible { color: var(--wbn-green); }
.wbn-legal { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--wbn-rule); display: flex; justify-content: space-between; align-items: center; gap: 16px; font-size: 13px; }
.wbn-legal-left { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; }
/* Brother-site button: light gray outline at rest, money green on hover/click (from .wbn-btn-line). */
.wbn-footer .wbn-sister { min-height: 40px; padding: 8px 16px; font-size: 13px; color: var(--wbn-ink); }
.wbn-footer .wbn-sister:hover, .wbn-footer .wbn-sister:focus-visible { color: #fff; }

/* Leave room for the selection bar when it is showing. */
.wbn-has-sel.wbn-st-packages .wbn-footer { padding-bottom: 130px; }

@media (max-width: 700px) {
	.wbn-footer-cols { grid-template-columns: 1fr 1fr; }
	.wbn-footer-cols > div:first-child { grid-column: 1 / -1; }
	.wbn-legal { flex-direction: column; align-items: flex-start; gap: 12px; }
}