
.micropedia-container{
	background-image: url("images/backgd-larger.png");
	background-repeat: repeat;
	min-height: 100vh;
	display:grid;
	grid-template-columns: 18% 1fr 3%;
	grid-template-rows: 60px 1fr 50px;
	grid-column-gap: 0px;
	grid-row-gap: 20px;
	grid-template-areas: 
		"header header header"
		"aside main ."
		"footer footer footer";
}
.aside{
	grid-area:aside;
	padding: 25px;
	position:fixed;
	width:18%;
	top:80px;

}
.aside .micropedia-category:hover{
	-webkit-box-shadow: 10px 9px 16px -2px rgba(0,0,0,0.31); 
	box-shadow: 10px 9px 16px -2px rgba(0,0,0,0.31);
}
.aside .micropedia-category.under-construction{
	font-style:italic;
	color:grey;
}
.anchor{
	padding-top: 80px; /* offset of fixed header */
	pointer-events: none;
		cursor: default;
		border:none;
		text-decoration: none;
		color:black;
}
.anchor:focus {
	outline:none;
}
.references{
	background-color:#e7e1e8;
	padding:15px 15px 0px 15px;
}
.references h2{
	margin: 0px;
}
.references ul{
	padding: 0px;
}
.references ul li{
	list-style-type: none;
	padding:5px;
	margin-left:none;
	font-size: 11pt;
}
.references-flex-columns{
	display: flex;
	flex-direction: row;
}
.references-flex-item{
	flex: 1 1 0px;
}

.micropedia-legend{
	text-align: center;
	font-size: 11pt;
}

@media (max-width: 900px){
	.micropedia-container{
	
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	grid-template-areas: 
		"header header header"
		"main main main"
		"footer footer footer";
	}
	.aside{
		display: none;
	}
	.back-to-top{
		visibility: visible !important; 
	}
	.top-summary{
		display: block !important;
	}
	.micropedia-container img{
		max-width: 100% !important;
	}
	.micropedia-h1{
		margin-left:0px !important;
		display:block;
		padding:10px;
	}
	.references-flex-columns{
		display: flex;
		flex-direction: column;
	}
	.bacteria-categories{
		flex-direction: column !important;
	}

}

.back-to-top{
	display:block;
	background-color: white;
	border-radius: 25px;
	padding:15px;
	color:black;
	text-decoration: none;
	font-size: 22pt;
	font-weight: bold;
	position:fixed;
	top:80px;
	left:15px;
	-webkit-box-shadow: 10px 9px 16px -2px rgba(0,0,0,0.31); 
	box-shadow: 10px 9px 16px -2px rgba(0,0,0,0.31);
	visibility: hidden;
	z-index: 50;
}

.top-summary{
		display:none;
	}

.aside .micropedia-category{
	display:flex;
	background-color: white;
	border-radius: 25px;
	margin-bottom:10px;
	color:black;
	text-decoration: none;
	font-size: 14pt;
	justify-content: flex-start;
	align-items: stretch;
	overflow: hidden;
	height:50px;
}

.category-logo {
	width:50px;
}
.category-logo img{
	left:0;
	height:100%;
}
.category-text{
	flex-grow:2;
	text-align:left;
	margin-left:10px;
	flex:1;
	vertical-align: middle;
	margin:auto 0 auto 10px;
}


/* h1 */
.micropedia-main h1{
	margin-bottom:50px;
	margin-top:50px;
}
.micropedia-main h1 a{
	color:white;
	margin-bottom: 20px;
}
.micropedia-h1{
	margin-left:-70px;
	background-color: #a27ea9;
	padding:20px;
}

.micropedia-h2{
	text-align: left;
}

