/*
* Skeleton-SASS V1.0
* Copyright 2012 by Michael Lazer-Walker
* https://github.com/lazerwalker/Skeleton-Sass
*
* Based off of Skeleton v1.1:
* https://github.com/dhgamache/Skeleton
*
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* #Variable Definitions
================================================== */
/* Grid
================================================== */
/* #Clearing
================================================== */
/* You can also use a @include clear to clear columns */
.prefooter {
    margin-top: 3em;
    background: url(purple-pattern.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    padding: 2em 0;
}

    .prefooter h3 {
        font-family: "Lato", Helvetica, Arial, sans-serif;
        font-size: 2.9rem;
        font-weight: bold;
        font-style: normal;
        color: #fff;
        margin: 0 0 10px;
    }

@media only screen and (max-width: 767px) {
    .prefooter h3 {
        font-size: 2rem;
    }
}

#footer {
    padding: 3em 0;
    background: url(gray-pattern.jpg) no-repeat;
    background-size: cover;
}

    #footer .copyright {
        font-size: 1.6rem;
        margin-bottom: 20px;
    }

@media only screen and (min-width: 768px) {
    #footer .footerNav, #footer .quicklinksNav {
        display: inline-block;
        vertical-align: top;
        max-width: 180px;
        width: 50%;
    }
}

#footer .footerNav li, #footer .quicklinksNav li {
    margin: 0 0 2px;
}

    #footer .footerNav li a, #footer .quicklinksNav li a {
        font-size: 1.5rem;
        color: #23356f;
        text-decoration: none;
    }

        #footer .footerNav li a:hover, #footer .quicklinksNav li a:hover {
            text-decoration: underline;
        }

#footer .compliance > div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

    #footer .compliance > div a {
        display: block;
        width: 100%;
        height: 100%;
    }

    #footer .compliance > div:last-of-type {
        margin-right: 0;
    }

#footer #eh {
    content: "";
    width: 34px;
    height: 38px;
    background: url(sprites-2x.png);
    background-position: 0 -48px;
    background-size: 250px 250px;
}

#footer #fdic {
    content: "";
    width: 46px;
    height: 28px;
    background: url(sprites-2x.png);
    background-position: 0 0;
    background-size: 250px 250px;
}

#footer #bv-logo, #footer #bv-logo svg {
    width: 97px;
    height: 27px;
}

#footer .bbb-logo {
    content: "";
    width: 84px;
    height: 32px;
    background: url(sprites-2x.png);
    background-position: 0 -100px;
    background-size: 250px 250px;
}

@media only screen and (max-width: 767px) {
    #footer {
        text-align: center;
    }

        #footer .bbb-logo {
            display: block;
            margin: 10px auto;
        }
}