.ourteam-hero-wrapper{
position:relative;
height: 725px;
background-color: rgba(128, 128, 128, 0.05);
background: url('../images/hero-background.png') center / cover no-repeat;
}
.ourteam-content-row {
position: relative;
z-index: 999;
top: 14rem;
height: 68%;
scrollbar-width: none;
}
.ourteam-eyebrow {
color: var(--thememeatbrown);
font-weight: 600;
letter-spacing: 2px;
font-size: 0.85rem;
text-transform: uppercase;
margin-bottom: 0px;
}
.members-panel{
background:#fffffff5;
padding:25px 20px 17px;
height: 100%;
}
/* members cards */
.members-card{
position: relative;
height:177.5px;
overflow:hidden;
background-size:cover;
background-position:center;
background-color:#e7e7e7;
margin: 5px;
border:1px solid #f2f2f2;
}
.members-card-details-main{
display: none;
position: absolute;
place-items: center;
top: 0; left: 0;
width: 100%;
background-color:var(--themepurple);
opacity: 0.9;
background-size:cover;
height:177.5px;
color:#fff;
transition: all .3s ease-in-out;
}
.members-card:hover .members-card-details-main {
display: block grid;
}
.members-card-details{
width: 80%;
text-align: center;
}
.members-center-label{
font-weight:400;
font-size:0.6rem;
text-align:center;
line-height:1.4;
cursor: pointer;
display: inline;
border-bottom: 3px solid rgb(255, 255, 255);
padding-bottom: 5px;
}
.members-center-dis{
font-weight:600;
font-size:0.6rem;
margin: 10px;
}
.social{
list-style: none;
cursor: pointer;
font-size: 0.6rem;
gap: 0.5rem;
padding: 0; margin: 0;
justify-content: center;
}
.members-title{
font-weight:700;
font-size:1.92rem;
text-transform: uppercase;
color:#222;
margin-bottom:10px;
}
.corner-frame{
position:absolute;
width:70px;
height:70px;
border:1px solid rgba(255,255,255,0.6);
}
.corner-frame.tl{ top:14px; left:14px; border-right:none; border-bottom:none; }
.corner-frame.br{ bottom:14px; right:14px; border-left:none; border-top:none; }