//
// kremalicious3
// --------------
// Footer
//

.footer
    @extend .textcenter
    border-top: 1px solid rgba(255,255,255,.7)
    box-shadow: inset 0 1px 4px alpha($brand-dark, .2)

    .gravatar
        margin-bottom: ($line-height-computed/2)

    &,
    .footer-description
        color: $text-color-light
        line-height: $line-height-computed

.footer-description
    @extend .h5
    a
        display: block

.footer-copyright
    @extend .divider-top
    padding-top: $line-height-computed
    padding-bottom: $line-height-computed

    p
        margin-bottom: 0
        font-size: $font-size-mini

    .icon
        width: 15px
        height: 15px
        margin-right: .2em
        margin-bottom: -2px

// Subscribe component
.subscribe
    margin: $line-height-computed auto
    p
        @extend .clearfix, .textcenter
        margin: 0

    .btn
        @extend .textcenter
        width: 48px
        padding: $padding-small-vertical
        margin: 0
        display: inline-block
        color: $text-color-light

        &:first-child
            margin-left: 0

        &:last-child
            margin-right: 0

        .icon
            transition: color .3s ease-in-out
            display: block
            margin: 0 auto

    .rss:hover .icon
        fill: #e15a00
    .twitter:hover .icon
        fill: #019ad2
    .google:hover .icon
        fill: #c63b1e
    .facebook:hover .icon
        fill: #3b5998

.subscribe-title
    @extend .h5
    color: $text-color-dimmed
    margin-bottom: ($line-height-computed/2)