/* ==========================================================
   FIRM SOCIETY
   Members Directory
   members.css
========================================================== */


/* ==========================================================
   MEMBERS PAGE
========================================================== */

.members-content,
.member-toolbar,
.members-hero {
    width: 100%;
}


/* ==========================================================
   MEMBERS HERO
========================================================== */

.members-hero {
    position: relative;

    height: 165px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    overflow: hidden;

    padding: 30px 42px;

    color: #fff;

    background:
        linear-gradient(
            90deg,
            rgba(7, 43, 82, .88) 0%,
            rgba(7, 43, 82, .60) 48%,
            rgba(7, 43, 82, .22) 100%
        ),
        url(
            "https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1800&q=80"
        )
        center 48% / cover no-repeat;
}

.members-hero-copy {
    position: relative;

    z-index: 2;
}

.members-hero h1 {
    margin: 0 0 7px;

    color: #fff;

    font-size: 43px;
    font-weight: 700;
    line-height: 1;

    text-shadow:
        0 2px 5px rgba(0, 0, 0, .40);
}

.members-hero p {
    margin: 0;

    color: #fff;

    font-size: 18px;
    font-weight: 400;

    text-shadow:
        0 1px 4px rgba(0, 0, 0, .55);
}

.members-hero-tagline {
    position: relative;

    z-index: 2;

    margin-right: 28px;

    color: #fff;

    font-family:
        "Segoe Script",
        "Brush Script MT",
        cursive;

    font-size: 29px;
    font-style: italic;
    line-height: 1.05;

    text-align: center;

    transform: rotate(-5deg);

    text-shadow:
        0 2px 5px rgba(0, 0, 0, .65);
}


/* ==========================================================
   MEMBER TOOLBAR
========================================================== */

.member-toolbar {
    display: grid;

    grid-template-columns:
        minmax(300px, 1fr)
        145px
        145px
        135px;

    gap: 12px;

    padding: 14px 16px;

    border-bottom: 1px solid #dce4ed;

    background: #fff;
}


/* ==========================================================
   MEMBER SEARCH
========================================================== */

.member-search-wrapper {
    position: relative;

    min-width: 0;
}

.member-search-icon {
    position: absolute;

    top: 50%;
    left: 14px;

    z-index: 2;

    color: #2868b8;

    font-size: 23px;
    line-height: 1;

    transform: translateY(-50%);

    pointer-events: none;
}

.member-search-wrapper input {
    width: 100%;
    height: 44px;

    padding: 0 15px 0 46px;

    border: 1px solid #cfdbe7;
    border-radius: 5px;

    outline: none;

    background: #fff;
    color: #142d50;

    font-family: inherit;
    font-size: 13px;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.member-search-wrapper input::placeholder {
    color: #7288a2;
}

.member-search-wrapper input:focus {
    border-color: #2871c4;

    box-shadow:
        0 0 0 3px rgba(40, 113, 196, .10);
}


/* ==========================================================
   TOOLBAR SELECTS
========================================================== */

.member-toolbar select {
    width: 100%;
    height: 44px;

    padding: 0 35px 0 13px;

    border: 1px solid #cfdbe7;
    border-radius: 5px;

    outline: none;

    background: #fff;
    color: #24466e;

    font-family: inherit;
    font-size: 13px;

    cursor: pointer;
}

.member-toolbar select:focus {
    border-color: #2871c4;

    box-shadow:
        0 0 0 3px rgba(40, 113, 196, .10);
}


/* ==========================================================
   MAIN MEMBERS CONTENT
========================================================== */

.members-content {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        285px;

    gap: 15px;

    padding: 12px 16px 30px;

    background: #f4f7fa;
}


/* ==========================================================
   MEMBERS DIRECTORY
========================================================== */

.members-directory {
    min-width: 0;
}

.members-directory-header {
    min-height: 44px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 8px;
}

.members-directory-header h2 {
    margin: 0;

    color: #172d4c;

    font-size: 18px;
    font-weight: 700;
}


/* ==========================================================
   GRID / LIST BUTTONS
========================================================== */

.member-view-buttons {
    display: flex;
    align-items: center;

    gap: 5px;
}

.member-view-buttons button {
    height: 34px;

    padding: 0 14px;

    border: 1px solid #d6e0ea;
    border-radius: 5px;

    background: #fff;
    color: #31577f;

    font-family: inherit;
    font-size: 12px;

    cursor: pointer;

    transition:
        background .15s ease,
        color .15s ease,
        border-color .15s ease;
}

.member-view-buttons button:hover {
    border-color: #2871c4;
}

.member-view-buttons button.active {
    border-color: #1976d2;

    background: #1976d2;
    color: #fff;
}


/* ==========================================================
   MEMBER GRID
========================================================== */

.members-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;
}


