.footer {
    position:absolute;
    bottom:0;
    background: var(--bg-panel);
    border-top: 1px solid var(--border-subtle);
    color: var(--text-main);
    width:100%;
    color:white;
}

.footer .row {
    padding-top: 60px;
    padding-bottom: 60px;
}

#footer-contact {
    background: var(--bg-hover);
    color: var(--text-main);
    text-align:center;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:50px;
    padding-top:5px;
}

#footer-contact a {
    color: var(--text-main);
}

#footer-contact a:hover {
    color: var(--text-muted);
}

.portal-footer {
    margin-top:60px;
    padding:40px 20px 20px;

    background:var(--bg-panel);
    border-top:1px solid var(--border-subtle);
}

.footer-columns {
    display:flex;
    justify-content:center;
    gap:60px;
    flex-wrap:wrap;
}

.footer-column {
    min-width:180px;
}

.footer-column h4 {
    margin-bottom:10px;
    font-size:14px;
    color:var(--text-muted);
}

.footer-column a {
    display:block;
    margin:4px 0;
    color:var(--text-main);
    text-decoration:none;
}

.footer-column a:hover {
    text-decoration:underline;
}

.footer-bottom {
    margin-top:30px;
    padding-top:15px;
    border-top:1px solid var(--border-subtle);
    text-align:center;
    font-size:13px;
    color:var(--text-muted);
}

.footer-bottom a {
    color:var(--text-main);
}

.footer-copyright {
    margin-top:6px;
}

.footer a {
    color: var(--text-main);
}