.wt-userprofileholder {
padding: 0;
border-radius: 0;
background: transparent;
box-shadow: none !important;
}
.lb-profil-menu {
position: relative;
display: flex;
justify-content: center;
background: #f9f9f9;
}
.lb-profil-menu .lb-profil-menu-item {
display: flex;
align-items: center;
justify-content: center;
width: 130px;
min-height: 60px;
font-size: 16px;
border-top: 5px solid transparent;
font-weight: 600;
color: #000;
cursor: pointer;
}
.lb-profil-menu .lb-profil-menu-item.active {
border-top: 5px solid #ef7007;
color: #ef7007;
}
.lb-profil-menu .lb-profil-menu-item .bubble{
display: flex;
align-items: center;
justify-content: center;
min-width: 25px;
height: 25px;
font-size: 15px;
background-color: #EF7007;
border-radius: 30px;
color: #fff;
margin-left: 6px;
}
.lb-tab-content {
display: none;
}
.lb-tab-content.active {
display: block;
}
.lb-freelancers-experience,
.lb-freelancers-formation {
margin-top: 50px;
}
.lb-freelancers-header {
min-height: 60px;
display: flex;
align-items: center;
padding: 0 35px;
font-weight: 600;
font-size: 16px;
color: #fff;
background-color: #303030;
}
.lb-freelancers-container {
padding: 30px;
background: #FFF;
min-height: 300px;
} .lb-userprofile figure {
margin: 0 auto 20px;
width: 100%;
max-width: 260px;
aspect-ratio: 1 / 1;
border-radius: 4px;
overflow:hidden;
}
.lb-userprofile figure img {
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
object-fit: cover;
}
.lb-userprofile .lb-trainer-name {
position: relative;
display: flex;
align-items: center;
margin-bottom: 10px;
font-size: 16px;
color: #000;
}
.lb-userprofile .lb-trainer-name .wt-userdropdown {
position: relative;
top: unset;
right: unset;
margin-right: 6px;
}
.lb-userprofile .lb-trainer-name .wt-online:before {
content: '✓';
color: #fff;
position: absolute;
font-size: 8px;
top: 50%;
left: 50%;
transform: translate(-42%, -50%);
}
.lb-userprofile .lb-tag-line {
font-size: 18px;
font-weight: 600;
color: #000;
margin-bottom: 20px;
}
.lb-userprofile .lb-locations {
font-size: 16px;
font-weight: 500;
color: #000;
margin-bottom: 30px;
}
.lb-userprofile .lb-locations i {
margin-right: 6px;
}
.lb-userprofile .lb-btn-lead-profil {
border-radius: 30px;
position: absolute;
top: 0;
right: 50px;
z-index: 9;
}
.lb-userprofile .wt-clicksave {
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 50px;
color: #ef7007;
font-size: 16px;
cursor: pointer;
z-index: 9;
}
.lb-userprofile .wt-clicksave svg {
margin-left: 6px;
}
.lb-userprofile .lb-case {
min-height: 105px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 8px;
}
.lb-userprofile .lb-case.lb-grey {
background: #f5f5f5;
}
.lb-userprofile .lb-case .lb-case-number {
margin-bottom: 4px;
font-size: 22px;
font-weight: 600;
}
.lb-userprofile .lb-case:nth-child(1) .lb-case-number {
color: #24E980;
}
.lb-userprofile .lb-case:nth-child(2) .lb-case-number {
color: #3E73B9;
}
.lb-userprofile .lb-case:nth-child(3) .lb-case-number {
color: #EF7007;
}
.lb-userprofile .lb-case .lb-case-number.note {
font-size: 20px;
font-weight: 400;
color: #303030;
}
.lb-userprofile .lb-case .lb-case-number.note .trainer_note b {
font-size: 22px;
font-weight: 600;
}
.lb-userprofile .lb-case .lb-case-title {
font-size: 16px;
font-weight: 500;
color: #303030;
text-align: center;
}
.lb-userprofile .lb-case svg.star-y {
fill: #EFD358;
} .lb-userarticles .lb-profil-search {
}
.lb-userarticles .lb-profil-search .lb-searchbtn {
border: 0;
width: 50px;
color: #fff;
float: right;
line-height: 50px;
text-align: center;
border-radius: 0 4px 4px 0;
background: #333333;
}
.lb-userarticles .lb-profil-search .lb-searchbtn svg {
transform: translateY(5px);
}
.lb-userarticles .lb-profil-search .lb-profil-search-clear-btn {
position: absolute;
right: 65px;
top: 18px;
background: none;
border: none;
cursor: pointer;
}
.lb-userarticles .lb-profil-search .lb-profil-search-clear-btn svg {
fill: #c4c4c4;
}
.lb-userarticles .theme-nav, .lb-userarticles .theme-nav *,
.lb-userformations .theme-nav, .lb-userformations .theme-nav * {
float: none;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 576px) {
.lb-profil-menu .lb-profil-menu-item {
font-size: 14px;
}
.lb-profil-menu .lb-profil-menu-item .bubble {
min-width: 23px;
height: 23px;
font-size: 13px;
}
.lb-profil-menu {
flex-direction: column;
align-items: center;
}
}