
/*NAV SECTION*/
.arrow {
	display: none;
	position: absolute;
	right: 17px;
	color: #97d700;
	font-size: 15px;
	line-height: 28px;
	cursor: pointer;
	padding: 0 15px;
}
li.item.has-dropdown > .arrow {
	display: inline-block;
}
li.item.has-dropdown > .arrow::before {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
li.item.has-dropdown.active > .arrow::before {
	content: "\f078";
}
nav ul.nav-indy-style > li.item {
	font: 700 24px/1 'AvantGardeGothicITC W05 Bold', sans-serif;
	color: #fff;
	text-transform: uppercase;
}
nav ul.nav-footer-style > li.item {
	color: #fff;
}
nav ul.nav-primary-style > li.item {
	font: 300 25px/1 'AvantGardeGothicITC W01 Book', sans-serif;
	color: #fff;
}

nav.mobile ul.nav-primary-style >li.item.has-dropdown.active > .arrow,
nav.mobile ul.nav-primary-style > li.item.active > a {
	margin-bottom: 20px;
}
nav.mobile ul.nav-primary-style > li.item.active {
	background-color: #284e77;
	padding-bottom: 0px;
}
nav ul.dropdown,
nav ul.dd {
	display: none;
	margin: 0px -15px;
	background-color: #e0e8ef;
	padding: 23px 15px;
	width: 398px;
}
nav ul.dd {
	background-color: #326295;
}
nav ul.dropdown ul.dd li.item {
	color: #fff;
}
nav ul.dropdown ul.dd ul.dd li.item {
	text-transform: none;
	font-weight: 400;
	color: #9cbfe4;
	text-align: left;
}
nav ul.dropdown ul.dd ul.dd li.item > a {
	margin: 0px 15px 30px 40px;
}
nav ul.dropdown ul.dd ul.dd li.item:last-of-type > a {
	margin-bottom: 0px;
}
nav li.item.active > ul.dropdown,
nav li.item.active > ul.dd {
	display: block;
}
nav ul.dropdown li.item {
	font: 700 24px/1 'AvantGardeGothicITC W05 Bold', sans-serif;
	color: #326295;
	text-transform: uppercase;
	margin-bottom: 15px;
}
nav ul.dropdown li.item:last-of-type {
	margin-bottom: 0px;
}
nav ul.dropdown li.item.has-dropdown > .arrow {
	right: 5px;
	top: 0px;
}
nav ul.dropdown li.item > .arrow::before {
	content: "\f067";
}
nav ul.dropdown li.item.active > .arrow::before {
	content: "\f068";
}
nav.mobile li.item > a {
	margin-right: 55px;
}
nav ul.dropdown li.item.active > a {
	margin-bottom: 20px;
}





/* MOBILE */
.mobile-menu {
	order: 1;
}
.mobile-menu > * {
	display: none;
}
.mobile-menu.active > * {
	display: block;
}
.mobile-menu button.search-control span {
	display: none;
}
.mobile-menu button.search-control {
	display: inline-block;
	font-size: 25px;
	margin: 0px;
	height: 53px;
	padding: 0px 10px;
}
.mobile-menu .mobile-menu-control {
	display: inline-block;
	font-size: 25px;
	margin: 0px 15px 0px 0px;
	height: 53px;
	padding: 0px 15px;
}
.mobile-menu button.search-control.active,
.mobile-menu.active .mobile-menu-control {
	background-color: rgba(0,0,0,0.2);
}
.mobile-menu nav.mobile {
	position: absolute;
	top: 100%;
	right: 0px;
	min-width: 320px;
	background-color: #326295;
	text-align: right;
	padding: 0px 0px 60px;
	overflow: hidden;
}
.mobile-menu nav.mobile::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 15px;
	background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0));
	z-index: 1;
}
nav.mobile ul.nav-primary-style > li.item {
	padding: 13px 0px;
	font: 300 22px/1 'AvantGardeGothicITC W01 Book', sans-serif;
}
nav.mobile ul.dropdown ul.dd ul.dd li.item {
	text-align: right;
	margin-right: 70px;
}