/* ==========================================================
   MEMBER CARD
========================================================== */

/*
 * members.js can generate cards using:
 *
 * <article class="member-card">
 *
 *   <div class="member-card-header">
 *      <img class="member-card-picture">
 *
 *      <div class="member-card-identity">
 *          <h3>Colin H.</h3>
 *          <strong>General Contractor</strong>
 *          <span>Kingman, AZ</span>
 *      </div>
 *   </div>
 *
 *   <div class="member-tags">
 *      <span>Construction</span>
 *   </div>
 *
 *   <div class="member-status online">
 *      <i></i>
 *      Online
 *   </div>
 *
 *   <div class="member-card-actions">
 *      ...
 *   </div>
 *
 * </article>
 */

.member-card {
    min-width: 0;

    margin: 0;
    padding: 14px;

    border: 1px solid #d8e2ec;
    border-radius: 6px;

    background: #fff;

    box-shadow:
        0 1px 2px rgba(20, 45, 80, .05);

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease;
}

.member-card:hover {
    border-color: #b8cee3;

    box-shadow:
        0 3px 10px rgba(20, 45, 80, .10);

    transform: translateY(-1px);
}


/* ==========================================================
   MEMBER CARD HEADER
========================================================== */

.member-card-header {
    display: flex;
    align-items: center;

    gap: 11px;

    min-width: 0;
}

.member-card-picture {
    width: 58px;
    height: 58px;

    min-width: 58px;

    object-fit: cover;

    border: 2px solid #e0e8f0;
    border-radius: 50%;

    background: #e5ebf1;
}

.member-card-picture-placeholder {
    width: 58px;
    height: 58px;

    min-width: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #dce7f1;
    color: #47729e;

    font-size: 20px;
    font-weight: 700;
}

.member-card-identity {
    min-width: 0;
}

