.masonry-grid {
	margin: auto -.5rem;
}

.masonry-sizer {
	width: 25%;
}

.masonry-item {
	display: block;
	width: 25%;
	position: relative;
	overflow: hidden;
	padding: .5rem;
}

.masonry-item.masonry-item-double {
	width: 50%;
}

.masonry-item img {
	width: 100%;
}

.masonry-item-title {
	box-sizing: border-box;
	padding: .5rem 1rem;
	position: absolute;
	bottom: .5rem;
	left: .5rem;
	max-width: calc(100% - 1rem);
	background-color: rgba(255,255,255,.8);
}

.masonry-item-label {
	position: absolute;
	top: .5rem;
	left: .5rem;
}

.masonry-item-actions {
	position: absolute;
	top: .5rem;
	right: .5rem;
	opacity: 0;
	transition: opacity .5s;
}

.masonry-item:hover .masonry-item-actions {
	opacity: 1;
}

.no-js .masonry-grid:after {
	content: '';
	display: block;
	clear: both;
}

.no-js .masonry-item {
	float: left;
}

.no-js .masonry-item.masonry-item-double {
	width: 25%;
}
