
/********** MAIN NAV FORCED MOBILE VIEW **********/


header.mobile {
	/*position: relative;*/
	/*position: fixed;*/
	position: absolute;
	width: 100%;
	top: 0px;
	z-index: 9900;
}

nav#navigation_menus.mobile {
	height: 1em;

	--mobile-menu-width: 400px;
}

/*nav#navigation_menus:hover,
nav#navigation_menus:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}*/

/*.menu_container:hover,
.menu_container:focus {
	height: auto !important;
}*/


nav#navigation_menus.mobile ul {
	font-size: 0;
}

nav#navigation_menus.mobile .menu_container {
	justify-content: flex-end;
}

nav#navigation_menus.mobile .menu_container.right {
	justify-content: flex-end;
}

nav#navigation_menus.mobile .menu_container.left {
	justify-content: flex-start;
}

nav#navigation_menus.mobile .menu_container.center,
nav#navigation_menus.mobile .menu_container.center-offset-left,
nav#navigation_menus.mobile .menu_container.center-offset-right {
	justify-content: center;
}

#navigation_menu.mobile .nav_menu_toggle {
	display: block;
	position: relative;
	/*margin: 0 auto;*/
	margin: 0;
	top: 15px;
	/*right: unset;*/
	right: calc((100% - 1000px)/2);
	z-index: 3;
}

#navigation_menu.mobile.right .nav_menu_toggle {
	right: calc((100% - 1000px)/2);
}

#navigation_menu.mobile.left .nav_menu_toggle {
	left: calc((100% - 1000px)/2);
}

#navigation_menu.mobile.center .nav_menu_toggle,
#navigation_menu.mobile.center-offset-left .nav_menu_toggle,
#navigation_menu.mobile.center-offset-right .nav_menu_toggle {
	left: unset;
	right: unset;
}

#navigation_menu.mobile .nav_menu_toggle ~ .menu_nav_container .menu_nav > .nav_menu_item {
	/*height: 0;*/
	overflow: hidden;
	visibility: collapse;
	/*visibility: visible;
	transition: 0.5s ease;*/
}

#navigation_menu.mobile .nav_menu_toggle[aria-expanded="false"] ~ .menu_nav_container .menu_nav > .nav_menu_item {
	/*height: auto;*/
	overflow: visible;
	visibility: collapse;
	transition: 0.5s ease;
}

#navigation_menu.mobile .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container .menu_nav > .nav_menu_item {
	/*height: auto;*/
	overflow: visible;
	visibility: visible;
}

/*#navigation_menu.mobile .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container .menu_nav > .nav_menu_item.first {
	border-top-width: 0px;
}*/

#navigation_menu.mobile {
	width: 100%;
	max-width: none;
	min-height: 60px;
	margin: 0;
	padding: 10px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color: #222;
	background-color: #FFF;
}

#navigation_menu.mobile .menu_nav_container {
	/*display: block;*/
	/*position: relative;*/
	position: absolute;
	/*min-width: 500px
	max-width: 52%;;*/
	width: var(--mobile-menu-width);
	min-width: unset;
	/*max-width: 500px;*/
	/*max-width: 100%;*/
	/*right: -53%;*/
	/*max-height: 0px;*/
	/*height: 100vh;*/
	/*height: calc(100vh - 10em);*/
	max-height: calc(100vh - 10em);
	/*max-height: 100vh;*/
	/*max-height: none;*/
	margin-top: 5em;
	padding: 0;
	box-sizing: border-box;
	/*top: 10px;*/
	top: 0px;
	/*overflow: hidden;*/
	overflow-y: auto;
	overflow-x: hidden;
	/*visibility: collapse;*/
	visibility: visible;
	/*visibility: hidden;*/
	opacity: 0;
	/*background-color: #FFF;*/
	background-color: transparent;
	/*border-width: 0px 1px 1px 1px;*/
	border-width: 1px 0px 1px 0px;
	border-color: #444444;
	border-style: solid;
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	/*transition: max-height 500ms ease, right 200ms ease, opacity 300ms ease, visibility 300ms linear 0s;*/
	z-index: -1;
}

#navigation_menu.mobile .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	/*max-height: 2000px;*/
	/*max-height: calc(100vh - 10em);*/
	right: 1px;
	opacity: 1;
	visibility: visible;
	overflow-y: scroll;
	/*background-color: #FFF;*/
	background-color: transparent;
	/*transition: max-height 0ms ease, right 400ms ease, opacity 200ms ease, visibility 0ms linear 0s;*/
}

#-----DISABLED-----navigation_menu.mobile.left .menu_nav_container {
	/*width: 470px;
	left: -480px;*/
	left: calc(-10px - var(--mobile-menu-width));
	transition: max-height 500ms ease, left 200ms ease, opacity 300ms ease, visibility 300ms linear 0s;
}

