b0y-101 Mini Shell


Current Path : E:/www2/kidsbangna/wp-content/plugins/team-members/inc/css/
File Upload :
Current File : E:/www2/kidsbangna/wp-content/plugins/team-members/inc/css/tmm_style.css

@charset "UTF-8";

/**
 * Team Members Front CSS
 */

.tmm .tmm_wrap {width:100%; margin-bottom:30px; text-align:center;}
.tmm .clearer {clear:both;}

.tmm .tmm_container {display:inline;}
.tmm .tmm_container:last-child {display:block; text-align:center !important;}
.tmm .tmm_container:last-child .tmm_member {float:none !important;}
.tmm .tmm_columns_containers_desktop {display:block; clear:both;}

.tmm .tmm_member {
	vertical-align:top;
	display:inline-block;
	margin-top:25px;
	margin-bottom:25px;
	height:auto;
	float: left;
	position:relative;
	text-align:center;
	-webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.04);
	-moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.04);
	box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.04);
	border-top:5px solid lightgrey;
	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
	border-bottom:5px solid whitesmoke;
	background:white;
	box-sizing:border-box;}

	.tmm .tmm_1_columns .tmm_member { 
		width: 96%; 
		margin-right:2%; margin-left:2%;
		margin-top:140px; margin-bottom:25px;}
	
	.tmm .tmm_2_columns .tmm_member {
		width: 42%;
		margin-right:4%; margin-left:4%;
		margin-top:120px; margin-bottom:25px;}

	.tmm .tmm_3_columns .tmm_member {
		width: 29%;
		margin-right:2.16%; margin-left:2.16%;
		margin-top:100px; margin-bottom:25px;}
	
	.tmm .tmm_4_columns .tmm_member {
		width: 23%;
		margin-right:1%; margin-left:1%;
		margin-top:80px; margin-bottom:20px;}
	
	.tmm .tmm_5_columns .tmm_member {
		width: 18%; 
		margin-right:1%; margin-left:1%;
		margin-top:50px; margin-bottom:35px;}


.tmm .tmm_three_entries {clear:both;}


