/*
Project: Paul Capetola Personal Website;
Description: Portfolio page styles;
Author: Paul Capetola;
Version: 1.07.28.2018;
 */

/* ================================================================================================== */

/* Hero Styles
--------------------------------------------------------------*/
#work section.hero {
	background-color: #FF5800;
	background-image: url(../images/illustrations/workHeroBack.png);

}
#work .hero.textCenter {
	padding-top: 200px;
}

#work .hero.textCenter img {
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

#work .hero p, 
#work .hero p .aside {
	background: rgba(255,88,0,.5);
	box-shadow: 0 0 55px 30px rgba(255,88,0,.35);
	display: inline-block;
}

@media (max-width: 714px) {
	#work .hero p br {
		display: none;
	}
	#work .hero p {
		padding-left: 15px;
		padding-right: 15px;
	}
}

#work .hero p .aside {
	position: absolute;
	bottom: 115px;
	font-style: italic;
}
@media (max-width: 1550px) {
	#work .hero p .aside {
		right: 0;
		padding-right: 10%;
	}
}


/* Image Slider Styles
--------------------------------------------------------------*/
/* General Figure/Figcaption */
#work figcaption { 
	margin-left: auto; 
	margin-right: auto; 
	overflow: hidden;
}

@media (min-width: 768px) {
	#work figcaption {
		width: 750px; }
}
@media (min-width: 992px) {
	#work figcaption {
		width: 970px; }
}
@media (min-width: 1200px) {
	#work figcaption {
		width: 1170px; }
}
@media (min-width: 1366px) {
	#work figcaption {
		width: 1320px; }
}

figure.gallery.row {
	margin-bottom: 1rem;
	padding-top: 15rem;
}
figure.gallery.row:first-of-type {
  padding-top: 5rem;
}

/* Slider Specific */
.galleryCell img {
	height: 100%;
	max-height: 75vh;
}

figure.gallery > .fotorama {
	padding-bottom: 1.5rem;
}

.fotorama.visibleXs { 
	width: calc(100% - 30px);
	margin-left: 15px;
}

/* Custom Slides */
figure:not(#PeelReveal) .fotorama.hiddenXs.fullBleed {
	margin-bottom: 25px;
}
@media (min-width: 1450px) {
	#PeelReveal .fotorama.hiddenXs.fullBleed { margin-bottom: 25px; }
}

figure#RevSolution .fotorama.hiddenXs img[alt~="UI"] {
	opacity: 1 !important;
}