/* Bacteria categories */
.bacteria-categories{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.bacteria-category-icon{
	flex-grow: 1;
}
.bacteria-category-def{
	flex-grow: 2;
	margin-left: 30px;
}

/* Pokedex */

.flex-properties{
	/*display:flex;*/
	/*border:solid black 1px;*/
	/*padding:20px;*/
}
.flex-property{
	/*border:solid gray 1px;*/
	display:flex;
	align-items: center;
}
.flex-property img{
	width:64px;
	height:64px;
}
.flex-property p{
	padding:5px 10px 5px 40px;
}

	#tab-one-bacteria:checked ~ .tabs #tab-one-label-bacteria, 
	#tab-two-bacteria:checked ~ .tabs #tab-two-label-bacteria, 
	#tab-three-bacteria:checked ~ .tabs #tab-three-label-bacteria, 
	#tab-four-bacteria:checked ~ .tabs #tab-four-label-bacteria, 
	#tab-five-bacteria:checked ~ .tabs #tab-five-label-bacteria,  
	#tab-six-bacteria:checked ~ .tabs #tab-six-label-bacteria, 
	#tab-one-media:checked ~ .tabs #tab-one-label-media, 
	#tab-two-media:checked ~ .tabs #tab-two-label-media, 
	#tab-three-media:checked ~ .tabs #tab-three-label-media, 
	#tab-four-media:checked ~ .tabs #tab-four-label-media, 
	#tab-five-media:checked ~ .tabs #tab-five-label-media,  
	#tab-six-media:checked ~ .tabs #tab-six-label-media, 
	#tab-seven-media:checked ~ .tabs #tab-seven-label-media, 
	#tab-eight-media:checked ~ .tabs #tab-eight-label-media, 
	#tab-nine-media:checked ~ .tabs #tab-nine-label-media,
	#tab-one-plasmids:checked ~ .tabs #tab-one-label-plasmids, 
	#tab-two-plasmids:checked ~ .tabs #tab-two-label-plasmids, 
	#tab-three-plasmids:checked ~ .tabs #tab-three-label-plasmids, 
	#tab-four-plasmids:checked ~ .tabs #tab-four-label-plasmids, 
	#tab-five-plasmids:checked ~ .tabs #tab-five-label-plasmids,  
	#tab-six-plasmids:checked ~ .tabs #tab-six-label-plasmids, 
	#tab-seven-plasmids:checked ~ .tabs #tab-seven-label-plasmids, 
	#tab-eight-plasmids:checked ~ .tabs #tab-eight-label-plasmids, 
	#tab-nine-plasmids:checked ~ .tabs #tab-nine-label-plasmids,
	#tab-ten-plasmids:checked ~ .tabs #tab-ten-label-plasmids,
	#tab-eleven-plasmids:checked ~ .tabs #tab-eleven-label-plasmids,
	#tab-twelve-plasmids:checked ~ .tabs #tab-twelve-label-plasmids,
	#tab-one-events:checked ~ .tabs #tab-one-label-events, 
	#tab-two-events:checked ~ .tabs #tab-two-label-events, 
	#tab-three-events:checked ~ .tabs #tab-three-label-events, 
	#tab-four-events:checked ~ .tabs #tab-four-label-events, 
	#tab-five-events:checked ~ .tabs #tab-five-label-events,  
	#tab-six-events:checked ~ .tabs #tab-six-label-events, 
	#tab-seven-events:checked ~ .tabs #tab-seven-label-events, 
	#tab-eight-events:checked ~ .tabs #tab-eight-label-events{
	  background-color: #fff;
	  cursor: default;
	  /*border-left-color: #69be28;*/
	  border-left:solid 2px gray;
	  border-top:solid 2px gray;
	  border-right:solid 2px gray;
	  border-bottom:none;
	}

	#tab-one-bacteria:checked ~ .tabs #tab-one-label-bacteria .fa-sort-down,
	#tab-two-bacteria:checked ~ .tabs #tab-two-label-bacteria .fa-sort-down,
	#tab-three-bacteria:checked ~ .tabs #tab-three-label-bacteria .fa-sort-down,
	#tab-four-bacteria:checked ~ .tabs #tab-four-label-bacteria .fa-sort-down,
	#tab-five-bacteria:checked ~ .tabs #tab-five-label-bacteria .fa-sort-down, 
	#tab-six-bacteria:checked ~ .tabs #tab-six-label-bacteria .fa-sort-down,
	#tab-one-media:checked ~ .tabs #tab-one-label-media .fa-sort-down,
	#tab-two-media:checked ~ .tabs #tab-two-label-media .fa-sort-down,
	#tab-three-media:checked ~ .tabs #tab-three-label-media .fa-sort-down,
	#tab-four-media:checked ~ .tabs #tab-four-label-media .fa-sort-down,
	#tab-five-media:checked ~ .tabs #tab-five-label-media .fa-sort-down, 
	#tab-six-media:checked ~ .tabs #tab-six-label-media .fa-sort-down,
	#tab-seven-media:checked ~ .tabs #tab-seven-label-media .fa-sort-down,
	#tab-eight-media:checked ~ .tabs #tab-eight-label-media .fa-sort-down,
	#tab-nine-media:checked ~ .tabs #tab-nine-label-media .fa-sort-down,
	#tab-one-plasmids:checked ~ .tabs #tab-one-label-plasmids .fa-sort-down,
	#tab-two-plasmids:checked ~ .tabs #tab-two-label-plasmids .fa-sort-down,
	#tab-three-plasmids:checked ~ .tabs #tab-three-label-plasmids .fa-sort-down,
	#tab-four-plasmids:checked ~ .tabs #tab-four-label-plasmids .fa-sort-down,
	#tab-five-plasmids:checked ~ .tabs #tab-five-label-plasmids .fa-sort-down, 
	#tab-six-plasmids:checked ~ .tabs #tab-six-label-plasmids .fa-sort-down,
	#tab-seven-plasmids:checked ~ .tabs #tab-seven-label-plasmids .fa-sort-down,
	#tab-eight-plasmids:checked ~ .tabs #tab-eight-label-plasmids .fa-sort-down,
	#tab-nine-plasmids:checked ~ .tabs #tab-nine-label-plasmids .fa-sort-down,
	#tab-ten-plasmids:checked ~ .tabs #tab-ten-label-plasmids .fa-sort-down,
	#tab-eleven-plasmids:checked ~ .tabs #tab-eleven-label-plasmids .fa-sort-down,
	#tab-twelve-plasmids:checked ~ .tabs #tab-twelve-label-plasmids .fa-sort-down,
	#tab-one-events:checked ~ .tabs #tab-one-label-events .fa-sort-down,
	#tab-two-events:checked ~ .tabs #tab-two-label-events .fa-sort-down,
	#tab-three-events:checked ~ .tabs #tab-three-label-events .fa-sort-down,
	#tab-four-events:checked ~ .tabs #tab-four-label-events .fa-sort-down,
	#tab-five-events:checked ~ .tabs #tab-five-label-events .fa-sort-down, 
	#tab-six-events:checked ~ .tabs #tab-six-label-events .fa-sort-down,
	#tab-seven-events:checked ~ .tabs #tab-seven-label-events .fa-sort-down,
	#tab-eight-events:checked ~ .tabs #tab-eight-label-events .fa-sort-down
	{
		display: none;
	}

	#tab-one-bacteria:checked ~ .tabs #tab-one-panel-bacteria,
	#tab-two-bacteria:checked ~ .tabs #tab-two-panel-bacteria,
	#tab-three-bacteria:checked ~ .tabs #tab-three-panel-bacteria,
	#tab-four-bacteria:checked ~ .tabs #tab-four-panel-bacteria,
	#tab-five-bacteria:checked ~ .tabs #tab-five-panel-bacteria, 
	#tab-six-bacteria:checked ~ .tabs #tab-six-panel-bacteria,
	#tab-one-media:checked ~ .tabs #tab-one-panel-media,
	#tab-two-media:checked ~ .tabs #tab-two-panel-media,
	#tab-three-media:checked ~ .tabs #tab-three-panel-media,
	#tab-four-media:checked ~ .tabs #tab-four-panel-media,
	#tab-five-media:checked ~ .tabs #tab-five-panel-media, 
	#tab-six-media:checked ~ .tabs #tab-six-panel-media,
	#tab-seven-media:checked ~ .tabs #tab-seven-panel-media,
	#tab-eight-media:checked ~ .tabs #tab-eight-panel-media,
	#tab-nine-media:checked ~ .tabs #tab-nine-panel-media,
	#tab-one-plasmids:checked ~ .tabs #tab-one-panel-plasmids,
	#tab-two-plasmids:checked ~ .tabs #tab-two-panel-plasmids,
	#tab-three-plasmids:checked ~ .tabs #tab-three-panel-plasmids,
	#tab-four-plasmids:checked ~ .tabs #tab-four-panel-plasmids,
	#tab-five-plasmids:checked ~ .tabs #tab-five-panel-plasmids, 
	#tab-six-plasmids:checked ~ .tabs #tab-six-panel-plasmids,
	#tab-seven-plasmids:checked ~ .tabs #tab-seven-panel-plasmids,
	#tab-eight-plasmids:checked ~ .tabs #tab-eight-panel-plasmids,
	#tab-nine-plasmids:checked ~ .tabs #tab-nine-panel-plasmids,
	#tab-ten-plasmids:checked ~ .tabs #tab-ten-panel-plasmids,
	#tab-eleven-plasmids:checked ~ .tabs #tab-eleven-panel-plasmids,
	#tab-twelve-plasmids:checked ~ .tabs #tab-twelve-panel-plasmids,
	#tab-one-events:checked ~ .tabs #tab-one-panel-events,
	#tab-two-events:checked ~ .tabs #tab-two-panel-events,
	#tab-three-events:checked ~ .tabs #tab-three-panel-events,
	#tab-four-events:checked ~ .tabs #tab-four-panel-events,
	#tab-five-events:checked ~ .tabs #tab-five-panel-events, 
	#tab-six-events:checked ~ .tabs #tab-six-panel-events,
	#tab-seven-events:checked ~ .tabs #tab-seven-panel-events,
	#tab-eight-events:checked ~ .tabs #tab-eight-panel-events
	 {
	  display: block;
	}

	.worko-tabs{
		z-index: -10;
	}
	.worko-tabs .flex-tabs {
		display: flex;
		/*justify-content: space-between;*/
		justify-content: flex-start;
		flex-wrap: wrap;
		z-index: inherit;
	}
	.worko-tabs .flex-tabs .tab {
		flex-grow: 0;
		width:9%; /* 11 medias */
	}
	.worko-tabs .flex-tabs .panel {
	  background-color: #fff;
	  padding: 20px 100px 20px 100px;
	  min-height: 300px;
	  display: none;
	  width: 100%;
	  flex-basis: auto;
	  border:solid 1px gray;
	  margin-top:-1px;
	  z-index:0;
	}
	.worko-tabs .tab {
		z-index:1;
		display: inline-block;
		/*padding: 10px;*/
		vertical-align: top;
		background-color: #eee;
		cursor: hand;
		cursor: pointer;
		border:solid 1px white;
		border-bottom:solid 1px gray;
		border-radius: 10px 10px 0px 0px;
		/*margin:0px 10px 0px 10px;*/
		overflow: hidden;
		max-width:100px;
		flex-shrink: 1;
		height:100px;
	}
	.worko-tabs .tab img{
		max-width:100px;
		max-height:100px;
	}
	.worko-tabs .tab:hover {
	  background-color: #fff;
	}
	.worko-tabs .state{
		display:none;
	}
	.flex-tabs .tab > h3{
		display:none;
	}
	.flex-tabs .tab > .fa-sort-down{
		display:none;
	}

	/*
	.worko-tabs .state {
	  position: absolute; 
	  left: -10000px;
	}*/
	@media (max-width: 900px) {
		.worko-tabs .flex-tabs .tab {
			width:auto; /* to cancel 9% */
		}

	  .flex-tabs {
	    flex-direction: column;
	  }
	  .flex-tabs .tab {
	    background: #f5f5f5;
	    border-bottom: 1px solid #ccc;
		display:flex;
		justify-content: space-between;
		max-width:100%;
		border-radius: 0px;
		justify-content: flex-start;
    	align-items: center;
	  }
	  .flex-tabs .tab > h3{
	  	display: inline-block;
	  	margin-left: 20px;
	  	flex-grow:4;
	  	text-align: left;
	  }
	  .flex-tabs .tab > .fa-sort-down{
	  	display: inline-block;
	  	margin-right:20px;
	  	font-size: 20pt;
	  }
	  .flex-tabs .tab:last-of-type {
	    border-bottom: none;
	  }
	  .worko-tabs .tab {
	  	border:none !important;
	  }
	  .worko-tabs .flex-tabs .panel{
	  	padding:0px;
	  	min-height: auto;
	  	border:none;
	  }
	  .worko-tabs .flex-tabs .panel > h3{
	  	display:none;
	  }
	  .worko-tabs .flex-tabs .panel > p{
	  	padding:10px;
	  }
	  .worko-tabs .tab img{
			max-width:50;
		}
	  .flex-tabs #tab-one-label-media, .flex-tabs #tab-one-label-bacteria, .flex-tabs #tab-one-label-plasmids, .flex-tabs #tab-one-label-events{
	    order: 1;
	  }
	  .flex-tabs #tab-two-label-media, .flex-tabs #tab-two-label-bacteria, .flex-tabs #tab-two-label-plasmids, .flex-tabs #tab-two-label-events{
	    order: 3;
	  }
	  .flex-tabs #tab-three-label-media, .flex-tabs #tab-three-label-bacteria, .flex-tabs #tab-three-label-plasmids, .flex-tabs #tab-three-label-events{
	    order: 5;
	  }
	  .flex-tabs #tab-four-label-media, .flex-tabs #tab-four-label-bacteria, .flex-tabs #tab-four-label-plasmids, .flex-tabs #tab-four-label-events{
	    order: 7;
	  }
	  .flex-tabs #tab-five-label-media, .flex-tabs #tab-five-label-bacteria, .flex-tabs #tab-five-label-plasmids, .flex-tabs #tab-five-label-events{
	    order: 9;
	  }
	  .flex-tabs #tab-six-label-media, .flex-tabs #tab-six-label-bacteria, .flex-tabs #tab-six-label-plasmids, .flex-tabs #tab-six-label-events{
	    order: 11;
	  }
	  .flex-tabs #tab-seven-label-media, .flex-tabs #tab-seven-label-plasmids, .flex-tabs #tab-seven-label-events{
	  	order:13;
	  }
	  .flex-tabs #tab-eight-label-media, .flex-tabs #tab-eight-label-plasmids{
	  	order:15;
	  }
	  .flex-tabs #tab-nine-label-media, .flex-tabs #tab-nine-label-plasmids{
	  	order:17;
	  }
	  .flex-tabs #tab-ten-label-plasmids{
	  	order:19;
	  }
	  .flex-tabs #tab-eleven-label-plasmids{
	  	order:21;
	  }
	  .flex-tabs #tab-twelve-label-plasmids{
	  	order:23;
	  }
	  .flex-tabs #tab-one-panel-media,.flex-tabs #tab-one-panel-bacteria, .flex-tabs #tab-one-panel-plasmids, .flex-tabs #tab-one-panel-events{
	    order: 2;
	  }
	  .flex-tabs #tab-two-panel-media, .flex-tabs #tab-two-panel-bacteria, .flex-tabs #tab-two-panel-plasmids, .flex-tabs #tab-two-panel-events{
	    order: 4;
	  }
	  .flex-tabs #tab-three-panel-media, .flex-tabs #tab-three-panel-bacteria, .flex-tabs #tab-three-panel-plasmids, .flex-tabs #tab-three-panel-events{
	    order: 6;
	  }
	  .flex-tabs #tab-four-panel-media, .flex-tabs #tab-four-panel-bacteria, .flex-tabs #tab-four-panel-plasmids, .flex-tabs #tab-four-panel-events{
	    order: 8;
	  }
	  .flex-tabs #tab-five-panel-media, .flex-tabs #tab-five-panel-bacteria, .flex-tabs #tab-five-panel-plasmids, .flex-tabs #tab-five-panel-events{
	    order: 10;
	  }
	  .flex-tabs #tab-six-panel-media, .flex-tabs #tab-six-panel-bacteria, .flex-tabs #tab-six-panel-plasmids, .flex-tabs #tab-six-panel-events{
	    order: 12;
	  }
	  .flex-tabs #tab-seven-panel-media, .flex-tabs #tab-seven-panel-plasmids, .flex-tabs #tab-seven-panel-events{
	  	order:14;
	  }
	  .flex-tabs #tab-eight-panel-media, .flex-tabs #tab-eight-panel-plasmids, .flex-tabs #tab-eight-panel-events{
	  	order:16;
	  }
	  .flex-tabs #tab-nine-panel-media, .flex-tabs #tab-nine-panel-plasmids{
	  	order:18;
	  }
	  .flex-tabs #tab-ten-panel-plasmids{
	  	order:20;
	  }
	  .flex-tabs #tab-eleven-panel-plasmids{
	  	order:22;
	  }
	  .flex-tabs #tab-twelve-panel-plasmids{
	  	order:24;
	  }

	#tab-one-bacteria:checked ~ .tabs #tab-one-label-bacteria,
	#tab-two-bacteria:checked ~ .tabs #tab-two-label-bacteria,
	#tab-three-bacteria:checked ~ .tabs #tab-three-label-bacteria,
	#tab-four-bacteria:checked ~ .tabs #tab-four-label-bacteria,
	#tab-five-bacteria:checked ~ .tabs #tab-five-label-bacteria, 
	#tab-six-bacteria:checked ~ .tabs #tab-six-label-bacteria, 
	#tab-one-media:checked ~ .tabs #tab-one-label-media,
	#tab-two-media:checked ~ .tabs #tab-two-label-media,
	#tab-three-media:checked ~ .tabs #tab-three-label-media,
	#tab-four-media:checked ~ .tabs #tab-four-label-media,
	#tab-five-media:checked ~ .tabs #tab-five-label-media, 
	#tab-six-media:checked ~ .tabs #tab-six-label-media,
	#tab-seven-media:checked ~ .tabs #tab-seven-label-media,
	#tab-eight-media:checked ~ .tabs #tab-eight-label-media,
	#tab-nine-media:checked ~ .tabs #tab-nine-label-media,
	#tab-one-plasmids:checked ~ .tabs #tab-one-label-plasmids,
	#tab-two-plasmids:checked ~ .tabs #tab-two-label-plasmids,
	#tab-three-plasmids:checked ~ .tabs #tab-three-label-plasmids,
	#tab-four-plasmids:checked ~ .tabs #tab-four-label-plasmids,
	#tab-five-plasmids:checked ~ .tabs #tab-five-label-plasmids, 
	#tab-six-plasmids:checked ~ .tabs #tab-six-label-plasmids,
	#tab-seven-plasmids:checked ~ .tabs #tab-seven-label-plasmids,
	#tab-eight-plasmids:checked ~ .tabs #tab-eight-label-plasmids,
	#tab-nine-plasmids:checked ~ .tabs #tab-nine-label-plasmids,
	#tab-ten-plasmids:checked ~ .tabs #tab-ten-label-plasmids,
	#tab-eleven-plasmids:checked ~ .tabs #tab-eleven-label-plasmids,
	#tab-twelve-plasmids:checked ~ .tabs #tab-twelve-label-plasmids,
	#tab-one-events:checked ~ .tabs #tab-one-label-events,
	#tab-two-events:checked ~ .tabs #tab-two-label-events,
	#tab-three-events:checked ~ .tabs #tab-three-label-events,
	#tab-four-events:checked ~ .tabs #tab-four-label-events,
	#tab-five-events:checked ~ .tabs #tab-five-label-events, 
	#tab-six-events:checked ~ .tabs #tab-six-label-events,
	#tab-seven-events:checked ~ .tabs #tab-seven-label-events,
	#tab-eight-events:checked ~ .tabs #tab-eight-label-events,
	{
	    border:none;
	  }
}


	.micropedia-nav{
		position:-webkit-sticky;
		position:sticky;
		top:20px;
		z-index:3;
	  	display:flex;
	  	border:solid black 1px;
	}
	.micropedia-cat img{
	  	width:40px;
		height:40px;
	}
	.micropedia-cat{
		display:flex;
		align-items: center;
		background-color: white;
		flex-grow: 1;
	}