﻿

@media screen and (min-width : 1400px) {
    /*.contacts_table {
        grid-template-columns: repeat(3, 1fr) !important;
    }

        .contacts_table .contact_card {
            flex-basis: 65%;
        }*/
}

@media screen and (min-width : 1200px) {

    .find_surgeon_lower.private {
        padding: 0;
        background: none;
    }

    /*------------------------------*/



    /*.contacts_table .contact_card:hover,
            .contacts_table .contact.open .contact_card {
                background: #ECECEC;
            }*/

    .contacts_table .contact_card > span {
        /*text-align: center;
                margin: 0 auto !important;*/
    }

    .contacts_table .contact_card > i.bi {
        /*text-align: center;
                margin: 0 auto !important;*/
        margin-left: auto;
    }

    .contacts_table .contact_card .pfp img {
        width: 60px;
        height: 60px !important;
        margin-bottom: 5px;
        border-radius: 50px;
        object-fit: cover;
    }

    .contacts_table .contact_card,
    .contacts_table .contact_detail {
    }

    .contacts_table .contact:hover .contact_card,
    .contacts_table .contact.open .contact_card {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .contact_card.leader_card {
        grid-column: span 2;
        flex-flow: row;
        gap: 1em;
    }

        .contact_card.leader_card .contact_socials:not(:empty) {
            border-top: 1px solid #d0d0d0;
            margin-top: 8px;
            padding-top: 8px;
        }


    .contact_detail {
        /*position: absolute;
        text-align: center;
        z-index: 1;
        left: 0;
        right: 0;*/
        flex-grow: 1;
    }

        .contact_detail .contact_socials {
            font-size: .9em;
        }

            .contact_detail .contact_socials a {
                word-wrap: anywhere;
            }

        .contact_detail .btn {
            padding: 11px 17px;
        }

            .contact_detail .btn + .btn {
                margin-top: 5px;
            }

        .contact_detail .pull-right {
            float: none !important;
            display: block;
        }
}

/* |<---->|                      */
/* |  xs  |  sm  |  md  |  lg  | */
@media screen and (max-width: 767px) {

    .find_surgeon_lower.private {
        position: sticky;
        top: 85px;
        z-index: 10;
        background: #fff;
        box-shadow: rgba(0,0,0,0.1) 5px 5px 5px;
    }

        .find_surgeon_lower.private .form {
            display: flex;
            flex-flow: column;
        }

    /*------------------------------*/

    .contact_card {
        border-radius: 50px;
    }

    .contacts_table {
        grid-template-columns: repeat(1, 1fr);
        gap: 5px;
    }

        .contacts_table table,
        .contacts_table table tbody,
        .contacts_table table tr,
        .contacts_table table td {
            display: block;
            width: 100%;
        }

        .contacts_table .contact_card {
            flex-basis: 50%;
        }
        /*.contacts_table .contact_card {
        display: grid;
        grid-template-columns: 50px 1fr auto;
        gap: 0px 7px;
        padding: 10px 15px 10px 10px;
    }

        .contacts_table .contact_card .pfp {
            grid-row: 1/3;
        }

        .contacts_table .contact_card .contact_category {
            grid-column: 2/4;
        }

        .contacts_table .contact_card .contact_region {
            display: none;
        }

        .contacts_table .contact_card .contact_open {
            grid-column: 3/4;
            grid-row: 1;
            text-align: right;
        }*/
        /*.contacts_table .contact_card {
                flex-basis: 90%;
            }*/

        .contacts_table .contact.open .contact_card {
        }

    .member_profile_card{
        text-align: center;
    }
    .member_profile_card .contact_tags {
        justify-content: center;
        margin: 20px 0;
    }
    .member_profile_card + .card .tab-pane {
        padding-left: 0px;
        padding-right: 0px;
    }

    /*.contacts_table .contact_detail {
        border-radius: 15px !important;
    }*/

    /*------------------------------*/
    .search_members {
        margin-top: 20px;
    }

        .search_members .members_search {
            padding: 10px;
        }

    /*------------------------------*/

    .surgeon_image {
        float: none !important;
        margin-top: 0px;
        margin-left: 0px;
    }
}
