css Wenn Team Member Plugin upgedatet wird - CSS bearbeiten tmm_custom_style.css und tmm_custom_st

Posted 2021-05-13

@charset "UTF-8";
.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_last_row_centered .tmm_container:last-child .tmm_member {float:none;}
.tmm .tmm_columns_containers_desktop {display:block; clear:both;}

.tmm_member {
    margin-top:100px;
    height:auto;
    float: left; 
    text-align:center; 
    border-bottom:1px solid #fff;
    -webkit-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.05);
    box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.05);
    border-top:2px solid lightgrey !important;
    border-bottom:3px solid #fff;
    background:#fff;
}

.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_member .tmm_photo {
    width:100px; 
    height:100px; 
    border:none;
    -webkit-box-shadow: 2px 0px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 0px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 2px 0px 15px 0px rgba(0,0,0,0.15);
    border-radius:0px !important;
    margin-top:-50px;
    border:5px solid #fff;
}

.tmm_3_columns .tmm_member .tmm_photo {
    margin-top:-50px;
    border-radius:0px !important;
    border:5px solid #fff;
}

.tmm_4_columns .tmm_member .tmm_photo {
    width:100px; 
    height:100px; 
    margin-top:-50px;
    border-radius:0px !important;
    border:5px solid #fff;
}

.tmm_member .tmm_textblock .tmm_scblock {padding-top:10px;}
.tmm_member .tmm_textblock {padding:10px 10px;}
.tmm_member .tmm_textblock .tmm_sociallink {clear:both; margin-bottom:20px; border:none;}
.tmm_member .tmm_textblock .tmm_sociallink img {display:inline-block; border:none; width:24px; height:24px; box-shadow: 0 0 0 0;margin:10px 5px;}
.tmm_4_columns .tmm_member .tmm_textblock .tmm_sociallink img {width:21px; height:21px; margin:6px 3px;}
.tmm_member .tmm_textblock .tmm_sociallink img:hover {opacity:0.8;} 