nav.mobile ul {
	margin: 30px 0 40px 0;
}
nav.mobile ul.nav-indy-style > li.item {
	margin-bottom: 15px;
	font: 700 22px/1 'AvantGardeGothicITC W01 Book', sans-serif;
}
nav.mobile .nav-footer-style a {
	margin-top: 5px;
	margin-bottom: 5px;
}



/* DESKTOP */
@media screen and (min-width: 64.063em) {
	.mobile-menu,
	.mobile-menu .mobile-menu-control {
		display: none;
	}
	nav.primary ul.nav-primary-style > li.item,
	nav.indy ul.nav-indy-style > li.item {
		display: inline-block;
		margin-right: 10px;
	}
	.microsites nav.primary ul.nav-primary-style > li.item {
		margin-right: 17px;
	}
	nav.indy ul.nav-indy-style > li.item {
		font-size: 18px;
	}
	nav.primary ul.nav-primary-style > li.item:last-of-type,
	nav.indy ul.nav-indy-style > li.item:last-of-type {
		margin-right: 0px;
	}
	nav.primary ul.nav-primary-style,
	nav.indy ul.nav-indy-style {
		display: flex;
		justify-content: space-between;
	}
	.microsites nav.primary ul.nav-primary-style {
		justify-content: flex-start;
	}
	nav.indy ul.nav-indy-style {
		display: flex;
		justify-content: space-between;
	}
	nav.primary ul.nav-primary-style > li.item > .arrow,
	nav.indy ul.nav-indy-style > li.item > .arrow {
		display: none;
	}
	nav ul.dropdown {
		display: none;
		position: absolute;
		top: calc(100% + 48px);
		left: 50%;
		background-color: rgba(255,255,255,0.85);
		z-index: 4;
		padding: 36px 0px;
		padding-bottom: 54px;
/* 		max-height: 400px;
		overflow-y: scroll; */
	}
	nav ul.nav-primary-style > li.item:nth-child(n + 4) ul.dropdown {
		left: auto;
		right: 50%;
	}

	nav ul.nav-primary-style > li.item:nth-child(n + 4) ul.dropdown::before {
		left: auto;
		right: 0px;
		border-bottom: 28px solid rgba(255,255,255,0.85);
		border-right: none;
		border-left: 32px solid transparent;
	}
	nav ul.dropdown::before {
		content: "";
		position: absolute;
		left: 0px;
		bottom: 100%;
		width: 0;
		height: 0;
		border-bottom: 28px solid rgba(255,255,255,0.85);
		border-right: 32px solid transparent;
	}
	nav.indy ul.dropdown::before {
		left: auto;
		right: 0px;
		border-bottom: 28px solid rgba(255,255,255,0.85);
		border-right:none;
		border-left: 32px solid transparent;
	}
	nav ul.nav-indy-style ul.dropdown {
		left: auto;
		right: 50%;
	}
	nav li.item:hover > ul.dropdown {
		display: block;
	}
	nav ul.dropdown li.item {
		font-size: 28px;
		color: #326295;
		/* position: static; */
		padding: 16px 35px;
		text-align: left;
		margin-bottom: 0;
	}
	nav ul.dropdown li.item.has-dropdown > .arrow {
		display: inline;
		right: 16px;
		top: 15px;
		color: #95c94f;
		z-index: 3;
	}
	nav ul.dropdown .dropdown-items > li.item.has-dropdown > .arrow {
		color: #326295;
		top: 0;
		bottom: 0;
		height: 27px;
		margin: auto 0;
		vertical-align: middle;
	}
	nav ul.dropdown li.item:hover {
		color: #fff;
	}
	nav ul.dropdown li.item:hover::before {
		content: '';
		position: absolute;
		top: 0px;
		bottom: -4.5px;
		left: 0px;
		right: 0px;
		background-color: #326295;
	}
	nav ul.dropdown li.item.has-dropdown.active > .arrow::before {
		font-size: 22px;
	}
	nav ul.dropdown li.item.has-dropdown.active > .arrow,
	nav ul.dropdown li.item.has-dropdown:hover > .arrow {
		color: #95c94f;
	}
	nav ul.dropdown li.item:hover > .dd {
		display: block;
	}
	nav ul.dropdown .dd li.item:hover > .dd {
		display: none;
	}
	nav ul.dropdown .dd li.item.active > .dd {
		position: relative;
		display: block;
		left: -50px;
		top: 0px;
	}
	nav ul.dropdown .dd {
		display: none;
		position: absolute;
		left: 100%;
		top: -36px;
		margin: 0px;
		padding-top: 36px;
		padding-bottom: 54px;
	}
	nav.indy ul.dropdown .dd {
		left: auto;
		right: 100%;
	}
	nav ul.dropdown .dd .dd {
		padding-top: 0px;
	}
	nav ul.dropdown .dd .dd::before {
		display: none;
	}
	nav ul.dropdown .dropdown-items > li.item > .arrow::before {
		content: "\f105";
		font-size: 28px;
	}
	nav ul.dropdown ul.dd ul.dd li.item > a {
		margin: 0px;
	}

	header nav.primary ul.nav-primary-style > li.item > a,
	header nav.indy ul.nav-indy-style > li.item > a {
		font-size: .9em;
	}
	/* STICKY NAV */
	header.sticky nav.primary ul.nav-primary-style > li.item > a,
	header.sticky nav.indy ul.nav-indy-style > li.item > a {
		font-size: .85em;
	}
	
}

