.footer-wrapper .socialmedia {
    color: var(--beige-sand);
}

.socialmedia {
    display: inline-flex;
}
.socialmedia > ul {
    display: inline-flex;
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 8;
    gap: 0.25rem;
}
.socialmedia > ul > li {
    display: inline-flex;
    vertical-align: top;
    line-height: 1em;
}
.socialmedia > ul > li > a {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0;
    overflow: hidden;
    text-decoration: none !important;
}
.socialmedia > ul:hover > li:not(:hover):not(:focus) > a {
    opacity: 0.55;
}
.socialmedia > ul > li > a > svg,
.socialmedia > ul > li > a > img {
    display: inline-block;
    position: absolute;
    width: 32px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.socialmedia > ul > li > a > svg,
.socialmedia > ul > li > a > svg path {
    fill: currentColor;
}
body.ready .socialmedia > ul > li > a {
    transition: 0.35s;
}