/* 
 * captionss 1.1.0
 * Sensible CSS Image Captions
 * http://captionss.com
 */

/*** Base Caption Styles ***/

figure.overlay,
figure.embed-over {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0em;
	font-size: 0.8em;
	background: white;
	overflow: hidden;
	
}

figure.overlay img,
figure.embed-over img {
	width: 100%;
	display: block;
	font-size: 0.8em;
	
}

figure.overlay figcaption {
	width: 100%;
	padding: 0.5em;
    /* neutral theme */
	color: rgba(50,50,50,1.0);
	background: rgba(200,200,200,0.825);
}





/*** Overlay ***/

figure.overlay figcaption {
	/* positioning: over */
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	/* effect: hide by default */
	opacity: 0;
}
figure.overlay:hover figcaption,
figure.embed-over:hover figcaption {
	/* effect: show */
	opacity: 1;
}



/* dark theme: black with white text */

figure.overlay.dark figcaption,

figure.dark figcaption {
	color: rgba(245,245,245,1.0);
	background: rgba(50,50,50,1);
}

/* medium */
figure.embed.medium,
figure.embed-top.medium,
figure.overlay.medium,
figure.embed-over.medium,
figure.medium {
	font-size: 1.0em;
}
figure.embed.large,
figure.embed-top.large,
figure.overlay.large,
figure.embed-over.large,
figure.large {
	font-size: 1.2em;
}
figure.embed.xlarge,
figure.embed-top.xlarge,
figure.overlay.xlarge,
figure.embed-over.xlarge,
figure.xlarge {
	font-size: 1.5em;
}

/*** Effects and Animations ***/

/* reveal-smooth */

figure.overlay.reveal-smooth figcaption,

figure.reveal-smooth figcaption {
	opacity: 0;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}

figure.overlay.reveal-smooth:hover figcaption,

figure.reveal-smooth:hover figcaption {
	opacity: 1;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}