@import url("../Agile-Web24/styles.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
:root {
--epg-backcolor: white;
--epg-textcolor: black;
--epg-color1: #FFFFFF;
--epg-color1text: black;
--epg-color2: black;
--epg-color2text: white;
--epg-color3: white;
--epg-color3text: black;
}

.agl-intro .agl-navigation-main > li:hover > a, .agl-navigation-cart:hover, .agl-navigation-user:hover, .agl-navigation-search:hover, .EpgHeaderLogo:hover { 
	animation-name: unset; 
}
.agl-mtype-traditional #nav {
	font-family: "Urbanist";
	font-weight: 400;
	text-transform: capitalize;
}
.agl-mtype-traditional #nav li a:hover {
	text-decoration: underline;
}
.agl-navigation > ul > li > a {
	font-weight: 400;
}
.agl-list .ViewBox button {
	display: none;
}
.epgColor2Back { background-color: black; }
.NewCustomersBlock a, .NewCustomersBlock a:link, .NewCustomersBlock a:visited, .AssignCustomer a, .AssignCustomer a:link, .AssignCustomer a:visited { background-color: white; }
.NewCustomersBlock a:hover, .AssignCustomer a:hover { background-color: lightgrey; }

body { font-family: "Urbanist", serif; font-weight: 400; font-size: 14px; line-height: 1.86; }
.agl-intro, .agl-footer {}
.agl-intro {
	box-shadow: none;
}
#secondaryMenu { 
	height: 50px; 
	border-top: 1px solid black; 
	justify-items: anchor-center; 
	border-bottom: 1px solid black;
}
#lowerMenu { 
	display: flex; 
	list-style-type: none; 
	gap: 20px; 
}
.lowerMI a { 
	display: block; 
	padding: 10px; 
	text-decoration: none; 
	color: black; 
	font-size: 18px; 
	font-weight: 600; 
	font-family: Urbanist; 
}
.lowerMI ul { 
	display: none; 
}
.lowerMI:hover { 
	text-decoration: underline !important; 
}
.lowerMI:hover > ul { 
	display: flex; 
	flex-direction: column; 
	background-color: white; 
	color: black; 
	position: absolute; 
	padding: 0 10px 10px 10px;
	font-family: "Urbanist";
	font-size: 16px;
	font-weight: 600;
 	max-width: 290px;
}
li.lowerMI ul li {
	padding-bottom: 5px;
	cursor: pointer;
	line-height: 1.2;
}
li.lowerMI ul li:first-of-type {
	padding-top: 14px;
}
li.lowerMI ul li:hover {
	text-decoration: underline !important;
}
.agl-container { 
	padding-top: 125px; 
}
.agl-container:has(.agl-basketclock > div) {
	padding-top: 165px;
}
.agl-basketclock {
	top: 125px;
}
.agl-footer {
	background-color: transparent;
	background-image: url(https://tickets.nassaumuseum.org/websales/includes/Nassau2025_5614/Images/updateFooterImage.svg);
	background-position: 50% 35%;
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 250px;
}
#footerTop {
	display: flex;
	text-align: left;
	
}
.footerFourth {
	width: 25%;
}
.footerFourth h2 {
	font-size: 1.25em;
}
.footerFourth h3 {
	font-size: 1.15em;
}
.footerFourth > div:not(.noUnder > div) {
	border-bottom: 1px solid #c4c4c4;
}
.footerFourth > div {
	margin: 10px;
	padding: 5px 0;
}
#hours {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #c4c4c4;
}
#contactDetails i {
	padding-right: 10px;
}
#socialCont {
	display: flex;
	flex-direction: row;
}
.socialIcons {
	width: 33px;
	height: 33px;
	background-color: black;
	border-radius: 66%;
	margin: 0 10px 10px 10px;
	padding: 2px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.socialIcons i {
	color: white !important;
}
.footerFourth div:hover { 
	text-decoration: underline !important; 
}
.footerFourth div:has(span):hover, .footerFourth div:has(h3):hover, .footerFourth div:has(h2):hover, .footerFourth div:has(div > i):hover {
	text-decoration: none !important;
}


@media (max-width: 1330px) {
	.lowerMI a { 
		font-size: 1.1em; 
	}
	#lowerMenu { 
		gap: 15px; 
	}
}
@media (max-width: 1160px) {
	.agl-navigation > ul > li > a {
		padding: 0px 5px; 
	}
}
@media (max-width: 1145px) {
	.lowerMI a {	
		font-size: 1em; 
	}
}
@media (max-width: 1105px) {
	.agl-navigation > ul > li > a {
		font-size: 12px; 
	}

}
@media (max-width: 1075px) {
	.lowerMI a {
		padding: 10px 4px;
		font-size: .9em;
	}
}
@media (max-width: 1005px) {
	.EpgHeaderImg {
		max-width: 70%;
		margin: auto;
		height: 100%;
	}
}
@media (max-width: 935px) {
	.EpgHeaderImg {
		float: left;
	}
	.agl-navigation > ul > li > a {
		max-width: 97px;
		width: 100%;
		line-height: 1.5;
		justify-items: center;
		align-items: center;
		text-align: center;
	} 
}
@media (max-width: 894px) {
	#lowerMenu { 
		gap: 8px; 
	}
	.lowerMI a { 
		font-size: .8em; 
		padding: 10px 3px; 
	}
	
}

@media (max-width: 768px) {
	.agl-navigation > ul > li > a { 
		padding: 0 10px;
		max-width: revert;
		width: revert;
		line-height: 43px;
		justify-items: revert;
		align-items: revert;
		text-align: right;
		font-size: 100%;
	}
	.EpgHeaderImg {
		float: unset;
		margin-top: 4px;
		max-width: unset;
		height: unset;
	}
	.agl-info .agl-container, .agl-info .agl-container:has(.agl-basketclock > div), .agl-container:has(.agl-navigation-mobile) { 
		padding-top: 43px !important; 
	}
	.agl-container, .agl-container:has(.agl-basketclock > div) { 
		padding-top: 75px; 
	}
	.agl-basketclock {
		top: 44px;
	}
	#secondaryMenu {
		display: none;
	}
	#footerTop {
		flex-wrap: wrap;
	}
	.footerFourth {
		width: 50%;
	}

}