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

.nGY2 .ngy2_container {width: 100%; font-size: 1em; line-height: normal; padding: 0; margin: 0 auto; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none;}
.nGY2 .nGY2Gallery {position: relative; text-align: center; margin: 0 auto; overflow: hidden;}
.nGY2 .nGY2GallerySub {position: relative; width: 100%; height: 100%; display: inline-block; z-index: 1; overflow: hidden;}
#album {margin: 30px auto 30px auto; overflow: hidden !important;} #album div {z-index: 0 !important; image-rendering: -webkit-optimize-contrast;}

.nGY2Icon-ngy2_chevron_left3:before {content: '\3008';} .nGY2Icon-ngy2_chevron_right3:before {content: '\3009';}
.nGY2Icon-ngy2_close2:before {content: '\2715'; font-size: 36px; line-height: 1;}

[class^="nGY2Icon-"] {margin-left: .2em; margin-right: .3em; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: inherit; text-align: center; speak: none; display: inline-block;}

/*Thumbnails*/
.nGY2 .nGY2GThumbnail {cursor: pointer; display: inline-block; position: absolute; background-color: #FFF;}
.nGY2 .nGY2GThumbnailImage {position:relative; background: none; /*#555 if blank images*/}

/*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;}

/*Gallery More Button*/
.nGY2 .nGY2GalleryMoreButton {margin: 10px auto 5px auto; padding: 4px; text-align: center; position: relative; display:inline-block; cursor: pointer; font-size: 20px; line-height: 1.7;}
.nGY2 .nGY2GalleryMoreButtonAnnotation {margin: 10px auto 5px auto; border: 1px solid #FFF; padding: 8px 20px; text-align: center; position: relative; display:inline-block; -webkit-transition: .2s; background-color: #555;}
.nGY2 .nGY2GalleryMoreButtonAnnotation:hover {background-color: #777;}

/*Lightbox*/
.nGY2 .nGY2Viewer {display:block; position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(1,1,1,0.92); 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 .nGY2ViewerMediaPan {transform-origin: 50% 50% 0; position: absolute; display: inline-block; padding: 0; top: 0; bottom: 0; left: 0; right: 0; margin: auto; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none;}

/*Lightbox Photo*/
.nGY2 .nGY2ViewerMedia {will-change: transform; transform: translateZ(0); position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 0; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; /*border-radius: 4px; border: 2px solid #EEE;*/}
.nGY2 .nGY2ViewerContent .imgCurrent {cursor: pointer;}

/*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; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none;}
.nGY2 .nGY2ViewerAreaPrevious {padding: 10px 0 10px 1px; left: 0; text-align: left;}
.nGY2 .nGY2ViewerAreaNext {padding: 10px 1px 10px 0; right: 0; text-align: right;}
@media (max-width: 480px) {.nGY2 .nGY2ViewerAreaPrevious {left: -8px;} .nGY2 .nGY2ViewerAreaNext {right: -8px;}}

/*Lightbox tools*/
.nGY2 .nGY2ViewerToolsTopLeft, .nGY2 .nGY2ViewerToolsTopRight {cursor:pointer; color: #DDD; top: 5px; background: rgba(0,0,0,0.2); position:absolute;}
.nGY2 .nGY2ViewerToolsTopLeft {left: 5px;} .nGY2 .nGY2ViewerToolsTopRight {right: 5px;}
.nGY2 .toolbar {display: inline-block; padding: 8px 0; margin: 3px;}

/*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;}
.nGY2 .toolbar .pageCounter {display: table-cell; font-size: 1em; margin:auto;}
.nGY2 .toolbarBackground {display: none;} /*for titles*/