.community-member-wrap {
    background-color: #C6D8B9;
}

.community-member-wrap .con-inner {
    max-width: 1610px;
    margin: 0 auto;
}

.community-center-content-wrap {
    display: flex;
    column-gap: 28px;
}

.post-type-archive-community_members .publish_page_title h1 {
    font-size: 28px;
    color: #000;
    font-weight: 700;
}

#member-results {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.member-card {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transition: all .3s ease;
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-flow: column;    
}

.member-image {
    min-width: 277px;
}
.member-image img {
    width: 100%;
    max-height: 277px;    
    height: auto;
    object-fit: cover;
    display: block;
}

.member-content {
    padding: 18px;background: #fff;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;    
}

.member-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 6px;
    color: #000;
}

.member-position {
    font-size: 18px;
    color: #000;
    margin-bottom: 14px;
}

.member-links {
    display: flex;
    gap: 27px;
    font-size: 14px;
}

.member-links a {
    text-decoration: none;
    color: #000;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 18px;
}

.member-links a:hover{
    color: #7CA36C; text-decoration: underline;
}
.member-links a:before {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14.461' height='14.461' viewBox='0 0 14.461 14.461'><path d='M.105,0V9.581H2.022V3.272l6.96,6.96 1.355-1.355-6.96-6.96h6.31V0Z' transform='translate(14.538 7.411) rotate(137)'/></svg>");
}

.member-links a:hover:before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14.461' height='14.461' viewBox='0 0 14.461 14.461'><path d='M.105,0V9.581H2.022V3.272l6.96,6.96 1.355-1.355-6.96-6.96h6.31V0Z' transform='translate(14.538 7.411) rotate(137)' fill='%237ca36c'/></svg>");
}
.member-links a.lab-btn:after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11.526' height='11.525' viewBox='0 0 11.526 11.525'><path d='M1.4 1.288s-.018-.011-.036 0a.651.651 0 0 0-.208.469V9.766a.663.663 0 0 0 .208.469c.018.012.033 0 .036 0s.007.026.027.041a.758.758 0 0 0 .336.095H9.766a.758.758 0 0 0 .336-.095c.02-.015.02-.035.027-.041s.018.011.036 0a.662.662 0 0 0 .208-.454l0-3.561a.587.587 0 0 1 1.148.013l0 3.734a1.754 1.754 0 0 1-1.545 1.559H1.575A1.787 1.787 0 0 1 .584 11.1 1.779 1.779 0 0 1 0 9.966V1.559A1.756 1.756 0 0 1 1.545 0L5.278 0a.585.585 0 0 1 .015 1.15H1.729a.728.728 0 0 0-.305.095c-.02.016-.021.035-.028.041' fill='%23a3a3a3'/><path d='M71.939 2l-4.8 4.794a.584.584 0 0 1-.822-.822l4.794-4.8H68.981a.679.679 0 0 1-.354-.2A.586.586 0 0 1 69.041 0h3.52a.6.6 0 0 1 .546.546v3.52a.588.588 0 0 1-1.095.264.969.969 0 0 1-.074-.218Z' transform='translate(-61.581)' fill='%23a3a3a3'/></svg>");
}
.community-center-content-wrap .pub-filters h4 {
    color: #000;
}

.community-center-content-wrap .pub-filters select {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M1 1 L5 5 L9 1' stroke='black' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>");
    color: #000;
}

section.community-center-content {
    padding-bottom: 80px; min-height:1000px
}

.community-center-content {
    padding:13px 0;
}

.con-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.member-detail-wrap {
    max-width: 850px;
}

.member-detail-top {
    display: flex;
    align-items: flex-start;
    gap: 51px;
    margin-bottom: 30px;
}
.member-detail-info {
    padding-top: 112px;
}
.member-detail-image img {
   
    border-radius: 16px;
}

.member-detail-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 6px;
    color: #000;
}

.member-detail-position {
    font-size: 18px;
    color: #000;
    margin: 0;
}

.member-detail-content {
    font-size: 18px;
    line-height: 1.7;
    color: #000;
    margin-bottom: 20px;
    padding-left: 22px;
}
.member-detail-community {
    text-transform: capitalize;
    margin-bottom: 10px;
    font-size: 14px;
}
.member-detail-lab  a {
    display: flex;
    align-items: center;
}
.member-detail-lab a {
    text-decoration: none;
    font-weight: 600;
    color: #000;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    margin-top: 20px;
}


.member-detail-lab a:before {
    content: "";
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'><path d='M5 12H19' stroke='black' stroke-width='2' stroke-linecap='round'/><path d='M13 6L19 12L13 18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
.community-center-right {
    flex: 1;
}
@media only screen and (max-width:1366px){
#member-results {
    grid-template-columns: repeat(3, 1fr);
}
}
/*@media only screen and (max-width:1024px){*/
/*    #member-results {*/
       
/*        grid-template-columns: repeat(3, 1fr);*/
      
/*    }*/
/*}*/
@media only screen and (max-width:799px){
    #member-results {
       
        grid-template-columns: repeat(2, 1fr);
      
    }
    .member-detail-info {
        padding-top: 30px;
    }
    .member-detail-top {
       
        gap: 15px;
       
    }
    .member-image img {
        max-width: 100%;
        height: auto;
    }
}
@media only screen and (max-width:599px){
    .community-center-content-wrap {
       
        flex-direction: column;
    }
    .community-center-content-wrap .pub-filters .search_attribute:nth-child(3) {
        display: block;
    }
    .community-center-content-wrap .search_attribute {
        width: 48%;
    }
    .member-links a {
        
        gap: 0;
        font-size: 12px;
    }
    .member-detail-info {
        padding-top: 0;
    }
    #member-results {
        grid-template-columns: repeat(1, 1fr);
    }
}