.custom__edit--info { position: fixed; width: 40px; height: 40px; bottom: 1em; right: 1em; z-index: 3000; border-radius: 50%; padding: 0; text-align: center; margin: 1em; background: #745B99; color: #fff; font-size: 13px; font-weight: 700; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35); }

.custom__edit--info svg { line-height: 40px; height: 40px; width: 40px; cursor: pointer; }

.custom__edit--info div { position: absolute; display: block; white-space: nowrap; bottom: 0; right: 100%; border-radius: 4px; padding: 0 2em; -webkit-box-shadow: inherit; box-shadow: inherit; background: inherit; opacity: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: hidden; -webkit-transition: opacity .2s ease, visibility 0s ease .2s, -webkit-transform .2s ease; transition: opacity .2s ease, visibility 0s ease .2s, -webkit-transform .2s ease; -o-transition: transform .2s ease, opacity .2s ease, visibility 0s ease .2s; transition: transform .2s ease, opacity .2s ease, visibility 0s ease .2s; transition: transform .2s ease, opacity .2s ease, visibility 0s ease .2s, -webkit-transform .2s ease; }

.custom__edit--info p { white-space: nowrap; line-height: 1.8; text-align: left; text-transform: none; }

.custom__edit--info small { margin-right: 5px; opacity: .75; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.custom__edit--info:hover div { opacity: 1; visibility: visible; -webkit-transform: translateX(-1em); -ms-transform: translateX(-1em); transform: translateX(-1em); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

@-webkit-keyframes marquee { 0% { -webkit-transform: translateX(100vw); transform: translateX(100vw); }
  100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } }

@keyframes marquee { 0% { -webkit-transform: translateX(100vw); transform: translateX(100vw); }
  100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.content__gallery__desc, .content__album__desc { margin: 0 0 3em; }

.content__album, .content__gallery { margin-bottom: 3em; }

.content__album:before, .content__album:after, .content__gallery:before, .content__gallery:after { content: ""; display: table; }

.content__album:after, .content__gallery:after { clear: both; }

.content__gallery__list, .content__album__list { margin: 0 -.5em; padding: 0; list-style: none; position: relative; }

.content__gallery__list:before, .content__gallery__list:after, .content__album__list:before, .content__album__list:after { content: ""; display: table; }

.content__gallery__list:after, .content__album__list:after { clear: both; }

.content__gallery__list li, .content__album__list li { padding: 0 .5em; margin: 0 0 1em; position: relative; -webkit-box-shadow: none !important; box-shadow: none !important; }

@media all and (min-width: 425px) { .content__gallery__list--2 li, .content__gallery__list--3 li, .content__gallery__list--4 li, .content__album__list--2 li, .content__album__list--3 li, .content__album__list--4 li { width: 50%; float: left; } }

@media all and (min-width: 768px) { .content__gallery__list--3 li, .content__gallery__list--4 li, .content__album__list--3 li, .content__album__list--4 li { width: 33.33%; } }

@media all and (min-width: 1050px) { .content__gallery__list--4 li, .content__album__list--4 li { width: 25%; } }

.content__gallery__list__item__image a, .content__album__list__item__image a { width: 100%; padding-bottom: 100%; display: block; position: relative; overflow: hidden; background: #000; }

.content__gallery__list__item__image img, .content__album__list__item__image img { width: 102%; max-width: 102% !important; height: auto; position: absolute; top: 0; left: -1%; opacity: .5; -webkit-transition: opacity .8s, -webkit-transform 1s; transition: opacity .8s, -webkit-transform 1s; -o-transition: opacity .8s, transform 1s; transition: opacity .8s, transform 1s; transition: opacity .8s, transform 1s, -webkit-transform 1s; }

.content__gallery__list__item__image a:hover img, .content__gallery__list__item__image a:focus img, .content__album__list__item__image a:hover img, .content__album__list__item__image a:focus img { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.content__gallery__list__item__info { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; }

.content__gallery__list__item__info h3, .content__gallery__list__item__info p { color: #FFF; }

.content__gallery__list__item__info__table { width: 100%; height: 100%; display: table; }

.content__gallery__list__item__info__cell { padding: 0 1em; display: table-cell; text-align: center; vertical-align: middle; }

.content__gallery__list__item__info__title { padding: .2em 0; margin: .5em 0 0; display: inline; }

.content__gallery__list__item__info__date { margin: 0; font-size: .8em; color: #FFF; }

.content__album__uploader { min-height: 175px; }

.content__album__list__item.ui-sortable-placeholder:after { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.content__album__list__item__info { display: none; }

.content__album__list__item__edit { width: 95%; height: 95%; display: none; position: absolute; top: 2.5%; left: 2.5%; background: #FFF; background: rgba(255, 255, 255, 0.9); }

.content__album__list__item__edit__data { display: none; }

.content__album__list__item__edit__fields.admin_ui { overflow: hidden; padding: 15px; padding-right: 25px; text-align: left; }

.content__album__list__item__edit__fields.admin_ui label { display: block; }

.content__album__list__item__edit__fields.admin_ui input[type=text], .content__album__list__item__edit__fields.admin_ui textarea { width: 100%; max-width: 100%; display: block; padding: 3px 0 3px 9px; margin: 0 0 15px; }

.content__album__list--editable .content__album__list__item__edit { display: block; overflow: auto; }
