/*
The footer menu navigation part stylesheet
*/

#footer .spem_menu_nav.open {
    transform-origin: bottom left;
    position: static;
}
#footer .spem_menu_nav {
    width: unset;
}
.ft_ul {
    display: flex;
}
.ft_menu_a {
    font-size: min(max(.8rem, 1vw), 1.2rem);
    padding: 0 .5rem;
    white-space: nowrap;
    transition: color .2s ease;
    border-right: 1px solid var(--main-grey);
}
.ft_menu_a:hover {
    color: var(--main-gold);
}
.ft_li:last-child .ft_menu_a {
    border-right: none;
}
#footer .burger_link {
    margin: .5rem;
}
#footer .burger_link,
#footer .burger_span::before,
#footer .burger_span::after {
    width: 35px;
}
#footer .burger_span::before {
    top: -12px;
}
#footer .burger_span::after {
    top: 12px;
}
#footer .burger_span.open::before,
#footer .burger_span.open::after {
    top: 0;
}
@media (max-width: 768px) {
    #footer .spem_menu {
        position: absolute;
    }
    .ft_ul {
        background-color: var(--light-grey);
        display: flex;
        flex-direction: column;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    #footer .spem_menu_nav.open li,
    .ft_li {
        width: 100%;
        padding: 1rem;
        border-bottom: 1px solid var(--main-gold);
    }
    .ft_li:first-child a {
        border-right: none;
    }
}