.site-footer {
padding-top: var(--space-xl);
background: var(--color-catalog);
color: var(--color-text);
font-size: var(--text-small);
line-height: var(--leading-body);
} .site-footer a {
color: inherit;
text-decoration: none;
} .footer-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--space-l);
padding-bottom: var(--space-xl);
}
.footer-logo {
height: var(--logo-height); color: var(--color-black);
}
.footer-claim {
margin: var(--space-s) 0 0;
color: var(--color-text-muted);
}
.footer-title {
margin: 0 0 var(--space-xs);
font-family: var(--font-base);
font-size: var(--text-xs);
line-height: var(--leading-body);
}
.footer-title:not(:first-child) {
margin-top: var(--space-m);
}
.footer-address {
margin: 0 0 var(--space-xs);
font-style: normal;
}
.footer-hours {
margin: var(--space-xs) 0 0;
} .footer-list {
margin: 0;
padding: 0;
list-style: none;
}
.footer-list a {
display: inline-flex;
align-items: center;
min-height: var(--touch-target);
} .footer-list--pages {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: var(--space-m);
}
.footer-list--inline {
display: flex;
flex-wrap: wrap;
column-gap: var(--space-m);
} .footer-bottom {
display: flex;
flex-direction: column;
gap: var(--space-xs);
padding: var(--space-m) 0;
border-top: var(--border-width) solid var(--color-steel);
font-size: var(--text-xs);
color: var(--color-text-muted);
}
.footer-legal {
margin: 0;
} @media (min-width: 768px) {
.site-footer {
padding-top: var(--space-2xl);
}
.footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-xl) var(--space-l);
}
.footer-brand {
grid-column: 1 / -1;
}
.footer-bottom {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
} @media (min-width: 1200px) {
.footer-grid {
grid-template-columns: 1.4fr 1fr 1.2fr 1.2fr;
gap: var(--space-l);
}
.footer-brand {
grid-column: auto;
}
.footer-logo {
height: var(--logo-height-compact);
}
.footer-list--pages {
grid-template-columns: minmax(0, 1fr);
}
.footer-list a {
min-height: 0;
padding: 3px 0;
}
}