#navigation_menu.mobile.left.slide .menu_nav_container {
	left: calc(-10px - var(--mobile-menu-width));
	transition: max-height 500ms ease, left 200ms ease, opacity 300ms ease, visibility 300ms linear 0s;
}

#-----DISABLED-----navigation_menu.mobile.right .menu_nav_container {
	/*width: 470px;
	right: -480px;*/
	right: calc(-10px - var(--mobile-menu-width));
	transition: max-height 500ms ease, right 200ms ease, opacity 300ms ease, visibility 300ms linear 0s;
}

#navigation_menu.mobile.right.slide .menu_nav_container {
	right: calc(-10px - var(--mobile-menu-width));
	transition: max-height 500ms ease, right 200ms ease, opacity 300ms ease, visibility 300ms linear 0s;
}

#-----DISABLED-----navigation_menu.mobile.center .menu_nav_container {
	/*width: 500px;
	max-width: 500px;
	right: -510px;*/
	transform: translate(0%, 0%);
	transition: max-height 500ms ease, right 400ms ease, opacity 400ms ease, visibility 400ms linear 0s, transform 500ms ease;
}

#navigation_menu.mobile.center.slide .menu_nav_container {
	right: calc(-10px - var(--mobile-menu-width));
	transform: translate(0%, 0%);
	transition: max-height 500ms ease, right 400ms ease, opacity 400ms ease, visibility 400ms linear 0s, transform 500ms ease;
}

#-----DISABLED-----navigation_menu.mobile.offset .menu_nav_container {
	max-width: 500px;
	/*left: -53%;*/
	left: -510px;
	transition: max-height 500ms ease, left 400ms ease, opacity 400ms ease, visibility 400ms linear 0s;
}

#navigation_menu.mobile.center-offset-left.slide .menu_nav_container {
	left: calc(-10px - var(--mobile-menu-width));
	transition: max-height 500ms ease, left 400ms ease, opacity 400ms ease, visibility 400ms linear 0s;
}

#-----DISABLED-----navigation_menu.mobile.offset-right .menu_nav_container {
	/*max-width: 52%;*/
	max-width: 500px;
	/*right: -53%;*/
	right: -510px;
	transition: max-height 500ms ease, right 400ms ease, opacity 400ms ease, visibility 400ms linear 0s;
}

#navigation_menu.mobile.center-offset-right.slide .menu_nav_container {
	right: calc(-10px - var(--mobile-menu-width));
	transition: max-height 500ms ease, right 400ms ease, opacity 400ms ease, visibility 400ms linear 0s;
}


#navigation_menu.mobile.left.scale .menu_nav_container {
	left: calc(-10px - var(--mobile-menu-width));
	transform: scale(.1);
	transition: max-height 350ms ease, left 250ms ease, opacity 250ms ease, visibility 250ms linear 0s, transform 600ms ease;
}

#navigation_menu.mobile.right.scale .menu_nav_container {
	right: calc(-10px - var(--mobile-menu-width));
	transform: scale(.1);
	transition: max-height 350ms ease, right 250ms ease, opacity 250ms ease, visibility 250ms linear 0s, transform 600ms ease;
}

#-----DISABLED-----navigation_menu.mobile.center.scale .menu_nav_container {
	max-width: 500px;
	left: unset;
	right: -510px;
	/*margin-left: auto;
	margin-right: auto;*/
	transform: scale(0);
	transition: max-height 500ms ease, right 300ms ease, opacity 400ms ease, visibility 400ms linear 0s, transform 300ms ease;
}

#navigation_menu.mobile.center.scale .menu_nav_container {
	left: unset;
	right: calc(-10px - var(--mobile-menu-width));
	transform: scale(0);
	transition: max-height 500ms ease, right 300ms ease, opacity 400ms ease, visibility 400ms linear 0s, transform 300ms ease;
}

#navigation_menu.mobile.center-offset-left.scale .menu_nav_container {
	left: calc(-10px - var(--mobile-menu-width));
	transform: scale(.1);
	transition: max-height 500ms ease, left 300ms ease, opacity 400ms ease, visibility 400ms linear 0s, transform 300ms ease;
}

#navigation_menu.mobile.center-offset-right.scale .menu_nav_container {
	right: calc(-10px - var(--mobile-menu-width));
	transform: scale(.1);
	transition: max-height 500ms ease, right 300ms ease, opacity 400ms ease, visibility 400ms linear 0s, transform 300ms ease;
}


#navigation_menu.mobile.left.scale.top .menu_nav_container {
	top: calc(100% - 100vh);
	left: calc(((100% - var(--navbar-width))/2) - 150px);
	right: unset;
	transform: scale(0);
	/* transform: translate(50%, 0%) scale(.1); */
	transition: max-height 200ms ease, top 300ms ease, bottom 400ms ease, left 200ms ease, opacity 400ms ease, visibility 400ms linear 0s, transform 150ms ease;
}

