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

.portfolio {
	display: block;
	text-align: center;
	width: 100%;
	height: auto;
	background-color: #AA248D;
	overflow:hidden;
	z-index: 100;
	/* [disabled]height: auto; */
}

/*thumbnails */
.lb-album{
	max-width: 1050px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	list-style:none;
	padding: 0;
	display:inline;
}
.lb-album li{
	/*margin: 10px 2%;*/
	position: relative;
	display: inline-block;
	padding: 0;
	margin-top: 1%;
	text-align: center;
	float:left;
	width: 25%;
	height: 100%;
}
.lb-album li > a,
.lb-album li > a img{
	display: block;
}
.lb-album li > a img{
	width: 100%;
}
.lb-album li > a{
	width: 90%;
	height: auto;
	position: relative;
	display:inline-block;
	padding: 5%;
	margin: 1%;
	background: #ffdeab;
	-webkit-box-shadow: /*1px 1px 2px #fff,*/ 1px 1px 2px rgba(218,141,23,1) inset;
	-moz-box-shadow: /*1px 1px 2px #fff,*/ 1px 1px 2px rgba(249,160,27,0.5) inset;
	box-shadow: /*1px 1px 2px #fff,*/ 1px 1px 2px rgba(249,160,27,0.5) inset;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
	overflow: hidden;
}
@media screen and (min-width: 601px) {
	.lb-album > li:nth-child(even) > a {
		margin-top: 20%;
	}
	.lb-album > li:nth-child(odd) > a {
		margin-top:1%;
	}
	.lb-album > li:nth-child(2n+5) > a {
		position: relative;
		margin-top: -20%;
	}
	.lb-album > li:nth-child(2n+6) > a {
		position: relative;
		margin-top: 0%;
	}
}


/*.lb-album li:nth-child(even) a {
	margin-top: 100px !important;
}
.lb-album li:nth-child(odd) a {
	margin-top: 0 !important;
}*/


/* thumbnail title/span */
.lb-album li > a span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	line-height: 40px;
	color: white;
	border-radius: 4px;
	background-color: rgba(218,141,23,0.8);
	opacity: 0;
	transition: opacity 0.3s linear;
	/*text-shadow: 0px 1px 1px rgba(255,255,255,0.6);*/
}
.lb-album li > a span > span.title {
	font-size: 34px;
	padding: 0 10%;
	width: 100%;
	height: 60%;
	opacity: 0;
	position:absolute;
	left: 0;
	top: 20%;
	text-align: center;
	transition: opacity 0.3s linear;
	vertical-align: baseline;
	background-color: rgba(218,141,23,0);
}
.lb-album li > a:hover span,
.lb-album li > a:hover span > span.title{
	opacity: 1;
	overflow:hidden;
}


/* overlay, fixing it */
.lb-overlay{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: scroll;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 50000;
	text-align: center;
	/*background: -webkit-radial-gradient(circle, rgba(171,33,142,0.6) 0%, rgba(171,33,142,0.6) 40%, rgba(96,24,114,0.8) 100%);*/
	/* For Opera 11.6 to 12.0 */
/*	background: -o-radial-gradient(circle, rgba(171,33,142,0.6) 0%, rgba(171,33,142,0.6) 40%, rgba(96,24,114,0.8) 100%);
*/	/* For Firefox 3.6 to 15 */
/*	background: -moz-radial-gradient(circle, rgba(171,33,142,0.6) 0%, rgba(171,33,142,0.6) 40%, rgba(96,24,114,0.8) 100%);
*/	/* Standard syntax */
/*	background: radial-gradient(circle, rgba(171,33,142,0.6) 0%, rgba(171,33,142,0.6) 40%, rgba(96,24,114,0.8) 80%);
*/	
	background: -webkit-radial-gradient(circle, rgba(96,24,114,0.85) 0%, rgba(96,24,114,0.9) 50%, rgba(96,24,114,0.95) 90%);
	background: -o-radial-gradient(circle, rgba(96,24,114,0.85) 0%, rgba(96,24,114,0.9) 50%, rgba(96,24,114,0.95) 90%);
	background: -moz-radial-gradient(circle, rgba(96,24,114,0.85) 0%, rgba(96,24,114,0.9) 50%, rgba(96,24,114,0.95) 90%);
	background: radial-gradient(circle, rgba(96,24,114,0.85) 0%, rgba(96,24,114,0.9) 50%, rgba(96,24,114,0.95) 90%);
	
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: 0% 50%;	/*background: 
		radial-gradient(
			center, 
			ellipse cover, 
			rgba(255,255,255,0.56) 0%,
			rgba(241,210,194,1) 100%
		);*/
}


