@charset "utf-8";
/* CSS Document */
.embeddedGallery {position: relative; clear: both;}

.pick { margin: 1em 0; padding: 0px; clear: both; border-radius: 7px;}
@media screen {.pick{background-image: var(--galleryImage); background-color: var(--galleryBackground);}}

.pick > ul {margin: 0; padding: 7px; grid-row-gap: 7px; display: grid; 
	grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));}
/* https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/ */

.thumbgallery {list-style: none; height: 210px; margin: auto;}
.thumbgallery figure {margin: 0; /*width: 156px;*/ height: 187px; display: flex; flex-direction: column;} 
.thumbgallery figcaption, .pick label {font-size: x-small; min-height: 2.7em; margin: 2px auto; width: 100%; text-align: center;}
.thumbgallery img {border: medium inset #6B8E23; margin: auto; cursor: zoom-in;}
.thumbdummy {margin-top: 189px; list-style: none;}

.gallery_header {display: none;} /* Embedded galleries only */

@media screen
{
	.pick {color: var(--galleryYellow); border: thick ridge var(--borderYellow); box-shadow: 2px 2px 4px Black;}
	.galfooter {clear: both; padding: 5px 7px 7px 123px; display: flex; flex-direction: row-reverse;}
	.galfooter ul {width: 96px; height: 23px; margin: 0 auto; padding: 0; display: flex; flex-direction: row;}
	.galfooter li {display: block;}
	.galfooter nav {font-weight: bold; margin: 6px 2px 0;}
	.galfooter select {background-color: #003333; color: var(--galleryYellow); font-weight: bold; border: none; font-size: medium;}
	.gal_iframe {min-height: 524px; width: 100%; overflow: hidden;} /* Search Results only */
}

@media print
{
	.pick {color: #660000; border: thin solid black;}
	.pick > ul {display: grid !important; grid-row-gap: 0; padding: 0;} /* Overide Javascript generated values */
	.galfooter {display: none;}
}


@media (pointer: fine), (pointer: none) 
{
	/* desktop */
}
@media (pointer: fine) and (any-pointer: coarse) 
{
	/* touch desktop */
	.gal_iframe {height: 735px;} /* Search Results only */
	.thumbdummy {display: none;}
}
@media (pointer: coarse)  
{
	/* mobile device */
	.gal_iframe {height: 950px;} /* Search Results only */

	.galfooter {padding: 5px 7px; margin: 5px 0;}
	.galfooter ul {margin: 0 auto 0 0;}
	.pick > ul {padding: 0;}
}

@media only screen and (max-width: 750px)
{
}

@media only screen and (max-width: 520px)
{
}