#-----DISABLED-----navigation_menu.mobile.right.scale.top .menu_nav_container {
	top: calc(100% - 200vh);
	left: unset;
	right: calc(((100% - 1000px)/2) - 600px);
	/*margin: 0 0 0 0;*/
	transform: scale(0);
	/*transform: translate(50%, 0%) scale(.1);*/
	transition: max-height 500ms ease, top 400ms ease, bottom 400ms ease, right 400ms ease, opacity 400ms ease, visibility 400ms linear 0s, transform 200ms ease;
}

#navigation_menu.mobile.right.scale.top .menu_nav_container {
	top: calc(100% - 100vh);
	left: unset;
	right: calc(((100% - var(--navbar-width))/2) - 250px);
	transform: scale(0);
	/* transform: translate(50%, 0%) scale(.1); */
	transition: max-height 200ms ease, top 300ms ease, bottom 400ms ease, right 200ms ease, opacity 400ms ease, visibility 400ms linear 0s, transform 150ms ease;
}

#-----DISABLED-----navigation_menu.mobile.center.scale.top .menu_nav_container {
	/*top: unset;
	bottom: 0px;*/
	top: calc(100% - 100vh);
	/*right: 50%;*/
	/**/left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	transform: scale(0);
	/*transform: translate(50%, 0%) scale(.1);*/
	transition: max-height 500ms ease, top 400ms ease, bottom 400ms ease, right 400ms ease, opacity 400ms ease, visibility 400ms linear 0s, transform 200ms ease;
}

#navigation_menu.mobile.center.scale.top .menu_nav_container {
	top: calc(100% - 100vh);
	/*left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;*/
	/*left: calc((50% - (var(--mobile-menu-width)/2)) + 100px);*/
	left: calc((50% - (var(--mobile-menu-width)/2)) + 120px);
	right: unset;
	transform: scale(0);
	/*transform: translate(50%, 0%) scale(.1);*/
	/*transition: max-height 500ms ease, top 400ms ease, bottom 400ms ease, left 400ms ease, opacity 400ms ease, visibility 400ms linear 0s, transform 200ms ease;*/
	transition: max-height 500ms ease, top 400ms ease, bottom 400ms ease, left 400ms ease, opacity 400ms ease, visibility 400ms linear 0s, transform 170ms ease;
}

#navigation_menu.mobile.center-offset-left.scale.top .menu_nav_container,
#navigation_menu.mobile.center-offset-right.scale.top .menu_nav_container {
	top: calc(100% - 100vh);
	left: calc((50% - (var(--mobile-menu-width)/2)) + 300px);
	right: unset;
	transform: scale(0);
	/*transform: translate(50%, 0%) scale(.1);*/
	transition: max-height 500ms ease, top 400ms ease, bottom 400ms ease, left 400ms ease, opacity 400ms ease, visibility 400ms linear 0s, transform 150ms ease;
}


#-----DISABLED-----navigation_menu.mobile.left .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	right: unset;
	left: 0px;
	transition: max-height 0ms ease, left 400ms ease, opacity 200ms ease, visibility 0ms linear 0s;
}

#navigation_menu.mobile.left.slide .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	right: unset;
	left: calc((100% - var(--navbar-width))/2);
	transform: translate(-4px, 0px);
	transition: max-height 0ms ease, left 400ms ease, opacity 200ms ease, visibility 0ms linear 0s, transform 100ms ease 400ms;
}

#-----DISABLED-----navigation_menu.mobile.right .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	right: 0px;
	transition: max-height 0ms ease, right 400ms ease, opacity 200ms ease, visibility 0ms linear 0s;
}

#navigation_menu.mobile.right.slide .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	right: calc((100% - var(--navbar-width))/2);
	transform: translate(4px, 0px);
	transition: max-height 0ms ease, right 400ms ease, opacity 200ms ease, visibility 0ms linear 0s, transform 100ms ease 400ms;
}

#-----DISABLED-----navigation_menu.mobile.center .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	right: 50%;
	transform: translate(50%, 0%);
	transition: max-height 0ms ease, right 400ms ease, opacity 200ms ease, visibility 0ms linear 0s, transform 500ms ease;
}

#navigation_menu.mobile.center.slide .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	right: 50%;
	transform: translate(50%, 0%);
	transition: max-height 0ms ease, right 400ms ease, opacity 200ms ease, visibility 0ms linear 0s, transform 500ms ease;
}

#-----DISABLED-----navigation_menu.mobile.offset .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	/*left: 0px;*/
	left: calc(51% - 500px);
	transition: max-height 0ms ease, left 400ms ease, opacity 200ms ease, visibility 0ms linear 0s;
}

