/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-footer {
    background: darken($color-secondary,25%);
    color: lighten($color-secondary,10%);
    .site-footer-wrap {
        padding-top:25px;
        padding-bottom: 25px;
    }
    h1,h2,h3,h4,h5,h5 {
        color:  #fff;
    }

    .site-info {
        padding: 25px;
        strong {
            font-weight: 400;
        }
    }
    .footer-nav {
        list-style: none;
        margin: 0;
        padding: 13px 0;
        text-align: left;
        display: inline-block;
        width: 100%;
        border-top: 1px solid darken($color-secondary,15%);
        border-bottom: 1px solid darken($color-secondary,15%);
        li {
            display: inline-block;
            font-size: 1.5rem;
            margin: 0;
            a {
                color: lighten($color-secondary,10%);
                &:hover {
                    color: lighten($color-secondary,15%);
                }
            }
        }
    }
    .footer-widgets {
        padding-top: 50px;
        a {
            color: $color-quinary;
            &:hover {
                color: lighten($color-secondary,15%);
            }
        }
    }
    .social-url {
        padding-top: 13px;
        @media screen and (min-width: 769px) {
            text-align: right;
        }
        a {
            font-size: 1.5rem;
            margin-bottom: 15px;
            margin-right: 5px;
        }
    }
    .credits {
        padding: 13px 0;
        font-size: 1.3rem;
        color: lighten($color-secondary,10%);
        a {
            color: lighten($color-secondary,10%);
        }
        p {
            margin: 0;
        }
    }
}

