/* ******************** miWidth result Lists ***************************** */

.layout .minWidthFlex {
	text-align: center;
	display: block;
	position: relative;
	padding: 0;
	overflow: hidden;
}
.layout .minWidthFlex.sort{
	overflow: visible; /* sort helpers may exceed item boundaries to fill gap */
}
.layout .minWidthFlex.sort > *{
	overflow: hidden;
}
.layout .minWidthFlex:before {
	content: '';
	display: block;
	padding-bottom: 40%;
}
.layout .minWidthFlex.empty,
.layout .minWidthFlex.empty:before{
	height: 0;
	padding: 0;
	opacity: 0;
}

.layout .minWidthFlex .content {
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}



/* ******************** MWRL Item Proportions ***************************** */

.layout .minWidthFlex.square:before {
	padding-bottom: 100%;
}
.layout .minWidthFlex.postcard:before {
	padding-bottom: 68%;
}

.layout .minWidthFlex > .content{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
/* ******************** MWRL Sizes ***************************** */

.layout .minWidthFlex.small {
	min-width: 150px;
	flex-grow: 1;
}

.layout .minWidthFlex.medium {
	min-width: 300px;
	flex-grow: 1;
}
.layout .minWidthFlex.wide {
	min-width: 450px;
	flex-grow: 1;
}

/* ******************** Content positioning ***************************** */


.layout .minWidthFlex .content.contain > *{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.layout .minWidthFlex .content.cover > *{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.layout .minWidthFlex:hover .content.cover > *{
	width: 100%;
	height: 100%;
	position: absolute;
}
.layout .minWidthFlex .content.center.middle > *{
	width: 100%;
	height: 100%;
	object-position: 50% 50%;
}