/* block details for member without public profile (biography and/or orcidID) */
.member-card .view-personal-page { display: none; }

.member-card.with-bio .view-personal-page,
.member-card.with-orcid .view-personal-page { display: block; }


body:not(.page-member) .member-card {
    width: 100%;
    min-height: 120px;
    height: fit-content;
    /* max-width: 500px; */
    position: relative;
    margin: 0 auto;
}


body:not(.page-member) .view-ictp-search .member-card {
    margin: 0 auto 1rem auto;
}


body.page-member .member-card .desktop-info { display: none; }
body:not(.page-member) .member-card .desktop-info { display: none; }

body:not(.page-member) .member-card .name-info { 
    /* height: 120px;  */
    min-height: 120px;
    padding: .5rem 1rem .5rem 130px;
}
body:not(.page-member) .member-card .member-accordion { 
    max-height: 0;
    overflow: hidden;
}

body:not(.page-member) .member-card.open .member-accordion { 
    max-height: unset;
    overflow: visible;
    display: grid;
    grid-template-columns: 1fr;
}

body:not(.page-member) .member-card.with-bio .member-accordion,
body:not(.page-member) .member-card.with-orcid .member-accordion {
    grid-template-rows: 1fr 1fr;
}

body:not(.page-member) .member-card .name-info .member-name {
    display: flex;
    flex-direction: row;
    margin: 0 0 .5rem 0;
    flex-wrap: wrap;
    font-size: 20px;
    line-height: 1.1em;
}
body:not(.page-member) .member-card .name-info .member-name a {
    color: var(--text_color);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1em;
}
body:not(.page-member) .member-card .name-info .member-name > *:first-child {
    margin-right: .35rem;
}

body:not(.page-member) .member-card .name-info .field--name-field-role-prefix {
    font-size: 12px;
    font-weight: 300;
    color: var(--text_color);
    margin-bottom: .25rem;
}

body:not(.page-member) .member-card .name-info .field--name-field-job-title {
    font-size: 12px;
    font-weight: 300;
    color: var(--medium_gray);
}

body:not(.page-member) .member-card .field--name-field-profile-picture {
    width: calc(120px - 1rem);
    height: calc(120px - 1rem);
    position: absolute;
    top: .5rem;
    left: .5rem;
}
body:not(.page-member) .member-card .field--name-field-profile-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top left;
}


body:not(.page-member) .member-card .open-accordion {
    position: absolute;
    top: calc(120px - 2.25rem);
    right: .5rem;
    border: none;
    background-color: transparent;
    width: 1.8rem;
    height: 1.8rem;
    outline: none;
    padding: 0;
    font-size: 0;
    background-image: url(../../assets/icons/icon_plus.svg);
    background-position: center center;
    background-size: 50%;
    background-repeat: no-repeat;
    z-index: 8;
    /* display: none; */
}

body:not(.page-member) .member-card.open .open-accordion { transform: rotateZ(-45deg); }


body:not(.page-member) .member-card .member-accordion .min-member-card-info {
    display: flex;
    flex-direction: row;
}

body:not(.page-member) .member-card .member-accordion .min-member-card-info .field--name-field-profile-room,
body:not(.page-member) .member-card .member-accordion .min-member-card-info .field--name-field-profile-phone,
body:not(.page-member) .member-card .member-accordion .min-member-card-info .field--name-field-profile-email {
    padding: 1rem .5rem;
    text-align: center;
    font-size: 14px;
}

body:not(.page-member) .member-card .member-accordion .min-member-card-info .field--name-field-profile-phone { text-align: left; }

body:not(.page-member) .member-card .member-accordion .min-member-card-info .phoneroom *:first-child + *:last-child { padding-top: .25rem; }
body:not(.page-member) .member-card .member-accordion .min-member-card-info .phoneroom *:first-child { padding-bottom: .15rem; }

body:not(.page-member) .member-card .member-accordion .min-member-card-info .phoneroom .field--name-field-profile-room  { 
    text-align: left; 
    padding-left: 1rem;
}

body:not(.page-member) .member-card .member-accordion .min-member-card-info .phoneroom,
body:not(.page-member) .member-card .member-accordion .min-member-card-info .field--name-field-profile-email {
    width: 50%;
}

body:not(.page-member) .member-card .field--name-field-profile-room { 
    /* display: none; */ 
    color: var(--medium_gray);
}

