#gallery-content *,
.gallery-topline * { position:relative; box-sizing:border-box; } 

.gallery-topline .gallery-dhwidget-share-open { position:absolute; }

.clearfix:before, .clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }


#gallery-content {min-height: 500px;}
#gallery-content img {height: auto; max-height: 65vh; max-width: 100%; vertical-align: bottom;}

.gallery-topline {margin-bottom: 15px;}
	#share-tools {float: left; padding-right: 18px;}
		#share-tools .share-button {cursor: pointer;}
		.gallery-dhwidget-share-open > *:not(script) {margin-top: 4px;}
		.gallery-dhwidget-share-open > *:first-child:not(script) {margin-top: 0;}
		.gallery-dhwidget-share-open {box-shadow: 0 0 4px 0 #444; z-index: 101; top: 29px; left: 18px;}
	#categories {float: right;}

/* galleries menu - adapted from masters-designbuild.com */
#galleries-menu {width: 278px; float: right; z-index: 400; color: black;}
#galleries-menu ul {margin: 0; padding: 0; list-style: none;}
#galleries-menu ul.level-0 {display: none; position: absolute; width: 100%; border: thin solid #aaa; background: white;}
#galleries-menu ul.level-0 > li > a {padding: 0.2em 0.5em;}
#galleries-menu ul.level-0 > li > a:first-of-type {padding-top: 0.3em;}
#galleries-menu ul.level-0 > li > a:last-of-type {padding-bottom: 0.4em;}
#galleries-menu a {display: block; color: inherit;}
#galleries-menu a.drop {background: white url("sprite_dropdown.png") no-repeat scroll 97% center; border: thin solid #aaaaaa; padding: 0.4em 0.5em 0.3em;}
#galleries-menu ul ul {display: none; padding-left: 1em;}
#galleries-menu ul ul li a {padding: 0.3em 0 0.3em 1.5em;}
#galleries-menu .expand-collapse {float: right; margin-top: -0.3em; font-size: 24px; font-weight: bold; padding:0 0.4em;}

/* prevent FOUC */
#gallery-content .slide.image, #gallery-content .slide-caption, #gallery-content .thumb {display: none;}

#gallery-container .cycle-slide {text-align: center;}
#gallery-content .cycle-slideshow .slide {width: 100%;}
	#gallery-content .img-wrapper {display: inline-block; max-width: 100%;}
	#gallery-container .slide .lightbox {display: inline-block; position: absolute; right: 5px; top: 5px; opacity: 0; transition: .2s opacity;}
	#gallery-container .slide .img-wrapper:hover .lightbox {opacity: 0.5; transition: .2s opacity;}

#gallery-content .cycle-prev, #gallery-content .cycle-next {cursor: pointer; position: absolute; top: 40%; z-index: 100;}
#gallery-content .cycle-prev {left: 0;}
#gallery-content .cycle-next {right: 0;}

#gallery-content .slide-overlay {background-color: #000; bottom: 0; color: #fff; left: 0; opacity: 0.8; padding: 2%; position: absolute; width: 100%; text-align: left;}
#gallery-content .image-title {font-weight: bold; margin-bottom: 0.2em;}

#gallery-controls > div:not(#slide-number) {cursor: pointer;}
#pause {font-size: 14px; font-weight: bold; letter-spacing: -3px; display: inline;}
#gallery-controls {color: #32cd32; float: right; text-align: right; width: 140px;}
	#gallery-controls .rev, #gallery-controls .adv {display: inline; margin-left: 3px; font-size: 32px; top: 4px;}
#slide-number {display: inline-block; line-height: 1em; margin-right: 4px; top: 1px;}

#captions {overflow: auto; margin: 20px 0; font-size: 12px;}

#thumbs-container {margin: 20px 30px 20px;}
#thumbs-container .thumb {height: 75px; width: 100px; margin-right: 15px;}
#thumbs-container .thumb:last-child {margin-right: 0;}
#thumbs-container .thumb.cycle-slide img {height: 100%; width: 100%;}
#thumbs-container .thumb.cycle-slide-active img {border: 3px solid;}
#thumbs-wrapper .next, #thumbs-wrapper .prev {bottom: 24%; position: absolute; cursor: pointer;}
#thumbs-wrapper .prev {left: 0;}
#thumbs-wrapper .next {right: 0;}

#gallery-content.thumbnail-grid .lightbox {display: inline-block; margin: 0 2px 5px 0; width: 125px; cursor: zoom-in;}
.mfp-title .image-title {font-weight: bold; margin-bottom: 0.2em;}

.slide-overlay, #gallery-content .cycle-prev, #gallery-content .cycle-next { display:none; }