@import "base.less";
.aesop-image-component {

    img{
        .box-shadow(0 0 6px -1px rgba(0,0,0,0.5));
    }

    // anchor
    .aesop-lightbox {
        text-decoration: none;
        display: block;
    }

    // icon p
    .aesop-img-enlarge {
        margin:0 0 0.5rem;

        &:hover {
            text-decoration: none;
        }

        i {
            position: relative;
            top:1px;
        }
    }
    .aesop-img-enlarge,
    .aesop-image-component-caption {
        color:@aesop-flip-text;
        font-size:@font-size-xsmall;
        font-family:@font-family-sans-serif;
    }
    .aesop-cap-cred,
    .aesop-img-enlarge {
        color:@aesop-flip-text;
    }
    .aesop-cap-cred {
        border-top:1px dotted @aesop-flip-text;
        font-size:@font-size-xsmall - 3;
    }

    &:hover {
        .opacity(0.85);
        .transition(opacity .25s ease-in-out);
    }
    &:active img{
        box-shadow: none;
    }
}