@charset "utf-8";
/* CSS Document */

/* Styles written by Jacob Bearce | jacob@weblinxinc.com | jacob@bearce.me */

#slideshowWrapper {
	background: #454545;
	border-bottom: 8px solid #A0A0A0;
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 639px) {
	#slideshowWrapper {
		border-bottom: 4px solid #A0A0A0;
	}
}

	#slideshowWrapper #slideshow {
		margin: 0 auto;
		width: 1180px;
	}

	@media screen and (max-width: 1279px) {
		#slideshowWrapper #slideshow {
			max-width: 1180px;
			width: auto;
		}
	}

		#slideshowWrapper #slideshow #figureWrapper {
			height: 0;
			margin: 0 auto;
			padding-bottom: 65.084745762711864406779661016949%;
			position: relative;
			width: 100%;
		}

		@media screen and (max-width: 852px) {
			#slideshowWrapper #slideshow #figureWrapper {
				padding-bottom: 76.291079812206572769953051643192%;
			}
		}

		@media screen and (max-width: 639px) {
			#slideshowWrapper #slideshow #figureWrapper {
				height: auto;
				padding-bottom: 0;
			}
		}

			#slideshowWrapper #slideshow #figureWrapper figure {
				bottom: 0;
				left: 0;
				margin: 0;
				opacity: 0;
				position: absolute;
				right: 0;
				top: 0;
				z-index: 1;
				/* css3 */
				-webkit-transition: opacity 0.25s;
				transition: opacity 0.25s;
			}

			@media screen and (max-width: 639px) {
				#slideshowWrapper #slideshow #figureWrapper figure {
				}
			}

			#slideshowWrapper #slideshow #figureWrapper figure.active {
				opacity: 1;
				z-index: 999;
			}

			@media screen and (max-width: 639px) {
				#slideshowWrapper #slideshow #figureWrapper figure.active {
					bottom: auto;
					left: auto;
					overflow: hidden;
					position: static;
					right: auto;
					top: auto;
				}
			}

				#slideshowWrapper #slideshow #figureWrapper figure img {
					display: block;
					left: -34.745762711864406779661016949153%;
					position: absolute;
					right: -34.745762711864406779661016949153%;
					top: 0;
					width: 169.49152542372881355932203389831%;
					z-index: 1;
				}

				@media screen and (max-width: 852px) {
					#slideshowWrapper #slideshow #figureWrapper figure img {
						left: -49.354460093896713615023474178404%;
						right: -49.354460093896713615023474178404%;
						width: 198.70892018779342723004694835681%;
					}
				}

				@media screen and (max-width: 639px) {
					#slideshowWrapper #slideshow #figureWrapper figure img {
						left: -23.2421875%;
						right: -23.2421875%;
						width: 146.484375%;
					}
				}

				#slideshowWrapper #slideshow #figureWrapper figure figcaption {
					background: url("../img/background-transparent-black.png");
					background: rgba(0,0,0,0.5);
					bottom: 30px;
					padding: 25px 30px;
					position: absolute;
					right: 20px;
					width: 450px;
					z-index: 999;
				}

				@media screen and (max-width: 852px) {
					#slideshowWrapper #slideshow #figureWrapper figure figcaption {
						width: 350px;
					}
				}

				@media screen and (max-width: 639px) {
					#slideshowWrapper #slideshow #figureWrapper figure figcaption {
						background: #454545;
						bottom: auto;
						right: auto;
						margin-top: 56.25%;
						padding: 10px;
						position: static;
						width: 100%;
					}
				}

					#slideshowWrapper #slideshow #figureWrapper figure figcaption h6 {
						color: #FFF;
						font-family: "Adobe Garamond Pro", "adobe-garamond-pro", serif;
						font-size: 24px;
						font-weight: bold;
						line-height: 26px;
						margin: 0;
						text-transform: none;
					}

					@media screen and (max-width: 852px) {
						#slideshowWrapper #slideshow #figureWrapper figure figcaption h6 {
							font-size: 18px;
							line-height: 20px;
						}
					}

					@media screen and (max-width: 639px) {
						#slideshowWrapper #slideshow #figureWrapper figure figcaption h6 {
							font-size: 15px;
							line-height: 18px;
							text-align: center;
						}
					}

					#slideshowWrapper #slideshow #figureWrapper figure figcaption p {
						color: #FFF;
						font-size: 18px;
						line-height: 26px;
						margin: 0;
					}

					@media screen and (max-width: 852px) {
						#slideshowWrapper #slideshow #figureWrapper figure figcaption p {
							font-size: 14px;
							line-height: 20px;
						}
					}

					@media screen and (max-width: 639px) {
						#slideshowWrapper #slideshow #figureWrapper figure figcaption p {
							font-size: 13px;
							line-height: 18px;
							text-align: center;
						}
					}