.view-ictp-search .views-row .sub_data,
body:not(.page-member) .member-card .member-accordion .min-member-card-info .field--name-field-profile-email,
body:not(.page-member) .member-card .desktop-info .field--name-field-profile-email { color: var(--main_blue); }

.view-ictp-search .views-row .sub_data .phone { color: var(--text_color); }

body:not(.page-member) .single-color.hecap .member-card .desktop-info .field--name-field-profile-email,
body:not(.page-member) .single-color.hecap .member-card .member-accordion .min-member-card-info .field--name-field-profile-email,
body:not(.page-member).section-hecap .member-card .desktop-info .field--name-field-profile-email,
body:not(.page-member).section-hecap .member-card .member-accordion .min-member-card-info .field--name-field-profile-email { color: var(--hecap); }

body:not(.page-member) .single-color.cmsp .member-card .desktop-info .field--name-field-profile-email,
body:not(.page-member) .single-color.cmsp .member-card .member-accordion .min-member-card-info .field--name-field-profile-email,
body:not(.page-member).section-cmsp .member-card .desktop-info .field--name-field-profile-email,
body:not(.page-member).section-cmsp .member-card .member-accordion .min-member-card-info .field--name-field-profile-email { color: var(--cmsp); }

body:not(.page-member) .single-color.math .member-card .desktop-info .field--name-field-profile-email,
body:not(.page-member) .single-color.math .member-card .member-accordion .min-member-card-info .field--name-field-profile-email,
body:not(.page-member).section-math .member-card .desktop-info .field--name-field-profile-email,
body:not(.page-member).section-math .member-card .member-accordion .min-member-card-info .field--name-field-profile-email { color: var(--math); }

body:not(.page-member) .single-color.sti .member-card .desktop-info .field--name-field-profile-email,
body:not(.page-member) .single-color.sti .member-card .member-accordion .min-member-card-info .field--name-field-profile-email,
body:not(.page-member).section-sti .member-card .desktop-info .field--name-field-profile-email,
body:not(.page-member).section-sti .member-card .member-accordion .min-member-card-info .field--name-field-profile-email { color: var(--sti); }

body:not(.page-member) .single-color.esp .member-card .desktop-info .field--name-field-profile-email,
body:not(.page-member) .single-color.esp .member-card .member-accordion .min-member-card-info .field--name-field-profile-email,
body:not(.page-member).section-esp .member-card .desktop-info .field--name-field-profile-email,
body:not(.page-member).section-esp .member-card .member-accordion .min-member-card-info .field--name-field-profile-email { color: var(--esp); }

body:not(.page-member) .single-color.qls .member-card .desktop-info .field--name-field-profile-email,
body:not(.page-member) .single-color.qls .member-card .member-accordion .min-member-card-info .field--name-field-profile-email,
body:not(.page-member).section-qls .member-card .desktop-info .field--name-field-profile-email,
body:not(.page-member).section-qls .member-card .member-accordion .min-member-card-info .field--name-field-profile-email { color: var(--qls); }


body:not(.page-member) .member-card .member-accordion button.view-personal-page {
    border: none;
    background-color: var(--main_blue);
    color: #fff;
    font-size: 14px;
    border-radius: 0;
    background-image: url(../../assets/icons/icon_arrow_right_w.svg);
    background-size: 1rem 1rem;
    background-position: calc(100% - 2rem) center;
    background-repeat: no-repeat;
}
body:not(.page-member) .single-color.hecap .member-card .member-accordion button.view-personal-page,
body:not(.page-member).section-hecap .member-card .member-accordion button.view-personal-page { background-color: var(--hecap); }

body:not(.page-member) .single-color.cmsp .member-card .member-accordion button.view-personal-page,
body:not(.page-member).section-cmsp .member-card .member-accordion button.view-personal-page { background-color: var(--cmsp); }

body:not(.page-member) .single-color.math .member-card .member-accordion button.view-personal-page,
body:not(.page-member).section-math .member-card .member-accordion button.view-personal-page { background-color: var(--math); }

body:not(.page-member) .single-color.qls .member-card .member-accordion button.view-personal-page,
body:not(.page-member).section-qls .member-card .member-accordion button.view-personal-page { background-color: var(--qls); }

body:not(.page-member) .single-color.sti .member-card .member-accordion button.view-personal-page,
body:not(.page-member).section-sti .member-card .member-accordion button.view-personal-page { background-color: var(--sti); }