#navigation_menu.mobile.center-offset-left.slide .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	left: calc((50% - var(--mobile-menu-width)) + 85px);
	transition: max-height 0ms ease, left 400ms ease, opacity 200ms ease, visibility 0ms linear 0s;
}

#-----DISABLED-----navigation_menu.mobile.offset-right .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	/*right: 1px;*/
	right: calc(52% - 500px);
	transition: max-height 0ms ease, right 400ms ease, opacity 200ms ease, visibility 0ms linear 0s;
}

#navigation_menu.mobile.center-offset-right.slide .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	right: calc(50% - 85px);
	transition: max-height 0ms ease, right 400ms ease, opacity 200ms ease, visibility 0ms linear 0s;
}


#navigation_menu.mobile.left.scale .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	left: calc((100% - var(--navbar-width))/2);
	transform: scale(1);
	transition: max-height 0ms ease, left 250ms ease, opacity 150ms ease, visibility 0ms linear 0s, transform 250ms ease;
}

#navigation_menu.mobile.right.scale .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	right: calc((100% - var(--navbar-width))/2);
	transform: scale(1);
	transition: max-height 0ms ease, right 250ms ease, opacity 150ms ease, visibility 0ms linear 0s, transform 250ms ease;
}

#-----DISABLED-----navigation_menu.mobile.center.scale .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	/*left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;*/
	right: calc(50% - 250px);
	transform: scale(1);
	transition: max-height 0ms ease, right 300ms ease, opacity 200ms ease, visibility 0ms linear 0s, transform 300ms ease;
}

#navigation_menu.mobile.center.scale .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	right: calc(50% - (var(--mobile-menu-width)/2));
	transform: scale(1);
	transition: max-height 0ms ease, right 300ms ease, opacity 200ms ease, visibility 0ms linear 0s, transform 300ms ease;
}

#navigation_menu.mobile.center-offset-left.scale .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	left: calc((50% - var(--mobile-menu-width)) + 85px);
	transform: scale(1);
	transition: max-height 0ms ease, left 400ms ease, opacity 200ms ease, visibility 0ms linear 0s, transform 400ms ease;
}

#-----DISABLED-----navigation_menu.mobile.offset-right.scale .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	transform: scale(1);
	transition: max-height 0ms ease, right 400ms ease, opacity 200ms ease, visibility 0ms linear 0s, transform 400ms ease;
}

#navigation_menu.mobile.center-offset-right.scale .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	right: calc(50% - 85px);
	transform: scale(1);
	transition: max-height 0ms ease, right 400ms ease, opacity 200ms ease, visibility 0ms linear 0s, transform 400ms ease;
}


#navigation_menu.mobile.left.scale.top .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	/*top: 10px;*/
	top: 0px;
	left: calc((100% - var(--navbar-width))/2);
	right: unset;
	transform: scale(1);
	/*transform: translate(0%, 0%) scale(1);*/
	transition: max-height 0ms ease, top 500ms ease, bottom 500ms ease, left 400ms ease, opacity 200ms ease, visibility 0ms linear 0s, /*transform 500ms ease,*/ transform 500ms ease-out;
}

#navigation_menu.mobile.right.scale.top .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	/*top: 10px;*/
	top: 0px;
	left: unset;
	right: calc((100% - var(--navbar-width))/2);
	transform: scale(1);
	/*transform: translate(0%, 0%) scale(1);*/
	transition: max-height 0ms ease, top 500ms ease, bottom 500ms ease, right 400ms ease, opacity 200ms ease, visibility 0ms linear 0s, /*transform 500ms ease,*/ transform 500ms ease-out;
}

#-----DISABLED-----navigation_menu.mobile.center.scale.top .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	/*bottom: calc(100% - 100vh);*/
	top: 0px;
	/*left: unset;*/
	/*left: calc(52% - 500px);
	right: calc(52% - 500px);*/
	left: 0;
	right: 0;
	transform: scale(1);
	/*transform: translate(0%, 0%) scale(1);*/
	transition: max-height 0ms ease, top 500ms ease, bottom 500ms ease, right 400ms ease, opacity 200ms ease, visibility 0ms linear 0s, /*transform 500ms ease,*/ transform 500ms ease-out;
}

#navigation_menu.mobile.center.scale.top .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	/*bottom: calc(100% - 100vh);*/
	/*top: 10px;*/
	top: 0px;
	/*left: 0;
	right: 0;*/
	left: calc(50% - (var(--mobile-menu-width)/2));
	transform: scale(1);
	/*transform: translate(0%, 0%) scale(1);*/
	transition: max-height 0ms ease, top 400ms ease, bottom 400ms ease, left 400ms ease, opacity 200ms ease, visibility 0ms linear 0s, /*transform 500ms ease,*/ transform 400ms ease-out;
}

