.fp-footer {
    .fp-footer-top {
        padding: 60px 0 50px;

        @media only screen and (max-width: $sm_767) {
            padding: 50px 0 40px;
        }
    }

    .fp-footer-des {
        @media only screen and (max-width: $md_991) {
            text-align: center;
            margin-bottom: 30px;
            padding-bottom: 30px;
            border-bottom: 1px solid $bgLightPink;
        }

        .at-ft-link {
            display: inline-block;
            margin-bottom: 25px;

            img {
                width: 165px;
                @media only screen and (max-width: $xs_575) {
                    width: 150px;
                }
            }
        }

        .fp-ft-icon {
            margin: 15px 0;

            @media only screen and (min-width: $md_992) {
                display: flex;
                max-width: 240px;
                align-items: center;
            }

            @media only screen and (max-width: $md_991) {
                * {
                    display: inline-block;
                }
            }

            @media only screen and (max-width: $xs_575) {
                max-width: 160px;
                margin: 10px auto;
            }

            .fp-img-icon {
                img {
                    width: 20px;
                    height: 20px;
                    margin-right: 10px;
                }
            }

            p {
                margin-bottom: 0;

                a {
                    color: $textBlack;

                    &:hover {
                        color: $textPurple;
                    }
                }
            }
        }
    }

    .fp-ft-link-group {

        @media only screen and (max-width: $sm_767) {
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid $bgLightPink;
        }

        ul {
            margin-top: 12px;
            margin-bottom: 0;
            li {
                padding-top: 10px;
                list-style-type: none;

                a {
                    color: $textPink;

                    &:hover {
                        color: $textPurple;
                    }
                }
            }
        }
    }

    .fp-footer-copy {
        padding: 15px 0;
        background: $bgBlack;
        font-size: 15px;

        @media only screen and (max-width: $md_991) {
            padding: 10px 0;
        }

        .fp-ft-cpy-des {
            @media only screen and (max-width: $md_991) {

                padding: 10px 0;

                &.fp-right-des {
                    @media only screen and (max-width: $sm_767) {
                        text-align: center;
                        border-top: 1px solid rgba($color: $bgLightPurple, $alpha: 0.3);
                    }

                    @media only screen and (max-width: $xs_575) {
                        margin-top: 10px;
                    }
                }
            }

            @media only screen and (max-width: $xs_575) {
                text-align: center;

                &:not(.fp-right-des) {
                    padding: 0 0 5px;
                }
            }

            p {
                margin-bottom: 0;
                color: $textWhite;
            }

            a {
                color: $textWhite;

                &:hover {
                    color: $textPurple;
                }
            }

            p,
            a {
                @media only screen and (max-width: $md_991) {
                    font-size: 14px;
                }
            }

            ul {
                margin-bottom: 0;

                li {
                    position: relative;
                    display: inline-block;
                    list-style-type: none;

                    &:not(:last-child) {
                        &::after {
                            content: '|';
                            padding: 0 10px;
                            color: $textWhite;
                        }
                    }
                }
            }
        }
    }
}

// Social Icons
.fp-ft-social {
    padding-top: 20px;

    ul {

        li {
            display: inline-block;

            &:not(:last-child) {
                margin-right: 20px;
            }

            a {
                display: block;
                width: 40px;
                height: 40px;
                line-height: 35px;
                text-align: center;
                border-radius: 10px;
                background: $bgBlack;
            }
        }
    }
}