/**
 * Gel 2020.1
 * Index Stylesheet
 * @version 2020.1.0 r 24
 * @created 2018-04-05 by Fritz Green
 * @modified 2021-11-15 by Fritz Green
 */

/*
font-family: Montserrat, Verdana, sans-serif;
font-family: Georgia, Times New Roman, Times, serif;
Brick: #6e2405;
Light Brick: #83270e;
Olive: #737144;
Light Olive: #84824f;
Brown: #855914;
Light Brown: #966a25;
Gold: #c78500;
Medium Gold: #eda81c;
Light Gold: #ffd681;
Lighter Gold: #ffe4ac;
Off Black: #231f20;
Charcoal: #6a6969;
Light Grey: #e0e0e0;
*/

/******************************/
/* INDEX */
.content-home .content-main, .content-home .content-i {
	display: block;
}
.hero {
	width: 100%;
	/*background: #7c4dff;*/
}
.home-hero {
	/*min-height: 945px;*/
}

/* ADDED FOR VB */

/* Home Wave Clipped Image */
.wave-clip {
	position: relative;
	display: block;
	width: 100%;
	clip-path: url(#wave-mask);
	-webkit-clip-path: url(#wave-mask);
	z-index: 100;
}
/*@media not all and (min-resolution:.001dpcm) {
	@media {
		.wave-clip {
			width: 100vw;
		}
	}
}*/
.home-hero-welcome {
	position: relative;
	width: 100%;
	margin-top: -4%;
	padding-top: 30px;
	background: url(../images/index/index-gausian-header-bkgd.jpg) center center no-repeat #30517e;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 1;
}
.home-hero-welcome h1 {
	color: #fff;
	margin: 106px 0 25px -4rem;
	text-align: center;
}
.home-hero-welcome h2 {
	color: #e0e0e0;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 2.5rem;
	text-transform: unset;
	margin: 0 0 70px 9.5rem;
	text-align: center;
}
.home-hero-shapes {
	fill: #fff;
	opacity: 30%;
	margin-right: -.2em;
	max-width: 1.2em;
	max-height: 1.1em;
}
.home-hero-shapes:nth-of-type(1) {
	transform: rotate(180deg);
	margin-left: -.1em;
}
.home-hero-shapes:nth-of-type(3) {
	top: 0.18em;
	max-width: 1.2005em;
	max-height: 1.2005em;
}

/* Home Content Sections */
.home-exp-hdr, .home-events-hdr, .home-moments-hdr {
	position: relative;
	padding: 3vw 0 0;
}
.home-exp-hdr svg {
	fill: #6e2405;
}
.home-events-hdr svg {
	fill: #737144;
}
.home-moments-hdr svg {
	fill: #855914;
}

.home-events, .home-vb-moments {
	padding-bottom: 10vw;
}

/* Experiences */
.home-exp-container {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	width: 100%;
}
.home-exp {
	flex: 0 0 20%;
	position: relative;
}
.home-exp:nth-child(n+6) {
	flex: 1 0 16.6%;
}
.home-exp:hover, .home-exp:focus {
	z-index: 900;
	transform: scale(1.04);
}
.home-exp picture, .home-exp img {
	position: relative;
	display: block;
	width: 100%;
}
.home-exp picture:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: solid 1rem #fff;
	opacity: 0;
}
.home-exp:hover picture:after, .home-exp:focus picture:after {
	opacity: 50%;
}
.home-exp:after {
	content: "";
	position: absolute;
	bottom: 1.5em;
	right: 0;
	width: 0;
	height: 0;
	border-top: 44px solid transparent;
	border-bottom: 44px solid transparent;
	border-right: 76px solid #fff;
	opacity: 50%;
}
.home-exp:nth-child(n+6):after {
	bottom: 1.5em;
	right: 0;
	border-top: 35px solid transparent;
	border-bottom: 35px solid transparent;
	border-right: 61px solid #fff;
}
.home-exp span {
	position: absolute;
	bottom: .6em;
	left: .5em;
	padding-right: .2em;
	font-family: Montserrat, Verdana, sans-serif;
	font-weight: 700;
	font-size: 2em;
	line-height: 1.1em;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 2.5px 2.5px 3px #000;
}
.home-exp:nth-child(n+6) span {
	font-size: 1.4em;
}

/* Events */
.home-events-hdr-flex {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: flex-end;
}
.home-events-hdr h2 {
	display: block;
	flex: 0 0 75%;
}
.home-events-hdr p {
	display: block;
	flex: 0 0 25%;
	text-align: right;
	padding-right: .7em;
	margin-bottom: 1.8em;
}
.home-events-hdr .angle-arrow-right::before {
	right: 0;
	margin-bottom: 1.1em;
}
.home-events-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.home-events-feature {
	flex: 0 1 47%;
}
.home-events-listings {
	flex: 0 1 49%;
}
.home-events-feature:hover, .home-events-listings > div:hover {
	transform: scale(1.02);
}
.home-events-container a {
	font-family: Montserrat, Verdana, sans-serif;
	font-weight: 700;
	color: #231f20;
}
.home-events-container a span.vb-event-date {
	font-family: Montserrat, Verdana, sans-serif;
	font-size: .7em;
	font-weight: normal;
	color: #737144;
}
.home-events-container img {
	display: block;
	width: 100%;
}
.home-events-feature p {
	font-size: 3.25em;
	line-height: 1.2em;
	margin-top: .2em;
}
.home-events-listings div {
	display: flex;
	align-items: flex-start;
	margin: 1.2rem 0 3rem;
}
.home-events-listings div:last-child {
	margin-bottom: 0;
}
.home-events-pic {
	flex: 0 1 35%;
	display: block;
	position: relative;
}
.home-events-listings p {
	flex: 0 1 65%;
	margin: .2em 0 0 3%;
	font-size: 2.2em;
	line-height: 1.2em;
}
.home-events-pic:after {
	content: "";
	position: absolute;
	bottom: 10%;
	left: 0;
	height: 80px;
	width: 40px;
	border-radius: 0 40px 40px 0;
	background-color: #fff;
	opacity: 50%;
}
.home-events-feature .home-events-pic:after {
	height: 200px;
	width: 100px;
	border-radius: 0 100px 100px 0;
}

.home-moments-container {
	min-height: 620px;
}
.home-moments-container-mobile {
	min-height: 350px;
}
.home-vb-moments p {
	margin-top: .8em;
}

.elfsight-mobile {
	display: none;
}

/* END ADDED */


@media screen and (max-width: 1600px) {
	/* Events */
	.home-events-feature p {
		font-size: 3em;
	}
	.home-events-listings p {
		font-size: 1.9em;
	}
}
@media screen and (max-width: 1450px) {
	/* Home Hero */
	.home-hero-welcome {
		padding-top: 23px;
	}
	.home-hero-welcome h1 {
		font-size: 3em;
	}
	.home-hero-welcome h2 {
		font-size: 2.1rem;
	}

	/* Events */
	.home-events-listings p {
		font-size: 1.8em;
	}
	.home-events-pic:after {
		transform: scale(.9);
		transform-origin: bottom left;
	}
}
@media screen and (max-width: 1250px) {
	/* Home Hero */
	.home-hero-welcome h1 {
		margin: 86px 0 20px -4rem;
		font-size: 2.5em;
	}
	.home-hero-welcome h2 {
		margin: 0 0 60px 9.5rem;
		font-size: 1.8rem;
	}

	/* EXPERIENCES */
	.home-exp span {
		font-size: 1.5em;
	}
	.home-exp:nth-child(n+6) span {
		font-size: 1.2em;
		bottom: .4em;
		left: .4em;
	}
	.home-exp:after {
		bottom: 1.2em;
		border-top: 40px solid transparent;
		border-bottom: 40px solid transparent;
		border-right: 68px solid #fff;
	}
	.home-exp:nth-child(n+6):after {
		bottom: .7em;
		border-top: 30px solid transparent;
		border-bottom: 30px solid transparent;
		border-right: 52px solid #fff;
	}

	/* Events */
	.home-events-feature p {
		font-size: 2.5em;
	}
	.home-events-listings div {
		margin: 1.2rem 0 2.4em;
	}
	.home-events-listings p {
		font-size: 1.42em;
	}
	.home-events-pic:after {
		transform: scale(.82);
	}
}
@media screen and (max-width: 1024px) {

	/* EXPERIENCES */
	.home-events-hdr p {
		margin-bottom: .8em;
	}
	.home-events-hdr .angle-arrow-right::before {
		margin-bottom: 0;
		bottom: 1.4em;
	}

	/* Events */
	.home-events-pic:after {
		transform: scale(.72);
	}
}
@media screen and (max-width: 980px) {
	/* Home Hero */
	.home-hero-welcome h1 {
		margin: 45px 0 20px -1rem;
		font-size: 2.1em;
	}
	.home-hero-welcome h2 {
		margin: 0 0 42px 4rem;
		font-size: 1.5rem;
	}

	/* EXPERIENCES */
	.home-exp picture:after {
		border: solid .5rem #fff;
	}

	/* Events */
	.home-events-hdr-flex {
		display: block;
	}
	.home-events-hdr h2 {
		flex: unset;
		margin-bottom: .1em;
	}
	.home-events-hdr p {
		display: inline-block;
		position: relative;
		flex: unset;
		font-size: 1em;
		text-align: left;
		padding-right: .6em;
		margin: 0 0 1em;
	}
	.home-events-hdr .angle-arrow-right::before {
		margin-bottom: 0;
		bottom: .65em;
	}
	.home-events-feature p {
		font-size: 1.7em;
	}
	.home-events-listings div {
		margin: .9rem 0 1.7rem;
	}
	.home-events-listings p {
		margin-top: -.22em;
		font-size: 1.3em;
	}
}
@media screen and (max-width: 850px) {

	/* EXPERIENCES */
	.home-exp span {
		font-size: 1.3em;
	}
	.home-exp:nth-child(n+6) span {
		font-size: 1em;
	}
}
@media screen and (min-width: 433px) and (max-width: 768px) {
	/* EXPERIENCES */
	.home-exp:nth-child(n+6) {
		flex: unset;
	}
	.home-exp {
		flex: 0 1 33.334%;
	}
	.home-exp:nth-child(n+4) {
		flex: 1 0 25%;
	}
	.home-exp span {
		font-size: 2.6em;
	}
	.home-exp:nth-child(n+4) span {
		font-size: 1.7em;
	}
}
@media screen and (max-width: 768px) {

	/* EXPERIENCES */
	.home-exp span {
		font-size: 2em;
		bottom: .4em;
		left: .4em;
	}
	.home-exp:nth-child(n+4) span {
		font-size: 1.15em;
	}
	.home-exp:nth-child(n+4):after {
		bottom: .7em;
		border-top: 30px solid transparent;
		border-bottom: 30px solid transparent;
		border-right: 52px solid #fff;
	}

	/* Events */
	.home-events-feature p {
		font-size: 1.55em;
	}
	.home-events-listings p {
		font-size: 1.2em;
	}
	.home-events-pic:after {
		transform: scale(.58);
	}
}
@media screen and (max-width: 650px) {
	/* Home Hero */
	.home-hero-welcome h1 {
		width: auto;
		margin: .6em 5% .3em 14%;
		font-size: 2em;
		text-align: left;
	}
	.home-hero-welcome h2 {
		margin: 0 8% 2em;
		font-size: 1em;
		text-align: right;
	}
	.home-hero-welcome h1 br {
		display: inline-block;
	}
	.home-hero-welcome h1 span {
		margin-left: 2em;
	}
	.home-hero-shapes {
		margin-right: -.1em;
		max-width: 1.1em;
		max-height: 1em;
	}

	/* EXPERIENCES */
	.home-exp span {
		font-size: 1.7em;
	}
	.home-exp:after {
		bottom: 1.5em;
		border-top: 34px solid transparent;
		border-bottom: 34px solid transparent;
		border-right: 54px solid #fff;
	}
	.home-exp:nth-child(n+6):after {
		border-top: 24px solid transparent;
		border-bottom: 24px solid transparent;
		border-right: 41px solid #fff;
	}

	/* Events */
	.home-events-feature {
		flex: 0 0 100%;
	}
	.home-events-listings {
		flex: 0 0 100%;
	}
	.home-events-feature p {
		font-size: 1.8em;
	}
	.home-events-listings div {
		margin: 2.5rem 0 2.5rem;
	}
	.home-events-listings p {
		margin-top: .2em;
		font-size: 1.55em;
	}
	.home-events-pic:after {
		transform: scale(.85);
	}
}
@media screen and (max-width: 500px) {
	/* Home Hero */
	.home-hero-welcome h1 {
		margin: .6em 5% .3em 10%;
	}
	.home-hero-welcome h1 span {
		margin-left: 1.5em;
	}
	.home-hero-welcome h2 {
		margin: 0 7% 2em;
		font-size: .95em;
	}

	/* EXPERIENCES */
	.home-exp:nth-child(n+4) span {
		font-size: 1.3em;
	}

	/* Events */
	.home-events-feature p {
		font-size: 1.7em;
	}
	.home-events-listings div {
		margin: 2.2rem 0 2.2rem;
	}
	.home-events-listings p {
		margin-top: .2em;
		font-size: 1.25em;
	}
}
@media screen and (max-width: 432px) {
	/* Home Hero */
	.home-hero-welcome h1 {
		margin: .6em 8% .5em 8%;
		font-size: 1.8em;
	}
	.home-hero-welcome h2 {
		margin: 0 5% 1.8em;
		font-size: .9em;
	}

	/* EXPERIENCES */
	.home-exp:nth-child(n+6) {
		flex: unset;
	}
	.home-exp {
		flex: 0 0 100%;
	}
	.home-exp:nth-child(2), .home-exp:nth-child(3), .home-exp:nth-child(5), .home-exp:nth-child(6), .home-exp:nth-child(n+8) {
		flex: 0 0 50%;
	}

	.home-exp:nth-child(1) span, .home-exp:nth-child(4) span, .home-exp:nth-child(7) span {
		font-size: 1.7rem;
	}
	.home-exp:nth-child(2) span, .home-exp:nth-child(3) span, .home-exp:nth-child(5) span, .home-exp:nth-child(6) span, .home-exp:nth-child(n+8) span {
		font-size: 1.2rem;
	}
	.exp-opt-br {
		display: none;
	}
	.home-exp:after {
		bottom: 1.5em;
		border-top: 34px solid transparent;
		border-bottom: 34px solid transparent;
		border-right: 54px solid #fff;
	}
	.home-exp:nth-child(n+6):after {
		border-top: 24px solid transparent;
		border-bottom: 24px solid transparent;
		border-right: 41px solid #fff;
	}

	/* Events */
	.home-events-hdr p {
		font-size: .9em;
	}
	.home-events-feature p {
		font-size: 1.55em;
	}
	.home-events-pic {
		flex: 0 1 40%;
	}
	.home-events-listings p {
		margin-top: -.15em;
		font-size: 1.22em;
	}
	.home-events-pic:after {
		transform: scale(.75);
	}

	/* FOOTER?? SHOULDN'T THIS BE IN ANOTHER FILE? */
	.ftr-separator-one {
		display: none;
	}
	.ftr-break-one {
		display: inline;
	}
}
@media screen and (max-width: 380px) {
	/* Home Hero */
	.home-hero-welcome h1 {
		margin: .6em 8% .5em 8%;
		font-size: 1.3em;
	}
	.home-hero-welcome h2 {
		margin: 0 15% 1.8em;
		font-size: .8em;
	}

	/* Events */
	.up-events-br {
		display: inline;
	}
	.home-events-feature p {
		font-size: 1.35em;
	}
	.home-events-listings p {
		font-size: 1.08em;
	}
	.home-events-pic:after {
		transform: scale(.55);
	}
}

/* Print Styles */

@media print {
	.home-exp-container, .home-exp-hdr {
		display: none;
	}
	.home-events-container {
		break-inside: avoid;
	}
}

/* INDEX SLIDESHOW */
/* NOTE: Additional slideshow styles are split among files index-hero-2.css, index-hero-3.css, index-hero-4.css, index-hero-5.css so that styles needed for a specific hero count can be loaded only when needed. */
/*.index-slideshow {
	max-width: 72em;
	width: 100%;
}
.index-rotator {
	position: relative;
	margin: auto;
}
.index-rotator-i {
	display: flex;
	margin-bottom: 1.8em;
}
.slide {
	position: relative;
	display: flex;
	flex: 0 0 100%;
	width: 100%;
	z-index: 0;
	opacity: 0;
	-moz-transition: opacity .9s ease-in-out;
	-webkit-transition: opacity .9s ease-in-out;
	transition: opacity .9s ease-in-out;
}
.slide:not(:first-of-type) {
	margin-left: -100%;
}
.slide-show {
	opacity: 1;
	z-index: 1;
}
.slide-left {
	align-self: flex-start;
	flex: 1 0 60%;
	width: 60%;
}
.slide-left img {
	display: block;
	width: 100%;
}
.slide-right {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	flex: 1 0 30%;
	width: 30%;
	padding: 1.5em 2.5em 2.5em;
	text-align: center;
	background: #606565;
}
.slide-right > * {
	width: 100%;
}
.slide-right h2 {
	margin-top: 0;
	color: #FFF;
	font-size: 1.8em;
}
.slide-right h3 {
	margin-top: .2em;
	color: #C0C0C0;
	font-size: 1.3em;
}
.slide-right p {
	color: #FFF;
	font-size: .9em;
}
.slide .button {
	margin-right: 0;
	margin-bottom: 0;
}
.slide .button:hover {
	background: #6e2405;
}*/

/* INDEX SLIDESHOW NAVIGATION */
/*.arrow-l {
	position: absolute;
	top: 50%;
	left: -2.75em;
	margin: -.5em 0 0 0;
	opacity: .6;
	cursor: pointer;
	z-index: 999;
}
.arrow-r {
	position: absolute;
	top: 50%;
	right: -2.75em;
	margin: -.5em 0 0 0;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	opacity: .6;
	cursor: pointer;
	z-index: 999;
}
.arrow-l:hover, .arrow-r:hover {
	opacity: 1;
}*/
/* Note: Colors changed on the hero dots here must also be changed in the 2-5 css files. */
/*.hero-dot {
	position: absolute;
	left: 50%;
	bottom: -2em;
	display: block;
	margin-left:-.375em;
	border: 2.35px solid #BCBEC0;
	padding: .2em;
	cursor: pointer;
}
.hero-dot:hover {
	border: 2.35px solid #767777;
}
.hero-dot-selected, .hero-dot-selected:hover {
	border: 2.35px solid #6e2405;
}*/

/* INDEX SLIDESHOW RESPONSIVE */
/*
@media screen and (max-width: 1300px) {
	.arrow-l, .arrow-r {
		width: 2em;
		height: 2em;
		margin-left: 0;
	}
}
@media screen and (max-width: 1200px) {
	.slide-right h2 {
		font-size: 1.3em;
	}
	.slide-right h3 {
		font-size: 1.1em;
	}
	.slide-right p {
		font-size: .8em;
	}
	.slide .button {
		font-size: .8em;
	}
	.arrow-l {
		left: -2.25em;
	}
	.arrow-r {
		right: -2.25em;
	}
}
@media screen and (max-width: 900px) {
	.slide {
		display: block;
		text-align: center;
	}
	.slide-left, .slide-right {
		flex: 0 0 100%;
		width: 100%;
	}
	.slide-right {
		padding: 1.8em 2.5em 2.5em 2.5em;
	}
	.slide-right h2 {
		margin-top: auto;
	}
	.slide .button {
		width: auto;
		margin-right: .5em;
		margin-left: .5em;
	}
	.arrow-l, .arrow-r {
		top: 27vw;
	}
}
@media screen and (max-width: 600px) {
	.slide-right {
		padding: 1.5em 2.2em 2.2em 2.2em;
	}
	.slide .button {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
	.arrow-l, .arrow-r {
		width: 1.25em;
		height: 1.25em;
	}
	.arrow-l {
		left: -1.5em;
	}
	.arrow-r {
		right: -1.5em;
	}
	.hero-dot {
		bottom: -1.5em;
	}
}
@media screen and (max-width: 350px) {
	.slide-right {
		padding: 1.25em 1.5em 2em 1.5em;
	}
	.slide-right h2 {
		font-size: 1.4em;
	}
}*/