#navigation_menu.mobile.center-offset-left.scale.top .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container,
#navigation_menu.mobile.center-offset-right.scale.top .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
	/*top: 10px;*/
	top: 0px;
	left: calc((50% - var(--mobile-menu-width)) + 85px);
	transform: scale(1);
	/*transform: translate(0%, 0%) scale(1);*/
	transition: max-height 0ms ease, top 400ms ease, bottom 400ms ease, left 250ms ease, opacity 200ms ease, visibility 0ms linear 0s, /*transform 500ms ease,*/ transform 400ms ease-out;
}


#navigation_menu.mobile .menu_nav_container:hover,
#navigation_menu.mobile .menu_nav_container:focus {
	width: calc(var(--mobile-menu-width) + 2px);
	margin-right: -2px;
	/*overflow-y: auto;*/
}
#navigation_menu.mobile.center:not(.scale) .menu_nav_container:hover,
#navigation_menu.mobile.center:not(.scale) .menu_nav_container:focus {
	margin-right: -1px;
}

#navigation_menu.mobile .menu_nav_container::-webkit-scrollbar {
	display: none;
	/*display: initial;*/
	width: 2px;
}

#navigation_menu.mobile .menu_nav_container:hover::-webkit-scrollbar {
	display: initial;
	/*width: 3px;*/
	/*margin-right: -3px;*/
}

#navigation_menu.mobile .menu_nav_container::-webkit-scrollbar-track {
	/*margin: -1px 0px -1px 0;
	background-color: #FFF;*/
	background-color: transparent;
}

#navigation_menu.mobile .menu_nav_container::-webkit-scrollbar-thumb {
	display: none;
	width: 2px;
	/*height: 4px;*/
	/*background-color: #CCC;*/
	/*background-color: #ad1a1f;*/
	background-color: #f70707;
}
#navigation_menu.mobile .menu_nav_container:hover::-webkit-scrollbar-thumb {
	display: initial;
}

#navigation_menu.mobile .menu_nav_container::-webkit-scrollbar-button {
	display: none;
	background-color: #CCC;
}

#navigation_menu.mobile .menu_nav_container::-webkit-scrollbar-corner {
	display: none;
	background-color: #CCC;
}

/*#navigation_menu.mobile .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container:hover {
	width: calc(500px + 3px);
	margin-right: -3px;
}*/



#navigation_menu.mobile .menu_nav {
	display: block;
	/*max-width: 52%;*/
	max-width: 100%;
	/*margin: 5em auto 0 auto;*/
	margin: 0em auto 0 auto;
	box-sizing: border-box;
	text-align: left;
	border-width: 0px 1px 0px 1px;
	border-color: #444444;
	border-style: solid;
	background-color: #FFF;
}

#navigation_menu.mobile.right .menu_nav {
	/*margin: 0em auto 0 auto;*/
}

#navigation_menu.mobile .menu_nav > .logo {
	display: none !important;
}

#navigation_menu.mobile .logo-head {
	display: block;
	/*position: absolute;
	top: 10px;
	left: 50px !important;*/
	/*left: calc(50% - 350px);
	margin: 0;
	width: 200px;*/
	position: relative;
	top: 0px;
	/*right: calc((100% - 1000px)/2);*/
	right: calc((100% - var(--navbar-width))/2);
	margin: 0 10px 0 0;
	width: 100px;
	z-index: 3;
}

#navigation_menu.mobile .logo-head a {
	position: relative;
	top: 0;
	display: block;
	font-size: 0px;
	/*width: 50%;*/
	width: 100%;
	/*height: 50px;*/
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	text-indent: -9999px;
	color: #222 !important;
	text-decoration: none;
	outline: none;
	z-index: inherit;
	background-image: url('https://www.bard.edu/images/logos/bard-red-300dpi.png');
	background-size: 100px auto;
	background-repeat: no-repeat;
	background-position: left top;
}

#navigation_menu.mobile.right .logo-head {
	right: calc((100% - var(--navbar-width))/2);
}

#navigation_menu.mobile.left .logo-head {
	left: calc((100% - var(--navbar-width))/2);
}

#navigation_menu.mobile.center .logo-head,
#navigation_menu.mobile.center-offset-left .logo-head,
#navigation_menu.mobile.center-offset-right .logo-head {
	left: unset;
	right: unset;
}

#navigation_menu.mobile .menu_nav > .nav_menu_item {
	position: relative;
	display: block;
	max-height: unset;
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0 20px 0 20px;
	float: none;
	color: #222 !important;
	border-width: 0 0 1px 0;
	border-color: #444444;
	border-style: solid;
}

#navigation_menu.mobile .menu_nav > .nav_menu_item.first {
	border-top-width: 0px;
}