.tmm_names {font-size:22px; margin-bottom:8px; margin-top:10px; font-weight:300; line-height:24px;}
.tmm_4_columns .tmm_names {font-size:19px;}
.tmm_fname {display:inline;}
.tmm_lname {display:inline;}
.tmm_job {font-size:1em; color:#a2a5a4; text-transform:none;}
.tmm_desc {padding:0px; margin-top:10px; margin-bottom:0px; font-size:0.95em;}
.tnm_desc p:only-child {margin-bottom: 0em;}
.tmm_4_columns .tmm_desc {padding:8px; margin-top:14px; margin-bottom:8px; font-size:1em; line-height: 23px;}


/* TABLETS */
@media only screen and (min-width: 40em) and (max-width: 64.063em) {
    .tmm_4_columns .tmm_member {width: 40%; margin-left:5%; margin-right:5%;}
    .tmm_names {font-size:17px; margin-bottom:8px; margin-top:10px; font-weight:300; line-height:24px;}
    .tmm_job {font-size:1em; color:#a2a5a4; text-transform:none;}
    .tmm_desc {padding:10px; margin-top:19px; margin-bottom:0px; font-size:1em; line-height:23px;}
    .tnm_desc p:only-child {margin-bottom: 0px !important;}
    .tmm_4_columns .tmm_desc {font-size:15px; line-height:23px;}
    .tmm_3_columns .tmm_member .tmm_photo {
        width:80px; 
        height:80px; 
        border-radius:0px !important;
        border:5px solid #fff;
    }
    .tmm_4_columns .tmm_member .tmm_photo {
        width:150px; 
        height:150px; 
        border-radius:0px !important;
        border:5px solid #fff;
    }
    .tmm_4_columns .tmm_member .tmm_textblock .tmm_sociallink img {width:24px; height:24px; margin:10px 5px;}
}

/* MOBILE  */
@media only screen and (max-width: 40em) {
    .tmm_member {width: 96%; margin:0 2%; margin-top:120px;}
    .tmm_2_columns .tmm_member, .tmm_3_columns .tmm_member, .tmm_4_columns .tmm_member {width: 96%; margin:0 2%; margin-top:50px;}
    .tmm_3_columns .tnm_desc p:only-child {margin-bottom: 0px !important;}
    .tmm_4_columns .tmm_desc {font-size:15px;}
    .tmm_3_columns .tmm_member .tmm_photo {
        display:none !important;
        width:150px; 
        height:150px; 
        border-radius:0px !important;
        border:5px solid #fff;
    }
    .tmm_4_columns .tmm_names {font-size:22px;}
    .tmm_4_columns .tmm_member .tmm_textblock .tmm_sociallink img {width:24px; height:24px; margin:0px;}
}

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

/*@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_2_columns .tmm_member,
    .tmm .tmm_3_columns .tmm_member,
    .tmm .tmm_4_columns .tmm_member {
        width: 40%; margin-left:5%; margin-right:5%;
        margin-top:70px;
        margin-bottom:30px;
    }

    .tmm .tmm_names {font-size:17px; margin-bottom:8px; margin-top:10px; font-weight:300; line-height:24px;}
    .tmm .tmm_4_columns .tmm_names {font-size:17px;}
    .tmm .tmm_job {font-size:13px; 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 {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 {
        width:130px;
        height:130px;
        border-radius:50px !important;
        border:8px solid whitesmoke;
        margin-top:-65px;
    }

}


@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 {
        width: 96%;
        margin:0 2%;
        margin-top:90px;
        margin-bottom:10px;
    }

    .tmm .tmm_4_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 {
        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 {margin-top:14px; margin-bottom:8px; font-size:14px; line-height: 23px;}
}

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

@charset "UTF-8";.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_last_row_centered .tmm_container:last-child .tmm_member{float:none}.tmm .tmm_columns_containers_desktop{display:block;clear:both}.tmm_member{margin-top:100px;height:auto;float:left;text-align:center;-webkit-box-shadow:1px 0 5px 0 rgba(0,0,0,.05);-moz-box-shadow:1px 0 5px 0 rgba(0,0,0,.05);box-shadow:1px 0 5px 0 rgba(0,0,0,.05);border-top:2px solid #d3d3d3!important;border-bottom:3px solid #fff;background:#fff}.tmm .tmm_three_entries{clear:both}.tmm .tmm_2_columns .tmm_member{margin-right:4%;margin-left:4%;width:42%}.tmm .tmm_3_columns .tmm_member{margin-right:2%;margin-left:2%;width:29%}.tmm .tmm_4_columns .tmm_member{margin-right:1%;margin-left:1%;width:23%}.tmm_member .tmm_photo{width:100px;height:100px;-webkit-box-shadow:2px 0 15px 0 rgba(0,0,0,.15);-moz-box-shadow:2px 0 15px 0 rgba(0,0,0,.15);box-shadow:2px 0 15px 0 rgba(0,0,0,.15);border-radius:0!important;margin-top:-50px;border:5px solid #fff}.tmm_3_columns .tmm_member .tmm_photo{margin-top:-50px;border-radius:0!important;border:5px solid #fff}.tmm_4_columns .tmm_member .tmm_photo{width:100px;height:100px;margin-top:-50px;border-radius:0!important;border:5px solid #fff}.tmm_member .tmm_textblock .tmm_scblock{padding-top:10px}.tmm_member .tmm_textblock{padding:10px}.tmm_member .tmm_textblock .tmm_sociallink{clear:both;margin-bottom:20px;border:none}.tmm_member .tmm_textblock .tmm_sociallink img{display:inline-block;border:none;width:24px;height:24px;box-shadow:0 0;margin:10px 5px}.tmm_4_columns .tmm_member .tmm_textblock .tmm_sociallink img{width:21px;height:21px;margin:6px 3px}.tmm_member .tmm_textblock .tmm_sociallink img:hover{opacity:.8}.tmm_names{font-size:22px;margin-bottom:8px;margin-top:10px;font-weight:300;line-height:24px}.tmm_desc,.tnm_desc p:only-child{margin-bottom:0}.tmm_4_columns .tmm_names{font-size:19px}.tmm_fname,.tmm_lname{display:inline}.tmm_job{font-size:1em;color:#a2a5a4;text-transform:none}.tmm_desc{padding:0;margin-top:10px;font-size:.95em}.tmm_4_columns .tmm_desc{padding:8px;margin-top:14px;margin-bottom:8px;font-size:1em;line-height:23px}@media only screen and (min-width:40em) and (max-width:64.063em){.tmm_4_columns .tmm_member{width:40%;margin-left:5%;margin-right:5%}.tmm_names{font-size:17px;margin-bottom:8px;margin-top:10px;font-weight:300;line-height:24px}.tmm_job{font-size:1em;color:#a2a5a4;text-transform:none}.tmm_desc{padding:10px;margin-top:19px;margin-bottom:0;font-size:1em;line-height:23px}.tnm_desc p:only-child{margin-bottom:0!important}.tmm_4_columns .tmm_desc{font-size:15px;line-height:23px}.tmm_3_columns .tmm_member .tmm_photo{width:80px;height:80px;border-radius:0!important;border:5px solid #fff}.tmm_4_columns .tmm_member .tmm_photo{width:150px;height:150px;border-radius:0!important;border:5px solid #fff}.tmm_4_columns .tmm_member .tmm_textblock .tmm_sociallink img{width:24px;height:24px;margin:10px 5px}}@media only screen and (max-width:40em){.tmm_member{width:96%;margin:120px 2% 0}.tmm_2_columns .tmm_member,.tmm_3_columns .tmm_member,.tmm_4_columns .tmm_member{width:96%;margin:50px 2% 0}.tmm_3_columns .tnm_desc p:only-child{margin-bottom:0!important}.tmm_4_columns .tmm_desc{font-size:15px}.tmm_3_columns .tmm_member .tmm_photo{display:none!important;width:150px;height:150px;border-radius:0!important;border:5px solid #fff}.tmm_4_columns .tmm_names{font-size:22px}.tmm_4_columns .tmm_member .tmm_textblock .tmm_sociallink img{width:24px;height:24px;margin:0}}.tmm_container .tmm_ori_f .tmm_desc,.tmm_container .tmm_ori_f .tmm_fname,.tmm_container .tmm_ori_f .tmm_job,.tmm_container .tmm_ori_f .tmm_lname{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif!important;font-weight:300!important}