.tmm .tmm_member .tmm_photo {
	margin-left: auto;
	margin-right: auto;
	background-size: cover !important;
	background-position: center center !important;
	width: 60%;
	padding-bottom: 60%;
	border:none;
	-webkit-box-shadow: 2px 0px 1px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 2px 0px 1px 0px rgba(0,0,0,0.05);
	box-shadow: 2px 0px 1px 0px rgba(0,0,0,0.05);
	border-radius: 34% !important;
	margin-top:-30%;
	border:6px solid #eeeeee; }

.tmm_1_columns .tmm_member .tmm_photo { 
	width:35%; padding-bottom:35%; margin-top: -18%; }

.tmm_2_columns .tmm_member .tmm_photo { 
	width:50%; padding-bottom:50%; margin-top: -25%; }


.tmm .tmm_member .tmm_textblock .tmm_scblock {padding-top:10px;}
.tmm .tmm_member .tmm_textblock {padding:10px 12px;}
.tmm .tmm_member .tmm_textblock .tmm_sociallink {clear:both; margin-bottom:20px; border:none; box-shadow:0 0 0;}
.tmm .tmm_member .tmm_textblock .tmm_sociallink img {
	display:inline-block;
	border:none; width:24px;
	height:24px;
	box-shadow: 0 0 0 0;
	margin:10px 4px;}

.tmm .tmm_5_columns .tmm_member .tmm_textblock .tmm_sociallink img {width:19px; height:19px; margin:6px 2px;}
.tmm .tmm_4_columns .tmm_member .tmm_textblock .tmm_sociallink img {width:21px; height:21px; margin:6px 3px;}
.tmm .tmm_member .tmm_textblock .tmm_sociallink img:hover {opacity:0.8;}

.tmm .tmm_fname {display:inline;}
.tmm .tmm_lname {display:inline;}


/* GENERAL */
.tmm .tmm_names span,
.tmm .tmm_names span.tmm_fname,
.tmm .tmm_names span.tmm_lname,
.tmm .tmm_names {
	color: #222222;
}

.tmm .tmm_desc,
.tmm .tmm_desc span,
.tmm .tmm_desc p {
	color: #555555;
	word-break: break-word;
}

.tmm .tmm_job,
.tmm .tmm_job p {
	color: #888888;
}


/* FONTS */
.tmm .tmm_plugin_f .tmm_names {
	font-size:20px; 
	font-weight:400; 
	line-height:24px;
	margin-bottom:8px; 
	margin-top:10px; }

.tmm .tmm_plugin_f .tmm_job {
	font-size:16px; 
	font-weight:400;}

.tmm .tmm_plugin_f .tmm_desc {
	padding:0px; 
	margin-top:19px; 
	margin-bottom:10px; 
	font-weight:400;
	font-size:14px; 
	line-height:23px;}

.tmm .tmm_theme_f .tmm_names {
	font-size: 1.1em;
	font-weight:400; 
	margin-bottom:8px; 
	margin-top:10px; }

.tmm .tmm_theme_f .tmm_job {
	font-size: 1em;
	font-weight:400;}

.tmm .tmm_theme_f .tmm_desc {
	font-size:0.9em;
	line-height:165%;
	padding:0px; 
	font-weight:400;
	margin-top:19px; 
	margin-bottom:10px; }


/* TABLETS */
@media only screen and (max-width: 64.063em) {

	.tmm .tmm_columns_containers_desktop {display:none; clear:none;}
	.tmm_two_containers_tablet {display:block; clear:both;}

	.tmm .tmm_member,
	.tmm .tmm_2_columns .tmm_member,
	.tmm .tmm_3_columns .tmm_member,
	.tmm .tmm_4_columns .tmm_member,
	.tmm .tmm_5_columns .tmm_member {
		width: 40%; 
		margin-left:5%; margin-right:5%;
		margin-top:80px; margin-bottom:25px;}

	.tmm .tmm_1_columns .tmm_member {
		margin-top:100px; margin-bottom:15px;}

	.tmm .tmm_member .tmm_photo,
	.tmm .tmm_2_columns .tmm_member .tmm_photo,
	.tmm .tmm_3_columns .tmm_member .tmm_photo,
	.tmm .tmm_4_columns .tmm_member .tmm_photo,
	.tmm .tmm_5_columns .tmm_member .tmm_photo {
		width:50%; padding-bottom:50%; margin-top: -25%; }

}


/* MOBILE  */
@media only screen and (max-width: 40em) {

	.tmm .tmm_columns_containers_desktop {display:none; clear:none;}
	
	.tmm .tmm_member,
	.tmm .tmm_1_columns .tmm_member,
	.tmm .tmm_2_columns .tmm_member,
	.tmm .tmm_3_columns .tmm_member,
	.tmm .tmm_4_columns .tmm_member,
	.tmm .tmm_5_columns .tmm_member {
		width: 96%;
		margin:0 2%;
		margin-top:110px;
		margin-bottom:25px;}

	.tmm .tmm_member .tmm_photo,
	.tmm .tmm_1_columns .tmm_member .tmm_photo,
	.tmm .tmm_2_columns .tmm_member .tmm_photo,
	.tmm .tmm_3_columns .tmm_member .tmm_photo,
	.tmm .tmm_4_columns .tmm_member .tmm_photo,
	.tmm .tmm_5_columns .tmm_member .tmm_photo { 
		width:45%; padding-bottom:45%; margin-top: -24%; }

	.tmm .tmm_plugin_f .tmm_desc {
		padding: 0 10px;
		font-size:16px; 
		line-height:27px;}

}


.tmm_plugin_f,
.tmm_plugin_f .tmm_names span,
.tmm_plugin_f .tmm_job,
.tmm_plugin_f .tmm_desc,
.tmm_plugin_f .tmm_desc a,
.tmm_plugin_f .tmm_desc span,
.tmm_plugin_f .tmm_desc p,
.tmm_plugin_f .tmm_desc h1,
.tmm_plugin_f .tmm_desc h2,
.tmm_plugin_f .tmm_desc h3,
.tmm_plugin_f .tmm_desc h4,
.tmm_plugin_f .tmm_desc h5,
.tmm_plugin_f .tmm_desc h6,
.tmm_plugin_f .tmm_desc ul li,
.tmm_plugin_f .tmm_desc ol li {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

Copyright © 2019 by b0y-101