#navigation_menu.mobile .menu_nav > .nav_search.nav_menu_item {
	/*text-transform: uppercase;*/
	float: none;
	border-bottom-width: 0px;
}

#navigation_menu.mobile .menu_nav > .nav_search a {
	width: auto;
	height: 2em;
	margin: 0 !important;
	padding: 0.5em 10px 0.5em 10px !important;
	line-height: 2em;
	text-indent: 0px;
	background-image: none !important;
}
#navigation_menu.mobile .menu_nav > .nav_search a:hover,
#navigation_menu.mobile .menu_nav > .nav_search a:focus {
	background-image: none !important;
}

#navigation_menu.mobile .menu_nav > .nav_giving.nav_menu_item {
	margin-left: 0;
}

#navigation_menu.mobile .menu_nav > .linkbox.nav_menu_item {
	/*background-color: #333333 !important;*/
	background-color: #ad1a1f !important;
}

#navigation_menu.mobile .menu_nav > .linkbox a {
	line-height: 2em !important;
	height: 2em !important;
	margin: 0;
	background-color: transparent;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#navigation_menu.mobile .menu_nav > .linkbox a:hover,
#navigation_menu.mobile .menu_nav > .linkbox a:focus {
	color: #000 !important;
}

#navigation_menu.mobile .menu_nav a.linkbox {
	margin: 0 -20px 0 -20px !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
	line-height: 2em !important;
	height: 2em !important;
	margin: 0; /*background-color: transparent;*/
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#navigation_menu.mobile .menu_nav > .nav_menu_item.no_subnav > a.linkbutton {
	margin: 0 -20px 0 -20px;
	padding: 0.5em 27px 0.5em 29px;
}

#navigation_menu.mobile .menu_nav > .nav_menu_item.no_subnav > a.linkbutton:hover,
#navigation_menu.mobile .menu_nav > .nav_menu_item.no_subnav > a.linkbutton:focus {
	color: #FFF !important;
}

#navigation_menu.mobile .menu_nav > .nav_menu_item a[aria-expanded] {
	padding: 0.5em 10px 0.5em 10px;
	text-decoration: none;
}

#navigation_menu.mobile .menu_nav > .nav_menu_item a[aria-expanded]:hover,
#navigation_menu.mobile .menu_nav > .nav_menu_item a[aria-expanded]:focus {
	outline-offset: -1px;
}

#navigation_menu.mobile .menu_nav > .nav_menu_item a[aria-expanded]:hover,
/*#navigation_menu.mobile .menu_nav > .nav_menu_item a[aria-expanded]:focus,*/
#navigation_menu.mobile .menu_nav > .nav_menu_item a[aria-expanded].open {
	margin-left: 0;
	color: #000 !important;
}

#navigation_menu.mobile .menu_nav > .nav_menu_item a[aria-expanded]:hover,
#navigation_menu.mobile .menu_nav > .nav_menu_item a[aria-expanded].open {
	/*background-color: #333333;*/
}

/*#navigation_menu.mobile .menu_nav > .nav_menu_item a[aria-expanded].open {
	padding-bottom: 0.5em;
	color: #ad1a1f !important;
}*/

#navigation_menu.mobile .menu_nav > .nav_menu_item:first-child a[aria-expanded] {
	border-bottom-left-radius: 0px;
}

#navigation_menu.mobile .menu_nav > .nav_menu_item:first-child a[aria-expanded].open {
	/*border-bottom-left-radius: 0px;
	border-left: 0px solid #222222;
	border-left-color: rgba(0,0,0,0.3);
	left: -1px;
	margin-right: -1px;*/
}

#navigation_menu.mobile .menu_nav > .nav_menu_item .nav_submenu_toggle {
	display: block !important;
}

#navigation_menu.mobile .menu_nav > .nav_menu_item a[aria-expanded].open ~ a.mainlink {
	color: #ad1a1f !important;
}

#navigation_menu.mobile .menu_nav > .nav_menu_item a[aria-expanded],
#navigation_menu.mobile .menu_nav > .nav_menu_item.no_subnav a,
#navigation_menu.mobile .menu_nav > .nav_menu_item a.mainlink {
	border-width: 0px 0px 0px 0px;
}

#navigation_menu.mobile .menu_nav > .nav_menu_item.no_subnav a:hover,
#navigation_menu.mobile .menu_nav > .nav_menu_item.no_subnav a:focus,
#navigation_menu.mobile .menu_nav > .nav_menu_item a.mainlink:hover,
#navigation_menu.mobile .menu_nav > .nav_menu_item a.mainlink:focus {
	color: #ad1a1f !important;
}

#navigation_menu.mobile .menu_nav > .nav_menu_item > a.mainlink::after {
	display: none !important;
}