@media screen and (max-width: 120em) and (min-width: 64.063em) {
	nav ul.dropdown li.item {
		font-size: calc(24px + (28 - 24) * ((100vw - 1024px) / (1920 - 1024)));
	}
	nav li.item[data-menuid="5d1288d690ce3e2160e51f06"] ul.dropdown li.item {
		font-size: calc(22px + (24 - 22) * ((100vw - 1024px) / (1920 - 1024)));
		padding-top: calc(10px + (12 - 10) * ((100vw - 1024px) / (1920 - 1024)));
		padding-bottom: calc(10px + (12 - 10) * ((100vw - 1024px) / (1920 - 1024)));
	}
	nav li.item[data-menuid="5d1288d890ce3e2160e51fb2"] ul.dropdown li.item {
		font-size: calc(18px + (22 - 18) * ((100vw - 1024px) / (1920 - 1024)));
		padding-top: calc(5px + (10 - 5) * ((100vw - 1024px) / (1920 - 1024)));
		padding-bottom: calc(5px + (10 - 5) * ((100vw - 1024px) / (1920 - 1024)));
	}
	header nav.primary ul.nav-primary-style > li.item {
		font-size: calc(12px + (25 - 12) * ((100vw - 1024px) / (1920 - 1024)));
	}
	header nav.indy ul.nav-indy-style > li.item {
		font-size: calc(12px + (18 - 12) * ((100vw - 1024px) / (1920 - 1024)));
	}
}


/* FOOTER */
nav.footer ul.nav-footer-style > li.item {
	position: relative;
	display: block;
	font: 700 20px/1 'AvantGardeGothicITC W05 Bold', sans-serif;
	text-transform: uppercase;
	margin: 37px 0px;
}
nav.footer ul.nav-footer-style > li.item:last-of-type {
}
nav.footer ul.nav-footer-style li.item.has-dropdown > .arrow {
	display: none !important;
	position: relative;
	top: 0;
	right: 0;
	height: 16px;
	display: inline-block;
}
@media screen and (min-width: 40.063em) {
	nav.footer ul.nav-footer-style > li.item:first-child {
		margin-top: 0px;
	}
}
@media screen and (min-width: 64.063em) {
	nav.footer ul.dropdown::before {
		left: auto;
		right: 0px;
		top: 100%;
		bottom: auto;
		border-bottom: 28px solid rgba(255,255,255,0.85);
		border-right:none;
		border-left: 32px solid transparent;
		transform: scaleY(-1);
	}
	 nav.footer ul > li.item ul.dropdown {
		left: auto;
		right: 50%;
		top: auto;
		bottom: calc(100% + 48px);
	}
	nav.footer ul.nav-footer-style > li.item {
		font-size: 25px;
		margin: 30px 0px;
	}
	nav.footer ul.dropdown li.item.has-dropdown > .arrow {
		position: absolute;
		top: auto;
		right: 0;
		height: 16px;
		display: inline-block;
		width: 15px;
	}
	nav.footer ul.dropdown li.item.has-dropdown > .arrow::before {
		font-size: 15px;
	}
	nav.footer ul.dropdown .dd::before {
		content: "";
		display: block;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
	}
}
