.loop-member {
margin-bottom: 30px;
}
.loop-member-container {
position: relative;
padding: 20px;
background: #FFF;
min-height: 300px;
border: 1px solid #ddd;
border-radius: 4px;
}
.loop-member-container .loop-member-banner {
width: 100%;
height: 100%;
border-radius: 4px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.loop-member-container .loop-member-banner img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.1;
}
.loop-member-container .loop-member-thumbnail {
position: relative;
display: flex;
justify-content: center;
z-index: 9;
}
.loop-member-container .loop-member-thumbnail figure {
width: auto;
max-width: 100px;
max-height: 100px;
margin: 0 !important;
border-radius: 50px;
overflow: hidden;
}
.loop-member-container .loop-member-thumbnail figure img {
width: 100%;
display: block;
background: #fff;
}
.loop-member-container .loop-member-name {
position: relative;
text-align: center;
font-size: 18px;
font-weight: 600;
color:#303030;
z-index: 9;
}
.loop-member-container .loop-member-tagline {
position: relative;
margin-bottom: 6px;
text-align: center;
font-size: 16px;
font-weight: 600;
color:#303030;
z-index: 9;
}
.loop-member-container .lb-member-locations {
position: relative;
display: flex;
align-items:center;
justify-content: center;
font-size: 14px;
font-weight: 400;
color:#919191;
z-index: 9;
}
.loop-member-container .lb-member-locations i {
margin-right: 6px;
}
.loop-member-container .lb-member-locations i img {
transform: translateY(1px);
}
.loop-member-container .loop-member-meta {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
margin-top: 16px;
z-index: 9;
}
.loop-member-container .loop-member-meta .lb-member-case {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 2px;
}
.loop-member-container .loop-member-meta .lb-member-case .lb-member-case-number {
margin-bottom: 4px;
padding: 2px 20px;
line-height: 20px;
font-size: 12px;
border: 1px solid #000;
border-radius: 30px;
}
.loop-member-container .loop-member-meta .lb-member-case:nth-child(1) .lb-member-case-number {
border-color: #24E980;
color: #24E980;
}
.loop-member-container .loop-member-meta .lb-member-case:nth-child(2) .lb-member-case-number {
border-color: #EF7007;
color: #EF7007;
}
.loop-member-container .loop-member-meta .lb-member-case:nth-child(3) .lb-member-case-number {
border-color: #3E73B9;
color: #3E73B9;
}
.loop-member-container .loop-member-meta .lb-member-case .lb-member-case-number.note {
display: flex;
align-items: center;
border-color: #EFD358;
color: #000;
}
.loop-member-container .loop-member-meta .lb-member-case .lb-member-case-title {
font-size: 10px;
line-height: 12px;
color: #919191;
}
.loop-member-container .loop-member-meta .lb-member-case svg.star-y {
fill: #EFD358;
margin-right: 4px;
}