/**********************************************************

    ███████╗ ██████╗  ██████╗ ████████╗███████╗██████╗
    ██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗
    █████╗  ██║   ██║██║   ██║   ██║   █████╗  ██████╔╝
    ██╔══╝  ██║   ██║██║   ██║   ██║   ██╔══╝  ██╔══██╗
    ██║     ╚██████╔╝╚██████╔╝   ██║   ███████╗██║  ██║
    ╚═╝      ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝╚═╝  ╚═╝

 **********************************************************/


    .footer-main {
        background-image: url('../img/footer-background.png');
        background-repeat: no-repeat;
        background-color: var(--color-black);
        font-size: 1.4rem;
        line-height: 1.7;
    }

    .small .footer-main {
        background-position: 100% 0;
        background-size: 200px auto ;
    }
    
    .laptop .footer-main {
        background-position: 100% 100%;
        background-size: auto auto;
    }

        /* Footer columns */

        .footer-column-1 [class*="column"],
        .footer-column-2 [class*="column"],
        .footer-column-3 [class*="column"],
        .footer-column-4 [class*="column"] {
            padding: 0 !important;
        }

        .small .footer-column-1 {
            margin-bottom: var(--text-rhythm);
        }

        .tablet .footer-column-3, 
        .tablet .footer-column-4 {
            margin-bottom: var(--text-rhythm);
        }

        .laptop .footer-column-1,
        .laptop .footer-column-2 {
            margin-bottom: var(--text-rhythm);
        }

        .laptop .footer-column-1,
        .laptop .footer-column-2, 
        .laptop .footer-column-3,
        .laptop .footer-column-4 {
            margin-bottom: var(--text-rhythm);
        }

        /* Footer column 1 */

            .footer-column-1 img {
                max-width: 75%;
            }

            .footer-column-1 p + p,
            .footer-column-1 li + li {
                margin-top: 1.5em;
            }

            .footer-column-1 .social a,
            .footer-column-1 .social a:hover {
                color: var(--color-black);
                background-color: var(--color-white);
                height: 2em;
                width: 2em;
                line-height: 2em;
                text-align: center;
                border-radius: 50%;
                margin-right: 1rem;
            }

        /* Footer column 2, 3, 4 */

        .footer-column-2 .widget_nav_menu {
            clear: both;
        }
        
        .footer-column-2 .widget_nav_menu + .widget_nav_menu {
            padding-top: 1.5em;
        }

        .footer-menus .menu li a {
            text-transform: uppercase;
            font-weight: 700;
            color: var(--color-white);
        }

        .footer-menus .menu li a:after {
            content: '';
        }
        
            .footer-menus .menu li li a {
                font-weight: 300;
            }
            
            .footer-menus .menu ul {
                margin: 1.5em 0;
            }
    
        /* Credits */

        .credits * {
            font-weight: 700;
            color: var(--color-gray-7);
        }