/*
 * Gallery Styles
 * drew@funkhuas.us
 */

 	.gallery {
	 	position: relative;
 	}
 	.gallery-image {
 		background-repeat: no-repeat;
	 	background-position: center center;
	 	background-size: contain;
	 	position: absolute;
	 	width: 100%;
 	}
 	.gallery-image img {
	 	display: none;
 	} 	
 	.gallery .browse {
	 	position: absolute;
	 	top: 50%;
	 	height: 36px;
	 	width: 36px;
	 	padding: 20px;
	 	margin-top: -28px;
	 	z-index: 150;
	 	cursor: pointer;
 	} 	
 	.gallery .browse.prev {
	 	left: 30px;
 	} 	
 	.gallery .browse.next {
	 	right: 30px;
 	} 	 	
 	
 	
 	/* Case Study Gallery */
 	.gallery-section h2 {
	 	font-size: 44px;
	 	font-family: "Archer-Bold", sans-serif;	 	
	 	text-transform: uppercase;
	 	color: white;
	 	position: absolute;
	 	top: 30px;
	 	left: 0;
	 	right: 0;
	 	text-align: center;
	 	z-index: 150;
 	}
 	.gallery-section .gallery-image img {
 	 	width: 100%;
	 	height: auto;
	 	display: block;
 	} 	
 	.gallery-section .browse path {
	 	fill: white;
 	} 	
 	
 	
 	/* Blog Post Gallery - Preview Mode */
 	.single .gallery {
	 	margin: 2em 0;
	 	cursor: pointer;
 	}
 	.gallery-meta {
	 	position: absolute;
	 	top: -1px;
	 	right: -1px;
	 	font-size: 22px;
	 	z-index: 10;
	 	background-image: url(../images/triangle.svg);
	 	background-position: right bottom;
	 	background-repeat: no-repeat;
	 	background-size: contain;
	 	height: 110px;
	 	min-width: 110px;
	 	text-align: right;
	 	font-family: "Archer-Medium", sans-serif;	 
	 	z-index: 150;		 	
 	}
 	.gallery-meta .stats {
	 	margin: 10px;
	 	padding-left: 50px;
 	}
 	.gallery-meta .sep {
	 	color: #cbcbcb;
 	}
 	
 	
 	/* Overlay Gallery */
 	#gallery-overlay {
	 	position: fixed;
	 	top: 0;
	 	height: 100%;
	 	width: 100%;
	 	background-color: white;
	 	z-index: 300;
	 	display: none;
 	}
 	#fullscreen-gallery {
	 	position: fixed;
	 	top: 0;
	 	height: 100%;
	 	width: 100%;	 	
	 	z-index: 310;	
	 	display: none;	
	 	margin: 0; 	 	
 	}
 	#fullscreen-gallery .logo {
	 	position: absolute;
	 	top: 30px;
	 	left: 30px;
 	} 	
 	#fullscreen-gallery .stats {
	 	position: absolute;
	 	top: 30px;
	 	right: 30px;
	 	font-family: "Archer-Bold", sans-serif;	 	
	 	font-size: 22px;
 	} 
 	#fullscreen-gallery .sep {
	 	color: #cbcbcb;
 	}	 	
 	#fullscreen-gallery .gallery-stage {
	 	position: absolute;
	 	top: 100px;
	 	right: 0;
	 	left: 0;
	 	bottom: 0;
 	} 
 	#fullscreen-gallery .gallery-item {
	 	width: 100%;
 	}
 	#fullscreen-gallery .gallery-image {
	 	background-position: center center;
	 	background-size: contain;
	 	background-repeat: no-repeat;
	 	position: static;
	 	margin: 0 100px;
	 	width: auto;
 	}
 	#fullscreen-gallery .gallery-caption {
	 	height: 100px;
	 	text-align: center;
	 	line-height: 100px;
	 	font-size: 12px;
	 	font-family: Helvetica, Arial, sans-serif; 	 	
 	}	
 	#fullscreen-gallery .close {
	 	padding: 20px;
	 	position: absolute;
	 	top: 10px;
	 	height: 36px;
	 	width: 36px;
	 	left: 0;
	 	right: 0;
	 	margin: auto;
	 	cursor: pointer;
 	}
 	#fullscreen-gallery .browse {
	 	position: absolute;
	 	top: 50%;
	 	z-index: 110;
	 	margin-top: -28px;
	 	cursor: pointer;
	 	padding: 20px;
	 	opacity: 1;
 	} 	
 	#fullscreen-gallery .prev {
	 	left: 30px;
 	}
 	#fullscreen-gallery .next {
	 	right: 30px;
 	} 	
 	#fullscreen-gallery .browse.disabled {
	 	display: none;
 	}
 	.hide-chrome #fullscreen-gallery .browse,
 	.hide-chrome #fullscreen-gallery .close {
	 	opacity: 0;
 	}