//
// kremalicious3
// --------------
// Content - Related Posts
//

.related-posts
    .grid
        margin-top: 0

.related-posts-title
    @extend .heading-band, .h3
    margin-bottom: $spacer

.related-post
    picture
        img
            @extend .media-frame

    .post-title
        @extend .h5, .transition
        margin-top: ($spacer / 3)
        margin-bottom: 0
        padding: 0 2px

    .post-title-link
        @extend .transition
        display: block

        &:hover,
        &:focus
            .post-title
                color: $link-color
            picture
                img
                    border-color: $link-color-hover

        &:active
            .post-title
                color: #fff
                transition: none


//
// Related Photos
//
.related-photos
    @extend .divider-top
    margin-top: $spacer
    padding-top: $spacer

    .photo-link
        display: block
        img
            @extend .media-frame

        &:hover,
        &:focus
            img
                border-color: $link-color-hover
                border-radius: $border-radius-base