/* Team page styles */

section.team {
    padding-top: 2em;
    margin: 2em auto;
    max-width: 60em;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: stretch;
}

    section.team div.contact {
        -moz-transition: all linear .2s;
        -o-transition: all linear .2s;
        -webkit-transition: all linear .2s;
        transition: all linear .2s;
    }

        section.team div.contact[id] {
            scroll-margin-top: 4.5em;
        }


        section.team div.contact div.profile {
            width: 80%;
            margin: 0 auto;
        }

        section.team div.contact h3 {
            margin-bottom: 0.5em;
        }

        section.team div.contact h4.practice-areas {
            font-size: var(--font-size-p-sml);
            font-weight: var(--font-weight-regular);
            color: var(--color-grey-blue);
            text-align: center;
        }

            section.team div.contact h4.practice-areas span {
                display: inline-block;
                padding: 0.25em 0.5em;
                background-color: var(--color-off-white);
            }

            section.team div.contact h4.practice-areas:after {
                content: "";
                margin-top: -0.85em;
                display: block;
                border-bottom: solid 1px var(--color-grey);
            }

        section.team div.contact ul.icons.flex {
            list-style-type: none;
            margin: 0;
            padding: 0;
            gap: 0.25em;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            section.team div.contact ul.icons.flex li.flex {
                font-size: var(--font-size-p-vsml);
                justify-content: flex-start;
                background-color: var(--color-grey-50);
                color: var(--color-dark-blue);
                border-radius: 0.5em;
                padding: 0.5em;
                margin-bottom: 0;
                -ms-flex: 1 1 auto;
                -webkit-flex: 1 1 auto;
                flex: 1 1 auto;
            }

                section.team div.contact ul.icons.flex li.flex > img {
                    flex-basis: 1.75em;
                    width: 1.75em;
                }

                section.team div.contact ul.icons.flex li.flex > span {
                    -ms-flex: 1 1 auto;
                    -webkit-flex: 1 1 auto;
                    flex: 1 1 auto;
                    margin-left: 0.5em;
                }