:root {
    --color-logo-by: #8f9295;
    --color-logo-lexum: #00b4ad;
}

:root {
    --lx-logo-by: #8f9295;
    --lx-logo-lexum: #00b4ad;
}

.login-pf-page a.lx-page-footer-by-lexum-link {
    color: inherit;
    display: inline-block;
    font-size: 1.35em;
    line-height: 1em;
}

.login-pf-page a.lx-page-footer-by-lexum-link:hover,
.login-pf-page a.lx-page-footer-by-lexum-link:focus {
    color: inherit;
}

.lx-page-footer-by-lexum-link svg {
    height: 1.1em;
    width: auto;
}

.lx-page-footer-by-lexum-link svg .by {
    fill: var(--lx-logo-by);
}

.lx-page-footer-by-lexum-link svg .lexum {
    fill: var(--lx-logo-lexum);
}

@media (min-width: 768px) {
    :root {
        --lx-logo-by: var(--color-logo-by);
        --lx-logo-lexum: var(--color-logo-lexum);
    }
}