*, *:before, *:after {
	box-sizing: border-box;
}

.pn2-image {
	position: relative;
	height: 100%;
	
	/* image fades up when page opens */
	animation: fadeIn ease 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards; 
}
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
} 

.pn2-image img{
	display: block;
	margin: auto;

	object-fit: cover; 		/* stop image squeezing if params.ratio not false */
	width: fit-content;	/* for grid,  params.ratio not false && image is portrait ratio */
	height: 100%;
}

.pn2-image .pn2-banner {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	background: rgba( 0,0,0,0.5);
	color: rgba(255,255,255,1 );
}
.pn2-image .pn2-sharing-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	padding: 10px;
	background: rgba( 0,0,0,0.0);
	color: rgba(255,255,255,1 );
}
.pn2-image .pn2-sharing-wrapper .pn2-sharing-fb,.pn2-sharing-twitter, .pn2-sharing-email {
	border-radius: 20px;
	width: 30px;
	height: 30px;
	padding: 6px;
	margin: 5px;
	font-size: 18px;
	color: white;
	cursor: pointer;
	float: right;
}
.pn2-image .pn2-sharing-wrapper .pn2-sharing-fb {
	background: #4267B2;
}
.pn2-image .pn2-sharing-wrapper .pn2-sharing-twitter {
	background: #1DA1F2;
}
.pn2-image .pn2-sharing-wrapper .pn2-sharing-email {
	background: white;
	color: black;
}
/* If Image is a Header */
.pn2-image-header {
	/* font-size: 30px;
	color: white;
	font-weight: 200; 
	text-align: center; */
	position: absolute;
	top: 0;bottom: 0; left: 0; right: 0;
	/* cursor: pointer; */
	/* margin-top: 10px; */

}
.pn2-image-header-inner {
	font-size: 30px;
	color: white;

	/* width: 100%; */
	position: absolute;
	top: 50%;
	/* left: 50%; */
	transform: translate(0, -50%);
	padding: 10px 15px;
	background: rgba(0,0,0,0.5)
}

@media (max-width:481px) {
	.pn2-image-header-inner {
		font-size: 20px;
	}
}
/* Shpping Cart */
.pn2-image .pn2-cart {
	position: absolute;
	top: 0; left: 0;
	border-radius: 20px;
	width: 30px;
	height: 30px;
	padding: 6px;
	margin: 15px;
	font-size: 18px;
	color: black;
	background: white;
	cursor: pointer;
}


/* Mailto submission form */
.pn2-mailto-bg {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9999999;
	background: rgba( 0,0,0,0.52);

	animation: fadeInMailTo ease 2s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

}

@keyframes fadeInMailTo {
	0% { opacity: 0; }
	100% { opacity: 1; }
	} 
	
.pn2-mailto-bg .pn2-mailto-wrap {
		/* position: absolute; */
		top: 100px;
		left: 100px;
		width: 70%;
		margin: 15%;
		border: solid 1px #bbb;
		background: #fff;
}
.pn2-mailto-wrap .pn2-mailto-form {
	padding: 15px;
}

.pn2-mailto-wrap img {
	display: block;
	margin: 10px auto;
	/* padding: 10px; */
	border: solid 2px black;
}
.pn2-mailto-wrap h2  {
	margin: 5px;
	text-align: center;
}