/* CSS for photo gallery plugin */

/* fallback gallery display */
noscript#PDCFW_PLUGINS_PhotoGallery_noscript {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
	/* fallback gallery display links */
	noscript#PDCFW_PLUGINS_PhotoGallery_noscript a {
		display: inline-block;
		width: 300px;
		height: 200px;
		overflow: hidden;
		margin: 20px;
		box-shadow: 5px 5px 15px black;
		opacity: .9;
	}
		
		noscript#PDCFW_PLUGINS_PhotoGallery_noscript a:hover {
			opacity: 1;
		}
		
		/* fallback gallery display images */
		noscript#PDCFW_PLUGINS_PhotoGallery_noscript a img {
			width: 300px;
			height: auto;
			display: inline-block;
		}

/* overlay x-button */
#PDCFW_ImageOverlay-x {
	opacity: .8;
}
	#PDCFW_ImageOverlay-x:hover {
		opacity: 1;
	}

/* basic default category title */
h3.PDCFW_PLUGINS_PhotoGallery_category {
	display: block;
	background: none;
	font-size: 25px;
}
	
	/* basic default category thumb container */
	div.PDCFW_PLUGINS_PhotoGallery_category_thumb {
		display: inline-block;
		margin: 25px;
		cursor: pointer;
	}
	
		/* basic default category thumb container */
		div.PDCFW_PLUGINS_PhotoGallery_category_thumb div:first-child {
			width: 300px;
			height: 250px;
			overflow: hidden;
		}
		
			/* basic default category thumb */
			div.PDCFW_PLUGINS_PhotoGallery_category_thumb div:first-child img {
				width: 350px;
				height: auto;
			}
			
			/* default category thumb caption */
			div.PDCFW_PLUGINS_PhotoGallery_category_thumb div:last-child {
				
			}

/* cardstack master container */
div.PDCFW_PLUGINS_PhotoGallery_cardstack {
	display: inline-block;
	background: none;
	width: 300px;
}
	/* category text */
	div.PDCFW_PLUGINS_PhotoGallery_cardstack span {
		display: block;
		position: absolute;
		text-align: center;
		margin: 110px 0px 0px 15px;
		width: 300px;
		
		color: black;
		text-shadow: 1px 1px 10px white, 1px 1px 10px white, 1px 1px 10px white;
		font-weight: bold;
		font-size: 20px;
		z-index: 11;
	}
	
	/* card stack images */
	div.PDCFW_PLUGINS_PhotoGallery_cardstack div {
		background: none;
		width: 300px;
		height: 250px;
		position: absolute;
		overflow: hidden;
		
		box-shadow: 2px 2px 10px rgba(0,0,0,.75);
		transition: box-shadow .5s ease 0s, transform .5s ease 0s;
	}
		/* card stack hover */
		div.PDCFW_PLUGINS_PhotoGallery_cardstack:hover {
			cursor: pointer;
		}
			div.PDCFW_PLUGINS_PhotoGallery_cardstack:hover img {
				box-shadow: 2px 2px 15px rgba(0,0,0,1);
				transition: box-shadow .5s ease 0s, transform .5s ease 0s;
			}
	
	/* cardstack underlays */	
	div.PDCFW_PLUGINS_PhotoGallery_cardstack div:nth-child(1) {
		display: block;
		z-index: 10;
		transform: none;
	}
		/* card stack hover */
		div.PDCFW_PLUGINS_PhotoGallery_cardstack:hover div:nth-child(1) {
			transform: rotate(2deg);
		}
		
	div.PDCFW_PLUGINS_PhotoGallery_cardstack div:nth-child(2) {
		z-index: 9;
		transform: rotate(4deg);
	}
		div.PDCFW_PLUGINS_PhotoGallery_cardstack:hover div:nth-child(2) {
			transform: rotate(10deg);
		}
		
	div.PDCFW_PLUGINS_PhotoGallery_cardstack div:nth-child(3) {
		z-index: 8;
		transform: rotate(8deg);
	}
		div.PDCFW_PLUGINS_PhotoGallery_cardstack:hover div:nth-child(3) {
			transform: rotate(20deg);
		}
	
	div.PDCFW_PLUGINS_PhotoGallery_cardstack div:nth-child(4) {
		z-index: 7;
		transform: rotate(12deg);
	}
		div.PDCFW_PLUGINS_PhotoGallery_cardstack:hover div:nth-child(4) {
			transform: rotate(30deg);
		}

