/* General styles changes */
body,
.navOpen.navClose .navToggle,
.navToggle,
.navBg,
.pageMask,
div.overlay.alert .header, div.overlay.alert .content   {
	background-color:#012b2b;

}



.siteMain,
.pgGeneral .pageContent,
.pgLogIn .siteMain  {
	background-image:none;
	background-color:#021d22;
	margin-bottom:0;
	padding-bottom:0px;
}

.pageContent.bgLight {
	background-color:#ffffff;
}

.pgLogIn .intro,
.photoBoothInstructions,
.tableGeneral th  {
	background-color:#012b2b;
}






/* link, button colors */
a,
ul.accordion .toggle {
    color:#c4a762;
}

.no-touch a:hover, 
.no-touch a:focus, 
a:active {
    color:#d2b369;
}

/* buttons */
.button {
	color:#ffffff;
    background-color:#6a5a34;
}

.no-touch .button:hover, 
.no-touch .button:focus, 
.button:active {
	color:#ffffff;
	background-color:#857142;
}



/* nav card links */
.no-touch .cardLinks  li a:hover,
.no-touch .cardLinks  li a:focus,
.cardLinks  li a:active, 
.no-touch ul.cardLinks.nav a:hover,
.no-touch ul.cardLinks.nav a:focus,
ul.cardLinks.nav a:active {
	background-color:#857142;
}


/* on light background link color */
.bgLight a,
.bgLight ul.accordion .toggle {
    color:#6a5a34;
}

.no-touch .bgLight a:hover, 
.no-touch .bgLight a:focus, 
.bgLight a:active,
.no-touch .bgLight ul.accordion .toggle:hover, 
.no-touch .bgLight ul.accordion .toggle:focus, 
.bgLight ul.accordion .toggle:active, 
.no-touch .bgLight ul.accordion .toggle:hover::after, 
.no-touch .bgLight ul.accordion .toggle:focus::after, 
.bgLight ul.accordion .toggle:active::after {
    color:#857142;
}

.bgLight ul.accordion .toggle::after {
    color:#857142;
}



/* overlay buttons */
.no-touch .scrollNavContainer button:hover, 
.no-touch .scrollNavContainer button:focus, 
.scrollNavContainer button:active,

.no-touch .fancybox-navigation button:hover div,
.no-touch .fancybox-navigation button:focus div,
.fancybox-navigation button:active div,
.fancybox-navigation button.touch div  {
	background-color:#857142;
}

 


/* footer  */
.siteFooter {
	border:0px;
}

div.auxLinks {
	border-color:rgba(255,255,255,0.25);
}

/* footer link colors */
ul.textLinks a,
ul.textLinks button {
	color:#ffffff
}

.no-touch ul.textLinks a:hover,
.no-touch ul.textLinks a:focus,
ul.textLinks a:active,
.no-touch ul.textLinks button:hover,
.no-touch ul.textLinks button:focus,
ul.textLinks button:active {
	color:#d2b369;
}


/* banner links color */
.bannerVert ul.links li a, 
.bannerVert ul.links li button {
	background-color:#004545;
}

.no-touch .bannerVert ul.links li a:hover, 
.no-touch .bannerVert ul.links li a:focus, 
.bannerVert ul.links li a:active, 
.no-touch .bannerVert ul.links li button:hover, 
.no-touch .bannerVert ul.links li button:focus, 
.bannerVert ul.links li button:active {
	background-color:#005555;
}



/* filter to turn icons white */
.navLogOut button::before,
.socialLinks a:before,
.gd_badge img {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(45deg) brightness(108%) contrast(102%);
}

/* icon hover filter */
.no-touch .overlayClose:hover:before,  
.no-touch .overlayClose:focus:before,
.overlayClose:active:before,
.no-touch .chatClose:hover:before,  
.no-touch .chatClose:focus:before,
.chatClose:active:before,
.no-touch .navLogOut button:hover:before,
.no-touch .navLogOut button:focus:before,
.navLogOut button:active:before, 
.no-touch .socialLinks a:hover:before, 
.no-touch .socialLinks a:focus:before,
.socialLinks a:active:before,

.no-touch .fancybox-toolbar .fancybox-button:hover img, 
.no-touch .fancybox-toolbar  .fancybox-button:focus img,
.fancybox-toolbar .fancybox-button:active img   {
	filter: brightness(0) saturate(100%) invert(92%) sepia(17%) saturate(1453%) hue-rotate(331deg) brightness(87%) contrast(87%);
}


