/* List */
#gallery-summary { margin-bottom: 20px; }
#gallery-summary .value { font-weight: bold; }
.gallery-list
{
}
.gallery-list > li
{
	width: var(--ImageDimensionsPreview_wpx, auto);
}
#body .gallery-list.no-named
{
	margin: 0 0 0 -10px;
	align-items: center;
}
#body .aside .gallery-list.no-named
{
	margin: 0 0 0 -10px;
	align-items: center;
}
#body .gallery-list.no-named > li
{
	margin: 0 0 10px 10px;
	padding: 0;
}
.gallery-tile-image
{
	 height: var(--ImageDimensionsPreview_hpx, auto);
}
.gallery-props
{
	margin-top: 5px;
	color: #666;
}
* + #gallery-column-bottom
{
	margin-top: 30px;
}

/* Full image */
#gallery-image-info
{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
#gallery-image-info .current-position
{
	font-size: 190%;
	margin-right: 20px;
}
#gallery-image-info .controls
{
	font-family: "Font Awesome 5 Pro";
	font-size: 250%;
}
#gallery-image-info .controls > a
{
	display: inline-block;
	margin-right: 15px;
	text-decoration: none;
}
#gallery-image-info .controls > .prev:before { content: '\f104'; }
#gallery-image-info .controls > .next:after { content: '\f105'; }

#gallery-image-container
{
	display: flex;
}
#gallery-image
{
	margin-right: 20px;
	max-width: 50%;
	flex-shrink: 0;
}
#gallery-image img
{
	max-width: 100%;
	height: auto;
}
#gallery-image-content
{
	flex-basis: 100%;
	flex-grow: 100;
}
#gallery-image-props
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#gallery-image-props > li:not(:last-child) { margin-bottom: 7px; }
#gallery-image-props > li > .name:not(:empty)
{
	display: inline-block;
	margin-right: 3px;
	color: #666;
}
#gallery-image-props > li > .name:not(:empty):after { content: ':'; }
#gallery-image-props + .rating-container
{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #eee;
}

/* Album stand alone */
.gallery-simple
{
	margin-top: 20px;
	margin-bottom: 20px;
}

@media screen and (max-width: 899px)
{
	#body .gallery-list.no-named
	{
		justify-content: center;
		margin: 0;
	}
}
@media screen and (max-width: 480px)
{
	.adaptive #gallery-image-container
	{
		flex-flow: column nowrap;
	}
	.adaptive #gallery-image
	{
		margin: 0 0 20px 0;
		max-width: 100%;
		flex-shrink: auto;
	}
	.adaptive #gallery-image-content
	{
		flex-basis: auto;
		flex-grow: auto;
	}
}