//
// kremalicious3
// --------------
// Content - Featured Posts
//

.featured
    @extend .divider-bottom
    padding-bottom: ($line-height-computed*2)

    @media $breakpoint2
        padding-bottom: ($line-height-computed*3)

    .grid
        margin-bottom: 0

    @media $breakpoint2
        .grid__col
            padding-top: 0

.featured-link
    display: block

    @media $breakpoint2
        &:hover
            transform: scale(1.03)

.featured-title
    @extend .visuallyhidden

.featured-image
    display: block
    margin-bottom: 0
    box-shadow: 0 1px 3px rgba(0,0,0,.2)