@charset "UTF-8";
/* CSS Document */


/* --------------------------------------------------*/
/*	TEAM OVERVIEW
/*---------------------------------------------------*/
	.teamlist {}
	.teammember {position:relative; padding:15px;}
	.teammember p {margin:0; padding:0; }
	.teammember .serious {display:none;}
	.teammember .silly {display:block;}
	
	.teammember:hover .team-info-box, .teammember:hover .team-info-box2 { display:flex; }
	.teammember:hover .silly {display:none;}
	.teammember:hover .serious {display:block;}
	.team-info-box {
		display: none;
		align-items: center;
		justify-content: center;
		position:absolute;
		top:15px; left:15px; bottom:15px; right:15px; margin:auto;
		border-radius:50%;
		background:rgba(255,128,23,0.8);
	}
	.team-info-box2 {
		display: none;
		position:absolute;
		top:15px; left:15px; bottom:15px; right:15px; margin:auto;
		background:rgba(255,128,23,0.6);
	}

	.team-info {
		max-width:99%;
	}
	.team-name {text-align:center; color:#fff; font-size:1.2em; text-transform: uppercase; font-weight:200;}
.team-title {text-align:center; color:#fff; font-size:0.7em;}
	.teammember-circle {
		color:rgba(245,133,40,0.6);
		border-radius: 50%;
		width: 100%;
		height: 100%; 
		/* width and height can be anything, as long as they're equal */
	}


/*--------------------------------------------------*/
/*	END TEAM OVERVIEW
/*--------------------------------------------------*/
	

/*--------------------------------------------------*/
/*	TEAM DETAIL
/*--------------------------------------------------*/

	.teammember2 img {width:80%; height:80%; margin-bottom:15px;}

	@media (min-width: 768px) { 
		.teammember2 img {width:60%; height:60% }
	}

	
	.teammember2 img.img-right {margin-left:15px; float:right;}
	.teammember2 img.img-left {margin-right:15px; float:left;}
	
	
	.teammember2:nth-child(odd) { border-right:#f69836 thin solid; }
	.teammember2 { padding:0 50px 0px 50px; margin-bottom:125px;}
	.teammember2 p {text-align:justify; }
	.teammember2-infobox {
		text-align:center;	
		padding-bottom:15px;
	}
	.teammember2-infobox .team-name, .teammember2-infobox .team-title {color:#6D6F72;}
	.teammember2-infobox h2 { padding:0; }

/*--------------------------------------------------*/
/*	END TEAM DETAIL
/*--------------------------------------------------*/