/*
 *   Footer
 */

/* html styles here ensure background of main scroll bar for safari is white, not dark */
html {
    background-color: #fff;
    position: relative;
}

html:after {
    width: 100%;
    height: 21px;
    background-color: #262626;
    position: absolute;
    content:"";
    display: block;
    bottom: -20px;
}

footer {
    background-color: #262626;
    color: #fff;
}

.footer a {
    color: #fff;
    font-size: 0.875rem;
    text-decoration: none;
}

footer h2 {
    color: #fff;
    opacity: 0.4;
    font-size: 1.125rem;
}

.footer {
    padding: 44px 0 0;
}

.footerBlock {
    padding: 0 0 44px;
}

.footer ul {
    margin:0;
    padding:0 0 20px;
    list-style: none;
}

.footer li {
    padding-bottom:4px;
}

.footer address {
    font-style: normal;
}

.footer address p {
    font-size: 0.875rem;
}

.footer address p.footerPhone {
    color: #fff;
    opacity: 0.4;
    display: inline;
}

.footer address p.footerPhone a {
    font-size: 0.875rem;
    color: #fff;
    opacity: 1;
}

.footer .addressLine {
    padding-bottom: 20px;
}

p.finisher {
    width: 100%;
    border-top: 1px solid #7d7d7d;
    color: #fff;
    opacity: 0.4;
    padding:22px 0;
    font-size: 0.875rem;
    clear:both;
}

@media only screen and (min-width: 768px) {
    .leftFooter {
        float: left;
        width: 50%;
        margin-bottom:44px;
        padding-right: 50px;
    }

    .quickLinksCol {
        float: right;
        width:50%;
    }
}

@media only screen and (min-width:1280px) {
    .leftFooter {
        float: none;
        width: auto;
        padding-right:0;
    }

    .quickLinksCol {
        float: left;
        width:50%;
        margin-bottom:88px;
    }

    .quickLinksCol li {
        float: left;
        width:50%;
    }

    .socialCol {
        float:right;
        width: 25%;
    }

    .contactCol {
        float:left;
        width: 25%;
    }
}

.versionInfo {
    font-size: 0.7em;
}