/* children within the overlay */
.lb-overlay > div{
	/*position: relative;*/
	color: rgba(255,222,171,1.0);
	/*width: 90%;*/
	/*height: 70%;*/
	/* [disabled]margin-top: 45px; */
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	z-index: 8500;
	display: block;
}
.lb-overlay div.full-img {
	max-width: 800px;
	height: auto;
	overflow: hidden;
}

.lb-overlay .info {
	margin-top: 10px;
	z-index: 20000 !important;
	height: auto;
	width: 80%;
}

/*.info div {
	position: relative;
	display: block;
	width: 100%;
	/* [disabled]border: 1px solid white; */
	/*clear: both;
	padding-right: 10%;
	padding-left: 10%;
	height: auto;*/	/*background: black;*/
	/*padding-top: 10px;
	padding-bottom: 10px;
}*/
.sub-port {
	padding: 0 !important;
}

.main-port {
	padding: 15px;
}
.info div:not(.sub-port),
.info div:not(.main-port),
.info div:not(.description) {
	padding: 10px;

}
.description {
	width: 100% !important;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 0 !important;
	/* [disabled]display: block; */
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	position: relative;
	overflow: auto;
}

.info div h4 {
	position: relative;
	width: 50%;
	color: rgba(255,222,171,1.0);
	font-weight: normal;
	/* [disabled]border: 2px solid white; */
	text-align: center;
	left: 25%;
	margin: 0;
}
.info hr {
	position: relative;
	width: 80%;
	/* [disabled]left: 15%; */
	border: none;
	height: 4px;
	background: rgba(255,222,171,0.4);
	border-radius: 2px;
	clear: both;
	margin-top: 20px;
	margin-bottom: 15px;
}
.lb-overlay div h3,
.lb-overlay div p{
	padding: 0px;
	width: 50%;
	min-height: 60px;
	margin-top: 15px;
}
.lb-overlay div h3{
	font-size: 28px;
	line-height: 36px;
	float: left;
	text-align: right;
	padding: 0 5% 0 15%;
	/*border-right: 2px solid rgba(96,24,114,1.0);*/
	border-right: 2px solid rgba(255,222,171,0.4);
	/* [disabled]max-width: 320px; */
}

.lb-overlay div h3 span,
.lb-overlay div p{
	font-size: 16px;
	font-style: italic;
	max-width: none;	/*font-family: Constantia, Palatino, serif;*/
}
.lb-overlay div h3 span{
	display: block;
	margin-top: 5px;
	font-style: italic;
	font-weight: normal;
	line-height:19px;
}
.lb-overlay div p{
	font-size: 18px;
	text-align: left;
	float: left;
	padding: 0 20%;
	/* [disabled]max-width: 402px; */
	/* [disabled]clear: right; */
	font-weight: normal;
	width: 100%;
}

video {
	width: 100%;
	padding: 0;
}

/* close button within overlay */

