#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-icon {display: inline-block; position: absolute; right: 5px; top: 5px; opacity: 0; transition: .2s opacity;}

	#gallery-container .slide .img-wrapper:hover .lightbox-icon {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-content .image-caption {font-weight: bold; margin-bottom: 0.2em;}



#gallery-controls > div:not(#slide-number) {cursor: pointer;}

#pause {font-size: 14px; font-weight: bold; display: inline; top: 4px;}
#pause .icon-pause { width: 8px; height: 15px; fill: #ff0000; }
#pause .icon-play { width: 8px; height: 15px; fill: #ff0000; display: none; }

#gallery-controls {color: #32cd32; float: right; text-align: right; width: 140px;}

	#gallery-controls .rev {display: inline; margin-right: -1px; font-size: 32px; top: 4px;}
	#gallery-controls .rev .icon-prev { width: 16px; height: 15px; fill: #ff0000; }
	#gallery-controls .adv {display: inline; margin-left: 3px; font-size: 32px; top: 4px;}
	#gallery-controls .adv .icon-next { width: 16px; height: 15px; fill: #ff0000; }
#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; border: 3px solid #fff;}

#thumbs-container .thumb:last-child {margin-right: 0;}

#thumbs-container .thumb.cycle-slide img {height: 100%; width: 100%; cursor: pointer;}

#thumbs-container .thumb.cycle-slide-active {border: 3px solid #ff0000;}

#thumbs-wrapper .next, #thumbs-wrapper .prev {bottom: 24%; position: absolute; cursor: pointer;}

#thumbs-wrapper .prev {left: 0;}
#thumbs-wrapper .prev .icon-prev { width: 19px; height: 33px; fill: #ff0000; }

#thumbs-wrapper .next {right: 0;}
#thumbs-wrapper .next .icon-next { width: 19px; height: 33px; fill: #ff0000; }



#gallery-content.thumbnail-grid .lightbox-icon {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; }