#footer {position: relative;padding-top: 30px;border-top: 2px solid var(--color-theme);background-color: var(--footer-background-color);z-index: 40;}
#footer .rdc-footer-column-info > div:not(:first-child) {margin-top: 20px;}
#footer .rdc-footer-logo {line-height: 0;}
#footer .rdc-footer-logo img {display: inline-block;width: auto;height: 60px;}
#footer .rdc-button-secondary {width: 100%;margin-top: 14px;color: var(--footer-text-color);border-color: var(--footer-text-color);background-color: var(--footer-background-color);}
#footer .rdc-footer-title {margin-bottom: 10px;}
#footer .rdc-accordion {--accordion-border-width-raw: 0;--accordion-padding-inline: 0px;}
#footer .rdc-accordion .rdc-accordion-content {padding-inline: 15px;padding-block: 10px 20px;row-gap: 20px;}
#footer .rdc-bottom-footer {row-gap: 12px;margin-top: 20px;padding-block: 20px;border-top: 1px solid var(--color-theme);}
#footer .rdc-footer-social {grid-gap: 10px 20px;}

@media screen and (hover: hover) and (pointer: fine) {
    #footer .rdc-button-secondary:hover {color: var(--footer-background-color);border-color: var(--footer-text-color);background-color: var(--footer-text-color);}
}

@media screen and (min-width: 992px) {
    #footer {padding-top: 40px;border-top-width: 4px;}
    #footer .rdc-footer-column-info > div:not(:first-child) {margin-top: 30px;}
    #footer .rdc-footer-newsletter .rdc-button-secondary {width: auto;}
    #footer .rdc-footer-column-menu {margin-top: 20px;}
    #footer .rdc-footer-menu-inline {grid-template-columns: repeat(auto-fit, minmax(0, 1fr));column-gap: var(--rdc-grid-gutter-x);}
    #footer .rdc-footer-menu-inline ul {list-style: none;margin-left: 0;}
    #footer .rdc-footer-menu-inline ul:not(:first-child) {margin-top: 10px;}
    #footer .rdc-footer-menu-inline ul > li:not(:first-child) {margin-top: 5px;}
    #footer .rdc-bottom-footer {grid-template-columns: repeat(2, max-content);margin-top: 40px;padding-block: 18px;}
    #footer .rdc-bottom-footer > div:first-child {order: 2;}
    #footer .rdc-bottom-footer > div:last-child {order: 1;}
    #footer .rdc-footer-social {column-gap: 10px;}
}