/* CSS for nanogallery2 - www.nanogallery2.nanostudio.org */

/*Main Container*/

.nGY2 {box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box;}
 .nGY2 .ngy2_container {
width: 100%; min-width: 100px; /* min-width to display something even if parent has display:inline-block */
font-size: 1.0em; line-height: normal; padding: 0px; margin: 0 auto; overflow: hidden; visibility: visible;
-webkit-user-select: none; user-select: none; -webkit-touch-callout: none;
}

#album {overflow: hidden !important; margin: 30px auto 30px auto;}
#album div {z-index: 0 !important; image-rendering: -webkit-optimize-contrast;}
/*@media (max-width: 355px) {#album {width: 100% !important; max-width: 280px !important;}}*/
/*#tap {text-align: center; margin: 30px auto 0 auto; font-size: 1em; font-weight: 700;}*/


/*Icon Font*/

@font-face {font-family: 'ngy2_icon_font';
src: url('font/ngy2_icon_font.woff2?64889571') format('woff2'), url('font/ngy2_icon_font.woff?64889571') format('woff');
font-weight: normal; font-style: normal;
}

.nGY2Icon-picture:before { content: '\e805'; }
.nGY2Icon-ngy2_chevron_left3:before { content: '\e83c'; }
.nGY2Icon-ngy2_chevron_right3:before { content: '\e83d'; }
.nGY2Icon-ngy2_close2:before { content: '\e843'; }
.nGY2Icon-left-open:before { content: '\e827'; }
.nGY2Icon-right-open:before { content: '\e828'; }
.nGY2Icon-play:before { content: '\e82b'; }
.nGY2Icon-pause:before { content: '\e82c'; }

[class^="nGY2Icon-"] {
margin-left: .2em; margin-right: .3em;
font-family: "ngy2_icon_font"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: inherit; text-align: center; speak: none; display: inline-block;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;
}

/*Gallery*/

.nGY2 .nGY2Gallery {position: relative; text-align: center; margin: 0px auto; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}

.nGY2 .nGY2GallerySub {perspective: 900px; text-align: left; position: relative; width: 100%; height: 100%; overflow: hidden; display: inline-block; z-index: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}

/*Thumbnails*/

