/* EXPO */

.expo-title {
	width: 100%;
	font-size: 40px;
	font-weight: 400;
	letter-spacing: 4px;
	text-align: center;
	padding-top: 20px;
}

.expo-subtitle {
	width: 100%;
	text-align: center;
	padding-top: 10px;
	margin-bottom: -20px;
}

.expo-photo, .expo-photo-portrait {
	margin-top: 80px;
	width: 100%;
}

.expo-photo img {
	width: 100%;
}

.expo-photo-portrait img {
	width: 50%;
	margin-left: auto;
}

.expo-photo-full { display: block; }
.expo-photo-mini { display: none; }

@media only screen and (max-width:  840px) {

	.expo-photo-full { display: none; }
	.expo-photo-mini { display: block; }
	.expo-photo-portrait img { width: 67%; }
}

.expo-photo-title, .expo-photo-subtitle-pre, .expo-photo-edition, .expo-photo-size, .expo-photo-price {
	width: 100%;
	text-align: right;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 400;
  color: #333;
}

.expo-photo-title {
	padding-top: 10px;
	text-transform: uppercase;
	font-size: 28px;
}

.expo-photo-subtitle-pre {
	text-transform: uppercase;
	font-size: 18px;
}

.expo-photo-verticalspace {
	height: 20px;
}

.expo-photo-price {
	text-transform: uppercase;
	font-size: 28px;
}

.expo-photo-edition {
	text-transform: uppercase;
	font-size: 18px;
}

.expo-photo-size {
	padding-bottom: 40px;
	font-size: 16px;
}

.expo-message-overlay {
	height: 0;
  width: 100%;
  position: fixed; /* Stay in place */
  z-index: 9998; /* Sit on top */
  left: 0;
  bottom: 0;
  background-color: rgba(255,255,255, 0.9);
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

.expo-message-close {
	float: right;
	padding: 14px 14px;
	opacity: 0.7;
}

.expo-message-close:hover {
	opacity: 0.9;
	cursor: pointer;
}

.expo-message-close img {
	width: 18px;
}

.expo-message-reopen {
	height: 0;
	position: fixed;
	z-index: 9997;
	bottom: 0;
	right: 0;
	margin-bottom: 20px;
	margin-right: 20px;
}

.expo-message-reopen img {
	width: 20px;
	height: inherit;
}

.expo-message-reopen:hover {
	opacity: 0.9;
	cursor: pointer;
}

.expo-message-title {
	padding: 20px 46px 8px 20px;
	text-transform: uppercase;
}

.expo-message-e {
	padding: 0px 20px;
	text-align: center;
	font-size: 20px;
}

.expo-message-e a {
	text-decoration: none;
	color: #333;
}

.expo-message-e img {
	width: 16px;
	margin-right: 6px;
	opacity: 0.8;
}