/* ! NAVIGATIONS  */

/* General for all levels and navs: */
	.nav-list {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.nav-item {
		position: relative;
		display: inline-block;
		display: block;
		vertical-align: top;
	}
	.nav-link {
		display: block;
		padding: .5em 1em;
		color: inherit;
		text-decoration: none;
		transition: all .3s;

		line-height: 1.25;

		font-size: 18px;
	}
	.nav-link:hover {
		color: inherit;
		text-decoration: none;
	}
	.nav-item[data-nav-status='has-active'] > .nav-link {

	}
	.nav-item[data-nav-status='active'] > .nav-link {

	}



@media (min-width: 900px) {


	/* ! Main Nav */
	.main-nav {
		display: flex;
		align-content: flex-start;
		padding: 0;
		flex-grow: 1;
	}

	/* Level 1 (horizontal) */
	.main-nav .nav-1 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-grow: 1;
	}
	.main-nav .nav-1 > li {
		position: static;

		flex-basis: 6%;
		flex-basis: 3%;
		flex-basis: 1%;
		margin-right: 2%;
	}

	.main-nav #navigation-1-46 > a { min-width: 0; /* max-width: 70px;  */}

	.main-nav .nav-1 > li > a {
		padding: 1rem 0;
		border-top: 6px solid transparent;
		position: relative;
		z-index: 1;
		min-width: 70px;
		min-width: 60px;
		display: block;
	}
	.main-nav .nav-1 > li:hover > a {
		z-index: 1000;
	}
	.main-nav .nav-1 > li:hover > a,
	.main-nav .nav-1 > li[data-nav-status='has-active'] > a,
	.main-nav .nav-1 > li[data-nav-status='active'] > a {
		border-color: #009cdc;
	}
	.in-area .main-nav .nav-1 > li:hover > a,
	.in-area .main-nav .nav-1 > li[data-nav-status='has-active'] > a,
	.in-area .main-nav .nav-1 > li[data-nav-status='active'] > a,
	.is-mega .main-nav .nav-1 > li:hover > a,
	.is-mega .main-nav .nav-1 > li[data-nav-status='has-active'] > a,
	.is-mega .main-nav .nav-1 > li[data-nav-status='active'] > a {
		border-color: currentcolor;
	}

	.main-nav .nav-1 > li.has-sub > a:before {
		/* for extended dropdowns too far down from the link */
		content: '';
		display: block;
		position: absolute;
		top: 100%;
		right: 0;
		bottom: 0;
		left: 0;
		min-height: 60px;
		background: inherit;
		z-index: 0;
		opacity: 0;
		transition: all .3s;
	}
	.main-nav .nav-1 > li.has-sub:hover > a:before {
		opacity: 1;
	}

	/* all sub-lists (drop-downs & drop-sides) */
	.main-nav .sub-list {
		display: block;
		position: absolute;
		top: 100%;
		left: auto;
		width: 200px;
		margin: 0;
		padding: 0;

		background-color: #fff;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);

		transition: all .3s;
		z-index: 1000;
	}
	.main-nav li              > .sub-list { visibility: hidden;  opacity: 0; transform: scale(.95); }
	.main-nav li:hover        > .sub-list { visibility: visible; opacity: 1; transform: scale(1); }
	.main-nav li:focus-within > .sub-list { visibility: visible; opacity: 1; transform: scale(1); }

	.main-nav .sub-list .sub-list { left: 100%; }

	.main-nav :nth-last-child(1) > .nav-2,
	.main-nav :nth-last-child(2) > .nav-2 { right: 0; left: auto; }

	.main-nav :nth-last-child(1) > .nav-2 .nav-list,
	.main-nav :nth-last-child(2) > .nav-2 .nav-list { right: 100%; left: auto; }

	.main-nav :nth-last-child(1) > .nav-2 .has-sub > .nav-link::after,
	.main-nav :nth-last-child(2) > .nav-2 .has-sub > .nav-link::after { transform: scaleX(-1); }


	/* Level 2 (the only drop-down ) */
	.main-nav .nav-2 {
		top: 100%;
	}
	.main-nav .nav-2 > li {

	}
	.main-nav .nav-2 > li > a {
		padding: .5rem 1rem;
	}
	.main-nav .nav-2 li:hover > a {
		color: #009cdc;
	}
	.main-nav .nav-2 li[data-nav-status='active'] > a{
		color: #009cdc;
	}

	/* Level 3, etc. */
	.main-nav .nav-3 {

	}
	.main-nav .nav-3 > li {

	}
	.main-nav .nav-3 > li > a {

	}


	/* Has-subs Chevron indicators */
/*
	.main-nav .has-sub > .nav-link {
		padding-right: 1.5em;
	}
	.main-nav .has-sub > .nav-link:after {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: .25em;
		content: " ";
		background: no-repeat right center url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path fill='%23setColorCodeHere' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' /></svg>");
		display: block;
		width: 1em;
		height: 1em;
		background-size: 100%;
		transform-origin: center center;
	}
	.main-nav .nav-1 > .has-sub > .nav-link:after {
		transform: rotate(90deg);
	}
*/

	/* 	MEGA Menu */
	.main-nav #navigation-1-3,
	.main-nav #navigation-1-4,
	.main-nav #navigation-1-5 {
		position: static;
		width: auto;
		flex-basis: 4%;
		flex-basis: 0%;
	}
	.main-nav #navigation-1-3:hover,
	.main-nav #navigation-1-4:hover,
	.main-nav #navigation-1-5:hover {
		z-index: 99;
	}
		/* 	invisible accessibility triangles */
		.main-nav #navigation-1-3:hover > a:before,
		.main-nav #navigation-1-3:hover > a:after,
		.main-nav #navigation-1-4:hover > a:before,
		.main-nav #navigation-1-4:hover > a:after,
		.main-nav #navigation-1-5:hover > a:before,
		.main-nav #navigation-1-5:hover > a:after {
			content: '';
			display: block;
			position: absolute;
			top: auto;
			left: auto;
			right: auto;
			bottom: -4.5rem;
			width: 6rem;
			height: 6rem;
			background: red;
			transform: rotate(45deg);

			min-height: 0;
			z-index: 0;
			opacity: 0;
			transition: all .3s;
		}
		.main-nav #navigation-1-3:hover > a:before,
		.main-nav #navigation-1-4:hover > a:before,
		.main-nav #navigation-1-5:hover > a:before { left: -3rem; }

		.main-nav #navigation-1-3:hover > a:after,
		.main-nav #navigation-1-4:hover > a:after,
		.main-nav #navigation-1-5:hover > a:after { right: -3rem; }

	.main-nav #navigation-1-3:hover .mega { background-color: #0063af; }
	.main-nav #navigation-1-4:hover .mega { background-color: #77a02e; }
	.main-nav #navigation-1-5:hover .mega { background-color: #407928; }

	.main-nav #navigation-1-3 > a,
	.main-nav #navigation-1-4 > a,
	.main-nav #navigation-1-5 > a {
		position: relative;
		border-top-color: transparent !important;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 8px;
		text-transform: uppercase;
		line-height: 1;
		font-size: 30px;
		font-size: 20px;
		font-weight: 900;
		white-space: nowrap;

		border-bottom: .5rem solid transparent;
		min-width: 0;
	}
	.main-nav #navigation-1-3[data-nav-status='has-active'] > a,
	.main-nav #navigation-1-3[data-nav-status='active'] > a,
	.main-nav #navigation-1-4[data-nav-status='has-active'] > a,
	.main-nav #navigation-1-4[data-nav-status='active'] > a,
	.main-nav #navigation-1-5[data-nav-status='has-active'] > a,
	.main-nav #navigation-1-5[data-nav-status='active'] > a {
		border-color: currentcolor;
	}

		/* normal */
		.main-nav #navigation-1-3 > a { color: #0063af; }
		.main-nav #navigation-1-4 > a { color: #77a02e; }
		.main-nav #navigation-1-5 > a { color: #407928; }

		/* all whites */
		.in-area .main-nav #navigation-1 > li > a,
		.is-mega .main-nav #navigation-1 > li > a { color: #fff; }

		/* highlights */
		.is-mega .main-nav #navigation-1 > #navigation-1-3:hover > a,
		.in-area .main-nav #navigation-1 > #navigation-1-3[data-nav-status='has-active'] > a { color: #96e1ff; }

		.is-mega .main-nav #navigation-1 > #navigation-1-4:hover > a,
		.in-area .main-nav #navigation-1 > #navigation-1-4[data-nav-status='has-active'] > a { color: #eaea93; }

		.is-mega .main-nav #navigation-1 > #navigation-1-5:hover > a,
		.in-area .main-nav #navigation-1 > #navigation-1-5[data-nav-status='has-active'] > a { color: #cbf77d; }


	.main-nav #navigation-1-3 .mega,
	.main-nav #navigation-1-4 .mega,
	.main-nav #navigation-1-5 .mega {
		display: block;
		position: absolute;
		top: 100%;
		top: calc(100% - 2rem);
		left: 0;
		width: 100%;
		margin: 0;
		padding: 3rem 1rem;

		color: #fff;
		background-color: inherit;
		border: none;
		box-shadow: none;

		transition: all 0s ease-in;
		transform-origin: top center;
		z-index: -1;


		max-width: none;

		visibility: hidden; opacity: 0; transform: scale(1);  overflow: hidden;
	}

	.main-nav #navigation-1-3:hover > .mega,
	.main-nav #navigation-1-4:hover > .mega,
	.main-nav #navigation-1-5:hover > .mega { visibility: visible; opacity: 1; transform: scale(1); transition-duration: .3s; z-index: 100; }

	.main-nav #navigation-1-3:focus-within > .mega,
	.main-nav #navigation-1-4:focus-within > .mega,
	.main-nav #navigation-1-5:focus-within > .mega { visibility: visible; opacity: 1; transform: scale(1); }


	/* 	Mega Menu sublists */
	.main-nav #navigation-1-3 .mega-container,
	.main-nav #navigation-1-4 .mega-container,
	.main-nav #navigation-1-5 .mega-container {
		max-width: 1480px;
		padding: 0 2rem;
		display: flex;
	}
	.main-nav #navigation-1-3 .mega-container > .sub-list,
	.main-nav #navigation-1-4 .mega-container > .sub-list,
	.main-nav #navigation-1-5 .mega-container > .sub-list {
		position: relative;
		left: auto;
		top: auto;

		width: 100%;
		display: flex;
		border: none;
		background: transparent;

		visibility: visible;
		opacity: 1;
	}

	.main-nav #navigation-1-3 .mega .sub-list,
	.main-nav #navigation-1-4 .mega .sub-list,
	.main-nav #navigation-1-5 .mega .sub-list {
		width: auto;
		left: auto;
		right: auto;
		top: auto;
		visibility: visible;
		opacity: 1;
		position: relative;

		background: none;
		box-shadow: none;
		border: none;
		transform: none;
	}
	.main-nav #navigation-1-3 .mega a,
	.main-nav #navigation-1-4 .mega a,
	.main-nav #navigation-1-5 .mega a {
		padding: .2rem 1.5rem .25rem;
	}
	.main-nav #navigation-1-3 .mega li[data-nav-status="active"] > a,
	.main-nav #navigation-1-4 .mega li[data-nav-status="active"] > a,
	.main-nav #navigation-1-5 .mega li[data-nav-status="active"] > a {
		color: inherit;
		border: 1px solid rgba(255,255,255,.3);
	}

	.main-nav #navigation-1-3 .mega .nav-2 > li,
	.main-nav #navigation-1-4 .mega .nav-2 > li,
	.main-nav #navigation-1-5 .mega .nav-2 > li {
		min-width: 200px;
		max-width: 270px;
		margin-right: 2rem;
	}
	.main-nav #navigation-1-3 .mega .nav-2 li > a:hover { color: #0063af; background-color: #96e1ff; }
	.main-nav #navigation-1-4 .mega .nav-2 li > a:hover { color: #77a02e; background-color: #eaea93; }
	.main-nav #navigation-1-5 .mega .nav-2 li > a:hover { color: #407928; background-color: #cbf77d; }

	.main-nav #navigation-1-3 .mega .nav-2 > li.type-node > a,
	.main-nav #navigation-1-4 .mega .nav-2 > li.type-node > a,
	.main-nav #navigation-1-5 .mega .nav-2 > li.type-node > a {
		font-size: 90%;
	}
	.main-nav #navigation-1-3 .mega .nav-2 > li.type-node > a:hover,
	.main-nav #navigation-1-4 .mega .nav-2 > li.type-node > a:hover,
	.main-nav #navigation-1-5 .mega .nav-2 > li.type-node > a:hover {
		font-size: 90%;
		background-color: transparent;
		pointer-events: none;
	}

	.main-nav #navigation-1-3 .mega .nav-2 > li.type-node > a { color: #96e1ff; }
	.main-nav #navigation-1-4 .mega .nav-2 > li.type-node > a { color: #eaea93; }
	.main-nav #navigation-1-5 .mega .nav-2 > li.type-node > a { color: #cbf77d; }

	.main-nav #navigation-1-3 .mega .nav-3 > li,
	.main-nav #navigation-1-4 .mega .nav-3 > li,
	.main-nav #navigation-1-5 .mega .nav-3 > li {
		margin-bottom: .25rem;
	}



	.main-nav #navigation-1-3 .mega .nav-4 > li,
	.main-nav #navigation-1-4 .mega .nav-4 > li,
	.main-nav #navigation-1-5 .mega .nav-4 > li {
		font-size: 80%;
		margin-left: 1.5rem;
	}


	/*	Mega Thumbs */
	.mega-thumbs {
		display: flex;
	}
	.mega-figure {
		order: 1;
		margin: 0 1rem auto;
		max-width: 260px;
		position: relative;
	}
		.mega-link {
			position: relative;
			display: block;
			padding: 0 !important;
			margin: 0;
			border: 1px solid #fff;
			color: #fff;
			transition: .2s all;
		}
			.mega-img {
				display: block;
				width: 100%;
				height: auto;
				border: none;
			}
			.mega-figure figcaption {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				padding: 2em 1em .5em;
				background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.9));
				font-size: 18px;
				line-height: 1.4;
				color: inherit;
			}

			.main-nav #navigation-1-3 .mega-link:hover { border-color: #96e1ff; color: #96e1ff; }
			.main-nav #navigation-1-4 .mega-link:hover { border-color: #eaea93; color: #eaea93; }
			.main-nav #navigation-1-5 .mega-link:hover { border-color: #cbf77d; color: #cbf77d; }



	/* 	nav support buttons */

	#navigation-1-11,
	#navigation-1-10 {
		margin: auto .5rem;
	}
	#navigation-1-11 > a,
	#navigation-1-10 > a {
		padding: .5rem 1rem;
		border-top: 0;
		border-radius: .2em;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 900;
		white-space: nowrap;
		color: #fff;
		text-align: center;
	}
	#navigation-1-11 > a { background-color: #dca100; }
	#navigation-1-10 > a { background-color: #009cdc; }

	#navigation-1-11.has-sub:hover > a,
	#navigation-1-10.has-sub:hover > a {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.in-area .main-nav #navigation-1-11 > a,
	.in-area .main-nav #navigation-1-10 > a { background-color: #fff; }

	.main-nav #navigation-1-3:hover ~ #navigation-1-11 > a,
	.main-nav #navigation-1-3:hover ~ #navigation-1-10 > a,
	.main-nav #navigation-1-4:hover ~ #navigation-1-11 > a,
	.main-nav #navigation-1-4:hover ~ #navigation-1-10 > a,
	.main-nav #navigation-1-5:hover ~ #navigation-1-11 > a,
	.main-nav #navigation-1-5:hover ~ #navigation-1-10 > a { background-color: #fff; }

	.in-area-zoo .main-nav #navigation-1 #navigation-1-11 > a,
	.in-area-zoo .main-nav #navigation-1 #navigation-1-10 > a,
	             .main-nav #navigation-1-3:hover ~ #navigation-1-11 > a,
	             .main-nav #navigation-1-3:hover ~ #navigation-1-10 > a,
	.in-area     .main-nav #navigation-1-3:hover ~ #navigation-1-11 > a,
	.in-area     .main-nav #navigation-1-3:hover ~ #navigation-1-10 > a { color: #0063af; }

	.in-area-park .main-nav #navigation-1 #navigation-1-11 > a,
	.in-area-park .main-nav #navigation-1 #navigation-1-10 > a,
	              .main-nav #navigation-1-4:hover ~ #navigation-1-11 > a,
	              .main-nav #navigation-1-4:hover ~ #navigation-1-10 > a,
	.in-area      .main-nav #navigation-1-4:hover ~ #navigation-1-11 > a,
	.in-area      .main-nav #navigation-1-4:hover ~ #navigation-1-10 > a { color: #77a02e; }

	.in-area-leaf .main-nav #navigation-1 #navigation-1-11 > a,
	.in-area-leaf .main-nav #navigation-1 #navigation-1-10 > a,
	              .main-nav #navigation-1-5:hover ~ #navigation-1-11 > a,
	              .main-nav #navigation-1-5:hover ~ #navigation-1-10 > a,
	.in-area      .main-nav #navigation-1-5:hover ~ #navigation-1-11 > a,
	.in-area      .main-nav #navigation-1-5:hover ~ #navigation-1-10 > a { color: #407928; }


	.in-area .main-nav #navigation-1 #navigation-1-11:hover > a { color: #fff; background-color: #dca100; }
	.in-area .main-nav #navigation-1 #navigation-1-10:hover > a { color: #fff; background-color: #009cdc; }


	.main-nav #navigation-1-11 .sub-list,
	.main-nav #navigation-1-10 .sub-list {  }
	.main-nav #navigation-1-11 .sub-list { background-color: #dca100; color: #fff; }
	.main-nav #navigation-1-10 .sub-list { background-color: #009cdc; color: #fff; }

	.main-nav #navigation-1-11 .nav-2 li[data-nav-status="active"] > a,
	.main-nav #navigation-1-10 .nav-2 li[data-nav-status="active"] > a {
		color: unset;
		border: 1px solid rgba(255,255,255,.7);
	}

	.main-nav #navigation-1-11 .sub-list li:hover > a { background-color: #fff; color: #dca100; }
	.main-nav #navigation-1-10 .sub-list li:hover > a { background-color: #fff; color: #009cdc; }

	.main-nav #navigation-1-11 .nav-2,
	.main-nav #navigation-1-10 .nav-2 {
		padding: 1rem .5rem;
	}



	/* ! Footer navigation */
	.footer-nav .nav-list {

	}
	.footer-nav .nav-link {
		padding: .25em .5em;
	}
	.footer-nav .nav-link:hover {
		text-decoration: underline; /* tmp */
	}

	/* Level 1 (horizontal) */
	.footer-nav .nav-1 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.footer-nav .nav-1 > li {

	}
	.footer-nav .nav-1 > li > a {
		font-weight: bold;
	}
	.footer-nav .nav-1 > li.type-node > a {
		display: none; /* hide grouping nodes */
	}

	#navigation-2-100 > a,
	#navigation-2-101 > a,
	#navigation-2-102 > a {
		text-transform: uppercase;
		font-weight: 900;
		font-size: 111%;
	}
	#navigation-2-100 > a { color: #0063af; }
	#navigation-2-101 > a { color: #77a02e; }
	#navigation-2-102 > a { color: #407928; }

	/* 	Support and Memberships */
	#navigation-2-116,
	#navigation-2-115 {
		margin: .5rem auto;
	}
	#navigation-2-116 > a,
	#navigation-2-115 > a {
		padding: .5rem 1rem;
		border-top: 0;
		border-radius: .2em;
		text-transform: uppercase;
		text-decoration: none;
		text-align: center;
		font-size: 20px;
		font-size: 14px;
		font-weight: 900;
		white-space: nowrap;
		color: #fff;
	}
	#navigation-2-116:hover > a,
	#navigation-2-115:hover > a {
		background-color: #64bbbd;
	}
	#navigation-2-116 > a { background-color: #dca100; }
	#navigation-2-115 > a { background-color: #009cdc; }



	/* BooZoo template - header color overwrites  */
	.t-boozoo .main-nav .nav-1 > li > a,
	.t-boozoo .main-nav #navigation-1-3 > a,
	.t-boozoo .main-nav #navigation-1-4 > a,
	.t-boozoo .main-nav #navigation-1-5 > a { color: #fff; }

	.t-boozoo .main-nav .nav-1 > li:hover > a,
	.t-boozoo .main-nav .nav-1 > li[data-nav-status="has-active"] > a,
	.t-boozoo .main-nav .nav-1 > li[data-nav-status="active"] > a { border-color: inherit; }

	.main-nav #navigation-1-241 > .nav-3 { display: none; }


} /* ! end of responsive */


	/* ! Content Nav */
	.content-nav {
		background-color: #0063af;
		margin-bottom: 2rem;
	}
		.content-nav .nav-list {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;

			max-width: 1480px;
			margin: auto;
		}
		.content-nav .nav-item {
			color: #fff;
			flex-grow: 1;
		}
		.content-nav .nav-link {
			display: block;
			color: inherit;
			text-align: center;
			font-weight: bolder;
			letter-spacing: .03em;
		}
		.content-nav .nav-item:hover > .nav-link,
		.content-nav .nav-item[data-nav-status="active"] > .nav-link {
			background-color: rgba(0,0,0,.2);
		}

		/* ZooLights (Festival) specific */
		.zoolights-nav {
			background-color: #e2188e;
		}

		/* Boo at the Zoo specific */
		.boozoo-nav {
			background-color: #69214a;
		}