#footer-spacing {
margin-top: auto;
height: var( --footer-spacing );
flex-shrink: 0;
}
#footer {
--footer-spacer-width: var( --border-width ); --grid-vertical-spacing: var( --one-line--small );
padding: calc( var( --vertical-spacing ) + 1em ) var( --horizontal-spacing ) var( --vertical-spacing );
position: relative;
z-index: 100;
}
.footer-part {
position: relative;
}
.footer-part::before,
.footer-part:nth-child( 2 )::after {
position: absolute;
content: '' !important;
display: block !important;
width: var( --footer-spacer-width );
height: 1em;
background: currentColor;
left: calc( var( --footer-spacer-width ) * -0.5 );
top: calc( -1em - var( --vertical-spacing ) );
}
.footer-part:nth-child( 2 )::after {
left: auto;
right: calc( var( --footer-spacer-width ) * -0.5 );
}
#footer__logo {}
#footer__logo > img {
height: calc( var( --one-line ) * 3 );
width: auto;
} @media ( max-width: 699px ) {
#footer {
padding-bottom: 0;
}
.footer-part:not( :nth-child( 1 ) ):not( :nth-child( 2 ) )::before {
display: none !important;
}
}
@media ( min-width: 700px ) {
.footer-part:last-child::after {
position: absolute;
content: '' !important;
display: block !important;
width: var( --footer-spacer-width );
height: 1em;
background: currentColor;
top: calc( -1em - var( --vertical-spacing ) );
right: calc( var( --footer-spacer-width ) * -0.5 );
}
}