/**
 * CSS for PSMRC ShopSuey storefront product photos
 */

	
	/** MAIN PHOTO **/	
	
	/* main product photo wrapper in top description */
	div.ShopSuey-storefront-photo.main-photo-in-description {
		display: inline-block;
		float: right;
		width: 450px;
		height: auto;
		margin: 15px 0px 45px 35px;
		padding: 10px !important;
		
		background: #D8CDBC;
	}
	
		/* main photo sub wrapper */
		div.ShopSuey-storefront-photo.main-photo-in-description > .photo {
			width: 450px;
			height: auto;
			padding: 0px;
			margin: 0px;
			
			border: 1px solid black;
			overflow: hidden;
			
			transition: all 0.5s ease 0s;
		}
			/* main image inside floated container */
			div.ShopSuey-storefront-photo.main-photo-in-description > .photo > img {
				width: 450px;
				height: auto;
				border: 0px;
			}
			
			/* caption for main image */
			div.ShopSuey-storefront-photo.main-photo-in-description > .caption {
				position: relative;
				margin-top: 10px;
				width: 450px;
				height: auto;
				font-size: 16px;
			}
				
			
		

		
	/** ALL PHOTOS **/

	/* all product image containers: default state */
	div.ShopSuey-storefront-photo img {
		transition: all 0.5s ease 0s;
	}

		/* hover effect on all product image containers */
		div.ShopSuey-storefront-photo img:hover {
			cursor: pointer;
			
			filter: contrast(1.25);
			transition: all 0.15s ease 0s;
		}
		
		/* click effect on all product image containers */
		div.ShopSuey-storefront-photo img:active {
			filter: contrast(1.75);
			transition: none;
		}
	
	
	
	/** PHOTO GRID **/
		
	/* photo grid container */
	main div.ShopSuey-storefront-product-photos {
		margin-bottom: 35px;
		padding: 7px 0px 7px 20px;
		text-align: left;
		font-size: 0px;
	}
		
		/* single photo grid container */
		.ShopSuey-storefront-photo {
			display: inline-block;
			width: 265px;
			height: 175px;
			padding: 10px 10px 35px 10px;
			margin: 5px;
			
			background: #D8CDBC;
		}
		
			/* grid photo border wrapper */
			.ShopSuey-storefront-photo > .photo {
				display: block;
				border: 1px solid rgba(0,0,0,.5);
				width: 265px;
				height: 175px;
			
				overflow: hidden;
				transition: all 0.5s ease 0s;
			}
			
				/* hover on grid photo border wrapper */
				div.ShopSuey-storefront-photo > .photo:hover {
					box-shadow: 2px 2px 20px rgba(0,0,0,.35);
					transition: all 0.15s ease 0s;
				}
		
				/* grid photo */
				.ShopSuey-storefront-photo > .photo > img {
					cursor: pointer;
				}
					/* only set dimensions on autofit images */
					.ShopSuey-storefront-photo > .photo > img:not(.no-autofit) {
						width: 275px;
						height: auto;
					}
			
			/* grid photo caption */
			.ShopSuey-storefront-photo > .caption {
				position: absolute;
				display: block;
				margin-top: 180px;
				width: 255px;
				height: 14px;
				padding: 7px 5px;
				text-align: center;
				
				color: rgba(0,0,0,.85);
				font-size: 14px;
				text-shadow: 1px 1px 0px rgba(255,255,255,.2);
				
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				
				z-index: 2;
				
				border: 0px;
			}