//
// kremalicious3
// --------------
// Media
//


// Responsive Media
/////////////////////////////////////

figure, img, svg, video, audio, embed, canvas, picture
    max-width: 100%
    height: auto
    margin: 0 auto
    display: block
    border-radius: $border-radius-base

// Images
/////////////////////////////////////

img
    vertical-align: middle


// Media Positioning
/////////////////////////////////////

img.alignleft,
img.alignright,
img.aligncenter
    float: none
    display: block
    margin: $spacer auto

@media $breakpoint2
    img.alignleft
        margin: 0 $spacer $spacer 0
    img.alignright
        margin: 0 0 $spacer $spacer


// Image frame style
/////////////////////////////////////

.media-frame
    @extend .transition
    border: 2px solid transparent
    border-radius: $border-radius-base
    box-shadow: 0 1px 3px alpha($brand-grey,.2)