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

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

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



    .social {
        font-family: var(--font-icons);
        font-size: 1.8rem;
    }

    .header-social .social {
        margin-left: 1.6rem;
    }

        .social a {
            width: 2.5rem;
            height: 2.5rem;
            line-height: 1.8rem;
            padding: 0.4rem;
            border-radius: 50%;
            background: var(--color-gray);
            color: var(--color-white);
            text-align: center;
        }

        .social a:hover {
            background: var(--color-green);
            color: var(--color-gray-light-x);
        }

        footer .social {
            padding-bottom: 3rem;
        }

        .laptop footer .social {
            position: absolute;
            bottom: 0;
            left: var(--grid-gutter);
            padding-bottom: 0;
        }

            footer .social a {
                width: 3rem;
                height: 3rem;
                line-height: 2.3rem;
                background: var(--color-white);
                color: var(--color-green-light);
            }

            footer .social a:hover {
                background: var(--color-gray);
            }


    .responsiville-mobimenu-open .header-social {
        display: block;
    }

        .responsiville-mobimenu-open .header-social a {
            padding: 0;
            margin: 0;
            font-size: 1.8rem;
            padding: 0.5rem;
            margin: 0.5rem;
            width: 3.5rem;
            height: 3.5rem;
            line-height: 2.5rem;
            border-radius: 50%;
            background: var(--color-gray);
            color: var(--color-white);
        }