footer{
    background-color: #131313;
}

.footer_top_container{
    display: flex;
    gap: clamp(30px, 5vw, 100px);
    padding-block: var(--space-md);
    width: min(
        calc(100% - (var(--page-padding) * 2)),
        var(--container-width)
    );
    margin-inline: auto;
}

.footer_top_row{
    display: flex;
    justify-content: space-between;
    align-items: center;
        width: min(
        calc(100% - (var(--page-padding) * 2)),
        var(--container-width)
    );
    margin-inline: auto;
    padding-block: var(--space-sm);
    border-bottom: solid 2px #343434;
}

.footer_logo{
    width: 250px;
    height: auto;
}

.footer_cta{
    background-color: #9a7e4f;
    color: #ece9e3;
    padding: 10px 30px;
    font-size: var(--link-md);
    transition: 0.3s;
}

.footer_cta:hover{
    background-color: #725d39;
}

.footer_section_container, .footer_section_container_socials{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer_child_container{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer_adres_container{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer_link, .footer_section_container h3, .footer_section_container a{
    text-decoration: none;
    color: rgb(170, 170, 170);
    transition: 0.3s;
    font-size: var(--heading-sm);
    font-weight: 400;
    transition: 0.3s;
}

.privacy_link{
    font-size: var(--heading-xs);
}

.footer_child_container h2{
    color: #ece9e3;
    font-size: var(--heading-sm);
}

.footer_child_container h3{
    color: rgb(170, 170, 170);
}

.footer_section_container a:hover{
    color: #ece9e3;
}

.footer_link:hover{
    color: #ece9e3;
}

.footer_link.active {
    color: #ece9e3;
}

.footer_link.active:hover {
    color: rgb(170, 170, 170);
}

.social-links{
    display: flex;
    gap: 10px;
}

.social_media_link_footer{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #343434;
    clip-path: polygon(
      50% 0%,
      93% 25%,
      93% 75%,
      50% 100%,
      7% 75%,
      7% 25%
    );
    color: #9a7e4f !important;
    font-size: 20px;
    aspect-ratio: 1/1;
    transition: 0.3s;
}

.social_media_link_footer:hover{
    color: #343434 !important;
    background-color: #9a7e4f;
}

.footer_bottom_container{
    display: flex;
    justify-content: space-between;
    margin: 0 15%;
    border-top: solid 2px #343434;
    padding-block: var(--space-sm);
    width: min(
        calc(100% - (var(--page-padding) * 2)),
        var(--container-width)
    );
    margin-inline: auto;
}

.footer_bottom_container h2, .footer_bottom_container h3{
    color: rgb(170, 170, 170);
    font-weight: 400;
    font-size: var(--heading-xs);
}



@media (max-width: 1024px) {
    .footer_top_row{
        flex-direction: column;
        gap: 20px;
        align-items: start;
        padding-block: var(--space-md);
    }
    
    .footer_top_container{
        display: flex;
        flex-direction: column;
    }

    .footer_bottom_container{
        flex-direction: column;
        gap: 10px;
    }

    .footer_left_container p{
        width: unset;
    }
}