.lb-overlay:target a.lb-close{
	background-color: rgba(249,160,27,1.0);
	z-index: 50000;
	color: #fff;
	position: fixed;
	top: 2%;
	left: 2%;
	margin: 0% !important;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
	width: 40px;
	height: 40px;
	overflow: hidden;
	opacity: 1;
	-webkit-box-shadow: 0px 2px 4px rgba(96,24,114,0.30);
	box-shadow: 0px 2px 4px rgba(96,24,114,0.30);
	border-radius: 4px;
}

.lb-overlay:target a.lb-close:hover {
	background-color: rgba(171,33,142,0.7) !important;
	opacity: 1;
	transition-property: background-color, opacity;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
}
.lb-overlay:target a.lb-close span {
	position: absolute;
	display: block;
	width: 30px;
	height: 5px;
	background: rgba(255, 255, 255, 0);
	top: 43%;
	margin: 0px;
	padding: 0;
	left: 12%;
	opacity: 1;
}
.lb-overlay:target a.lb-close span::before,
.lb-overlay:target a.lb-close span::after {
	content: '';
  	position: absolute;
  	left: 0;
	top:0;
	background: rgba(255, 255, 255, 1.0);
  	width: 100%;
  	height: 100%;
}
.lb-overlay:target a.lb-close span::before {
	top: 0%;
	left: 0%;
	-webkit-transform: rotate(130deg);
	-moz-transform: rotate(130deg);
	-ms-transform: rotate(130deg);
	-o-transform: rotate(130deg);
	transform: rotate(130deg);
	border-radius: 0%;
}
.lb-overlay:target .lb-close span::after {
	top: 0%;
	left: 0%;
	-webkit-transform: rotate(50deg);
	-moz-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	transform: rotate(50deg);
	border-radius: 50%;
}


/* image once clicked */
.lb-overlay img{
	/* [disabled]max-height: 330px; */
	/*max-width: 99%;*/
	opacity: 0;
	position: static;
	/*-webkit-box-shadow: 0px 0px 4px 2px rgba(255,222,171,0.35);
	-moz-box-shadow: 0px 0px 4px 2px rgba(255,222,171,0.35);
	box-shadow: 0px 0px 4px 2px rgba(255,222,171,0.35);*/
	transition: opacity 0.5s linear;
}
.lb-prev2, .lb-next2{
	position: relative;
	/* [disabled]top: 30px; */
	width: 24px;
	height: 40px;
	opacity: 1;
	z-index: 21000;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;	
}


/* nav style within the lightbox */
.lb-prev, .lb-next{
	position: absolute !important;
	/* [disabled]top: 98px; */
	width: 24px;
	height: 30px;
	opacity: 1;
	z-index: 21000;
	bottom: 30vh;
}
.lb-prev2{
	width: 0;
	height: 40px;
	border-bottom: 20px solid transparent;  /* left arrow slant */
	border-top: 20px solid transparent; /* right arrow slant */
	border-right: 30px solid rgba(255,222,171,0.8) /*#601872*/; /* bottom, add background color here */
	font-size: 0;
	line-height: 0;
	background: none;
	z-index: 21000;
	
	right: 60px;
}
.lb-next2{
	width: 0;
	height: 40px;
	border-bottom: 20px solid transparent;  /* left arrow slant */
	border-top: 20px solid transparent; /* right arrow slant */
	border-left: 30px solid rgba(255,222,171,0.8) /*#601872*/; /* bottom, add background color here */
	font-size: 0;
	line-height: 0;
	z-index: 21000;
	transition-property: border-left-color;
	left: 60px;
}
.lb-prev {
	width: 0;
	height: 30px;
	border-bottom: 10px solid transparent;  /* left arrow slant */
	border-top: 10px solid transparent; /* right arrow slant */
	border-right: 20px solid rgba(255,222,171,0.8) /*#601872*/; /* bottom, add background color here */
	font-size: 0;
	line-height: 0;
	background: none;
	z-index: 21000;
	left: 2%;
}
.lb-next{
	width: 0;
	height: 30px;
	border-bottom: 10px solid transparent;  /* left arrow slant */
	border-top: 10px solid transparent; /* right arrow slant */
	border-left: 20px solid rgba(255,222,171,0.8) /*#601872*/; /* bottom, add background color here */
	font-size: 0;
	line-height: 0;
	z-index: 21000;
	right: 2%;
}
.lb-prev:hover,
.lb-prev:active,
.lb-prev2:hover,
.lb-prev2:active {
	border-right-color: #f9a01b;
	transition-property: border-right-color;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
	/* [disabled]position: relative; */
}
.lb-next:hover,
.lb-next:active,
.lb-next2:hover,
.lb-next2:active {
	border-left-color: #f9a01b;
	transition-property: border-left-color;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
}