body:not(.page-member) .single-color.esp .member-card .member-accordion button.view-personal-page,
body:not(.page-member).section-esp .member-card .member-accordion button.view-personal-page { background-color: var(--esp); }


/* -------------------------------- external members contact info small tile -------------------------------------------- */
body:not(.page-member) .node--type-external-member .member-card .desktop-info {
    display: flex;
    flex-direction: row;
    padding: 0 1rem .75rem 130px;
}
body:not(.page-member) .node--type-external-member .member-card .desktop-info .field--name-field-profile-email,
body:not(.page-member) .node--type-external-member .member-card .desktop-info .field--name-field-profile-phone,
body:not(.page-member) .node--type-external-member .member-card .desktop-info .field--name-field-profile-room {
    font-size: 12px;
    width: fit-content;
}
body:not(.page-member) .node--type-external-member .member-card .desktop-info .field--name-field-profile-phone {
    margin-right: .5rem;
    padding-right: .5rem;
    border-right: 2px solid var(--border_gray);
}

@media (min-width: 1024px) {
    body:not(.page-member) .member-card.with-bio,
    body:not(.page-member) .member-card.with-orcid,
    body:not(.page-member) .node--type-external-member .member-card.with-bio {
        background-image: url(../../assets/icons/icon_arrow_right.svg);
        background-size: 1.25rem 1.25rem;
        background-repeat: no-repeat;
        background-position: calc(100% - 1rem) calc(100% - .5rem);
    }
}


/* ---------------------------------------------------------------------------- */


@media (min-width: 768px) {
    body:not(.page-member) .member-card .name-info .field--name-field-job-title { font-size: 16px; }
}


@media (min-width: 1024px) {

    .member-card { pointer-events: none; }

    .member-card a.field--name-field-webpage,
    .member-card a.field--name-field-profile-email,
    .member-card a.orcid-link,
    .member-card .info-grid * { pointer-events: all; }

    /* article.external .member-card, */
    .member-card.with-bio,
    .member-card.with-orcid { pointer-events: all; }


    body:not(.page-member) .view-ictp-search .member-card {
        margin: 0 0 1rem 0;
    }


    body:not(.page-member) .member-card:not(.open),
    body:not(.page-member) .member-card.open {
        border: 1px solid var(--border_gray);
        min-height: 160px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    body:not(.page-member) .member-card:not(.open) .name-info,
    body:not(.page-member) .member-card.open .name-info { 
        border: none;
    }

    body:not(.page-member) .member-card .name-info { 
        height: unset;
        min-height: unset;
        padding: 1rem 1rem 0 180px;
    }

    body:not(.page-member) .member-card .name-info .member-name { font-size: 22px; }
    body:not(.page-member) .member-card .name-info .member-name a { font-size: 22px; }

    body:not(.page-member) .member-card .name-info .field--name-field-role-prefix { font-size: 14px; }

    body:not(.page-member) .member-card .field--name-field-profile-picture {
        width: calc(160px - 1rem);
        height: calc(160px - 1rem);
        top: .5rem;
        left: .5rem;
    }

    body:not(.page-member) .member-card .member-accordion,
    body:not(.page-member) .member-card .open-accordion,
    body:not(.page-member) .member-card .member-accordion button.view-personal-page { display: none; }

    body:not(.page-member) .node--type-external-member .member-card .desktop-info,
    body:not(.page-member) .member-card .desktop-info {
        display: flex;
        flex-direction: row;
        padding: 0 1rem 1rem 180px;
    }

    body:not(.page-member) .node--type-external-member .member-card .desktop-info.noborder,
    body:not(.page-member) .member-card .desktop-info.noborder {
        padding-bottom: 0;
        margin: auto 0 0 0;
    }

    body:not(.page-member) .member-card .desktop-info .field--name-field-profile-email,
    body:not(.page-member) .member-card .desktop-info .field--name-field-profile-phone,
    body:not(.page-member) .member-card .desktop-info .field--name-field-profile-room {
        margin-top: .5rem;
        font-size: 12px;
        width: fit-content;
    }

    body:not(.page-member) .member-card .desktop-info .field--name-field-profile-phone {
        margin-right: .5rem;
        padding-right: .5rem;
        border-right: 2px solid var(--border_gray);
        text-align: center;
    }
}