
/* Photo Gallery Feature Styles */

	#photo-gallery																{ padding: 0; text-align: center; }
	#photo-gallery a.button.back												{ margin: 0.5rem 0% 2rem 0%; }

	#photo-gallery div.container .image											{ width: 100%; display: block; position: relative; }
	#photo-gallery div.container .image div.image-container						{ padding-top: 78.11%; width: 100%; display: block; position: relative; overflow: hidden; }
	#photo-gallery div.container .image div.image-container img					{ width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; position: absolute; object-fit: cover; object-position: center; filter: grayscale(0); transform: scale(1.01); transition: all 0.2s ease; }
	#photo-gallery div.container .image div.overlay								{ width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; display: table; position: absolute; opacity: 0; z-index: 100; transition: all 0.2s ease; }
	#photo-gallery div.container .image div.overlay > div.wrapper				{ padding-top: 24px; display: table-cell; vertical-align: middle; transition: padding 0.2s ease; }
	#photo-gallery div.container .image div.overlay > div.wrapper svg,
	#photo-gallery div.container .image div.overlay > div.wrapper span.icon		{ margin: 0%; max-width: 68px; max-height: 68px; font-size: 3rem; font-weight: 400; color: #FFFFFF; }
	#photo-gallery div.container div.details									{ padding: 24px 18px; background-color: #46a349; border-radius: 0px 0px 8px 8px; }
	#photo-gallery div.container div.details h4									{ margin: 0%; font-size: 1.125rem; line-height: 1.5rem; font-weight: 700; text-transform: uppercase; color: #FFFFFF; }
	#photo-gallery div.container a:hover										{ text-decoration: none !important; }
	#photo-gallery div.container .image:hover div.image-container img,
	#photo-gallery div.container a:hover > .image div.image-container img		{ filter: grayscale(0); transform: scale(1.05); }
	#photo-gallery div.container .image:hover div.overlay,
	#photo-gallery div.container a:hover > .image div.overlay 					{ opacity: 1; }
	#photo-gallery div.container .image:hover div.overlay > div.wrapper,
	#photo-gallery div.container a:hover > .image div.overlay > div.wrapper 	{ padding-top: 0px; }
	
	#photo-gallery div.albums > a.album											{ margin: 0% 0% 3.5% 3.5%; width: 31%; display: inline-block; vertical-align: top; }
	#photo-gallery div.albums > a.album:nth-of-type(3n+1)						{ margin-left: 0%; }
	#photo-gallery div.albums > a.album:nth-of-type(3n+2)						{ margin-left: 3.5%; }
	#photo-gallery div.albums > a.album:nth-of-type(3n+3)						{ margin-left: 3.5%; }

	#photo-gallery div.photographs > a.photograph								{ margin: 0% 0% 4% 4%; width: 22%; display: inline-block; vertical-align: top; }
	#photo-gallery div.photographs > a.photograph:nth-of-type(4n+1)				{ margin-left: 0%; }
	#photo-gallery div.photographs > a.photograph:nth-of-type(4n+2)				{ margin-left: 4%; }
	#photo-gallery div.photographs > a.photograph:nth-of-type(4n+3)				{ margin-left: 4%; }
	#photo-gallery div.photographs > a.photograph:nth-of-type(4n+4)				{ margin-left: 4%; }

	.fslightbox-slide-btn														{ padding: 18px !important; }
	.fslightbox-slide-btn > svg													{ width: 32px !important; height: 32px !important; }

/* 800px Resolution Specific Styles */

	@media only screen and (min-width: 0px) and (max-width: 800px) {

	/* Photo Gallery Feature Mobile Styles */

		#photo-gallery div.albums > a.album										{ margin: 0% 0% 4% 4%; width: 48%; }
		#photo-gallery div.albums > a.album:nth-of-type(2n+1)					{ margin-left: 0%; }
		#photo-gallery div.albums > a.album:nth-of-type(2n+2)					{ margin-left: 4%; }

		#photo-gallery div.photographs > a.photograph							{ margin: 0% 0% 4% 4%; width: 48%; }
		#photo-gallery div.photographs > a.photograph:nth-of-type(2n+1)			{ margin-left: 0%; }
		#photo-gallery div.photographs > a.photograph:nth-of-type(2n+2)			{ margin-left: 4%; }

/* 460px Resolution Specific Styles */

	} @media only screen and (min-width: 0px) and (max-width: 460px) {

	/* Photo Gallery Feature Mobile Styles */

		#photo-gallery div.albums > a.album										{ margin: 0% 0% 1.5rem 0%; width: 100%; }
		#photo-gallery div.albums > a.album:nth-of-type(2n+1)					{ margin-left: 0%; }
		#photo-gallery div.albums > a.album:nth-of-type(2n+2)					{ margin-left: 0%; }
	
	}