/* ==========================================================================
   Flickr Gallery Styles
   ========================================================================== */

.flickr {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    a:hover {
        border: none;
    }
    span {
        display: inline-block;
        position: relative;
        .flickrlink {
            display: none;
            width: 2em;
            height: 1em;
            background: transparent url(/assets/images/flickr.png) no-repeat left top;
            position: absolute;
            right: 0.5em;
            bottom: 0.9em;
            opacity: .5;
            -webkit-transition: opacity 0.2s ease-in-out;
            -moz-transition: opacity 0.2s ease-in-out;
            -o-transition: opacity 0.2s ease-in-out;
            -ms-transition: opacity 0.2s ease-in-out;
            transition: opacity 0.2s ease-in-out;
            &:hover {
                opacity:1;
            }
        }
        &:hover .flickrlink {
            display: block
        }
        img {
            max-width: 100%;
            padding: 0.5em;
            .summary & {
                padding: 0.2em;
            }
        }
    }
    &.summary {
        max-width: 40em;
    }
}