@padding: default;
@alignment_horizontal: center;
@alignment_vertical: end;
@title_alignment: default;
@title_color: default;
@title_font: default;
@title_font_size: default;
@title_font_style: default;
@title_font_weight: default;
@title_padding: default;

.sow-image-grid-wrapper {
	align-items: @alignment_vertical;
	display: flex;
	flex-wrap: wrap;
	justify-content: @alignment_horizontal;
	line-height: 0;
	text-align: center;

	.sow-image-grid-image {
		display: inline-block;
		padding: @padding;

		a {
			display: block;
		}

		img {
			height: auto;
			max-width: 100%;
			opacity: 0;
		}

		.image-title {
			color: @title_color;
			font-family: @title_font;
			font-size: @title_font_size;
			font-style: @title_font_style;
			font-weight: @title_font_weight;
			line-height: 1.25;
			padding: @title_padding;
			text-align: @title_alignment;
		}
	}
}
