/*----------------------------------------------------------------------------*\
    FOOTER
\*----------------------------------------------------------------------------*/

/*  Variables
\*----------------------------------------------------------------------------*/



/*  Component
\*----------------------------------------------------------------------------*/

footer.footer {
    padding: 5rem 3rem;

    @include media-query(lg) {
        padding: 5rem 0;
    }

    .column {
        padding-bottom: 5rem;

        @include media-query(lg) {
            padding-bottom: 0;
        }

    }

    .logo {
        width: 11.6rem;
        height: auto;
    }

    h2 {
        font-size: 2.4rem;
        line-height: 3rem;
        padding-bottom: 2rem;
    }

    nav {
        ul {
            list-style: none;
            padding: 0;

            li {
                position: relative;

                &:before {
                    content: "";
                    position: absolute;
                    width: 0.4rem;
                    height: 0.7rem;
                    background-image: url('../img/li-item.svg');
                    background-size: 0.4rem 0.7rem;
                    top: 1.4rem;
                    left: -1.5rem;
                }

                a {
                    text-decoration: none;

                    &:hover {
                        color: color(green);
                    }
                }
            }
        }
    }

    p {
        padding-bottom: 2rem;
    }

    address {
        font-style: normal;
    }

    .socials {
        list-style: none;
        padding: 0;
        margin: 3rem 0 0 0;

        li {
            display: inline-block;

            a {
                display: inline-block;
                width: 2rem;
                height: 2rem;

                &.twitter {
                    background: url('/igolf/img/icon-twitter.svg');
                    background-size: 2rem 2rem;
                    -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
                    margin-right: 1rem;
                }

                &.facebook {
                    background: url('/igolf/img/icon-facebook.svg');
                    background-size: 2rem 2rem;
                    -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
                }
            }
        }
    }

    .footer__bottom {
        width: 100%;
        border-top: 0.1rem solid rgba(color(brand), 0.2);
        margin-top: 0;

        @include media-query(md) {
            margin-top: 10rem;
        }

        nav {
            display: inline-block;
            width: 100%;

            @include media-query(lg) {
                width: auto;
            }

            ul {
                list-style: none;
                padding: 1.5rem 0 3rem 0;
                text-align: center;

                @include media-query(md) {
                    padding: 1.5rem 0;
                }

                @include media-query(lg) {
                    text-align: left;
                }

                li {
                    display: inline-block;
                    padding-right: 3rem;

                    &:before {
                        display: none;
                    }
                }
            }
        }

        .poweredby {
            float: left;
            width: 100%;
            padding-top: 1.5rem;
            text-decoration: none;
            text-align: center;

            @include media-query(lg) {
                float: right;
                width: auto;
                text-align: right;
            }
        }
    }
}