/* Sticky footer styles
/*-------------------------------------------------- */
#footer.footer {
    float: none;
    position: absolute;
    /* Set the fixed height of the footer here. This makes it overlap body */
    height: 120px;
    padding: 1.6em;
    background-color: var(--theme-footer-bg);
    text-align: left;
}

.footer	li {
    display: inline-block;
    margin: .4em;
}

#footer a, #footer a:visited, .footer a, .footer a:visited {
    color: white;
    text-decoration: none;
    border-bottom: solid 1px var(--theme-header-link-highlight);
}

#footer a:hover, .footer a:hover {
    background-color:var(--theme-header-link-highlight);
    color: var(--theme-footer-color-highlight);
}

#footer .footer-logo a, #footer .footer-logo a:visited {
    border: none;
    background-color:var(--theme-footer-bg);
    color: white;
    text-decoration: none;
}

#footer .footer-logo {
    text-align: center;
}

#footer .footer-logo .logo-image {
    height: 54px;
    width: 105px;
}

@media all and (max-width: 991px) {
    #footer, .footer {
        height: 161px;
    }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    #footer .footer-logo .logo-image {
        width: 93px;
        height: 48px;
    }
}

@media all and (min-width: 768px) and (max-width: 1199px) {
    #footer .footer-logo .logo-image {
        width: 105px;
        height: 54px;
    }
}