.site-footer {
    .footer-wrapper {
        .nav-link {
            padding: 0.3rem;
        }

        .footer-logo {
            max-width: 50%;
        }

        .footer-nav-list {
            list-style: none;
            padding-left: 0;

            .menu-item {
                a {
                    font-weight: 400;
                    color: $white;
                    padding-left: 0;
                }
            }

            .footer-button {
                a {
                    border: none;
                    padding: 8px 20px;
                    background-color: $secondary !important;
                    color: #fff !important;
                    font-size: 25px;
                    font-weight: 600;
                    text-decoration: none;
                    box-sizing: border-box;
                    display: inline-block;
                    line-height: 36px;
                }
            }
        }

        .footer-phone {
            p {
                color: $white;
            }
        }

        .social-icons {

            .fa-facebook,
            .fa-linkedin,
            .fa-youtube {
                font-size: 25px;
                color: $white;
            }
        }
    }

    .footer-bottom {
        padding-top: 1rem;

        p {
            color: $light-gray;
        }
    }
}

.consumer-brand {
    .site-footer {
        // .footer-wrapper {
        //     background: $consumer-primary;
        // }

        .footer-bottom {
            background: $white;
        }
    }
}

.business-brand {
    .site-footer {
        // .footer-wrapper {
        //     background: $business-primary;
        // }

        .footer-bottom {
            background: $white;
        }
    }
}

// Optional Sticky Bottom Banner
.banner-bottom {
    display: none;
    width: 100%;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px;
    background: $orange;

    .banner-bottom-wrapper {
        color: $white;
        text-align: center;
        line-height: 50px;

        .banner-bottom-link {
            .banner-bottom-text {
                display: inline-block;
                font-size: 0.75rem;
                font-weight: 700;

                @include media-breakpoint-up(md) {
                    font-size: 1.375rem;
                }

                .fa-angle-right {
                    @include media-breakpoint-up(md) {
                        position: relative;
                        top: 4px;
                    }
                }

                .banner-link-title {
                    font-size: 0.75rem;
                    font-weight: 900;
                    background: #fff;
                    color: $orange;
                    padding: 4px 8px;

                    @include media-breakpoint-up(md) {
                        font-size: 1.125rem;
                    }
                }
            }
        }
    }

    .banner-bottom-close {
        position: relative;
        top: 2.5px;
        float: right;
        padding-right: 20px;
        color: $white;
        font-size: 1.325rem;
        font-weight: 400;
        cursor: pointer;

        @include media-breakpoint-up(md) {
            font-size: 2rem;
            top: 0;
        }
    }
}

@media only screen and (max-width: 469px) {
    .banner-bottom .banner-bottom-wrapper .banner-bottom-link .banner-bottom-text .banner-link-title {
        font-size: 0.75rem;
        font-weight: 900;
        background: #fff;
        color: #CC0033;
        padding: 4px 8px;
        position: relative;
        top: 20px;
    }

    .banner-bottom .banner-bottom-close {
        position: relative;
        top: -49px;
        float: right;
        padding-right: 5px;
        font-size: 1.325rem;
        font-weight: 400;
        cursor: pointer;
        color: #FFF;
    }


}