.member-card-identity h3 {
    overflow: hidden;

    margin: 0 0 3px;

    color: #102b50;

    font-size: 14px;
    font-weight: 700;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.member-card-identity strong {
    display: block;

    overflow: hidden;

    margin-bottom: 4px;

    color: #225a9a;

    font-size: 12px;
    font-weight: 500;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.member-card-identity > span {
    display: block;

    overflow: hidden;

    color: #6882a0;

    font-size: 11px;

    white-space: nowrap;
    text-overflow: ellipsis;
}


/* ==========================================================
   MEMBER LOCATION
========================================================== */

.member-location {
    display: flex;
    align-items: center;

    gap: 4px;

    margin-top: 4px;

    color: #6882a0;

    font-size: 11px;
}

.member-location-icon {
    color: #2868b8;
}


/* ==========================================================
   MEMBER TAGS
========================================================== */

.member-tags {
    min-height: 28px;

    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;

    gap: 5px;

    margin-top: 11px;
}

.member-tags span {
    display: inline-flex;
    align-items: center;

    min-height: 24px;

    padding: 4px 10px;

    border-radius: 14px;

    background: #edf5fd;
    color: #225d9f;

    font-size: 10px;

    white-space: nowrap;
}


/* ==========================================================
   MEMBER ROLE BADGE
========================================================== */

.member-role {
    display: inline-flex;
    align-items: center;

    margin-top: 9px;
    padding: 4px 9px;

    border-radius: 12px;

    background: #eef3f8;
    color: #56708d;

    font-size: 10px;
    font-weight: 600;
}

.member-role.admin {
    background: #e9f1ff;
    color: #1b64b4;
}

.member-role.pro,
.member-role.premium {
    background: #fff4df;
    color: #9a6412;
}


/* ==========================================================
   MEMBER STATUS
========================================================== */

.member-status {
    min-height: 28px;

    display: flex;
    align-items: center;

    gap: 6px;

    margin-top: 7px;

    color: #8293a6;

    font-size: 11px;
}

.member-status i {
    width: 9px;
    height: 9px;

    display: block;

    border-radius: 50%;

    background: #aab8c6;
}

.member-status.online {
    color: #168149;
}

.member-status.online i {
    background: #159653;
}


/* ==========================================================
   MEMBER CARD ACTIONS
========================================================== */

.member-card-actions {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 8px;

    margin-top: 10px;
}

.member-connect-button,
.member-profile-button {
    min-height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 6px 8px;

    border-radius: 5px;

    font-family: inherit;
    font-size: 11px;
    font-weight: 600;

    text-decoration: none;

    cursor: pointer;
}

.member-connect-button {
    border: 1px solid #1976d2;

    background: #1976d2;
    color: #fff;
}

.member-connect-button:hover {
    background: #1268bc;
}

.member-profile-button {
    border: 1px solid #dce6ef;

    background: #f5f8fb;
    color: #244f80;
}

.member-profile-button:hover {
    border-color: #b9cde0;

    background: #edf4fa;
}


/* ==========================================================
   LIST VIEW
========================================================== */

.members-grid.list-view {
    grid-template-columns: 1fr;
}

.members-grid.list-view .member-card {
    display: grid;

    grid-template-columns:
        minmax(220px, 1.5fr)
        minmax(160px, 1fr)
        130px
        200px;

    align-items: center;

    gap: 16px;
}

.members-grid.list-view .member-tags,
.members-grid.list-view .member-status,
.members-grid.list-view .member-card-actions {
    margin-top: 0;
}


/* ==========================================================
   LOADING / EMPTY / ERROR
========================================================== */

.members-loading,
.members-error,
.members-empty {
    min-height: 280px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 30px;

    border: 1px solid #dce4ed;
    border-radius: 6px;

    background: #fff;
    color: #7b8ea3;

    text-align: center;
}

.members-loading {
    font-size: 13px;
}

.members-error {
    color: #a23a3a;
}

.members-empty h3 {
    margin: 0 0 7px;

    color: #506b88;

    font-size: 17px;
}

.members-empty p {
    margin: 0;

    color: #8295a9;

    font-size: 13px;
}


/* ==========================================================
   PAGINATION
========================================================== */

.members-pagination {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    margin-top: 20px;
}

.members-pagination button,
#pageNumbers button {
    min-width: 34px;
    height: 34px;

    padding: 0 9px;

    border: 1px solid #d3dfe9;
    border-radius: 5px;

    background: #fff;
    color: #244f80;

    font-family: inherit;
    font-size: 12px;

    cursor: pointer;
}

#pageNumbers {
    display: flex;

    gap: 5px;
}

.members-pagination button:hover,
#pageNumbers button:hover {
    border-color: #1976d2;
}

#pageNumbers button.active {
    border-color: #1976d2;

    background: #1976d2;
    color: #fff;
}

.members-pagination button:disabled {
    opacity: .45;

    cursor: default;
}


/* ==========================================================
   MEMBERS SIDEBAR
========================================================== */

.members-sidebar {
    min-width: 0;
}

.members-panel {
    margin-bottom: 13px;
    padding: 14px;

    border: 1px solid #d8e2ec;
    border-radius: 6px;

    background: #fff;

    box-shadow:
        0 1px 2px rgba(20, 45, 80, .04);
}

.members-panel h3 {
    margin: 0 0 12px;

    color: #172d4c;

    font-size: 15px;
}


/* ==========================================================
   FILTER PANEL
========================================================== */

