/*MAIN NAVIGATION*/
#toggle	{
	display: none !important;
}

#navigation	{
	display: flex !important;
}


#main_menu > ul	{
	display: flex;
	justify-content: space-evenly;
}	

#main_menu > ul li	{
	flex: 0 0 auto;
	text-align: center;
	border-bottom: none;
	font-size: min(1.3rem, 2vw);
	font-size: 1.2rem;/*to accommodate Conference tab*/
}

#main_menu > ul li.current	{
	border-radius: 4px;
	box-shadow: 0 0 1rem #fff,
				0 0 1rem #cac2b1,
				0 0 3rem #cac2b1;
}	

#main_menu > ul li.current:hover, 
#main_menu > ul li.current:active, 
#main_menu > ul li.current:focus {
	border-radius: 0;
	box-shadow: none;
}	

#main_menu > ul li.current:focus-within	{
	border-radius: 0;
	box-shadow: none;
}	

#main_menu ul li ul	{
	position: absolute;
	top: 2.2em;
	left: 0;
	width: 9em;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 3px solid #333;
	border-top: none;
	border-radius: 0 0 4px 4px;
	z-index: 100;
	display: none;
}

/*Move submenu for About to the left*/
#main_menu ul li:last-child ul	{
	left: -3em;
}
/*********************/


#main_menu ul li ul	li {
	text-align: left;
	border-bottom: 1px solid #333;
}

#main_menu ul li ul li.current, 
#main_menu ul li ul li:hover, 
#main_menu ul li ul li:active, 
#main_menu ul li ul li:focus	{
	background: #e5e1d8;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
}	

#main_menu ul li ul	li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}	

/*HOME PAGE*/

#circles	{
	max-width: 90%;
	margin-top: 8vh;
}	

#circles li img	{
	width: min(20vw, 35vh);
}

#circles li span	{
	width: 10em;
	margin: 3rem auto 0;
	padding: .5rem;
	font-size: 120%;
}

/*CONTENT*/

.page	{
	max-width: 76rem;
}	

figure.round	{
	width: 30%;
	float: right;
	shape-outside: circle(50%);
}	

figure.small	{
	width: 20%;
}

figure.medium	{
	width: 30%;
}	

/*GLOSSARY*/
.glossary #entries {
	column-width: 30em;
	column-gap: 4rem;
	
}	

.glossary #entries div	{
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
}

.glossary .button.top	{
	position: fixed;
	bottom: 10vh;
	right: max(calc(50% - 44rem), -3rem);
	transform: rotate(-90deg);
}	

/*TIMELINE NEW TL6*/

.tl6 .where	{
	width: 20%;
	float: left;
}

.tl6 .where + .who	{
	width: 75%;
	float: right;
	margin-top: 0;
}



.tl6 .story .what	{
	width: calc(82% - 2rem - 2px);
	margin: 0;
}

.tl6 .story .when	{
	width: 18%;
	
}	

/*CONFERENCE*/
.conference .gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}	

.conference .gallery figure	{
	flex: 0 0 auto;
	width: 42%;
}

.conference .video	{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}	

.conference .video div	{
	flex: 0 0 auto;
	width: 25%;
	padding: 1rem;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.conference .video div h4{
	margin-top: 0;
}	

.conference video	{
	width: 100%;
	outline: 1px solid #ccc;
	margin: 0;
	padding: 0;
}