.nGY2 .nGY2GThumbnail, .nGY2 .nGY2GThumbnailStack {cursor: pointer; border: 0px solid #000; padding: 0px; display: inline-block; position: absolute; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; overflow:hidden;}

.nGY2 .nGY2GThumbnailSub {
/* no border or padding allowed here */
width: 100%; height: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; border: 0px solid #000; margin: 0px; padding: 0px; overflow:hidden;}
.nGY2 .nGY2GThumbnailSubSelected{-webkit-transform: scale(0.90); -ms-transform: scale(0.90); tra
nsform: scale(0.90); /*opacity: 0.8;*/}

.nGY2 .nGY2GThumbnailImage {position:relative; overflow:hidden; background:#000;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}

/*.nGY2 .nGY2GThumbnailImg {
background:url("") no-repeat center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: block; vertical-align: bottom; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}*/

.nGY2 .nGY2GThumbnailCustomLayer {position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; overflow:hidden;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}

/*magnifying glass to top of thumbnail*/
.nGY2 .nGY2GThumbnailCustomLayer:after {content: ""; background-image:url(../enlarge.png); background-repeat: no-repeat; opacity: 0.8; background-size: contain; height: 25px; width: 25px; position:absolute; top: 6px; right: 6px;}

.nGY2 .nGY2GThumbnailLabel {display: block; background:rgba(0, 0, 0, 0.45) !important; left: 0; right: 0; margin: 0; padding: 3px; position: absolute; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.3;}

.nGY2 .nGY2GThumbnailImageTitle, .nGY2 .nGY2GThumbnailAlbumTitle {color: #FFF; margin: 0; padding: 0px; left: 0; right: 0; white-space: nowrap; overflow:hidden; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}

.nGY2 .nGY2GThumbnailDescription {clear:both; margin: 1px 1px 3px 1px; padding: 0px; color:#CCC; white-space: nowrap; left: 0; right: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; font-size: 13px; line-height: 1.3;}

.nGY2 .nGY2GThumbnailIcons {margin: 0; position: absolute; display: inline; padding: 0;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}

.nGY2 .nGY2GThumbnailIconsFullThumbnail {font-size: 1.8em; color: #fff; padding: 5px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}

.nGY2 .nGY2GThumbnailIcon {display: inline-block; padding: 4px; margin: 0px; color:#fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}

.nGY2 .nGY2GThumbnailIconTextBadge{background-color: #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; position: relative; margin: 0; display: inline-block; vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}

.nGY2 .nGY2GThumbnailIconText {position: relative; margin: 0; display: inline-block; vertical-align: middle;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}

.nGY2 .nGY2GThumbnailAlbumUp i {position: absolute; top: 50%; left: 50%; margin: 0; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);}

.nGY2 .nGY2GThumbnailAlbumUp {color:#eee; font-size: 1.2em; top: 0; bottom: 0; left: 0; right: 0; display: table; width:100%; text-align: center; position: absolute; margin: auto; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}


/*Gallery Bottom*/

.nGY2 .nGY2GalleryBottom {margin: 0px; padding: 0px; text-align:center; position: relative; overflow:hidden; white-space: nowrap;}

/*Gallery More Button*/

.nGY2 .nGY2GalleryMoreButton {
margin: 10px auto 5px auto; padding: 4px; text-align: center; position: relative; display:inline-block; overflow:hidden; white-space: nowrap; cursor:pointer;
}
.nGY2 .nGY2GalleryMoreButtonAnnotation {margin: 10px auto 5px auto; border: 1px solid #fff; padding: 8px 20px; text-align: center; position: relative; display:inline-block; overflow:hidden; white-space: nowrap;
}

/*Gallery Pagination*/

.nGY2 .nGY2GalleryPagination, .nGY2 .nGY2GalleryPaginationDot {margin: 10px auto 5px auto; padding: 4px; text-align:center; position: relative; overflow:hidden; white-space: nowrap;}

.nGY2 .nGY2paginationItem,
.nGY2 .nGY2paginationItemCurrentPage,
.nGY2 .nGY2PaginationPrev,
.nGY2 .nGY2PaginationNext {
margin: 10px 4px; padding: 5px 8px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px;
	border-radius: 4px;
  background: #111;
	white-space: nowrap;
	cursor:pointer;
	vertical-align: middle;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif !important; font-size: 14px;
}

.nGY2 .nGY2paginationItemCurrentPage {background: #333;}

.nGY2 .nGY2paginationDot, .nGY2 .nGY2paginationDotCurrentPage{
  width: 16px; height: 16px; border: 2px solid #fff; background: #444; border-radius: 50%; margin: 12px 5px; white-space: nowrap; cursor:pointer; vertical-align: middle; display: inline-block; opacity: 0.50;}
.nGY2 .nGY2paginationDotCurrentPage{background: #fff; opacity: 1;}

.nGY2 .nGY2paginationRectangle, .nGY2 .nGY2paginationRectangleCurrentPage{width: 30px; border: 1px solid #fff; height: 0px; background: #444; margin: 5px 1px; white-space: nowrap; cursor: pointer; vertical-align: middle; display: inline-block; opacity: 0.50;}
.nGY2 .nGY2paginationRectangleCurrentPage{background: #fff; opacity: 1;}


/*Lightbox*/

.nGY2 .nGY2ViewerContainer {opacity: 0; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%;}
.nGY2 .nGY2Viewer {
display:block; visibility: visible; position: fixed; font-family: Arial, Helvetica, sans-serif;
  top: 0px; left: 0px; height: 100%; width: 100%; opacity: 1; background-color: rgba(1, 1, 1, 0.9); text-align: center;
  clear: both; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag:  none; -webkit-user-select: none; -ms-user-select: none;
}
.nGY2 .nGY2ViewerContent {
min-width:40px; min-height:40px; position:absolute; clear:both;
user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag:  none; -webkit-user-select: none; -ms-user-select: none;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;
}
.nGY2 .nGY2ViewerMediaPan{transform-origin: 50% 50% 0; visibility: visible; opacity: 1; position: absolute; display: inline-block; padding:0px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; zoom: 1; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag:  none; -webkit-user-select: none; -ms-user-select: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;
}

/*Lightbox Photo*/

.nGY2 .nGY2ViewerMedia {
  max-width: none; visibility: visible; opacity: 1;
  will-change: transform; transform: translateZ(0);
  position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; /* <-- don't change */ zoom: 1; padding: 0px;
  user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag:  none; -webkit-user-select: none; -ms-user-select: none; /*box-sizing: border-box; -webkit-box-sizing: border-box;*/ /*border-radius: 4px; border: 2px solid #EEE;*/
}

.nGY2 .nGY2ViewerContent .imgCurrent {cursor: pointer;}

/*AreaPrevious and AreaNext are nav arrows*/
.nGY2 .nGY2ViewerAreaPrevious, .nGY2 .nGY2ViewerAreaNext {transform: scaleY(1.5); color: #fff; display: block; position: absolute; font-size: 2em; top: 50%; margin-top: -25px;cursor: pointer; opacity: 1; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag:  none; -webkit-user-select: none; -ms-user-select: none; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;}
.nGY2 .nGY2ViewerAreaPrevious {padding: 10px 0px 10px 1px; left: 0px; text-align: left;}
.nGY2 .nGY2ViewerAreaNext { padding: 10px 1px 10px 0px; right: 0px; text-align: right;}
.nGY2 .nGY2ViewerAreaPrevious > i {margin-left: 0px;}
.nGY2 .nGY2ViewerAreaNext > i {margin-right: 0px;}

/*toolbarContainer is bottom area of lightbox where title & descrip go*/
.nGY2 .toolbarContainer {left: 0px; right: 0px; bottom: 15px !important; text-align: center; display: inline-block; position: absolute; width: 100%;}
.nGY2 .toolbar {display: inline-block; vertical-align: middle; overflow: hidden; padding: 2px 0px; margin: 1px;}
.nGY2 .toolbarBackground {background:rgba(4,4,4,0.7);}

.nGY2 .nGY2ViewerToolsTopLeft, .nGY2 .nGY2ViewerToolsTopRight {cursor:pointer; color: #ddd; top: 5px; background: rgba(0,0,0,0.2); position:absolute; opacity:1; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;}
.nGY2 .nGY2ViewerToolsTopLeft {left: 5px;}
.nGY2 .nGY2ViewerToolsTopRight {right: 5px;}

/*This line controls size of icons AND text in lightbox (but not nav arrows):*/
.nGY2 .toolbar .ngbt {font-size:1.5em; display: table-cell; cursor:pointer; padding: 2px 5px; vertical-align:middle;}

/*These 3 lines control lightbox title and description!*/
.nGY2 .toolbar .title {display: none !important; font-size:1em; margin:auto; vertical-align:middle; overflow: hidden; padding-bottom: 8px; color: #FFF;}
/*Don't allow descriptions, unless client really wants them in addition to title*/
.nGY2 .toolbar .description {display: none !important; font-size:.75em; display:table-row; vertical-align:middle; overflow: hidden; color: #AAA;}
.nGY2 .toolbar .title:hover, .nGY2 .toolbar .description:hover, .nGY2 .toolbar .pageCounter:hover {opacity: 1 !important; cursor: text !important;}

.nGY2 .toolbar .pageCounter{display: table-cell; font-size:1em; margin:auto; vertical-align:middle; overflow: hidden;}
.nGY2 .toolbar .label {padding:3px 10px 3px 10px; border-left: 0px solid #000; overflow: hidden; display: table-cell; text-align: left; vertical-align:middle; font-size:1em; background-color:initial;}