:root { --colMenuSub1: #1f2024; --colMenuSub2:  rgb(31, 88, 29);}
	
	.menu-v {
		width: fit-content;
	/*border: 2px solid blue;*/
		.label { 
		padding: 0 4px; color: rgba(255, 255, 255, 0.733);
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 13px;
		line-height: 16px;}
	}
	.menu-v li {
		min-width: 140px;  /* Sets menu width */
		height: 40px;
		display:flex;
		align-items: center;
		background: #4c4e5a;
		background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
		border-bottom: 1px solid #3d3d41;
	}
	.menu-v li a { 
		width: 98%;
		height:98%;
		display:flex;
		align-items: center;
		margin: 6px;
		padding: 4px;
		/*white-space:nowrap;*/
		text-decoration: none;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 13px;
		line-height: 16px;

		color: #f3f3f3;
		text-shadow: 1px 1px 1px rgba(0,0,0,.6);
		transition: color .2s ease-in-out;
	}
	.menu-v li:hover > a { color:var(--VivLGreen); }
	
	/* Sub Menu */
	.menu-v ul {
		width: 0;	height: 0;
		position: relative; top: -10px; left: -20px;  /* Sets submenu position */
		opacity: 0;
		transition: opacity .25s ease .1s;
	}
	.menu-v ul li {
		width: 0;	height: 0;
		overflow: hidden;
		padding: 0 ;
		transition: height .25s ease .1s;
	}
	.menu-v li:hover > ul { opacity: 1; }
	.menu-v li:hover > ul li {
		min-width: 190px;  /* Sets submenu width 140 - 190 */
		height: 40px;
		display:flex;
		align-items: center;
		background-color: var(--colMenuSub1);
		border-bottom: 1px solid #3d3d41;
		
	}
	.menu-v ul li a { /* Style submenu items */
		width: 98%;
		height: 98%;
		display:flex;
		align-items: center;
		margin: 6px;
		padding: 4px;
		white-space:nowrap;
		text-decoration: none;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 13px;
		color: #f3f3f3;
		text-shadow: 1px 1px 1px rgba(0,0,0,.6);
		transition: color .2s ease-in-out;
	}