/* Obaid Almazmi Team Plugin */
.obaid-team-wrap{
    max-width:1180px;
    margin:0 auto;
    padding:60px 20px;
    font-family:inherit;
}
.obaid-team-search{
    display:flex;
    align-items:center;
    border:1px solid #cfcfcf;
    height:72px;
    margin-bottom:45px;
    background:#fff;
}
.obaid-team-search .obaid-search-icon{
    width:70px;
    text-align:center;
    font-size:36px;
    line-height:1;
    color:#263238;
    transform:rotate(-20deg);
}
.obaid-team-search input{
    flex:1;
    border:0!important;
    outline:0;
    text-align:center;
    font-size:22px;
    letter-spacing:.5px;
    text-transform:uppercase;
    color:#263238;
    background:transparent;
}
.obaid-team-search button{
    border:0;
    background:#fff;
    padding:0 35px;
    font-size:16px;
    letter-spacing:.6px;
    cursor:pointer;
    color:#263238;
}
.obaid-team-search button span{font-size:26px;margin-left:20px;}
.obaid-team-filters{
    display:flex;
    gap:28px;
    justify-content:center;
    flex-wrap:wrap;
    margin-bottom:48px;
}
.obaid-team-filters button{
    background:#fff;
    border:2px solid #263238;
    color:#263238;
    padding:15px 34px;
    min-width:96px;
    font-weight:700;
    font-size:15px;
    cursor:pointer;
    transition:.25s;
}
.obaid-team-filters button.active,
.obaid-team-filters button:hover{
    background:#caa46a;
    border-color:#caa46a;
    color:#fff;
}
.obaid-team-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:50px 32px;
}
.obaid-team-wrap[data-columns="3"] .obaid-team-grid{grid-template-columns:repeat(3, minmax(0,1fr));}
.obaid-team-wrap[data-columns="5"] .obaid-team-grid{grid-template-columns:repeat(5, minmax(0,1fr));}
.obaid-team-card{
    text-decoration:none!important;
    color:#263238;
    display:block;
}
.obaid-team-photo{
    width:100%;
    aspect-ratio: 4/5;
    overflow:hidden;
    background:#f4f4f4;
    box-shadow:0 3px 10px rgba(0,0,0,.12);
}
.obaid-team-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .3s ease;
}
.obaid-team-card:hover img{transform:scale(1.04);}
.obaid-team-card h3{
    margin:22px 0 6px;
    font-size:24px;
    font-weight:500;
    line-height:1.15;
    color:#263238;
}
.obaid-team-card p{
    margin:0;
    color:#caa46a;
    font-weight:700;
    font-size:15px;
    text-transform:uppercase;
    line-height:1.45;
}
.obaid-placeholder{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#888;
}

/* Single Profile */
.obaid-profile{
    max-width:1180px;
    margin:0 auto;
    padding:65px 20px;
    color:#263238;
}
.obaid-back{
    display:inline-block;
    margin-bottom:35px;
    color:#263238;
    text-decoration:none;
    font-size:14px;
}
.obaid-profile-top{
    display:grid;
    grid-template-columns: 360px 1fr;
    gap:45px;
    align-items:start;
}

.obaid-profile-image{
    border:3px solid #caa46a;
    line-height:0;
}
.obaid-profile-image img{
    width:100%;
    height:auto;
    display:block;
}
.obaid-profile h1{
    margin:0;
    font-size:30px;
    font-weight:500;
    text-transform:uppercase;
}
.obaid-profile-designation{
    margin:6px 0 24px;
    color:#caa46a;
    font-weight:700;
    text-transform:uppercase;
}
.obaid-profile-content{
    font-size:15px;
    line-height:1.8;
}
.obaid-profile-contact{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    margin:28px 0;
    font-size:14px;
}
.obaid-profile-contact a{
    color:#263238;
}
.obaid-profile-meta{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:15px;
    border-top:2px solid #caa46a;
    padding-top:25px;
    margin-top:20px;
    align-items:start;
}

.obaid-profile-meta > div:first-child{
    max-width:160px;
}

.obaid-profile-meta > div:last-child{
    min-width:0;
}

.obaid-profile-meta strong{
    display:block;
    margin-bottom:10px;
}

.obaid-profile-meta ul{
    margin-top:0;
    padding-left:18px;
}

.obaid-profile-meta li{
    max-width:none;
}

