/*===========================================
Faculty
===========================================*/
.speakerTabs .speakerTabs__item:nth-child(1),
#keynote{
    /* display:none; */
}
/*-------------------------------------------
Faculty Tabs
-------------------------------------------*/
.speakerTabs{
    position:relative;
    display:flex;
    list-style:none;
    margin:0 auto;
    padding:0;
    justify-content:center;
    align-items:end;
    margin:0 0 30px;
}
    .speakerTabs__item{
        flex:1 1 auto;
    }
        .speakerTabs a{
            display:block;
            border-bottom:2px solid #ddd;
            color:#333;
            font-family:'Fira Sans Condensed', "Noto Sans TC", "Helvetica", "Helvetica Neue", Arial, sans-serif;
            font-size:1.125rem;
            line-height:1;
            padding:8px 15px;
            width:100%;
            text-align:center;
            transition:.1s;
        }
        .speakerTabs a:focus,
        .speakerTabs a:hover{
            color:var(--main-color);
        }
        .speakerTabs__item.active a,
        .speakerTabs__item.active a:hover{
            color:#000;
            font-weight:700;
            border-color:var(--main-color);
            cursor:default;
        }
@media screen and (max-width:992px){
    .speakerTabs__item a span{
        display:block;
    }
}
@media screen and (max-width:576px){
    .speakerTabs a{
        border-width:3px;
        font-size:.875rem;
        padding-left:5px; padding-right:5px;
    }
}
@media screen and (max-width:320px){/* i5, SE */
    .speakerTabs a{
        font-size:.75rem;
    }
}

/*-------------------------------------------
Faculty List
-------------------------------------------*/
#allSpeakers{
    position:relative;
}
    .speakersContent{
        position:absolute; top:0; z-index:0;
        width:100%;
        height:0;
        overflow:hidden;
        opacity:0;
        transition:.2s;
    }
    .speakersContent.active{
        position:relative; top:0; z-index:1;
        height:auto;
        opacity:1;
    }
        .speakersList{
            display:flex;
            flex-wrap:wrap;
            margin:0;
        }
            .speakersList .item{
                flex:0 0 20%;
                padding:0 20px 40px;
            }
                .speakersList .photoThumb{
                    position:relative;
                    margin:0 auto;
                    width:100%;
                    padding-bottom:115%;
                    overflow:hidden;
                    box-shadow:0 3px 10px rgba(0,0,0,.15);
                }
                    .speakersList .photoThumb img{
                        width:100%;
                        position:absolute;
                    }
                .speakersList .speakerName{
                    background-color:#fff;
                    box-shadow:0 5px 10px rgba(0,0,0,.1);
                    color:#000;
                    font-size:1.125rem; font-weight:700;
                    line-height:1.2;
                    min-height:82px;
                    margin:0;
                    padding:15px 10px;
                    position:relative; z-index:2;
                }
                    .speakersList .otherName{
                        display:block;
                        color:#333;
                        font-size:1rem; font-weight:400;
                        margin-top:5px;
                    }
                    .speakersList .country{
                        display:block;
                        color:#777; 
                        font-size:1rem; font-weight:400;
                        margin-top:5px;
                    }
@media screen and (max-width:1280px){/* Air Mac */
    .speakersList .item{
        padding:0 15px 30px;
    }
}
@media screen and (max-width:1024px){
    .speakersList .item{
        flex-basis:25%;
    }
}
@media screen and (max-width:992px){
    .speakersList .item{
        flex-basis:25%;
    }
}
@media screen and (max-width:820px){/* iPad Air and Portrait */
    .speakersList .item{
        flex-basis:33.3333%;
        padding:0 15px 30px;
    }
        .speakersList .speakerName{
            font-size:1rem;
        }
            .speakersList .otherName,
            .speakersList .country{
                font-size:.875rem;
            }
}
@media screen and (max-width:576px){
    .speakersList{
        margin-left:-10px; margin-right:-10px;
    }
        .speakersList .item{
            flex-basis:50%;
            padding:0 10px 20px;
        }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .speakersList{
        margin-left:0; margin-right:0;
    }
        .speakersList .item{
            flex-basis:100%;
            display:flex;
            align-items:center;
            background-color:#fff;
            box-shadow:0 5px 10px -5px rgba(0,0,0,.1);
            padding:0;
            margin-bottom:15px;
        }
        .speakersList .item:last-of-type{
            margin-bottom:0;
        }
            .speakersList .photoThumb{
                box-shadow:none;
                padding:0;
                width:100px;
                height:120px;
            }
            .speakersList .speakerName{
                flex:1;
                box-shadow:none;
                background:none;
                font-size:5vw;
                padding:15px;
            }
                .speakersList .otherName,
                .speakersList .country{
                    font-size:4.25vw;
                }
}
@media screen and (max-width:320px){/* i5, SE */
    .speakersList .item{
        margin-bottom:10px;
    }
        .speakersList .photoThumb{
            width:90px;
            height:110px;
        }
        .speakersList .speakerName{
            padding:10px;
        }
}