.sub-table {
	display:table;
	margin: 0 auto;
}

.sub-table > ul {
	z-index:21000;
	padding:0;
	margin: 0 auto;
	list-style:none;
	display:inline-block;
	width: 100%;
}
.sub-table > ul li {
	width: 55px;
	height:45px;
	position:relative;
	z-index:21000;
	padding:2%;
	margin: 0;
	list-style:none;
	display: inline-block;
	text-decoration: none;
}
.sub-table > ul li > a.bubble {
	background-color: rgba(255,222,171,0.8);
	box-shadow: none;
	display:block;
	text-decoration:none;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	border-radius: 50%;
}
.sub-table > ul li > a.bubble:hover,
.sub-table > ul li > a.bubble.bub-active {
	background-color: #f9a01b;
	transition-property: background-color;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
}
div[id^="image-16"] .sub-table {
	width: 50%;
}
div[id^="image-16"] .sub-table > ul {
	width: 50%;
}
div[id^="image-16"] .sub-table > ul li {
	width: 50%;
	min-height: 20px;
	max-height: 50px;
	padding: 2% 5%;
}

/* show heading above image */
.overlay-head {
	min-height: 100px;
}
.overlay-head * {
	color: rgba(255,222,171,1.0);
}
.overlay-head h3,
.overlay-head h4{
	padding: 0px;
	min-height: 60px;
	margin-top: 15px;
	float: left;
}
.overlay-head h3 {
	width: 60% !important;
}
.overlay-head h3.interiorSet {
	border-right: 2px solid rgba(255,222,171,0);
	text-align: right;
}

.overlay-head h4 {
	text-align: left;
	padding: 0 3% 0 5%;
	font-size: 20px;
	width: 40% !important;
}
.overlay-head h4 > ol,
.overlay-head h4 > ul {
	list-style-type: decimal !important;
}

.overlay-head ol {
	padding-left: 0px;
	counter-reset: section;
}

.overlay-head li {
	display: block;
	float: none;
	width: 100%;
	text-align: left;
	font-weight: normal;
	font-size: 16px;
	list-style-type: disc !important;
}

.overlay-head li::before {
	counter-increment: section;
	content: "" counter(section) ". ";
	padding: 0 4px 0 15px;
}

.description a,
.description a:visited{
	color: rgba(255,222,171,1.0);
	text-decoration: underline;
}
.description a:hover {
	color: white;
}

/*
.full-img .lb-prev,
.full-img .lb-next {
	position: absolute;
	bottom: 0%;
}

.full-img .lb-prev {
	left: 2%;
	right: 0;
}

.full-img .lb-next {
	right: 2% !important;
}
*/

/* click on thumbnail to get large image; you'll need the ":target" psuedo-class for that */
.lb-overlay:target {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	bottom: 0px;
	right: 0px;
	padding: 0px 0px 120px 0px;
	z-index: 28502;
}

/*.lb-overlay:target img {
	width: 90%;
}
*/	


/* change opacity of image and closing link to 1 */
.lb-overlay:target img{
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
	z-index: 50000;
}

.lb-overlay:target * {
	opacity: 1;
	z-index: 38500;
}

/*.lb-overlay:target a.lb-close{
	position:absolute;
	top: 10px;
}*/

