/* --------------------- JUF SITEWIDE FOOTER ------------------------ */


/* this spacer to be used on the homepage and Who We Are pages and any other pages without a microsite footer that goes above it */
.juf-footer-homeSpacer {
    margin-top: 50px;
}

.juf-footer {
    background-color: #002855;
    padding-top: 30px;
    padding-bottom: 50px;
    text-align: center;
}

    .juf-footer p {
        color: #ffffff;
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 12px;
        text-align: center;
        padding-left: 60px;
        padding-right: 60px;
    }

p.juf-footer-head {
    font-weight: 600;
    font-size: 18px;
}

.juf-footer .juf-footer-bottom {
    margin-top: 30px;
}



/* Text + Links */
/****************/

.juf__footer__navs,
.juf-footer a,
.juf-footer a:link,
.juf-footer a:visited,
.juf-footer a:active {
    font-size: 15px;
    color: #b3bfcc;
}

.juf-footer a:hover,
.juf-footer a:focus {
    color: #ffffff;
}


/* Donate Button */

    .juf-footer a.juf-footer-donate {
        color: #ffffff;
        padding: 4px 2px;
        font-weight: 600;
    }

    .juf-footer a.juf-footer-donate:link,
    .juf-footer a.juf-footer-donate:visited,
    .juf-footer a.juf-footer-donate:active {
        background-color: #e64b38;
    }

    .juf-footer a.juf-footer-donate:hover,
    .juf-footer a.juf-footer-donate:focus {
        background-color: #cf3339;
    }


/* Vertical Rule Bootstrap Overrides */
/*************************************/

/* NAV METHOD */

    .juf__footer__navs .nav-link {
        padding: 0.5rem 0.5rem 0.5rem 0rem;
    }

        .juf__footer__navs .nav-link:not(.noVR):after {
            content: "|";
            padding-left: 10px;
        }


/* INLINE LIST METHOD */

.list-inline-item {
    margin-bottom: 0.75rem;
}

.list-inline-item.liVR {
    background-color: white;
    opacity: .5;
    display: inline-block;
    width: 1px;
}

    .juf__footer__navs .vr {
        align-self: initial;
        background-color: white;
        opacity: .5;
        min-width: 1px;
    }











/* FOOTER SOCIAL BUTTONS */

.juf-footer-tag-social {
    margin-top: 16px;
}

    .juf-footer-tag-social img {
        width: 25px;
        height: auto;
        display: inline-block;
        margin-right: 15px;
    }

        .juf-footer-tag-social img.juf-footer-tag-social-last {
            margin-right: 0px;
        }

    .juf-footer-tag-social a {
        opacity: 0.7;
    }

        .juf-footer-tag-social a:hover {
            opacity: 1.0;
        }




@media (max-width: 1139px) {
    .juf-footer p {
        padding-left: 0;
        padding-right: 0;
    }

    .juf-footer .juf-footer-bottom p {
        line-height: 1.8;
    }
}

@media (max-width: 767px) {
    .juforg1218-home-footer-spacer {
        margin-top: 20px;
    }

    .juf-footer p {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {
    .juf-footer {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    p.juf-footer-head {
        font-size: 17px;
    }

    .juf-footer p {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .juf-footer .juf-footer-bottom {
        margin-top: 28px;
    }

        .juf-footer .juf-footer-bottom p {
            font-size: 14px;
            line-height: 2.0;
        }

    .juf-footer-tag-social img {
        width: 24px;
        margin-right: 20px;
    }
}