@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; }