/* animation transition to FadeIn and Scale once the target is clicked */
.lb-overlay:target img {
	-webkit-animation: fadeInScale 750ms ease-in-out;
	animation: fadeInScale 750ms ease-in-out;
	opacity: 1;
	z-index: 38500;
	max-width: 80%;
	/* [disabled]width: 98%; */
	/* [disabled]height: 98%; */
	/* [disabled]min-height: 500px; */
}
/*@keyframes fadeInScale {
  0% { 
	  -ms-transform: scale(0.6);
	  -webkit-transform: scale(0.6);
	  transform: scale(0.6); 
	  opacity: 1; 
  }
	100% { 
	  -ms-transform: scale(1);
	  -webkit-transform: scale(1);
	  transform: scale(1); 
	  opacity: 1; 
  }
}*/
/*@media (max-width: 1065px){
	/* thumbnail title/span */
	/*.lb-album li > a > span{
		line-height: 4.35vw;
		font-size: 3.85vw;
		padding: 5vw 4%;
		border-radius: 4px;
		background-color: rgba(218,141,23,0.8);
	}
}*/

@media (max-width: 900px) {
	.overlay-head li {
		width: 100% !important;
	}
	.lb-album li > a span > span.title{
		line-height: 4.65vw;
		font-size: 3.8vw;
	}
	video {
		padding: 0 5%;
	}
	/*.lb-album li:nth-child(1n+5) a {
		position: relative;
		bottom: 12vw;
	}*/
}

@media (max-width: 800px){
	.lb-prev, .lb-next {
		z-index: 48500 !important;
	
}
	.lb-overlay .info  {
		width: 100%;
		z-index: 30000 !important;
	}
	.description {
	width: 100% !important;
	padding: 0 20%;
	}
	.description p {
		padding: 0 20% !important;
	}
	div[id^="image-11"] .sub-table,
	div[id^="image-14"] .sub-table,
	div[id^="image-18"] .sub-table{
		width: 50%;
		padding: 0;
	}
	div[id^="image-15"] .sub-table {
		width: 30%;
		padding: 0;
	}
	div[id^="image-11"] .sub-table > ul li,
	div[id^="image-18"] .sub-table > ul li {
		width: 20%;
		min-height: 30px;
		max-height: 50px;
		padding: 2% 3%;
	}
	div[id^="image-14"] .sub-table > ul li {
		width: 25%;
		min-height: 30px;
		max-height: 50px;
		padding: 2% 3%;
	}
	div[id^="image-15"] .sub-table > ul li {
		width: 33.33333333333333333333333333%;
		min-height: 20px;
		max-height: 60px;
		padding: 2% 5%;
	}
	video {
		padding: 0 10%;
	}
}

/*@media (max-width: 775px){
	
	div[id^="image-15"] .sub-table {
		width: 25%;
		padding: 0;
	}
	div[id^="image-15"] .sub-table > ul li {
		text-align:center;
		margin: 0 auto;
	}
}*/

@media (max-width: 675px){
	.overlay-head h3 {
		width: 55% !important;
		font-size: 24px !important;
		line-height: 26px !important;
		padding-left: 12% !important;
	}
	.overlay-head h4 {
		width: 45% !important;
	}
	.description *:not(span),
	.description *:not(a){
		width: 100% !important;
		text-align:left !important;
		border-right: none !important;
	}
	.description span {
		top: 30%;
	}
	.info hr {
		width: 100%;
		border-radius: 0;
	}
	.lb-overlay div p{
		margin-top: 0;
	}
	div[id^="image"] .sub-table {
		width: 70%;
		padding: 0;
	}
	div[id^="image-8"] .sub-table {
		width: 40%;
		padding: 0;
	}
	div[id^="image-3"] .sub-table,
	div[id^="image-5"] .sub-table,
	div[id^="image-14"] .sub-table {
		width: 50%;
		padding: 0;
	}
	div[id^="image-15"] .sub-table {
		width: 40%;
		padding: 0;
	}
	div[id^="image-3"] .sub-table > ul li,
	div[id^="image-5"] .sub-table > ul li,
	div[id^="image-14"] .sub-table > ul li {
		width: 25%;
		min-height: 30px;
		max-height: 50px;
		padding: 2% 3%;
	}
	div[id^="image-8"] .sub-table > ul li {
		width: 33.33333333333333333333333333%;
		min-height: 20px;
		max-height: 40px;
		padding: 2% 3%;
	}
	div[id^="image-15"] .sub-table > ul li {
		width: 33.33333333333333333333333333%;
		min-height: 20px;
		max-height: 50px;
		padding: 2.5% 5%;
	}
}


