html:not(.dark-mode) footer.page-footer {
    background-color: var(--footer-background-color);
    color: var(--footer-link-color);
    box-shadow: 0 -1px 0 var(--divider-line-color);
}

html:not(.dark-mode) footer.page-footer p.page-footer-text, html:not(.dark-mode) .page-footer-text-container a {
    color: var(--footer-color);
    text-decoration: none;
}

html:not(.dark-mode) .footer-hr {
    background-color: var(--divider-line-color);
}

html:not(.dark-mode) ul.footer-links a {
    color: var(--footer-link-color);
    text-decoration: none;
}

html:not(.dark-mode) .footer-title {
    color: var(--footer-link-color);
}

html:not(.dark-mode) .footer-section-title {
    color: var(--footer-link-color);
}

html:not(.dark-mode) .footer-single-link a {
    text-decoration: none;
    color: var(--footer-link-color);
}

html:not(.dark-mode) .footer-single-link a, html:not(.dark-mode) .footer-links a {
    background-color: var(--footer-link-background-color);
}

html:not(.dark-mode) .footer-links .footer-section-links a:hover, html:not(.dark-mode) .footer-single-link:hover a, html:not(.dark-mode) .footer-links li a:hover {
    color: var(--footer-link-hover-color);
    background-color: var(--footer-link-hover-background-color);
}

/*DARK MODE STYLES*/

html.dark-mode footer.page-footer {
    background-color: var(--footer-background-color-dark-mode);
    box-shadow: 0 -1px 0 var(--divider-line-color-dark-mode);
}

html.dark-mode .footer-title,
html.dark-mode .footer-section-title,
html.dark-mode .footer-single-link a,
html.dark-mode .page-footer-text,
html.dark-mode ul.footer-links a {
    color: var(--footer-link-color-dark-mode);
}

html.dark-mode footer.page-footer p.page-footer-text, html.dark-mode .page-footer-text-container a {
    color: var(--footer-color-dark-mode);
}

html.dark-mode .footer-single-link a, html.dark-mode .footer-links a {
    background-color: var(--footer-link-background-color-dark-mode);
}

html.dark-mode .footer-links .footer-section-links a:hover, html.dark-mode .footer-single-link:hover a, html.dark-mode .footer-links li a:hover {
    color: var(--footer-link-hover-color-dark-mode);
    background-color: var(--footer-link-hover-background-color-dark-mode);
}

html.dark-mode .footer-hr {
    background-color: var(--divider-line-color-dark-mode);
}