/* Staff CSS Document */

	.staff {
	display:block;
	}
	
		/* List of image next to text */
		.staff .staff-item {
		display:block;
		margin-bottom:20px;
		}
			.staff .staff-item .staff-item-text {
			float:right;
			width:80%;
			}
			
			.staff .staff-item .staff-item-image {
			float:left;
			width:18%;
			}
		
		
		/* Grid of image next to text */
		.staff.grid-text-side .staff-item {
		float:left;
		display:inline-block;
		width:32%;
		margin-right:2%;
		margin-bottom:20px;
		position:relative;	
		}
			.staff.grid-text-side .staff-item .staff-item-text {width:60%;}
			.staff.grid-text-side .staff-item .staff-item-image {width:35%;}
			
			.staff.grid-text-side .staff-item:nth-child(3n+3) {margin-right:0%;}
			.staff.grid-text-side .staff-item:nth-child(3n+4) {clear:both;}
			
			.main-content .staff.grid-text-side .staff-item {
			width:48%;
			margin-right:4%;
			margin-bottom:40px;
			}
				.main-content .staff.grid-text-side .staff-item:nth-child(2n+2) {margin-right:0%;}
				.main-content .staff.grid-text-side .staff-item:nth-child(3n+3) {clear:both;}
				
			.full-left .staff.grid-text-side .staff-item,
			.full-right .staff.grid-text-side .staff-item,
			.main-third .staff.grid-text-side .staff-item,
			.main-right .staff.grid-text-side .staff-item,
			.main-left .staff.grid-text-side .staff-item {
			width:100% !important;
			margin-right:0% !important;
			margin-bottom:40px;
			}
			
			
			
		/* Summary list of image next to text */
		.staff.list-summary .staff-item {
		display:block;
		margin-bottom:8px;
		}
			.staff.list-summary .staff-item .staff-item-text {
			width:78%;
			line-height:16px;
			}
				.staff.list-summary .staff-item .staff-item-text .staff-item-details {display:none;}
			
			.staff.list-summary .staff-item .staff-item-image {
			width:18%;
			}
			
			
			
			/* Staff images */
			.staff .staff-item a.staff-item-image {
			display:block;
			}
			
				.staff .staff-item:hover a.staff-item-image {
				opacity:0.7;
				}
			
			.staff .staff-item a.staff-item-image {
			display:block;
			-webkit-backface-visibility:hidden;
			-moz-transition:all .3s ease-out;
			-webkit-transition:all .3s ease-out;
			transition:all .3s ease-out;
			}
		
				.staff .staff-item a.staff-item-image img {
				vertical-align:middle;
				}
				
		
		
		/* Staff details page */		
		.staff-details {
		display:block;
		}
		
			.staff-details .staff-details-image {
			float:right;
			margin-left:20px;
			max-width:50%;
			}
			

	/* Circle Grid 1 */
	
	.staff.circle-grid-small .staff-item {
	width:16%; 
	margin-right:5%; 
	float:left; 
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	margin-bottom:20px
	}
		.staff.circle-grid-small .staff-item:nth-child(5n+5) {margin-right:0%;}
		.staff.circle-grid-small .staff-item:nth-child(5n+6) {clear:both;}
		
		.staff.circle-grid-small .staff-item img {
		max-width:100px;
		max-height:100px;
		width:auto;
		height:auto;
		border-radius:100px;
		border:5px solid #fff;
		-webkit-box-shadow: 0px 0px 0px 10px rgba(255,255,255,1), inset 0px 0px 6px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 0px 10px rgba(255,255,255,1), inset 0px 0px 6px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 0px 10px rgba(255,255,255,1),  inset 0px 0px 6px 0px rgba(0,0,0,0.75);
		padding:10px;
		float:none;
		clear:both;
		}

		
		
		
	.staff.circle-grid-big .staff-item {
	width:22%; 
	margin-right:4%; 
	float:left; 
	/* Side borders
	border-left:solid 1px rgba(0,0,0,0.25);
	border-right:solid 1px rgba(0,0,0,0.25);*/
	text-align:left;
	margin-bottom:50px
	}
		.staff.circle-grid-big .staff-item:nth-child(4n+4) {margin-right:0%;}
		.staff.circle-grid-big .staff-item:nth-child(4n+5) {clear:both;}
		
		.staff.circle-grid-big .staff-item img {
		max-width:200px;
		max-height:200px;
		width:auto;
		height:auto;
		border-radius:200px;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		text-align:center;
		}
		
		.staff.circle-grid-big .staff-item h4 {
		/* Divider/Border between image and text
		
		width:100%;
		
			border Version:
		border-top: solid 1px rgba(0,0,0,0.25); 
		
			Box Shadow version:
		-webkit-box-shadow: inset 0px 3px 5px -2px rgba(0,0,0,0.25);
		-moz-box-shadow: inset 0px 3px 5px -2px rgba(0,0,0,0.25);
		box-shadow: inset 0px 3px 5px -2px rgba(0,0,0,0.25);*/
		}
		
		.staff.circle-grid-big .staff-item h4,
		.staff.circle-grid-big .staff-item strong,
		.staff.circle-grid-big .staff-item .silent,
		.staff.circle-grid-big .staff-item .small,
		.staff.circle-grid-big .staff-item p {
		/* If using borders
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		padding:10px;
		width:100%; */
		
		/*text-align:left;
		float:left;*/
		}
		
		.staff.circle-grid-big .staff-item .small {/*border-top:1px solid rgba(0,0,0,0.25);*/}