/* Mobile */
.team-page__desktop-table,
.team-page__aside {
    display: none;
}

.team-page__item {
    grid-column: 1/-1;
    padding: 1.25rem 0 1.75rem;
}

.team-page__item:not(:first-child) {
    border-top: 1px solid rgb(230, 230, 230);
}

.team-page__mobile {
    grid-column: 1/-1;
    margin: 1rem 0;
}

.team-page__mobile h1 {
    margin-bottom: 0.25rem;
}

/* Tablet */
@media only screen and (min-width: 475px) {
    
    .team-page__mobile {
        display: none;
    }

    .team-page__desktop-table {
        display: flex;
    }

    .team-page__aside {
        display: block;
        position: sticky;
        grid-column: 1/3;
        top: 6.5rem;
        align-self: flex-start;
        transition: 100ms;
    }

    .team-page__aside a {
        display: block;
        white-space: pre;
        margin-bottom: 0.5rem;
    }

    .team-page__aside a:hover {
        color: black !important;
    }

    .team-page__desktop-table tbody {
        width: 100%;
    }

    .team-page__desktop-table {
        grid-column: 3/-1;
        margin-bottom: 4rem;
        scroll-margin-top: 5.5rem;
    }

    .team-page__desktop-table tr {
        display: grid;
        grid-template-columns: repeat(6,1fr);
        column-gap: 1rem;
    }

    .team-page__desktop-table * {
        transition: opacity 300ms;
    }

    .team-page__desktop-table:hover td{
        opacity: 0.5;
    }
    .team-page__desktop-table tr:not(:first-child):hover td {
        opacity: 1;
    }


    .table--column_one { grid-column: 1/5; }
    .table--column_two { display: none; }
    .table--column_three {
        grid-column: 5/-1;
        display: inline-table;    
    }
    .table--column_four { display: none; }

    .table__person-email:hover {
        text-decoration: underline;
    }

    /* header */
    th {
        font-weight: normal;
    }

    /* body */
    tr:not(:first-child) {
        padding: 1rem 0;
        border-bottom: 1px solid rgb(200, 200, 200);
    }
    tr:last-child {
        border-bottom: none
    }
    td.table--column_two,
    td.table--column_three,
    td.table--column_four {
        margin-top: 0.5rem;
    }
}

/* Desktop */
@media only screen and (min-width: 1024px) {

    .team-page {
        margin-top: 1rem;
    }

    .team-page__aside {
        padding-left: 25%;
        top: 8.7rem;
    }

    .team-page__desktop-table {
        grid-column: 4/-1;
        margin-left: -0.25rem;
        scroll-margin-top: 5rem;
    }

    .team-page__desktop-table tr {
        grid-template-columns: repeat(9,1fr);
        column-gap: 0.75rem;
    }

    .table--column_one { grid-column: 1/4; }
    .table--column_two {
        display: block;
        grid-column: 4/6;
    }
    .table--column_three { grid-column: 6/8; }
    .table--column_four { 
        display: block;
        grid-column: 8/-1;
    }

    td.table--column_two,
    td.table--column_three,
    td.table--column_four {
        padding-right: 1rem;
    }
}

/* Desktop Large */
@media only screen and (min-width: 1440px) {
  
}