/*********************************************
 * Speaker List
**********************************************/
/* item */
.twc-speaker-list__inner {margin:0 -25px var(--twc-spacing-25);}
.twc-speaker-item {padding:0 25px var(--twc-spacing-45); width:25%;}
.twc-speaker-item__inner {display:block; position:relative; overflow:hidden;}
.twc-speaker-item__thumbnail {padding-top:142%;}
.twc-speaker-item__thumbnail-bg:before {
    background:linear-gradient(rgba(0, 68, 97, 0) 0%, rgba(0, 68, 97, 0.3) 100%);
    transition:var(--twc-transition);
}
.twc-speaker-item__thumbnail-bg:after {background:var(--twc-color-primary); opacity:0; transition:var(--twc-transition);}
a:hover .twc-speaker-item__thumbnail-bg:before {opacity:0;}
a:hover .twc-speaker-item__thumbnail-bg:after {opacity:.4;}

.twc-speaker-item__info {top:auto; padding:18px; transition:var(--twc-transition);}
.twc-speaker-item__position {transition:var(--twc-transition);}

a:not(:hover) .twc-speaker-item__info {transform:translateY(70px);}
a:not(:hover) .twc-speaker-item__position {padding-bottom:5px;}

/*********************************************
 * Speaker List Responsive
**********************************************/
@media only screen and (max-width:1280px) {
    .twc-speaker-list__inner {margin:0 -15px var(--twc-spacing-25);}
    .twc-speaker-item {padding:0 15px var(--twc-spacing-45);}
}
@media only screen and (max-width:1024px) {
    .twc-speaker-list__inner {margin:0 -10px var(--twc-spacing-25);}
    .twc-speaker-item {padding:0 10px var(--twc-spacing-45); width:33.33%;}
}
@media only screen and (max-width:680px) {
    .twc-speaker-item {width:50%;}
}
@media only screen and (max-width:480px) {
    .twc-speaker-item {width:100%;}
    a:not(:hover) .twc-speaker-item__position {padding-bottom:11px;}
}