#navigation_menu.mobile .navigation_submenu {
	position: relative;
	/*display: none;*/
	/*left: 0px;*/
	width: 100%;
	color: #222;
	/*margin: 0px 0 3em 0;*/
	margin: 0px 0 0em 0;
	/*padding: 20px 0px 10px 0px;*/
	padding: 0px 0px 0px 0px;
	border: none;
	background-color: #FFF;
	/*background-image: linear-gradient(to bottom, #222222, #000000);*/
	/*background-image: linear-gradient(#222222, #414141);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.275);
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.275);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.275);*/
}

#navigation_menu.mobile .navigation_submenu.open {
	margin: 0px 0 2em 0;
	padding: 0px 0px 10px 0px;
	transition: opacity 50ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
}

#navigation_menu.mobile .navigation_submenu a {
	display: inline-block;
	font-size: 1.2em;
	line-height: 1.5em;
	text-decoration: none;
	background-color: transparent;
	background-size: 0% 0%;
}
#navigation_menu.mobile .navigation_submenu a:hover,
#navigation_menu.mobile .navigation_submenu a:focus {
	color: #000;
	text-decoration: underline;
	background-color: transparent;
	background-size: 0% 0%;
}

#navigation_menu.mobile .subnav_head,
#navigation_menu.mobile .subnav_head a {
	/*font-size: 13px !important;*/
}

#navigation_menu.mobile .menu_submenu_block_container {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#navigation_menu.mobile .menu_submenu_block {
	border-left: none;
	padding-left: 10px;
}

/*#navigation_menu.mobile .menu_dropdown_block .menu_submenu_block_container .submenu_nav_col.cols-flex,
#navigation_menu.mobile .menu_dropdown_block.cols-2-flex .menu_submenu_block_container,
#navigation_menu.mobile .menu_dropdown_block.cols-3-flex .menu_submenu_block_container,
#navigation_menu.mobile .menu_dropdown_block.cols-4-flex .menu_submenu_block_container {
	display: block !important;
}*/

/*#navigation_menu.mobile .menu_dropdown_block .menu_submenu_block_container .submenu_nav_col.cols-flex > div {
	margin-left: 0px;
}*/

#navigation_menu.mobile .menu_dropdown_block .menu_submenu_block_container,
#navigation_menu.mobile .menu_dropdown_block .menu_submenu_block_container.cols-flex {
	display: block !important;
}

#navigation_menu.mobile .menu_dropdown_block .menu_submenu_block_container .menu_submenu_block.cols-flex {
	display: block !important;
}

#navigation_menu.mobile .submenu_nav_col.cols-1,
#navigation_menu.mobile .submenu_nav_col.cols-2,
#navigation_menu.mobile .submenu_nav_col.cols-3,
#navigation_menu.mobile .submenu_nav_col.cols-4,
#navigation_menu.mobile .menu_dropdown_block.cols-3 .menu_submenu_block_container,
#navigation_menu.mobile .menu_dropdown_block.cols-4 .menu_submenu_block_container {
	/*column-count: 1 !important;*/
	column-count: auto !important;
}

#navigation_menu.mobile .menu_dropdown_block.cols-2-flex .menu_submenu_block_container .cols-1-wide,
#navigation_menu.mobile .menu_dropdown_block.cols-3-flex .menu_submenu_block_container .cols-1-wide {
	max-width: none !important;
}

#navigation_menu.mobile .menu_submenu_block_container .subnav_head,
#navigation_menu.mobile .menu_submenu_block_container .subnav_head a {
	margin-top: 1em !important;
}

#navigation_menu.mobile .menu_submenu_block_container .menu_submenu_block:first-child .subnav_head:first-child,
#navigation_menu.mobile .menu_submenu_block_container .menu_submenu_block:first-child .subnav_head:first-child a,
#navigation_menu.mobile .menu_submenu_block_container .menu_submenu_block:first-child p {
	margin-top: 0 !important;
}

#navigation_menu.mobile .menu_dropdown_block .menu_submenu_block_container > div {
	margin: 0 0 0 30px;
	padding: 0;
}
#navigation_menu.mobile .menu_dropdown_block ul.menu_submenu {
	margin: 0;
	padding: 0;
}


#navigation_menu.mobile.nav2 .menu_nav2 {
	/*display: none;*/
	position: relative;
	margin: 0em auto 0 auto;
	max-height: none;
	/*max-width: 52%;*/
	box-sizing: border-box;
	visibility: visible;
	opacity: 1;
	border-width: 1px 1px 0px 1px;
	border-color: #444444;
	border-style: solid;
	transition: none;
	z-index: 9902;
}

#navigation_menu.mobile.nav2 .menu_nav2::after {
	display: none;
}

#navigation_menu.mobile.nav2 .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container > .menu_nav2 {
	max-height: none;
}

#navigation_menu.mobile .menu_nav2 .cols-flex {
	display: block;
	flex-wrap: unset;
	width: 100%;
	max-height: unset;
	padding: 3em 4% 2em 4%;
	box-sizing: border-box;
}

