/**
 * CSS Stylesheet for the front-end interface for Team Member Snapshots
 *
 * @package Team Member Snapshots
 */

.clearfix {
	clear: both;
}

.tms-team-all .tms-member-wrapper {
	float: left;
}
.tms-team-all.tms-columns-2 .tms-member-wrapper {
	width: 50%;
}
.tms-team-all.tms-columns-3 .tms-member-wrapper {
	width: 33%;
}
.tms-team-all.tms-columns-3 .tms-member-wrapper.tms-last-column {
	width: 34%;
	float: right;
}
.tms-team-all.tms-columns-4 .tms-member-wrapper {
	width: 25%;
}
.tms-team-all.tms-columns-5 .tms-member-wrapper {
	width: 20%;
}
.tms-team-all.tms-columns-6 .tms-member-wrapper {
	width: 16.5%;
}
.tms-team-all.tms-columns-6 .tms-member-wrapper.tms-last-column {
	width: 17.5%;
	float: right;
}
.tms-image,
.tms-content {
	margin: 10px;
	padding: 10px;
	background: #eee;
	border: 1px solid #ccc;
}
.tms-image {
	border-bottom: 0;
	margin-bottom: 0;
}
.tms-image img {
	width: 100%;
}
.tms-content {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}
.tms-no-image .tms-content {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #ccc;
}
.tms-content .tms-name {
	font-weight: bold;
}
.tms-content .tms-role {
	font-style: italic;
}
.tms-content .tms-description {
	padding-top: 10px;
}

/**
 * This media query is pegged to Bootstrap 3's breakpoint
 ********************************************************/
@media (max-width: 991px) {

	.tms-team-all .tms-member-wrapper,
	.tms-team-all.tms-columns-2 .tms-member-wrapper,
	.tms-team-all.tms-columns-3 .tms-member-wrapper,
	.tms-team-all.tms-columns-3 .tms-member-wrapper.tms-last-column,
	.tms-team-all.tms-columns-4 .tms-member-wrapper,
	.tms-team-all.tms-columns-5 .tms-member-wrapper,
	.tms-team-all.tms-columns-6 .tms-member-wrapper,
	.tms-team-all.tms-columns-6 .tms-member-wrapper.tms-last-column {
		width: auto;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
		
}