@charset "UTF-8";

@font-face {
  font-family: 'Tenor Sans';
  src: url('fonts/TenorSans-Regular.ttf') format('ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


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

.tmm .tmm_container {
    display:flex;
    flex-wrap: wrap;
}

.tmm_last_row_centered .tmm_container:last-child .tmm_member {float:none;}
.tmm .tmm_columns_containers_desktop {display:block; clear:both;}

.tmm .tmm_member {
    display:inline-block;
    margin-top:70px;
    margin-bottom:30px;
    height:auto;
    float: left;
    text-align:center;
    -webkit-box-shadow: 1px 0px 2px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 1px 0px 2px 0px rgba(0,0,0,0.05);
    box-shadow: 1px 0px 2px 0px rgba(0,0,0,0.05);
    border-top:5px solid lightgrey;
    border-bottom:6px solid whitesmoke;
    background:white;
}

.tmm .tmm_three_entries {clear:both;}

.tmm .tmm_2_columns .tmm_member {
    margin-right:4%; margin-left:4%;
}

.tmm .tmm_3_columns .tmm_member {
    margin-right:2%; margin-left:2%;
}

.tmm .tmm_4_columns .tmm_member {
    margin-right:1%; margin-left:1%;
}


.tmm .tmm_2_columns .tmm_member {width: 42%;}
.tmm .tmm_3_columns .tmm_member {width: 29%;}
.tmm .tmm_4_columns .tmm_member {width: 23%;}

.tmm .tmm_1_columns .tmm_member {width: 96%; margin-right:2%; margin-left:2%;}
.tmm .tmm_5_columns .tmm_member {width: 18%; margin-right:1%; margin-left:1%;}

.tmm .tmm_member {
    display: flex;
    flex-direction: column;
}
    
.tmm .tmm_member .tmm_photo {
    width:150px;
    height:150px;
    border:none;
    -webkit-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.10);
    box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.10);
    border-radius:60px !important;
    margin-top:-80px;
    border:8px solid whitesmoke;
}

.tmm .tmm_4_columns .tmm_member .tmm_photo {
    width:100px;
    height:100px;
    margin-top:-50px;
    border-radius:40px !important;
    border:5px solid whitesmoke;
}

.tmm .tmm_5_columns .tmm_member .tmm_photo {
    width:100px;
    height:100px;
    margin-top:-50px;
    border-radius:40px !important;
    border:5px solid whitesmoke;
}

.tmm .tmm_member .tmm_textblock .tmm_scblock {
    padding: 10px 0;
    margin-top: auto;
}

.tmm .tmm_member .tmm_textblock {
    padding:10px 12px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    
}

.tmm .tmm_member .tmm_textblock .tmm_sociallink {clear:both; margin:10px; 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_names {
    font-size: 24px;
    margin-bottom: 8px;
    margin-top: 10px;
    line-height: 24px;
    font-family: 'Tenor Sans'!important;
    text-transform: uppercase;
}

.tmm .tmm_4_columns .tmm_names {font-size:17px;}
.tmm .tmm_5_columns .tmm_names {font-size:18px;}
.tmm .tmm_fname {display:inline;}
.tmm .tmm_lname {display:inline;}

.tmm .tmm_job {
    font-size: 14px;
    color: #a2a5a4;
    flex-grow: 1;
    font-family: 'Tenor Sans', serif!important;
    text-transform: uppercase;
}

.tmm .tmm_desc {padding:0px; margin-top:19px; margin-bottom:10px; font-size:14px;}
.tmm .tmm_4_columns .tmm_desc {margin-top:14px; margin-bottom:8px; font-size:13px; line-height: 23px;}
.tmm .tmm_5_columns .tmm_desc {margin-top:14px; margin-bottom:8px; font-size:13px;line-height:23px;}


/* TABLETS */
@media only screen and (min-width: 40em) and (max-width: 64.063em) {
    .tmm .tmm_columns_containers_desktop {display:none; clear:none;}
    .tmm_two_containers_tablet {display:block; clear:both;}

    .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:70px;
        margin-bottom:30px;
    }

    .tmm .tmm_names {font-size:20px; margin-bottom:8px; margin-top:10px; font-weight:300; line-height:24px;}
    .tmm .tmm_4_columns .tmm_names, .tmm .tmm_5_columns .tmm_names {font-size:17px;}
    .tmm .tmm_job {font-size:16px; color:#a2a5a4; text-transform:uppercase;}

    .tmm .tmm_desc {padding:10px; margin-top:19px; margin-bottom:10px; font-size:15px; line-height:23px;}
    .tmm .tmm_4_columns .tmm_desc, .tmm .tmm_5_columns .tmm_desc {margin-top:14px; margin-bottom:8px; font-size:14px; line-height: 23px;}

    .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:130px;
        height:130px;
        border-radius:50px !important;
        border:8px solid whitesmoke;
        margin-top:-65px;
    }
}

