.masonary .masonry-bottom-title  {
    background-color: transparent;
}

.masonry-brick-link,
.roo-brick-link {
    cursor: pointer;
    text-decoration: none;
    outline: 0;
}

.masonry-brick-paragraph,
.roo-brick-paragraph {
    overflow: hidden;
}

.masonry-brick .masonry-brick-paragraph {
    padding: 9px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: inherit;
}

.masonry-center-title .masonry-brick-paragraph,
.masonry-bottom-title .masonry-brick-paragraph,
.roo-brick-center-title .roo-brick-paragraph,
.roo-brick-bottom-title .roo-brick-paragraph {
    display: table;
}

.masonry-center-title .masonry-brick-paragraph .masonry-brick-title,
.roo-brick-center-title .roo-brick-paragraph .roo-brick-title {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title,
.roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title {
    display:table-cell;
    vertical-align:bottom;
    text-align:right;
}

.masonry-brick-image .masonry-brick-paragraph,
.roo-brick-image .roo-brick-paragraph {
    opacity: 0;
}

.masonry-bottom-title .masonry-brick-paragraph {
    opacity: 1;
}


.masonry-brick-image-view  {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.masonry-brick-paragraph .masonry-brick-title,
.roo-brick-paragraph .roo-brick-title {
    margin-top: 0;
}

.roo-brick .roo-brick-paragraph {
    padding: 9px;
    width: 100%;
    height: 100%;
    background-color: inherit;
}

.roo-brick-image-view  {
    position: absolute;
    top: 0;
    object-fit: cover;
}

a.roo-brick-link:focus,
a.roo-brick-link:hover {
    text-decoration: none;
    outline: 0;
}

.masonry-brick-split .masonry-brick-split-head,
.masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph {
    height: 75%;
}

.masonry-brick-split .masonry-brick-split-body {
    height: 25%;
    padding: 4px;
    color: $gray-base;
    font-size: 11px;
}

.enable-mask:hover .masonry-brick-mask {
    width:100%;
    height:100%;
    position:absolute;
    top: 0;
    left: 0;
    background-color:$gray-base;
    opacity:0.2;
}

@media (min-width: 768px) {
    .mask-inverse .masonry-brick-paragraph {
        background: $black-opacity-50;
    }

    .mask-inverse:hover .masonry-brick-paragraph {
        background: none;
    }
}