/* container */
.anura-gallery-container {
	min-height: 32px;
}
.anura-gallery-container * {
	box-sizing: border-box;
}
.anura-gallery-container a img {
	border: 0;
	outline: 0;
}
.anura-gallery-container.anura-loading:before {
	display: block;
	content: '';
	border: 4px solid rgba(120, 120, 120, 0.2);
	border-top: 4px solid rgba(120, 120, 120, 0.8);
	border-radius: 50%;
	width: 32px;
	height: 32px;
	margin: 8px auto;
	animation: spin 1s linear infinite;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.anura-gallery-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
}
.anura-gallery-wrapper .anura-asset-container {
	overflow: hidden;
}

/* image */
.anura-gallery-container .anura-image-container,
.anura-gallery-container .anura-node-container {
	text-align: center;
	z-index: 2;
	position: relative;
	background: transparent no-repeat center center / cover;
}
.anura-gallery-container .anura-image-container {
	border: 1px solid #ededed;
	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.15);
}
.anura-gallery-container .anura-image-container a,
.anura-gallery-container .anura-node-container {
	cursor: pointer;
	color: transparent;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.anura-gallery-container .anura-asset-type-3 .anura-image-container a:before,
.anura-gallery-container .anura-asset-type-4 .anura-image-container a:before {
	background: url("../img/play.png") no-repeat scroll center center transparent;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.anura-gallery-container .anura-asset-type-3:hover .anura-image-container a:before {
	background: none;
}
.anura-gallery-container .anura-image-container a img {
	border: 0;
	outline: 0;
}
.anura-gallery-container .anura-image {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px; /* alt */
}
.anura-gallery-container .anura-asset-name,
.anura-gallery-container .anura-node-name {
	font-size: 12px;
	height: 15%;
	margin: 0;
	padding: 5px 1px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.anura-gallery-container a .anura-asset-name:hover {
	text-decoration: none;
}

/* menu */
.anura-gallery-container .anura-asset-menu {
	position: relative;
	z-index: 4;
	height: 0;
	text-align: right;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 0.2s, opacity 0.2s linear;
}
.anura-gallery-container .anura-asset-container:hover .anura-asset-menu,
.anura-gallery-container .anura-asset-container.anura-touch-hover .anura-asset-menu {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}
.anura-gallery-container .anura-asset-menu-holder {
	background: rgba(255, 255, 255, 0.5);
	height: 30px;
	overflow: hidden;
}
.anura-gallery-container .anura-asset-menu-button {
	width: 24px;
	height: 24px;
	padding: 4px;
	margin: 3px;
	border-radius: 2px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	opacity: 1;
}
.anura-gallery-container img.anura-asset-menu-button {
	margin-top: -19px; /*weird bug where a>img is not aligned like the others*/
}
.anura-gallery-container .anura-asset-menu-button.anura-asset-menu-mailto {
	background: #ffffff url('../img/mail_small.png') no-repeat center center;
}

/* pagination */
.anura-paginator {
	clear: both;
	height: 18px;
	font-size: 14px;
	padding: 3px 5px;
	border-top: 1px solid #c0c0c0;
}
.anura-paginator a {
	cursor: pointer;
	text-decoration: none;
}
.anura-paginator-nav-prev, .anura-paginator-nav-next {
	float: left;
	width: 2%;
	padding-right: 5px;
}
.anura-paginator-pages,
.anura-paginator-dots {
	width: 100%;
	height: 0;
	display: block;
	text-align: center;
	padding: 0 5px;
}
.anura-paginator-pages * {
	padding: 0 3px;
	word-wrap: break-word;
}
.anura-paginator-pages a {
	word-wrap: normal;
}
.anura-paginator-total {
	float: right;
	text-align: right;
	width: 20%;
	white-space: nowrap;
}
.anura-autoload {
	border-top: 1px solid #eee;
	padding-top: 5px;
	text-align: center;
	clear: both;
}
.anura-gallery-container.empty .anura-autoload,
.anura-gallery-container.anura-loading .anura-autoload {
	display: none;
}
.anura-ellipsis {
	padding: 0 2px;
}
.anura-paginator .anura-dot {
	display: inline-block;
	content: '';
	padding: 3px;
	margin: 1px;
	border-radius: 100%;
	border: 1px solid #666;
	background-color: transparent;
}
.anura-paginator span.anura-dot {
	background-color: #666;
}


.anura-gallery-container .anura-image-container, .anura-gallery-container .anura-node-container {width: 100%; height: 85%;}
.anura-gallery-container .anura-image, .anura-gallery-container .anura-node {max-width: 100%; max-height: 100%; object-fit: contain;}
/* predefined image sizes */
.anura-gallery-container.small .anura-asset-container {width: 102px; height: 120px; padding: 2px 2px 6px 2px; margin-bottom: 5px;}
.anura-gallery-container.small .anura-asset-name {font-size: 80%; line-height: 50%;}
.anura-gallery-container.medium .anura-asset-container {width: 152px; height: 170px; padding: 3px 3px 0 3px; margin-bottom: 5px;}
.anura-gallery-container.big .anura-asset-container {width: 202px; height: 220px; padding: 5px 5px 8px 5px; margin-bottom: 5px;}
.anura-gallery-container.huge .anura-asset-container {width: 262px; height: 280px; padding: 5px 5px 1px 5px; margin-bottom: 5px;}

/* thumbs fill the entire container, works everywhere except in IE (of course) */
.anura-gallery-container.slice .anura-image-container img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}
.anura-gallery-container.slice .anura-asset-type-2 .anura-image-container img {object-position: 50% 0;} /* top-align documents (title) */

/* example of how to display an image that can't just be downloaded (needs extended: true)
.anura-not-downloadable .anura-image-container a:before {
	content: url("img/restricted.png");
	position: absolute;
	right: -18px;
	top: -13px;
}
*/