#footer
{
    background: var(--theme_color_primary);
    padding: 100px 0 60px 0;
    color: #FFF;
}

#footer .container
{
    display: grid;
    grid-template-columns: max-content auto max-content max-content;
    grid-column-gap: 60px;
}

.footer-menu, #footer-phone, #footer-social-menu
{
    margin-top: 9px;
}

.footer-menu ul li a, #footer-phone a, .footer-social-menu ul li a
{
    display: inline-block;
    color: #FFF;
}

.footer-menu ul li a:hover, #footer-phone a:hover, .footer-social-menu ul li a:hover
{
    color: var(--theme_color_secondary);
}

.footer-menu div > ul
{
    column-count: 4;
    column-gap: var(--gap_spacing_default);
}

.footer-menu div > ul > li:nth-child(3), .footer-menu div > ul > li:nth-child(7)
{
    margin-bottom: var(--gap_spacing_extra_large);
}

.footer-menu div > ul > li:nth-child(5)
{
    margin-bottom: var(--gap_spacing_default);
}

.footer-menu ul ul
{
    -webkit-column-break-inside: avoid;
              page-break-inside: avoid;
                   break-inside: avoid;
    margin-bottom: var(--gap_spacing_default);
}

.footer-menu ul ul li a, #footer-phone a
{
    font-weight: 400;
}

.footer-social-menu ul li
{
    display: inline-block;
    margin-right: var(--gap_spacing_large);
}

.footer-social-menu ul li:last-child
{
    margin: 0;
}

.footer-social-menu ul li a svg
{
    width: 50px;
    height: 50px;
}

#copyright
{
    background: var(--theme_color_primary);
    color: #859db7;
    font-size: var(--font_size_small);
    line-height: var(--line_height_small);
    padding: var(--gap_spacing_default) 0 var(--gap_spacing_large) 0;
}

#copyright .container
{
    text-align: center;
}

#copyright span
{
    white-space: nowrap;
}

#copyright nav
{
    margin-left: 5px;
}

#copyright nav, #copyright nav ul li, #copyright nav ul li a
{
    display: inline-block;
}

#copyright nav ul li a
{
    color: #859db7;
    font-weight: 400;
}

#copyright nav ul li a:hover
{
    color: var(--theme_color_secondary);
}

#copyright nav ul li a::after
{
    content: " | ";
    margin: 0 3px;
}

#copyright nav ul li:last-child a::after
{
    display: none;
}

@media (max-width: 1400px) {

    #footer .container
    {
        grid-template-columns: max-content auto;
        grid-column-gap: var(--gap_spacing_large);
    }

    #footer-phone, #footer-social-menu
    {
        grid-column: 1 / 3;
        text-align: center;
    }

    #footer-phone
    {
        grid-row: 2;
        margin-top: 60px;
    }

    #footer-social-menu
    {
        grid-row: 3;
    }

}

@media (max-width: 1000px) {

    #footer
    {
        padding: 100px 0 var(--gap_spacing_large) 0;
    }

    #footer .container
    {
        display: block;
    }

    #footer-logo
    {
        text-align: center;
        margin-bottom: var(--gap_spacing_large);
    }

    #footer-phone
    {
        margin-top: var(--gap_spacing_large);
    }

}

@media (max-width: 800px) {

    .footer-menu
    {
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 80px;
    }

    .footer-menu div > ul
    {
        column-count: 2;
    }

    .footer-menu div > ul > li:nth-child(3), .footer-menu div > ul > li:nth-child(7)
    {
        margin-bottom: var(--gap_spacing_default);
    }

}

@media (max-width: 600px) {

    .footer-menu
    {
        padding-left: 0;
        text-align: center;
    }

    .footer-menu div > ul
    {
        column-count: auto;
    }

}