/* MOBILE  */
@media only screen and (max-width: 40em) {
    .tmm .tmm_columns_containers_desktop {display:none; clear:none;}
	.tmm .tmm_member {width: 96%; margin:0 2%; margin-top:70px; margin-bottom:30px;}
    .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:90px;
        margin-bottom:10px;
    }

    .tmm .tmm_4_columns .tmm_names,
    .tmm .tmm_5_columns .tmm_names {font-size:20px;}

    .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:160px;
        height:160px;
        border-radius:60px !important;
        border:8px solid whitesmoke;
        margin-top:-80px;
    }

    .tmm .tmm_desc {padding:10px; margin-top:19px; margin-bottom:10px; font-size:15px; line-height:23px;}
    .tmm .tmm_4_columns .tmm_desc, .tmm .tmm_5_columns .tmm_desc {margin-top:14px; margin-bottom:8px; font-size:14px; line-height: 23px;}
}

/* Picture Shape */
.tmm .tmm_1_columns .tmm_member .tmm_squared-borders, .tmm .tmm_2_columns .tmm_member .tmm_squared-borders, .tmm .tmm_3_columns .tmm_member .tmm_squared-borders, .tmm .tmm_4_columns .tmm_member .tmm_squared-borders, .tmm .tmm_5_columns .tmm_member .tmm_squared-borders {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

/* NO borders */
.tmm .tmm_1_columns .tmm_member .tmm_no-borders, .tmm .tmm_2_columns .tmm_member .tmm_no-borders, .tmm .tmm_3_columns .tmm_member .tmm_no-borders, .tmm .tmm_4_columns .tmm_member .tmm_no-borders, .tmm .tmm_5_columns .tmm_member .tmm_no-borders {
    border:0px !important;
}

/* Picture IN-BOX */
.tmm-inbox-pic .tmm_member .tmm_photo, .tmm-inbox-pic .tmm_4_columns .tmm_member .tmm_photo {margin-top:30px !important;}
.tmm-inbox-pic .tmm_member .tmm_photo, .tmm-inbox-pic .tmm_5_columns .tmm_member .tmm_photo {margin-top:30px !important;}
.tmm-inbox-pic .tmm_member .tmm_photo {margin-top:20px !important;}

/* Picture filters */
.tmm .tmm_member .tmm_filter-vintage {
  -webkit-filter: contrast(110%) sepia(40%);
  filter: contrast(110%) sepia(40%);
}
.tmm .tmm_member .tmm_filter-bandw {
  -webkit-filter: contrast(110%) grayscale(100%);
  filter: contrast(110%) grayscale(100%);
}
.tmm .tmm_member .tmm_filter-saturated {
  -webkit-filter: contrast(110%) saturate(1.5);
  filter: contrast(110%) saturate(1.5);
}

/* Hover box - More info */
.tmm .tmm_more_info {font-size:15px;}
.tmm .tmm_comp_text {
    overflow:hidden;
    padding-left:10px;
    padding-right:10px;
    opacity:0;
    -webkit-transition:All 400ms ease;
	-moz-transition:All 400ms ease;
	-o-transition:All 400ms ease;
    height:0px; background:#333; color:white; font-size:13px; margin-bottom:10px;}
.tmm .tmm_more_info:hover > .tmm_comp_text {height:auto; opacity:1; padding:10px;}

/* Force original fonts */
.tmm .tmm_container .tmm_ori_f .tmm_fname, .tmm .tmm_container .tmm_ori_f .tmm_job, .tmm .tmm_container .tmm_ori_f .tmm_desc, .tmm .tmm_container .tmm_ori_f .tmm_lname {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight:300 !important;}
