.footer-logo {
width: 100%;
display: block;
position: relative;
}
.footer-logo img {
width: 100%;
max-width: 302px;
display: block;
position: relative;
}
.sitrak-footer-logo {
position: relative;
width: 100%;
max-width: 220px;
margin-top: 18px;
display: inline-block;
padding: 10px;
box-sizing: border-box;
margin-left: 0;
top: 10px;
}
.sitrak-footer-logo img {
display: block;
width: 100%;
height: auto;
}
.site-footer {
width: 100%;
margin-top: 32px;
padding: 40px 0 28px;
background:
radial-gradient(circle at top left, rgba(237, 28, 36, 0.16), transparent 28%),
linear-gradient(180deg, #111111 0%, #050505 100%);
border-top: 1px solid #2b2b2b;
position: relative;
overflow: hidden;
}
.site-footer::before {
content: "";
position: absolute;
inset: 0 auto auto 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, #c2171e 0%, #ed1c24 45%, #f5d90a 100%);
}
.site-footer__card h2,
.site-footer__text,
.site-footer__legal p {
color: #e5e7eb;
}
.site-footer__inner {
width: 100%;
max-width: 1240px;
margin: 0 auto;
padding: 0 24px;
box-sizing: border-box;
display: grid;
grid-template-columns: minmax(240px, 0.85fr) minmax(0, 2.15fr);
gap: 24px;
align-items: stretch;
}
.site-footer__brand {
padding: 32px;
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
}
.site-footer__brand .site-footer__lede {
color: #f8fafc;
}
.site-footer__lede {
margin-top: 18px;
font-family: 'Poppins', sans-serif;
font-size: 15px;
line-height: 1.7;
}
.site-footer__cards {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
height: 100%;
box-sizing: border-box;
}
.site-footer__card {
padding: 28px;
box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}
.site-footer__card--link {
display: block;
color: inherit;
text-decoration: none;
transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
} .site-footer__eyebrow {
margin: 0 0 20px;
color: #f8fafc;
font-family: 'Poppins', sans-serif;
font-size: 22px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.site-footer__detail {
margin-top: 14px;
}
.site-footer__detail span {
display: block;
margin-bottom: 6px;
color: #e2e8f0;
font-family: 'Poppins', sans-serif;
font-size: 15px;
letter-spacing: 0.14em;
}
.site-footer__detail a,
.site-footer__links a {
color: #e5e7eb;
text-decoration: none;
}
.site-footer__detail a:hover,
.site-footer__detail a:focus,
.site-footer__links a:hover,
.site-footer__links a:focus {
color: #f5d90a;
}
.site-footer__text {
display: block;
margin-bottom: 6px;
color: #e2e8f0;
font-family: 'Poppins', sans-serif;
font-size: 15px;
letter-spacing: 0.14em;
}
.site-footer__links {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 10px;
color: #e2e8f0;
font-family: 'Poppins', sans-serif;
font-size: 15px;
letter-spacing: 0.14em;
}
.site-footer__legal {
max-width: 1240px;
margin: 20px auto 0;
padding: 20px 24px;
font-size: 13px;
line-height: 1.7;
border-top: 1px solid #2b2b2b;
text-align: center;
}
.site-footer__legal p {
margin: 0 0 10px;
color: #a3a8af;
}
.site-footer__legal p:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 600px) {
.site-footer__inner,
.site-footer__cards {
grid-template-columns: 1fr;
}
.site-footer__inner,
.site-footer__legal {
padding-left: 14px;
padding-right: 14px;
}
.site-footer__brand,
.site-footer__card {
padding: 22px;
}
.sitrak-footer-logo {
margin-left: 0;
top: auto;
left: auto;
margin-bottom: 12px;
}
.footer-logo {
display: block;
}
}