/* Accessibility Menu */

.access-menu {
	position: relative;
	top: 0;
	left: 0;
	z-index: 65;
	color: rgb(var(--white));
	line-height: 1.333;
	align-content: flex-start;
	background-color: rgb(var(--primary));
	margin-top_: -3.3rem;
}

.access-open.access-menu {
	position: fixed;
	height: 100%;
	max-width: 20em;
}

/* Accessibility Menu */

/* Accessibility Menu [Open Button] */

.access-menu .open-btn {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-100%);
	width: 100%;
	transition: 0.4s ease, transform 0s;
	color: rgb(var(--white));
	border-radius: 0;
}

.access-menu .open-btn svg {
	margin-right: .5em;
	display: inline-block;
}

.access-menu .open-btn:focus {
	position: relative;
	transform: none;
}

.access-open.access-menu .open-btn {
	display: none;
}

/* Accessibility Menu [Open Button] */

/* Accessibility Menu [Close Button] */

.access-menu .close-btn {
	display: none;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 2em;
	cursor: pointer; 
}

.access-open.access-menu .close-btn {
	display: flex;
}

.access-menu .close-btn svg {
	display: block;
	font-size: 3em;
}

/* Accessibility Menu [Close Button] */

/* Accessibility Menu [Option Buttons] */

.access-menu ul {
	display: none;
	width: 100%;
	order: 1;
}

.access-open.access-menu ul {
	display: block;
}

.access-menu li {}

.access-menu li button {
	flex-wrap: nowrap;
	justify-content: flex-start;
	width: 100%;
	font-size: 1em;
	padding: 1.222em 2em;
	background-color: rgba(var(--white),0);
	color: rgb(var(--white));
	transition: color 0.4s ease, background-color 0.4s ease;
	border-top: solid 1px rgba(var(--white),0.15);
	cursor: pointer;
}

.access-menu li .clear-btn {
	justify-content: center;
}

.access-menu li button:hover, 
.access-menu li button:focus {
	background-color: rgb(var(--white));
	color: rgb(var(--dark));
}

.access-menu li svg {
	flex: 0 0 auto;
	margin-right: 1rem;
	font-size: 1.5em;
}

.access-menu .clear-btn svg {
	margin-right: 0;
	margin-left: 1rem;
}

/* Accessibility Menu [Option Buttons] */

/* Text Size Styles */

html.large-text {
	font-size: 1.1vw;
}

html.larger-text {
	font-size: 1.3vw;
}

/* Text Size Styles */

/* Responsive [1440px] */

@media screen and (max-width: 1440px) {
}

/* End Responsive [1440px] */

/* Responsive [1200px] */

@media screen and (max-width: 1200px) {
}

/* End Responsive [1200px] */

/* Responsive [1000px] */

@media screen and (max-width: 1000px) {
	.access-menu {
		display: none;
	}
}

/* End Responsive [1000px] */

/* Responsive [800px] */

@media screen and (max-width: 800px) {
}

/* End Responsive [800px] */

/* Responsive [650px] */

@media screen and (max-width: 650px) {
}

/* End Responsive [650px] */

/* Responsive [550px] */

@media screen and (max-width: 550px) {
}

/* End Responsive [550px] */