/*	Copyright 2020-Present Titan Informatics LLC. All Rights Reserved.
 *
 *	Proprietary and Confidential.
 *	Author: Douglas Noorzadeh
 *
 *	This source code is the exclusive property of Titan Informatics LLC.
 *	Unauthorized use, reproduction, disclosure, or distribution without written permission is strictly prohibited.
 */
[data-name="menu"] {
	border-top: var(--border);
	border-bottom: var(--border);
	background: var(--white);
	text-align: left;
	z-index: 2;
}
[data-name="menu"]::before,
[data-name="menu"]::after {
	content: " ";
	width: calc((100vw - 100%) / 2);
	height: calc(100% + 2px);
	position: absolute;	top: -1px; bottom: -1px;
	border-top: var(--border);
	border-bottom: var(--border);
	background: inherit;
	/*z-index: 1;*/
}
[data-name="menu"]::before {right: 100%;}
[data-name="menu"]::after {left: 100%;}
[data-name="menu"] li {
	padding: 9px 10px;
}
[data-name="menu"] li.dropdown {
	padding: 9px 30px 9px 10px;
}
[data-name="menu"] li.dropdown > ul {
	min-width: 195px;
	border: var(--border);
	border-top: unset;
	background: var(--white);
	position: absolute;
	top: 100%;
	left: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	box-shadow: 0 10px 30px -20px rgba(0, 0, 0, 0.75);
	z-index: 2;
}
[data-name="menu"] li.dropdown.active {
	color: #0a68ce;
}
[data-name="menu"] li.dropdown::after {
	font-family: "Font Awesome 6 Sharp";
	font-size: 0.625rem;
	font-weight: 900;
	content: "\e59e";
	position: absolute;
	top: 50%; right: 15px;
	transform: translateY(-50%);
	transition: transform 0.2s ease;
	transform-origin: center;
}
[data-name="menu"] li.active.dropdown::after {
	transform: translateY(-50%) rotate(45deg);
}
[data-name="menu"] li.dropdown.active > ul {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
[data-name="menu"] li.dropdown.active > ul ul {
	top: -1px;
	left: 100%;
	z-index: 1;
}
[data-name="menu"] li.dropdown > ul li {
	width: 100%;
	border-top: var(--border);
}
[data-name="menu"] li[title="Donate"] {
	font-weight: 500;
	color: var(--red);
}

[data-name="open"] {
	display: none;
}
[data-name="open"]::after {
	font-family: "Font Awesome 6 Sharp";
	font-size: 1.375rem;
	line-height: 1.063rem;
	font-weight: 300;
	content: "\e1cf";
	position: relative; float: left;
	cursor: pointer;
	/*transform: rotate(270deg);*/
}

@media (max-width: 980px) {
	[data-name="open"] {
		display: block;
	}

	[data-name="menu"] {
		width: 300px;
		height: 100%;
		position: fixed;
		float: unset;
		top: 0; left: -300px;
		background: var(--white);
		border: unset;
		border-right: var(--border);
		overflow-y: auto;
		transition: left 0.3s ease;
	}
	[data-name="menu"].active {
		left: 149px;
		z-index: 10;
	}
	[data-name="menu"] > li {
		border-right: unset;
		border-bottom: var(--border);
	}
	[data-name="menu"] li {
		width: 100%;
	}
	[data-name="menu"] li.dropdown::after {
		top: 15px;
		transform: unset;
	}
	[data-name="menu"] li.active.dropdown::after {
		transform: rotate(45deg);
	}
	[data-name="menu"] li.dropdown > ul {
		min-width: 100%;
		height: auto;
		border: unset;
		background: var(--background004);
		position: relative;
		top: unset;
		left: unset;
		opacity: unset;
		visibility: unset;
		pointer-events: unset;
		box-shadow: unset;
		z-index: unset;
		display: none;
	}
	[data-name="menu"] li.dropdown > ul li {
		width: 100%;
	}
	[data-name="menu"] li.dropdown.active > ul {
		opacity: unset;
		visibility: unset;
		pointer-events: unset;
		display: block;
	}
	[data-name="menu"] li.dropdown.active > ul ul {
		top: unset;
		left: unset;
		right: unset;
		z-index: unset;
	}
	[data-name="menu"] li.dropdown.active ul {
		width: calc(100% + 50px);
		margin: 10px 0 -10px -15px;
		background: var(--005);
	}
	/*[data-name="menuscreen"] {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}*/

}