.loop-formation {
margin-bottom: 30px;
}
.loop-formation-container {
position: relative;
}
.loop-formation-thumbnail {
position: relative;
width: 100%;
margin: 0;
overflow: hidden;
aspect-ratio: 9 / 4;
border-radius: 4px 4px 0 0;
}
.loop-formation-thumbnail img {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: translateY(-50%);
}
.home .loop-formation-thumbnail img {
height: 100% !important;
}
.loop-formation-thumbnail .wt-saveformation {
position: absolute;
top: 12px;
right: 10px;
z-index: 9;
}
.loop-formation-thumbnail .wt-saveformation i {
padding: 5px;
border-radius: 4px;
border: 1px solid #fff;
color: #fff;
}
.loop-formation-details {
width: 100%;
padding: 20px;
background: #fff;
border-radius: 0 0 4px 4px;
border: 1px solid #ddd;
border-top: 0;
}
.loop-formation-details .loop-formation-details-header {
height: auto;
margin-bottom: 1rem;
display: flex;
}
.loop-formation-details .wt-freelancers-img {
float: none;
margin-right: 5px !important;
}
.loop-formation-details .loop-trainer-name {
position: relative;
display: flex;
align-items: center;
color: #000;
}
.loop-formation-details .loop-trainer-name .wt-userdropdown {
position: relative;
top: unset;
right: unset;
margin-right: 6px;
}
.loop-formation-details .loop-trainer-name .wt-online:before {
content: '✓';
color: #fff;
position: absolute;
font-size: 8px;
top: 50%;
left: 50%;
transform: translate(-42%, -50%);
}
.loop-formation-details .loop-formation-title {
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #70BBA5;
}
.loop-formation-details .loop-formation-meta {
font-size: 14px;
text-align: center;
}
.loop-formation-details .loop-formation-meta span.cat {
color: #70BBA5;
}
.loop-formation-details .loop-formation-meta span.pipe {
color: #ddd;
}
.wt-freelancers-rating .average {
color: #000;
font-weight: 500;
}
.wt-freelancers-rating svg {
transform: translateY(2px);
}