/* filter to make black icons white */
.site-nav .nav-links-list.primary  .gd-el-icon {
	filter: invert(93%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}





/* ----- SITE HEADER ----- */
header {
	position:relative;
	z-index:4;
}

.container-width {
	max-width:var(--gd-site-width-max);
	margin:0 auto;
}

.site-header {
	top:0;
	left:0;
	right:0;
	position:fixed;
	background-color:var(--gd-bb-neon);
}


.site-logo {
	width:var(--gd-site-header-logo-width);
}

.site-logo > a {
	display:block;
}

.site-main {
	overflow:hidden;
}

/* --- NAV ANIMATION --- */

@keyframes fade-in {
	0% {
		opacity:0;
		visibility:hidden;
		transform: perspective(1000px) rotateY(90deg) translateZ(200px) scale(50%);
	}

	100% {
		transform:0;
		visibility:visible;
		opacity:1;
	}
 }

 @keyframes fade-out {
	0% {
		opacity:1;
		visibility:visible;
	}

	99% {
		translate:0;
	}

	100% {
		opacity:0;
		visibility:hidden;
		transform: perspective(1000px) rotateY(90deg) translateZ(200px) scale(50%);
	}
 }



/* ----- NAV ----- */
.gd-app-reg .nav-tickets,
.pg-ever-after .nav-home,
.pg-the-party .nav-party,
.pg-auction .nav-auction,
.pg-what-to-wear .nav-wear,
.pg-sponsors .nav-sponsors,
.pg-committee .nav-committee,
.pg-about-us .nav-about,
.pg-contact-us .nav-contact,
.pg-donate .nav-donate {
	opacity:1;
}

.gd-app-reg .nav-tickets::before,
.pg-ever-after .nav-home::before,
.pg-the-party .nav-party::before,
.pg-auction .nav-auction::before,
.pg-what-to-wear .nav-wear::before,
.pg-sponsors .nav-sponsors::before,
.pg-committee .nav-committee::before,
.pg-about-us .nav-about::before,
.pg-contact-us .nav-contact::before,
.pg-donate .nav-donate::before {
	width:100%;
}

body.nav-open  {
	overflow:hidden;
}


.nav-logo {
	width:80%;
	max-width:400px;
	margin:0 auto 20px;
}

.site-nav {
	top:0;
	right:50vw;
	position:fixed;
	width:100%;
	height:100lvh;
	background-color:var(--gd-site-nav-bg-color);
	opacity:0;
	visibility:hidden;
}

.site-nav-container {
	display:flex;
	flex-flow:column nowrap;
	padding: var(--gd-site-padding-horizontal);
}

.nav-close .site-nav {
	transition: right var(--gd-transition-timing);
	animation: fade-out var(--gd-transition-timing) forwards;
}

.nav-open .site-nav {
	right:0;
	animation: fade-in var(--gd-transition-timing) forwards;
}



.site-nav-scroll {
	height:calc(100dvh - var(--gd-site-header-logo-width) - 60px);
	overflow-y:auto;
	margin-top:15px;
	padding:20px 0 60px;
	text-align:center;
	align-content:center;
}

.site-nav-links {
	list-style:none;
	margin:0;
	padding:5px;
}

.site-nav-links a {
	position:relative;
	font-family:var(--gd-font-family-sans-serif);
	font-size:var(--gd-site-nav-font-size-1);
	text-decoration:none;
	display:inline-block;
	padding:5px;
	color:var(--gd-site-nav-link-font-color);
	opacity:var(--gd-site-nav-link-opacity);
}

.site-nav-links a:hover,
.site-nav-links a:focus-visible {
	opacity:var(--gd-site-nav-link-opacity-hover);
}

/*
.site-nav-links a::before {
	content:'';
	position:absolute;
	height:1px;
	width:0;
	left:0;
	bottom:50%;
	background-color:#fff;
	overflow:hidden;
	transition: all var(--gd-transition-timing);
}
*/

/* ----- NAV TOGGLE ------ */

.nav-toggle {
	position:fixed;
	margin-top:var(--gd-site-padding-horizontal);
	top:0;
	right:var(--gd-site-padding-horizontal);
	width:40px;
	height:40px;
}

.nav-toggle-actual	{
	position:fixed;
	display:block;
	width:40px;
	height:40px;
	cursor:pointer;
	z-index:1;
	border:0;
	border-radius:4px;
	background-color:var(--gd-nav-toggle-bg-color);
}

.nav-toggle-actual > span	{
	display:block;
	border-radius:2px;
	position:absolute;
	left:8px;
   	width:calc(100% - 16px);
	background-color: var(--gd-nav-toggle-color);
	transition: all var(--gd-transition-timing);
}


.nav-toggle-actual .top,
.nav-toggle-actual .middle, 
.nav-toggle-actual .bottom  {
	height:2px;
}


.nav-toggle-actual .top	{ top:13px; }
.nav-toggle-actual .middle { top:19px;}
.nav-toggle-actual .bottom	{ top:25px;} 

.nav-open .nav-toggle-actual .top,
.nav-open .nav-toggle-actual .bottom {
	opacity:0;
}

.nav-open .nav-toggle-actual	.middle	{	
	transform: rotate(-45deg) scaleX(1); 
 }

.nav-open  .nav-toggle-actual .middle + .middle	{	
	transform: rotate(45deg)  scaleX(1);; 
 }
 




 /* ----- FOOTER ----- */
 footer {
	position:relative;
	z-index:1;
 }

.site-footer {
	overflow:hidden;
	font-size:var(--gd-font-size-body-2);
	color:var(--gd-font-color-ltr);
	background-color:var(--gd-bb-neon);
}

.site-footer a {
	color:var(--gd-font-color-lt);
}

.site-footer a:hover,
.site-footer a:focus-visible {
	color:var(--gd-font-color-ltr);
}


.site-footer .section-content {
	padding: 0 var(--gd-site-padding-horizontal);
}


/* social links  */
.site-footer .social-links {
	list-style:none;
	margin:0;
	padding:20px 0;
	display:block;
	text-align:center;
}

.site-footer .social-links li {
	display:inline-block;
}

.site-footer .social-links li + li {
	margin-left:10px;
}


.site-footer .social-links a {
	padding-top:2px;
	font-size:22px;
	color:#fff;
	opacity:var(--gd-site-nav-link-opacity);
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
}

.site-footer .social-links a:hover,
.site-footer .social-links a:focus-visible {
	opacity:var(--gd-site-nav-link-opacity-hover);
}


/* footer links */
.site-footer a:not(.gd-button) {
	text-decoration:none;
 }

.site-footer a:not(.gd-button):hover,
.site-footer a:not(.gd-button):focus-visible {
	 text-decoration:underline;
  }




/* footer fine print */

.site-footer .footer-fine-print {
	border-top:rgb(255 255 255 / 50%) solid 1px;
	padding:20px 0;
}

.site-footer .col {
	text-align:center;
}


/* -------------- BREAK POINT -------------- */
@media screen and (min-width:768px) {
	.site-footer .col {
		text-align:left;
	}

	.site-footer .col + .col{
		text-align:right;
	}
}



/* -------------- BREAK POINT -------------- */
@media screen and (min-width:992px) {
:root {
		--gd-site-header-logo-width:30px;
		--gd-site-nav-font-size-1: 12px;
	}

	/* ----- NAV TOGGLE ----- */
	.nav-toggle {
		display:none;
	}

	.nav-logo {
		display:none;
	}

	.site-nav,
	.nav-open .site-nav,
	.nav-close .site-nav  {
		position:relative;
		width:100%;
		top:auto;
		right:auto;
		height:auto;
		visibility:visible;
		opacity:1;
		animation:none;
		max-width:none;
	}



	.site-nav-container {
		display:flex;
		flex-flow:row nowrap;
		gap:30px;
		padding:0 var(--gd-site-padding-horizontal);
		align-items:center;
	}


	.site-nav-scroll {
		width:calc(100% - var(--gd-site-header-logo-width));
		height:auto;
		margin:0;
		padding:0;
	}



	.site-nav-links {
		display:flex;
		flex-flow:row nowrap;
		gap:10px;
		justify-content:end;
	}

	.site-nav-links li {
		margin:0;
	}

}


/* -------------- BREAK POINT -------------- */
@media screen and (min-width:1200px) {
	:root {
		--gd-site-nav-font-size-1: 14px;
	}
}


/* -------------- BREAK POINT -------------- */
@media screen and (min-width:1400px) {
	:root {
		--gd-site-nav-font-size-1: 16px;
	}
}