/* lightbox */
div#PDCFW_PLUGINS_PhotoGallery_lightbox,
div.PDCFW_PLUGINS_PhotoGallery_lightbox {
	border-radius: 0px;
	background: rgba(0,0,0,.5);
	padding: 25px;
	text-align: center;
}
	
	/* lightbox category name container */
	div#PDCFW_PLUGINS_PhotoGallery_lightbox div#PDCFW_PLUGINS_PhotoGallery_lightbox_category {
		display: block;
		position: fixed;
		top: 5px;
		margin: 0px;
		padding: 0px;
		text-align: left;
		width: auto !important;
		
		font-family: Arial;
		font-size: 20px;
		color: rgb(220,220,220);
		font-weight: bold;
		white-space: nowrap;		
		text-shadow: 0px 0px 20px black, 0px 0px 20px black;
		
		opacity: 1;
		z-index: 201;
		cursor: default !important;
	}

	/* lightbox individual container */
	div#PDCFW_PLUGINS_PhotoGallery_lightbox div {
		display: inline-block;
		width: 300px;
		margin: 15px 15px 35px 15px;
		opacity: .92;
	}
		div#PDCFW_PLUGINS_PhotoGallery_lightbox div:hover {
			cursor: pointer;
			opacity: 1;
		}
	
		/* lightbox image container */
		div#PDCFW_PLUGINS_PhotoGallery_lightbox div div:first-child {
			width: 300px;
			height: 200px;
			overflow: hidden;
			padding: 0px;
			margin: 0px;
			
			box-shadow: 2px 2px 10px rgba(0,0,0,.35);
			transition: box-shadow .5s ease 0s, opacity .5s ease 0s;
		}
		
			/* lightbox image container on hover master container */
			div#PDCFW_PLUGINS_PhotoGallery_lightbox div:hover div:first-child {
				box-shadow: 2px 2px 15px rgba(0,0,0,.5);
				transition: box-shadow .5s ease 0s, opacity .5s ease 0s;
			}
		
		/* lightbox caption container */
		div#PDCFW_PLUGINS_PhotoGallery_lightbox div div:last-child {
			display: block;
			font-size: 15px;
			text-overflow: ellipsis;
			text-align: center;
			padding: 0px;
			margin: 15px 0px 0px 0px;
		}

/* "previous" and "next" buttons on overlay */
span#PDCFW_PLUGINS_PhotoGallery_navigation_prev,
span#PDCFW_PLUGINS_PhotoGallery_navigation_next {
	position: fixed;
	width: 0px;
	height: 0px;
	opacity: .65;
	transition: opacity .5s ease 0s;
}
	/* hover on button */
	span#PDCFW_PLUGINS_PhotoGallery_navigation_prev:hover,
	span#PDCFW_PLUGINS_PhotoGallery_navigation_next:hover {
		opacity: 1;
		transition: opacity .5s ease 0s;
		cursor: pointer;
	}
		span#PDCFW_PLUGINS_PhotoGallery_navigation_prev:hover::before,
		span#PDCFW_PLUGINS_PhotoGallery_navigation_next:hover::before {
			opacity: .1;
		}

	/* prev */
	span#PDCFW_PLUGINS_PhotoGallery_navigation_prev {
		border-top: 100px solid transparent;
		border-right: 40px solid white;
		border-bottom: 100px solid transparent;
		right: auto;
		left: 10px;
	}
		/*
		span#PDCFW_PLUGINS_PhotoGallery_navigation_prev::before {
			content: '';
			position: absolute;
			border-top: 100px solid transparent;
			border-right: 50px solid black;
			border-bottom: 100px solid transparent;
			margin-top: -100px;
			opacity: .2;
		}
		*/
	
	/* next */
	span#PDCFW_PLUGINS_PhotoGallery_navigation_next {
		border-top: 100px solid transparent;     
		border-left: 40px solid white;           
		border-bottom: 100px solid transparent;
		left: auto;
		right: 10px;
	}
		/*
		span#PDCFW_PLUGINS_PhotoGallery_navigation_next::before {
			content: '';
			position: absolute;
			border-top: 100px solid transparent;     
			border-left: 50px solid black;           
			border-bottom: 100px solid transparent;
			margin-top: -100px;
			margin-left: -50px;
			opacity: .2;
		}
		*/