/* Vanessa's Accessibiity Menu CSS start */
.AccessibilityMenuCSS {
	max-height: 65vh;
	width: auto;
	overflow-y: auto;
	backdrop-filter: blur(10px);
}

.accMenuItems {
/* IF spine */ 
/*	margin-left: 60px; */
/* IF toolbar */
	box-shadow: 0px 1px 8px 0px black;
    margin-left: 0px; 
	margin-left: -500px !important;
	transition: margin-left 0.5s ease-in-out;
/*	opacity: 0; */
	visibility: hidden;
	font-size: clamp(1rem, 2vw, 1.3rem);
	max-height: 90vh;
	min-width: 350px;
	max-width: 100vw;
	text-align: center;
	position: relative;
	overflow-y: auto;
	
}

.accMenuItems.active {
	margin-left: 0 !important;
	opacity: 1;
	visibility: visible;
}

/* IF Spine, mobile
@media (max-width: 768px) {
	.accMenuItems {
		margin-left: 0px;
	}
}
*/

@media (max-width: 600px) {
	.accMenuItems {
		max-width: 50vw;
	}
}

@media (max-width: 480px) {
	.accMenuItems {
		font-size: 14px;
		max-height: 85vh;
		max-width: 50vw;
	}
	.AccessibilityMenuCSS {
		font-size: 14px;
		max-height: 85vh;
	}
}

/**Accessibility Tools Chips Override **/
.accMenuItems ul {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.accMenuItemsTop {
	display: inline-block; 
	max-height: 90vh;
	width: auto;
	overflow-x: none;
}

.accMenuItemsTop li {
	font-size: 16px !important;
	text-align: center;
	border-radius: 50px;
	border: 2px solid white;
	min-width: 20%;
	height: 100%; 
}

.accMenuItemsTop li:hover {
	background-color: #3c3c3c;
}