.photoAlbumTitle {
    font-size: 15px;
    font-weight:normal;
    text-align:center;
    margin-top:5px;
}
.photoAlbumTitle h3 {
	font-size:14px;
	line-height:16px;
	text-align:center;
}
a.photoSlideshow {
    text-decoration:none;
}
.photoAlbumDate {
    margin-top:2px;
    text-align:center;
}
ul.galleryGrid {
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin:0;
	padding:0;
}
.galleryItem {
	position:relative;
	width:32%;
	margin:10px 1% 40px 0;
	padding:0;
}
.galleryItem .photo {
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	margin-bottom:10px;
	cursor:pointer;
}
.galleryItem .photo::after, .galleryGrid .galleryItem .video-wrapper::after {
	display:block;
	content:"";
	padding-top:90%;
	width:100%;
}
.galleryGrid .galleryItem .video-wrapper {
	position:relative;
	width:100%;
	cursor:pointer;
	overflow:hidden;
	background:#000;
	margin-bottom:10px;
}
.galleryGrid .galleryItem .video-wrapper .video-inline {
	position:absolute;
	top:0;bottom:0;right:0;left:0;
	width:100%;
	height:100%;
}
.galleryItem h6 {
	margin:0;
}
.galleryItem .editButtonContainer .button {
	margin-left:10px;
	margin-top:10px;
}
.vidPop {
	width:900px;
	height:100%;
	max-width:100%;
	text-align:center;
	background-color:#000;
}
.vidPop video {
	width:100%;
	height:100%;
	object-fit:cover;
}
.photoBox .video-wrapper {
	position:relative;
	text-align:center;
	width:120px;
	height:80px;
	background:#000;
}
.photoBox .video-wrapper video {
	width:100%;
	height:100%;
	object-fit: cover;
}
.photoBox .video-wrapper .play-button {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	width:30%;
	cursor:pointer;
}
/*end for the photo album stuff*/

label {
	color:#000;
}
.hoverBox {
	width:auto;
    padding:3px;
    position:absolute;
        top:50px;
    display:none;
    background-color: #dbdfe8;
    border:1px solid black;
    filter:alpha(opacity=90);
        z-index:4000;
}
.hoverBoxClose {
        width:100%;
        background-color:#000;
        color:#fff;
        text-align:right;
        padding:1px;
        margin-bottom:3px;
}
.hoverBoxClose * {
        color:#fff;
}
.hoverBoxClose a {
        color:#fff;
        text-decoration:none;
        padding-right:5px;
        font-weight:bold;
}
.photoBox {
	position:relative;width:22%;padding:10px 5px;display:inline-block;text-align:center;
}


label {
    color:#000;
}
.sortBox {
    border:1px solid #000;
}
.handle.button {
	display:block;
}
.photoBox .handle {
    background-color:#000;
    color:#fff !Important;
    padding:3px;
    font-size:10px;
    text-align:center;
    display:none;
    cursor:move;
}
ul.sortable {
    margin:0px;
}
.sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.sortable li {
    margin: 10px 5px;
    padding: 1px;
    display:inline-block;
    vertical-align:top;
    text-align: center;
}
.button.sort, .button.cancelsort {
        font-size:14px;
        padding:5px 10px;
}
.status {
    position:fixed;
    background-color:#990000;
    width:100px;
    padding:3px;
    color:#fff;
    right:50px;
}
.hidden {
    display:none;
}
.miniAlbum {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap:wrap;
	margin-top:50px;
}
.miniAlbum .photo {
        width:24%;
	margin-right:1%;
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center center;
        margin-bottom:30px;
	position:relative;
}
.miniAlbum .photo:nth-child(n+9) {
        display:none;
}
.miniAlbum .photo:after {
        content:"";
        display:block;
        padding-top:90%;
}
.miniAlbum .photo .overlay {
        position:absolute;
        top:0;bottom:0;right:0;left:0;
        width:100%;
        height:100%;
        text-align:center;
        z-index:100;
}
.miniAlbum .photo:nth-child(8) .overlay {
        background:rgba(0,0,0,.55);
}
.miniAlbum .photo:nth-child(8) .overlay:after {
        display:block;
        content:attr(data-remaining);
        color:#fff;
        position:relative;
        top:50%;
        transform:translateY(-50%);
        font-weight:800;
        font-size:22px;
        text-transform:uppercase;
        white-space: pre;
        line-height:1.4;
}
.fancybox-title h5 {
        font-size: 12px;
        text-align: left;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        font-weight:300;
        color:#231f20;
        margin-bottom:5px;
}
.fancybox-title h4 {
        font-size: 18px;
        font-weight: 800;
        text-align: left;
        letter-spacing: -0.02em;
        color:#231f20;
}
/* Small Tablet + Mobile */
@media (max-width : 767px) {
        .miniAlbum .photo:nth-child(4) .overlay:after {
                font-size:15px;
        }
		.galleryGrid .galleryItem {
			width:100%;
			margin-right:0;
		}
}