/*  This is the Menu CSS file for SIR Branch 23 website styling */


menu	{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	gap: 1em 1em;
	list-style: none;
	cursor: pointer;	
	}

menu li	{
	display: flex;
	flex-direction: column;
	font-size: 1.2rem; 
	background-color: var(--SIR-Taupe);
	width: 10rem; 
	height: 2rem;
	text-align: center;
	/*padding-top: .75em;	 controls vertical placement of text within element */ 
	padding: 10px 0px;
	border-radius: 2rem;
	
	}

menu li menu	{
	display: none;
	flex-direction: column
	align-items: flex-end;
	background-color: var(--SIR-White);
	margin-top: 1em;
	z-index: 111;
	}


menu li menu li	{
	/*width: 5rem;*/ 
	height: 1.5rem;
	text-align: center;
	padding: 10px 10px;	/* controls vertical placement of text within element */ 
	border-radius: 2rem;
	background-color: var(--SIR-Taupe);
	/*z-index: 111;*/
	}

menu li:hover	{
	background-color: var(--SIR-Red);

	}


menu li:hover menu	{
	display: flex;
	/*z-index: 111;*/
	}

menu li menu li:hover	{
	background-color: var(--SIR-Red);
	/*z-index: 111;*/
	}