.members-panel label {
    display: block;

    margin: 10px 0 5px;

    color: #526d8b;

    font-size: 10px;
    font-weight: 600;

    text-transform: uppercase;
}

.members-panel select {
    width: 100%;
    height: 38px;

    padding: 0 10px;

    border: 1px solid #d1dde8;
    border-radius: 5px;

    outline: none;

    background: #fff;
    color: #24466e;

    font-family: inherit;
    font-size: 12px;

    cursor: pointer;
}

.members-panel select:focus {
    border-color: #2871c4;
}


/* ==========================================================
   FILTER BUTTONS
========================================================== */

.apply-filter-button {
    width: 100%;
    height: 38px;

    margin-top: 14px;

    border: 1px solid #1976d2;
    border-radius: 5px;

    background: #1976d2;
    color: #fff;

    font-family: inherit;
    font-size: 12px;
    font-weight: 600;

    cursor: pointer;
}

.apply-filter-button:hover {
    background: #1268bc;
}

.clear-filter-button {
    width: 100%;
    height: 32px;

    margin-top: 4px;

    border: 0;

    background: transparent;
    color: #1976d2;

    font-family: inherit;
    font-size: 11px;

    cursor: pointer;
}

.clear-filter-button:hover {
    text-decoration: underline;
}


/* ==========================================================
   SUGGESTED MEMBERS
========================================================== */

.suggested-members {
    display: flex;
    flex-direction: column;
}

.suggested-member {
    display: grid;

    grid-template-columns:
        38px
        minmax(0, 1fr)
        auto;


    align-items: center;

    gap: 8px;

    padding: 8px 0;

    border-bottom: 1px solid #edf1f5;
}

.suggested-member:last-child {
    border-bottom: 0;
}

.suggested-member img {
    width: 36px;
    height: 36px;

    object-fit: cover;

    border-radius: 50%;
}

.suggested-member-info {
    min-width: 0;
}

