/*===========================================
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-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:932px){/* i14 Pro Max Landscape */
    .speakerTabs__item a span{
        display:block;
    }
}
@media screen and (max-width:568px){/* i5 Landscape */
    .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 -20px;
        }
            .speakersList .item{
                flex:0 0 25%;
                padding:0 20px 40px;
            }
                .speakersList .photoThumb{
                    position:relative;
                    margin:0 auto;
                    width:100%;
                    padding-bottom:115%;
                    overflow:hidden;
                    box-shadow:0 3px 8px rgba(0,0,0,.15);
                }
                    .speakersList .photoThumb img{
                        width:100%;
                        position:absolute;
                    }
                .speakersList .speakerName{
                    position:relative; z-index:2;
                    margin:0;
                    padding:15px 10px;
                    color:#000;
                    font-size:1.125rem; font-weight:700;
                    line-height:1.2;
                    background-color:#fff;
                    box-shadow:0 5px 10px rgba(0,0,0,.1);
                }
                    .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:1024px){
    .speakersList .speakerName{
        font-size:1rem;
    }
        .speakersList .otherName,
        .speakersList .country{
            font-size:.875rem;
        }
}
@media screen and (max-width:932px){/* i14 Pro Max Landscape */
    .speakersList .item{
        flex-basis:33.33333%;
    }
}
@media screen and (max-width:736px){/* i6+ ~ i8+ Landscape */
    .speakersList{
        margin-left:-15px; margin-right:-15px;
    }
        .speakersList .item{
            padding:0 15px 30px;
        }
}
@media screen and (max-width:568px){/* i5 Landscape */
    .speakersList{
        margin-left:-10px; margin-right:-10px;
    }
        .speakersList .item{
            flex-basis:50%;
            padding:0 10px 20px;
        }
}
@media screen and (max-width:430px){/* i14 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:110px;
                height:130px;
            }
            .speakersList .speakerName{
                flex:1;
                box-shadow:none;
                background:none;
                padding:15px;
            }
}
@media screen and (max-width:320px){/* i5, SE */
    .speakersList .item{
        margin-bottom:10px;
    }
        .speakersList .photoThumb{
            width:90px;
            height:110px;
        }
        .speakersList .speakerName{
            padding:10px;
        }
}