@charset "UTF-8";
/* CSS Document */

#photoPage {
	position:relative; /* everything within absolutely positioned */
		zoom:1; /* IE bug fix */
}

.photoGallery * {
	box-sizing:border-box;
}

ul.galleryList,
ul.galleryList li {
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	position:relative;
}

ul.galleryList li {
	margin: 0 0 5px 0;
}


@media (min-width: 769px) {
	ul.galleryList li {
	width:20%;
	float: left;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
		
	}
	
	ul.galleryList.gallery-square-grid li {
		float:none;
		display:inline-block;
	}
}

.photoGallery.gallery-photos ul.galleryList li a   {
	cursor:zoom-in;
}

ul.galleryList.gallery-square-grid li a {
	position:relative;
	display:block;
	text-align:center;
}

ul.galleryList.gallery-square-grid  li a.bg-img-added {
	/* for javascript replaced images - img replaced with background image */
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
}

ul.galleryList.gallery-square-grid  li a.bg-img-added:before {
	/* make square once bg-image loaded */
	content:"";
	display:block;
	padding-top:100%;
}

ul.galleryList  li a img,
ul.galleryList  li a video {
	width:100%;
	max-width:100%;
	height:auto;
}

ul.galleryList li .photoTitle {
	position:absolute;
	opacity:0;
	left:0;
	bottom:0;
	width:100%;
	text-align:center;
	padding:15px;
	background:rgb(0,0,0);
	background:rgba(0,0,0,.7);
	color:#FFF;
	transition:.5s;pointer-events:none;
}

ul.galleryList li:hover .photoTitle,  .galleryindex  ul.galleryList li .photoTitle {
	opacity:1;
}


ul.galleryList li .photoUpdateLink {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:45px;	
}

ul.galleryList li .photoUpdateLink:hover {
	background:rgb(0,0,0);
	background:rgba(0,0,0,.7);
}

ul.galleryList li .photoUpdateLink .status {
	width: 16px;
	height:16px;
	position:absolute;
	top:15px;
	left:15px;
}

ul.galleryList li .photoUpdateLink a {


	position:absolute;
	top:15px;
	left:auto;
	right:15px;

	display: none;
	cursor: pointer;

}

ul.galleryList li:hover .photoUpdateLink a {
	display:block;
	color: #ffffff;
}

ul.galleryList li .photo_handle {
	visibility:hidden;
	position:absolute;
	top:15px;
	left:50%;
	margin-left:-8px;


}


ul.galleryList li:hover .photo_handle {
	visibility:visible;
	color: #ffffff;
	cursor: grabbing;
}


/************* Review Page **************/

.photoItem {
	width:100%;
	overflow:hidden;
	margin: 1em 0;
}

.photoCheckbox {
	margin-top:1em;
}

.photoCheckbox,
.photoImage,
.photoDetails {
	float: left;
}

.photoDetails label {
	display:block;
}

.photoImage {
	
	padding: 0 10px;
}

/***** Nav ********/

.galleryNav {
	margin: 1em 0;
}

.galleryNav nav {
	display:inline-block;
}


.galleryNav.galleryBottomNav .photosCount {
	display:none;
}