.suggested-member-info b {
    display: block;

    overflow: hidden;

    color: #18395f;

    font-size: 11px;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.suggested-member-info small {
    display: block;

    overflow: hidden;

    margin-top: 3px;

    color: #7187a0;

    font-size: 9px;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.suggested-member button {
    padding: 6px 9px;

    border: 0;
    border-radius: 4px;

    background: #1976d2;
    color: #fff;

    font-size: 9px;

    cursor: pointer;
}


/* ==========================================================
   GROW YOUR NETWORK
========================================================== */

.network-panel {
    display: flex;

    gap: 13px;

    padding-top: 18px;
    padding-bottom: 18px;
}

.network-icon {
    color: #1976d2;

    font-size: 26px;
    line-height: 1;
}

.network-panel h3 {
    margin-bottom: 7px;
}

.network-panel p {
    margin: 0 0 12px;

    color: #69819b;

    font-size: 11px;
    line-height: 1.5;
}

.explore-groups-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 34px;

    padding: 0 13px;

    border: 1px solid #1976d2;
    border-radius: 5px;

    background: #fff;
    color: #1976d2;

    font-size: 10px;
    font-weight: 600;

    text-decoration: none;
}

.explore-groups-button:hover {
    background: #edf5fd;
}


/* ==========================================================
   AUTH LOADING
========================================================== */

body.auth-loading .members-content,
body.auth-loading .member-toolbar {
    visibility: hidden;
}


/* ==========================================================
   LOGGED OUT
========================================================== */

/*
 * The members page is intended to be private.
 * If a logged-out visitor reaches it, controls are disabled
 * until members.js/auth.js redirects or presents login.
 */

body:not(.authenticated) .member-toolbar input,
body:not(.authenticated) .member-toolbar select,
body:not(.authenticated) .members-content button,
body:not(.authenticated) .members-content select,
body:not(.authenticated) .members-content a {
    pointer-events: none;
}

body:not(.authenticated) .member-toolbar,
body:not(.authenticated) .members-content {
    opacity: .55;
}


/* ==========================================================
   LARGE TABLET
========================================================== */

@media (max-width: 1200px) {

    .members-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .member-toolbar {
        grid-template-columns:
            minmax(260px, 1fr)
            130px
            130px;
    }

    #memberSort {
        display: none;
    }

    .members-content {
        grid-template-columns:
            minmax(0, 1fr)
            250px;
    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1000px) {

    .members-content {
        grid-template-columns: 1fr;
    }

    .members-sidebar {
        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 12px;
    }

    .members-panel {
        margin-bottom: 0;
    }

    .network-panel {
        grid-column: 1 / -1;
    }

    .members-grid.list-view .member-card {
        grid-template-columns:
            minmax(200px, 1fr)
            minmax(130px, .8fr)
            170px;
    }


    .members-grid.list-view .member-status {
        display: none;
    }

}


/* ==========================================================
   SMALL TABLET
========================================================== */

@media (max-width: 800px) {

    .members-hero {
        height: 145px;

        padding:
            25px
            25px;
    }

    .members-hero h1 {
        font-size: 36px;
    }

    .members-hero p {
        font-size: 15px;
    }

    .members-hero-tagline {
        margin-right: 5px;

        font-size: 23px;
    }

    .member-toolbar {
        grid-template-columns:
            1fr
            1fr;
    }

    .member-search-wrapper {
        grid-column: 1 / -1;
    }

    .members-grid {
        grid-template-columns: 1fr 1fr;
    }

    .members-grid.list-view .member-card {
        display: block;
    }

    .members-grid.list-view .member-tags,
    .members-grid.list-view .member-status,
    .members-grid.list-view .member-card-actions {
        margin-top: 10px;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 600px) {

    .members-hero {
        height: 135px;

        padding: 22px 18px;
    }

    .members-hero h1 {
        font-size: 32px;
    }

    .members-hero p {
        max-width: 270px;

        font-size: 13px;
        line-height: 1.4;
    }

    .members-hero-tagline {
        display: none;
    }

    .member-toolbar {
        grid-template-columns: 1fr;

        padding: 10px;
    }

    .member-search-wrapper {
        grid-column: auto;
    }

    .member-toolbar select {
        width: 100%;
    }

    .members-content {
        padding: 10px;
    }

    .members-directory-header {
        align-items: flex-start;
        flex-direction: column;

        gap: 9px;
    }

    .members-grid {
        grid-template-columns: 1fr;
    }

    .members-sidebar {
        grid-template-columns: 1fr;
    }

    .network-panel {
        grid-column: auto;
    }

    .member-card-actions {
        grid-template-columns: 1fr 1fr;
    }

}
/* Member directory business/location + paid membership */
.member-card-identity .member-business-type,
.member-card-identity .member-location {
    display: block;
    margin-top: 3px;
    color: #6f8194;
    font-size: 12px;
    line-height: 1.25;
}
.member-card-identity .member-location { color: #8796a6; }
.pro-member-label { color: #9a6412 !important; display: inline-flex; align-items: center; gap: 5px; }
.member-card-actions.own-card-actions { grid-template-columns: 1fr; }

/* Session-based member presence */
.member-status.offline i{background:#9aa4b2;box-shadow:none}.member-status.offline{color:#697386}

.member-website{
  margin:12px 0 4px;
  font-size:.88rem;
  overflow:hidden;
}
.member-website a{
  color:#2563eb;
  text-decoration:none;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.member-website a:hover{text-decoration:underline}

/* Member directory refinements */
.member-toolbar { grid-template-columns:minmax(240px,1fr) 180px; }
.members-grid.list-view .member-card { grid-template-columns:minmax(260px,1.5fr) minmax(160px,1fr) 100px minmax(180px,auto); }
.members-grid.list-view .member-card-header { min-width:0; }
.members-grid.list-view .member-website { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.members-grid.list-view .member-card-actions { min-width:180px; }
@media (max-width:900px){.member-toolbar{grid-template-columns:1fr}.members-grid.list-view .member-card{grid-template-columns:1fr}.members-grid.list-view .member-card-actions{min-width:0}}

/* Dynamic ZIP-radius member filtering */
.members-panel input#businessZipFilter{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid #d8e0e8;border-radius:7px;background:#fff;font:inherit;color:#24364b}
.distance-status{margin:8px 0 2px;padding:8px 10px;border-radius:6px;background:#f3f7fb;color:#62758a;font-size:12px;line-height:1.35}
.member-distance{display:block;margin-top:3px;color:#2d6da3;font-size:12px;font-weight:600}

/* Associated businesses on member directory cards */
.member-businesses{margin-top:12px;padding-top:10px;border-top:1px solid #e4ebf2}.member-businesses-title,.business-team-label{margin-bottom:7px;color:#607b99;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.member-business-summary{padding:9px;border:1px solid #dce6ef;border-radius:6px;background:#f9fbfd}.member-business-summary+.member-business-summary{margin-top:8px}.member-business-main{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center}.member-business-logo{width:38px;height:38px;overflow:hidden;border:1px solid #e0e7ee;border-radius:5px;background:#fff}.member-business-logo img{width:100%;height:100%;object-fit:contain}.member-business-logo-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#2b649f;font-weight:700}.member-business-copy{min-width:0}.member-business-name{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:#153456;font-size:11px;font-weight:700}.primary-business-badge{padding:2px 5px;border-radius:9px;background:#fff2cf;color:#8a6212;font-size:8px;font-weight:700}.member-business-trade,.member-business-place{margin-top:2px;color:#6c8198;font-size:9px}.member-business-role{padding:3px 6px;border:1px solid #cddbe8;border-radius:10px;background:#fff;color:#4c6885;font-size:8px;font-weight:700;white-space:nowrap}.business-team{margin:8px 0 0 46px;padding-top:7px;border-top:1px solid #e5ecf2}.business-team-label{margin-bottom:4px}.business-team-person{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 0;color:#355a7f;font-size:9px;text-decoration:none}.business-team-person:hover span{text-decoration:underline}.business-team-person.current span{font-weight:700}.business-team-person strong{color:#70859b;font-size:8px;font-weight:600;white-space:nowrap}.business-team-more{padding-top:3px;color:#2871c4;font-size:9px;font-weight:600}.members-grid.list-view .member-businesses{margin-top:0;border-top:0}.members-grid.list-view .member-card{grid-template-columns:minmax(230px,1.1fr) minmax(300px,1.5fr) 100px minmax(180px,auto)}@media(max-width:900px){.members-grid.list-view .member-card{grid-template-columns:1fr}.members-grid.list-view .member-businesses{margin-top:12px;border-top:1px solid #e4ebf2}}@media(max-width:520px){.member-business-main{grid-template-columns:34px minmax(0,1fr)}.member-business-logo{width:34px;height:34px}.member-business-role{grid-column:2;justify-self:start}.business-team{margin-left:42px}}
/* Compact member-card business relationships */
.member-business-summary{padding:10px 11px}.member-business-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.member-business-heading .member-business-name{display:block;color:#153456;font-size:11px;font-weight:700}.member-business-trade{margin-top:3px;color:#607b99;font-size:9px}.member-business-place{margin-top:3px;color:#6c8198;font-size:9px}.member-business-place strong{color:#4c6885}.member-connected-label{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:1px solid #cddbe8;border-radius:5px;background:#f5f8fb;color:#4c6885;font-size:10px;font-weight:700}.business-team,.member-business-logo,.primary-business-badge{display:none!important}
.member-business-summary{padding:10px 11px}.member-business-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.member-business-heading .member-business-name{display:block;color:#153456;font-size:11px;font-weight:700}.member-business-trade{margin-top:3px;color:#607b99;font-size:9px}.member-business-place{margin-top:3px;color:#6c8198;font-size:9px}.member-business-place strong{color:#4c6885}.member-connected-label{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:1px solid #cddbe8;border-radius:5px;background:#f5f8fb;color:#4c6885;font-size:10px;font-weight:700}.business-team,.member-business-logo,.primary-business-badge{display:none!important}