/*------------------------------------*\
    #Footer
\*------------------------------------*/
/* Parallax Effect */
#wrapperParallax {
    position  : relative;
    z-index   : 1060;
    min-height: 100vh;
}

#footerParallax {
    position: fixed;
    z-index : -1;
    left    : 0;
    right   : 0;
    bottom  : 0;
}

@media only screen and (max-width: 991px) {
    #wrapperParallax {
        margin-bottom: 0 !important;
    }

    #footerParallax {
        position  : static;
        text-align: center;
    }
}

.footer {
    background-color: #032b56;
    padding-top     : 0;
    padding-bottom  : 0;
    position        : relative;

    .footer-top {
        padding-top   : 120px;
        padding-bottom: 100px;

        @media #{$maxTablet} {
            padding-top   : 40px;
            padding-bottom: 15px;
        }

        @media #{$maxSmall} {
            padding-bottom: 70px;
        }
    }

    .footer-bottom {
        background-color: var(--global--color-white);
    }

    /* Footer Widgets */
    .footer-widget {
        text-align: center;

        @media #{$minTablet} {
            text-align: left;
        }

        .footer-widget-title {
            h3 {
                font-family   : var(--global--font-heading);
                color         : #f9f9f9;
                font-size     : 16px;
                font-weight   : 500;
                line-height   : 30px;
                text-transform: capitalize;
                margin-bottom : 35px;
            }
        }

        .widget-content {
            p {
                color        : #9aaabb;
                font-size    : 14px;
                font-weight  : 400;
                line-height  : 24px;
                margin-bottom: 25px;
            }

            .module-social {
                height     : auto;
                line-height: normal;
            }
        }
    }

    .widget-newsletter {
        .widget-content {
            display       : flex;
            flex-direction: column;
            align-items   : center;

            @media #{$minTablet} {
                align-items: flex-end;
            }

            .btn {
                box-shadow   : 0px 3px 63px 0px rgba(6, 52, 100, 0.11);
                width        : 200px;
                height       : 61px;
                margin-bottom: 40px;
                padding      : 0 15px;
            }

            .module-social {
                a {
                    @include centerd(40px, 40px, transparent);
                    border-radius: 50%;
                    border       : 2px solid rgba(154, 170, 187, 0.4);

                    &:hover {
                        border-color: var(--global--color-primary);

                        i {
                            width : 38px;
                            height: 38px;
                        }
                    }

                    i {
                        &:hover {
                            transform: translateY(0px);
                        }
                    }
                }
            }
        }
    }

    .widget-links {
        ul {
            padding-left : 0;
            list-style   : none;
            margin-bottom: 0;
            overflow     : hidden;

            @media #{$minTablet} {
                transform: translateY(-5px);
            }

            li {
                display: block;

                a {
                    color         : #cdd5dd;
                    font-size     : 14px;
                    font-weight   : 400;
                    line-height   : 33px;
                    text-transform: capitalize;
                    font-family   : var(--global--font-body);

                    &:hover {
                        color: var(--global--color-primary);
                    }
                }
            }
        }
    }

    .widget-contact {
        .widget-content {
            p {
                margin-bottom: 15px;
            }

            .phone {
                margin-bottom: 18px;

                a {
                    color      : var(--global--color-primary);
                    font-family: var(--global--font-heading);
                    font-size  : 19px;
                    font-weight: 500;
                    transition : 0.3s ease-in-out;

                    &:hover {
                        color: var(--global--color-white);

                        i {
                            color: var(--global--color-white);
                        }
                    }

                    i {
                        color       : var(--global--color-primary);
                        transition  : 0.3s ease-in-out;
                        display     : inline-block;
                        font-size   : 16px;
                        margin-right: 20px;
                    }
                }
            }

            .address {
                a {
                    color: #9aaabb;
                    ;

                    &:hover {
                        color: var(--global--color-primary);
                    }
                }
            }

            .directions {
                font-family   : var(--global--font-body);
                font-weight   : 700;
                font-size     : 14px;
                color         : var(--global--color-white);
                text-transform: capitalize;
                display       : inline-flex;
                align-items   : center;
                transition    : 0.3s ease-in-out;
                position      : relative;

                i {
                    transition  : 0.3s ease-in-out;
                    font-size   : 12px;
                    margin-right: 10px;
                }

                &:hover {
                    color: var(--global--color-primary);

                    i {
                        color: var(--global--color-primary);
                    }
                }
            }
        }
    }
}

.footer-copyright {
    height         : 110px;
    display        : flex;
    justify-content: space-between;
    align-items    : center;

    @media #{$maxSmall} {
        height         : auto;
        padding        : 35px 0;
        flex-direction : column;
        justify-content: center;
    }

    .copyright-holder {
        @media #{$maxSmall} {
            margin-bottom: 15px;
        }

        .copyright {
            margin-bottom: 9px;

            @media #{$maxTablet} {
                text-align: center;
            }

            span {
                font-family   : var(--global--font-body);
                font-weight   : 400;
                font-size     : 14px;
                color         : var(--global--color-body);
                text-transform: capitalize;

                a {
                    color: #1d65b9;

                    &:hover {
                        color: var(--global--color-primary);
                    }
                }
            }
        }

        .copyright-links {
            ul {
                margin: 0;

                @media #{$maxSmall} {
                    display    : flex;
                    align-items: center;
                }

                li {
                    display    : inline-flex;
                    align-items: center;

                    &:last-child {
                        &::after {
                            content: unset;
                        }
                    }

                    &::after {
                        content: '-';
                        margin : 0 15px;
                        color  : var(--global--color-heading);

                        @media #{$maxSmall} {
                            margin: 0 5px;
                        }
                    }

                    a {
                        font-family   : var(--global--font-body);
                        font-weight   : 400;
                        font-size     : 14px;
                        color         : var(--global--color-heading);
                        text-transform: capitalize;

                        &:hover {
                            color: var(--global--color-primary);
                        }
                    }
                }
            }
        }
    }

    .payment-holder {
        display    : flex;
        align-items: center;

        @media #{$maxSmall} {
            flex-direction : column;
            justify-content: center;
        }

        .payment-methods {
            margin-right: 30px;

            @media #{$maxSmall} {
                margin-right : 0px;
                margin-bottom: 10px;
            }

            a {
                margin-right: 10px;

                &:last-child {
                    margin-right: 0;
                }
            }
        }
    }
}

/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .footer {
        .footer-widget {
            padding-top   : 40px;
            padding-bottom: 0;
        }

        .footer-widget-title {
            h5 {
                margin-bottom: 15px;
            }
        }
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer {
        .footer-widget {
            padding-bottom: 40px;
            padding-top   : 60px;

            .footer-widget-title {
                h5 {
                    margin-bottom: 15px;
                }
            }
        }
    }
}