.footer-block {
display: block;
margin-top: calc( var(--page-gutter) * 2);
padding-bottom: 0;
padding-top: 80px;
padding-left: 20px;
padding-right: 20px;
position: relative;
/* border-top: 1px solid var(--wp--preset--color--border-color); */
}
.footer-block::before {
content: "";
position: absolute;
top: 0;
left: 20px;
right: 20px;
height: 3px;
background: var(--wp--preset--color--border-color);
}
.footer-block::after {
content: "";
position: absolute;
top: 6px;
left: 20px;
right: 20px;
height: 1px;
background: var(--wp--preset--color--border-color);
}

.footer-logo {
text-align: center;
margin-bottom: 0;
}
.footer-logo a {
display: inline-block;
}
.footer-logo img {
display: inline-block;
width: 250px;
height: auto;
}
.footer-primary-menu {
padding: 20px 0;
}
.footer-primary-menu,
.footer-secondary-menu,
.footer-tertiary-menu {
text-align: center;
padding-left: 0;
padding-right: 0;
}
.footer-secondary-menu {
border-top: 1px solid var(--wp--preset--color--border-color);
padding-top: 25px;
}
.footer-tertiary-menu {
padding-bottom: 25px;
padding-top: 25px;
}
.footer-primary-menu ul,
.footer-secondary-menu ul,
.footer-tertiary-menu ul {
display: block;
font-size:0;
}
.footer-primary-menu li {
display: inline-block;
font-family: var(--wp--preset--font-family--trade-gothic-bold-condensed);
font-size: 1.5rem;
letter-spacing: .025em;
text-transform: uppercase;
}
.footer-secondary-menu li {
display: inline-block;
font-size: var(--wp--preset--font-size--medium);
letter-spacing: .05em;
text-transform: uppercase;
}
.footer-tertiary-menu li {
display: inline-block;
font-size: var(--wp--preset--font-size--medium);
letter-spacing: .05em;
text-transform: uppercase;
}
.footer-primary-menu a,
.footer-secondary-menu a,
.footer-tertiary-menu a {
display: inline-block;
padding: 10px 15px;
text-decoration: underline;
text-decoration-color: transparent;
font-family: var(--wp--preset--font-family--trade-gothic-bold-condensed);
letter-spacing: 0.05em;
transition: var(--base-transition);
}
.footer-primary-menu a:hover,
.footer-secondary-menu a:hover,
.footer-tertiary-menu a:hover {
text-decoration-color: var(--wp--preset--color--border-medium);
transition: var(--base-transition);
}
.footer-bottom {
font-family: var(--wp--preset--font-family--trade-gothic);
letter-spacing: 0.05em;
}

/* Footer Bottom */

.footer-bottom {
padding: 10px 10px 10px;
text-align: center;
color:var(--wp--preset--color--gray-dark);
font-size: var(--wp--preset--font-size--x-small);
text-transform: uppercase;
letter-spacing: .1em;
line-height: 1em;
border-top: 1px solid var(--wp--preset--color--border-color);
}
.footer-bottom a {
text-transform: uppercase;
color:var(--wp--preset--color--gray-dark);
text-align: center;
}
.footer-legal-menu {
margin: 0;
text-align: center;
}
.footer-legal-menu li {
list-style: none;
display: inline-block;
}
.footer-legal-copyright,
.footer-legal-menu {
display: inline-block;
margin: 0 10px;
}

.footer-bottom a {
text-decoration: underline;
text-decoration-color: transparent;
transition: var(--base-transition);
color:var(--wp--preset--color--gray-dark);
display: inline-block;
padding: 1em 0;
margin: 0 10px;
}
.footer-bottom a:hover,
.footer-bottom a:focus-visible {
text-decoration: underline;
text-decoration-color: var(--wp--preset--color--border-medium);
transition: var(--base-transition);
color:#111;
}


.footer-social-links a {
display: inline-block;
}
.footer-social-links {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}
.footer-social-links span {
display: none;
}
.footer-social-links li {
display: inline-block;
margin-right: 10px;
}
.footer-social-links path {
transition: var(--base-transition);
}
.footer-social-links a:hover path,
.footer-social-links a:focus-visible path {
fill: #111;
transition: var(--base-transition);
}

.footer-copyright {
white-space: nowrap;
}
.footer-legal-copyright {
padding: 1em 0;
}


/* mobile */
@media screen and (max-width: 640px){
    .footer-legal-menu a {
    display: block;
    text-align: center;
    margin:  0 10px;
    }
    .footer-legal-menu button {
    display: block;
    text-align: center;
    margin: 1.5rem auto .5em;
    }
}
@media screen and (max-width: 768px) {/* mobile & tablet */
    /* .footer-bottom {
    line-height: 3em;
    } */
    .footer-legal-menu,
    .footer-legal-copyright,
    .footer-legal-menu {
    display: block;
    /* margin-top: 1.5rem; */
    }
}

/* small desktop */
@media screen and (min-width: 999px) and (max-width: 1289px) {
    .footer-bottom {
    font-size: 0.7em;
    }
}

/* desktop */
@media screen and (min-width: 1260px) {
    .footer-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    }
    .footer-secondary-menu li:first-child {
    margin-right: 5px;
    padding-right: 5px;
    }
    .footer-secondary-menu li:first-child a {
    border-right: 1px solid var(--wp--preset--color--cream-dark);
    padding-right: 25px;
    }
    .footer-secondary-menu li:nth-last-child(4) {
    margin-left: 5px;
    padding-left: 0;
    }
    .footer-secondary-menu li:nth-last-child(4) a {
    border-left: 1px solid var(--wp--preset--color--cream-dark);
    padding-left: 25px;
    }
    .footer-search {
    border-right: 1px solid var(--wp--preset--color--cream-dark);
    padding-right: 20px;
    margin-right: 20px;
    }
    .footer-social-links {
    border-right: 1px solid var(--wp--preset--color--cream-dark);
    padding-right: 15px;
    margin-right: 15px;
    }
    .footer-legal-copyright {
    border-left: 1px solid var(--wp--preset--color--cream-dark);
    padding-left: 30px;
    padding-right: 5px;
    margin-left: 15px;
    }
    .footer-scroll-top {
    border-left: 1px solid var(--wp--preset--color--cream-dark);
    padding-left: 20px;
    padding-right: 15px;
    margin-left: 15px;
    }
}