.obaid-profile-section{
    padding:60px 0;
}
.obaid-profile-section h2{
    font-size:16px;
    text-transform:uppercase;
    color:#263238;
    margin:0 0 20px;
    font-weight:500;
}
.obaid-profile-section h2 span{color:#caa46a;}
.obaid-profile ul{
    margin:0;
    padding-left:18px;
    line-height:1.8;
}
.obaid-profile-awards{
    background:#f7f7f7;
    padding:50px 20px;
    margin-top:30px;
    text-align:center;
}

@media(max-width:1024px){
    .obaid-team-grid,
    .obaid-team-wrap[data-columns="4"] .obaid-team-grid,
    .obaid-team-wrap[data-columns="5"] .obaid-team-grid{grid-template-columns:repeat(3, minmax(0,1fr));}
    .obaid-profile-top{
    display:grid;
    grid-template-columns: 360px 1fr;
    gap:45px;
    align-items:start;
}

}
@media(max-width:767px){
    .obaid-team-search{height:auto; padding:12px; flex-wrap:wrap;}
    .obaid-team-search input{text-align:left; font-size:17px;}
    .obaid-team-search button{width:100%; padding:15px 0; text-align:right;}
    .obaid-team-filters{gap:12px; justify-content:flex-start;}
    .obaid-team-filters button{padding:12px 18px;}
    .obaid-team-grid,
    .obaid-team-wrap[data-columns] .obaid-team-grid{grid-template-columns:repeat(2, minmax(0,1fr)); gap:32px 18px;}
    .obaid-team-card h3{font-size:19px;}
    .obaid-profile-top{
    display:grid;
    grid-template-columns: 360px 1fr;
    gap:45px;
    align-items:start;
}

.obaid-profile-meta{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:15px;
    border-top:2px solid #caa46a;
    padding-top:25px;
    margin-top:20px;
    align-items:start;
}

.obaid-profile-meta > div:first-child{
    max-width:160px;
}

.obaid-profile-meta > div:last-child{
    min-width:0;
}

.obaid-profile-meta strong{
    display:block;
    margin-bottom:10px;
}

.obaid-profile-meta ul{
    margin-top:0;
    padding-left:18px;
}

.obaid-profile-meta li{
    max-width:none;
}

}
@media(max-width:480px){
    .obaid-team-grid,
    .obaid-team-wrap[data-columns] .obaid-team-grid{grid-template-columns:1fr;}
}


.obaid-profile-meta > div:first-child{
    margin-top:35px;
}

.obaid-profile-meta > div:last-child{
    margin-left:-10px;
}


/* v1.0.4 layout refinement */
.obaid-profile-meta{
    display:grid !important;
    grid-template-columns:90px 1fr !important;
    gap:5px !important;
    border-top:2px solid #caa46a;
    padding-top:25px;
    margin-top:20px;
    align-items:start;
}

.obaid-profile-meta > div:first-child{
    margin-top:40px;
}

.obaid-profile-meta > div:last-child{
    margin-left:-35px;
    max-width:100%;
}

.obaid-profile-meta li{
    line-height:1.6;
}


/* v1.0.5 qualification layout fix */
.obaid-profile-meta{
    display:grid !important;
    grid-template-columns:110px minmax(0,1fr) !important;
    gap:10px !important;
    border-top:2px solid #caa46a;
    padding-top:25px;
    margin-top:20px;
    align-items:start;
}

.obaid-profile-meta > div:first-child{
    margin-top:42px;
    width:110px;
}

.obaid-profile-meta > div:last-child{
    margin-left:0 !important;
    width:100%;
    max-width:100%;
}

.obaid-profile-meta ul{
    margin:0;
    padding-left:22px;
}

.obaid-profile-meta li{
    line-height:1.7;
    white-space:normal;
}


/* v1.0.6 typography update */
.obaid-team-card h3{
    font-size:18px !important;
    line-height:1.25 !important;
    margin:14px 0 2px !important;
    font-weight:500 !important;
}

.obaid-team-card p{
    font-size:12px !important;
    line-height:1.45 !important;
    text-transform:uppercase !important;
    letter-spacing:.2px !important;
    margin-top:0 !important;
    max-width:170px !important;
}


/* v1.0.7 designation size update */
.obaid-team-card p{
    font-size:10px !important;
    line-height:1.35 !important;
    letter-spacing:.15px !important;
    max-width:160px !important;
}


/* v1.0.8 center align update */
.obaid-team-card{
    text-align:center !important;
}

.obaid-team-card h3{
    text-align:center !important;
    margin-left:auto;
    margin-right:auto;
}

.obaid-team-card p{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}


/* v1.0.9 designation typography update */
.obaid-team-card p{
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.5 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    color:#c79a54 !important;
}