#navigation_menu.mobile .menu_nav2 .cols-flex > .col {
	/*width: 100%;*/
	flex: 100%;
	margin-right: 0;
	margin-bottom: 2em;
}




/* ----------- DESKTOP STYLES ---------- */

@media only screen and (min-width: 1100px) {

	#navigation_menu.mobile.right.scale.top .menu_nav_container {
		right: calc(((100% - var(--navbar-width))/2) - 260px);
	}

	#navigation_menu.mobile.right.slide .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
		right: calc((100% - var(--navbar-width))/2 - 2%);
	}

	#navigation_menu.mobile.right.scale .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
		right: calc((100% - var(--navbar-width))/2 - 2%);
	}

	#navigation_menu.mobile.right.scale.top .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
		right: calc((100% - var(--navbar-width))/2 - 2%);
	}

}



@media only screen and (min-width: 1001px) {

	div#supershell::after {
	/*div#supershell:has(#navigation_menu.mobile .nav_menu_toggle[aria-expanded="true"])::after {*/
	/*	content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: #000;
		z-index: 1;
		opacity: 0;
		visibility: hidden;
		transition: opacity 300ms ease-out, visibility 300ms ease-out;*/
		/* -webkit-filter: blur(1px); */
		/* filter: blur(1px); */
	}

	/*div#supershell:has(#navigation_menu.mobile .nav_menu_toggle[aria-expanded="true"])::after {
		opacity: .5;
		visibility: visible;
		transition: opacity 300ms ease-out, visibility 0ms ease-out;
	}

	#navigation_menu.mobile:has(.nav_menu_toggle[aria-expanded="true"]) {
		background-color: transparent;
	}*/

}




/* ----------- MOBILE STYLES ---------- */

@media only screen and (max-width: 1000px) {

	header.mobile {
		position: relative !important;
	}

	nav#navigation_menus.mobile {
		/*height: 1em;*/
		height: unset;
	}

	#navigation_menu.mobile .menu_nav_container {
		position: relative !important;
		max-height: 0px;
		min-width: unset;
		max-width: none !important;
		height: unset !important;
		/*width: auto !important;*/
		width: 100% !important;
		right: unset !important;
		left: unset !important;
		top: unset !important;
		margin-top: 50px;
		overflow: hidden;
		/*visibility: collapse;*/
		visibility: visible;
		opacity: 1  !important;
		border-width: 0px;
		background-color: #FFF;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		transform: none !important;
		transition: max-height 200ms ease, visibility 0s linear 0s !important;
		z-index: unset;
	}

	#navigation_menu.mobile .menu_nav_container:hover,
	#navigation_menu.mobile .menu_nav_container:focus {
		margin-right: unset;
	}
	#navigation_menu.mobile.center:not(.scale) .menu_nav_container:hover,
	#navigation_menu.mobile.center:not(.scale) .menu_nav_container:focus {
		margin-right: unset;
	}

	#navigation_menu.mobile.left .nav_menu_toggle,
	#navigation_menu.mobile.right .nav_menu_toggle,
	#navigation_menu.mobile.center .nav_menu_toggle,
	#navigation_menu.mobile.center-offset-left .nav_menu_toggle,
	#navigation_menu.mobile.center-offset-right .nav_menu_toggle {
		left: unset;
		right: unset;
	}

	#navigation_menu.mobile .nav_menu_toggle {
		position: absolute;
		top: unset;
		right: 0 !important;
		margin: 15px 5% 0 10px;
	}

	#navigation_menu.mobile.left .logo-head,
	#navigation_menu.mobile.right .logo-head,
	#navigation_menu.mobile.center .logo-head,
	#navigation_menu.mobile.center-offset-left .logo-head,
	#navigation_menu.mobile.center-offset-right .logo-head {
		left: unset;
		right: unset;
	}

	#navigation_menu.mobile .logo-head {
		position: absolute;
		top: unset;
		left: unset;
		right: calc(5% + 25px) !important; /* accounts for width+margin of toggle */
		margin: 0px 10px 0 0;
	}

	#navigation_menu.mobile .nav_menu_toggle[aria-expanded="true"] ~ .menu_nav_container {
		max-height: 2000px;
		visibility: visible;
		overflow-y: hidden;
		border-bottom-width: 1px;
		transform: none !important;
		transition: max-height 1000ms ease, visibility 0s linear 0s !important;
	}

	#navigation_menu.mobile .menu_nav {
		border: none;
		background-color: transparent;
	}

	#navigation_menu.mobile.right .menu_nav {
		margin: 5em auto 0 auto;
	}

	#navigation_menu.mobile .menu_nav > .nav_menu_item.first {
		border-top-width: 1px;
	}




}






