/*
Footer menu separators 1.9.3
Uses real list elements, not pseudo-elements.
*/

.site-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.site-footer .footer-navigation {
    display: flex !important;
    justify-content: flex-end !important;
    flex: 1 1 auto !important;
    margin-left: auto !important;
}

.site-footer ul.footer-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    flex: 0 0 auto !important;
    gap: 0 !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: right !important;
}

.site-footer ul.footer-menu > li {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Disable every old CSS-generated footer separator. */
.site-footer ul.footer-menu > li::before,
.site-footer ul.footer-menu > li::after,
.site-footer ul.footer-menu > li > a::before,
.site-footer ul.footer-menu > li > a::after {
    content: none !important;
    display: none !important;
}

/* Real separator occupies a fixed, symmetric space between both links. */
.site-footer ul.footer-menu > li.footer-menu-separator {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 29px !important;
    min-width: 29px !important;
    height: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

.site-footer ul.footer-menu > li.footer-menu-separator > span {
    display: block !important;
    width: 5px !important;
    height: 5px !important;
    margin: 0 !important;
    background: #87847d !important;
    transform: rotate(45deg) !important;
    transform-origin: center !important;
}