/* nav toggle */
.navToggle .top, .navToggle .middle1, .navToggle .middle2, .navToggle .bottom {
	background-color:#ffffff;
}

.no-touch .navToggle:hover span, .no-touch .navToggle:focus span, .navToggle:active span {
	background-color:#d2b369;
}



/* nav */
nav, nav b {
	color:#ffffff;
}


body.navOpen { 
	border-color:#616c68;
}


ul.cardLinks.nav .navMainStage .image 	{ 	background-image:url(../images/general/nav-mainstage-gala.jpg); }

ul.cardLinks.nav .navAgenda .image 		{  	background-image:url(../images/general/nav-agenda-gala.jpg);}

ul.cardLinks.nav .navGallery .image 	{ 	background-image:url(../images/general/nav-gallery-gala.jpg);}

ul.cardLinks.nav .navPhotoBooth .image 	{ 	background-image:url(../images/general/nav-photobooth-gala.jpg);}

ul.cardLinks.nav .navSupport .image 	{ 	background-image:url(../images/general/nav-support-gala.jpg);}

ul.cardLinks.nav .navAuction .image 	{ 	background-image:url(../images/general/nav-auction-gala.jpg);}
ul.cardLinks.nav .navAuction .image::after {   background-image: url(../images/shell/icon-auction.svg);}

ul.cardLinks.nav .navSponsors .image { 	background-image:url(../images/general/nav-sponsors-gala.jpg);}
ul.cardLinks.nav .navSponsors .image::after {   background-image: url(../images/shell/icon-sponsors.svg);}

ul.cardLinks.nav .navDonate .image { 	background-image:url(../images/general/nav-donate-gala.jpg);}
ul.cardLinks.nav .navDonate .image::after {   background-image: url(../images/shell/icon-donate.svg);}







/* gala  home */
.pgHome .heroBg {
	background-image:url(../images/general/gala-bg.jpg);
}

.pgHome .siteMain .cardLinks.nav {
	margin-bottom:40px;
}


/* banner */
.pgHome .bannerVert .header {
	background-color:#1c393c;
}
.pgHome .bannerVert .contentContainer {
	background-color:#15282b;
}

.pgHome .videoScreen {
    top:70px;
    -webkit-box-shadow: 0px 3px 1px 1px rgba(0,0,0,0.25);  
    -moz-box-shadow:    0px 3px 1px 1px rgba(0,0,0,0.25);
    box-shadow:         0px 3px 1px 1px rgba(0,0,0,0.25);
}	

/* agenda */
.agendaHero {
	background-image:url(../images/general/agenda-hero-gala.jpg);
}




/* Main stage */
.pgMainStage .hero .stage {
	background-image: url(../images/general/mainstage-stage-gala.jpg);
}
.pgMainStage .hero::before {
	background-image: url(../images/general/mainstage-ceiling-gala.jpg);
}
.pgMainStage .hero::after {
	background-image: url(../images/general/mainstage-audience-gala.jpg);
}





/* Sponsors */
ul.sponsors {
	max-width:1000px;
	list-style:none;
	margin:0 auto 20px auto;
	text-align:center;
}

ul.sponsors li {
	width:33.33%;
	max-width:200px;
	padding:5px;
	display:inline-block;
}

ul.sponsors.XL li {
	width:50%;
	max-width:350px;
}

ul.sponsors li.heading {
	width:100%;
	max-width:100%;
	display:block;
}

ul.sponsors img {
	display:block;
	width:100%;
}

ul.sponsors li p {
	margin:0 0 10px 0;
	font-size:14px;
}



/* Support */
.pgSupport .heroBg {
	background-image: url(../images/general/support-wall-gala.jpg);
}


/* CHAT TOGGLE COLOR OVERRIDE */
.chch-mobileChatweeWindowSwitch.chch-16-3,
.chch-fixedChatweeWindowSwitchCircle.chch-14-3 {
	background-color:#857142 !important;
}


/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width:1000px) {
	/* gala */
	.pgHome .videoScreen {
		top: calc(47% - 180px);
	}

	.pgHome .bannerVert {
		left:5%;
		bottom:0px;
	}


	.pgHome .bannerVert .contentContainer {
		background: linear-gradient(180deg, rgba(28,57,60,1) 30%, rgba(21,40,43,1) 100%);
	}

	/* sponsors */
	ul.sponsors li {
		width:20%;
		max-width:200px;
	}

}





/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width:1400px) {


	/* gala */
	.pgHome  .videoScreen {
		top: calc(47% - 220px);
	}

}