/* 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.empty {
  background: url("../img/brix/nothing.png") no-repeat top center; }

.anura-gallery-container.anura-loading, .anura-gallery-container.anura-loading.empty {
  background: url("../img/brix/loading.gif") no-repeat top center; }

.anura-gallery-container:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.anura-gallery-container .anura-asset-container {
  float: left;
  /*TODO replace this with flex at some point (read: IE ??)*/
  overflow: hidden; }

.anura-gallery-wrapper:after {
  content: "";
  clear: both;
  display: table; }

/* image */
.anura-gallery-container .anura-image-container,
.anura-gallery-container .anura-node-container {
  text-align: center;
  z-index: 2;
  position: relative; }

.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; }

.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/brix/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;
  display: none; }

.anura-gallery-container .anura-image-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.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/brix/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%; }

/* 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/brix/restricted.png");
	position: absolute;
	right: -18px;
	top: -13px;
}
*/
/* gallery */
.anura-gallery-container.medium div.anura-asset-container {
  background: #fff none repeat scroll 0 0;
  width: 166px;
  height: 186px;
  margin: 0 10px 10px 0;
  padding: 5px 5px 0; }

.anura-gallery-container.medium div.anura-asset-container:nth-child(4n) {
  margin-right: 0 !important; }

.anura-gallery-container div.anura-image-container {
  border: none;
  box-shadow: none; }

#anura-details {
  display: none; }

.anura-details-container tr.general.asset_type,
.anura-details-container tr.general.created,
.anura-details-container tr.general.modified,
.anura-details-container tr.general.aspect_ratio {
  display: none; }

/* flyup */
#flyup-gallery .anura-paginator {
  display: none; }

/* BEGIN of fix for cropped images in flyup in Internet Explorer */
.anura-gallery-container div.anura-image-container .image {
  display: inline;
  padding: 0; }

#flyup-gallery .anura-gallery-container.medium div.anura-asset-container {
  width: 205px; }

#flyup-gallery {
  height: 380px; }

/* END of fix for cropped images in flyup in Internet Explorer */