@media (max-width: 600px){
/*
	.lb-album li{
		width: 50%;
	}
*/
	.lb-album li {
		width: 33%;
		float: left;
	}
	.lb-album > li > a {
		width: 90%;
		margin: 3% !important;
		padding: 6%;
	}
	.lb-album > li:nth-child(3n+4) {
		float: left;
		clear: both;
	}
	.lb-album > li:nth-child(3n+4) > a {
		margin-top: -25% !important;
	}
	.lb-album > li:nth-child(3n+6) {
		float: left;
	}
	.lb-album > li:nth-child(3n+6) > a {
		margin-top: -25% !important;
	}
	.lb-album > li:nth-child(3n+2) {
		float: left;
	}
	.lb-album > li:nth-child(3n+2) > a {
		margin-top: 30% !important;
	}
	.lb-album > li:nth-child(3n+5) > a {
		margin-top: 0% !important;
	}
	
	.lb-album li > a span > span.title{
		line-height: 5.75vw;
		font-size: 5vw;
		height: 60%;
		top: 20%;
	}
	li > a[href^="#image-10"] span.title,
	li > a[href^="#image-17"] span.title,
	li > a[href^="#image-18"] span.title {
		padding: 0 1.75% !important;
		height: 28% !important;
		top: 36% !important;
	}
	li > a[href^="#image-17"] span.title {
		font-size: 4.75vw !important;
	}
/*
	.lb-album li:nth-child(even) a {
		margin-top: 20%;
	}
	.lb-album li:nth-child(odd) a {
		margin-top:3%;
	}
	.lb-album li:nth-child(2n+5) a {
		position: relative;
		margin-top: 3%;
	}
	.lb-album li:nth-child(2n+6) a {
		position: relative;
		margin-top: 20%;
	}
*/
	div[id^="image-15"] .sub-table > ul li {
		width: 33.33333333333333333333333333%;
		min-height: 20px;
		max-height: 40px;
		padding: 2% 3%;
	}
}
@media (max-width: 500px) {
	.lb-album > li {
		width: 50%;
		float: left;
	}
	.lb-album > li > a {
		width: 90%;
		margin: 5% !important;
		padding: 6%;
	}
	.lb-album > li:nth-child(odd) {
		float: left;
		clear: none;
	}
	.lb-album > li:nth-child(odd) > a {
		margin-top: 5% !important;
	}
	.lb-album > li:nth-child(even) {
		float: right;
		clear: left;
	}
	.lb-album > li:nth-child(even) > a {
		margin-top: -75% !important;
	}
	span.title {
		font-size: 7.75vw !important;
		line-height: 9vw !important;
	}
	
	div[id^="image-7"] .sub-table {
		width: 60%;
		padding: 0;
	}
	div[id^="image-15"] .sub-table > ul li {
		width: 33.33333333333333333333333333%;
		min-height: 25px;
		max-height: 50px;
		padding: 3% 4%;
	}
	div[id^="image-7"] .sub-table > ul li {
		min-height: 20px;
		max-height: 40px;
		padding: 3% 7%;
	}
	li > a[href^="#image-17"] span.title {
		font-size: 7vw !important;
	}
}