/* ==============================================================
   CMS Template "Masonry"
   style declarations for cms_template_11_masonry.xhtml
   ==============================================================*/
/* TPL MASONRY */
/* BLOCK */
.tpl-masonry {
    h1 {}
    /* ELEMENT */
    &__text {}
    .grid {
        &.ready {}
    }
    .grid-sizer,
    .grid-item {
        img {}
        &:hover {
            .grid-item-title {}
            .grid-item-caption {}
            img {}
        }
    }
    .grid-item-title,
    .grid-item-caption {}
    .grid-item-title {}
    .grid-item-caption {
        h2 {}
        a {}
        .fa {}
    }
    .gutter-sizer {}
}

/* MODIFICATION */

/* BREAKPOINT FOR LARGE DESKTOPS */
@media screen and (max-width: @largeBreakpoint) {}

/* BREAKPOINT FOR DESKTOPS */
@media screen and (max-width: @mediumBreakpoint) {}

/* BREAKPOINT FOR TABLETS */
@media screen and (max-width: @smallBreakpoint) {}

/* BREAKPOINT FOR SMARTPHONES */
@media screen and (max-width: @xSmallBreakpoint) {}