.live_speakers{cursor:pointer;padding:30px;text-align:center;width:100%;box-sizing:border-box;margin:0 auto}
.live_speakers:not(.active){max-width:325px}
.live_speakers:hover .live_speakers--hover{opacity:.6}
.live_speakers:hover .live_speakers--hovername{opacity:1}
.live_speakers--image{margin:0 20px;margin-bottom:10px;position:relative;overflow:hidden;border:solid 1px #ddd;border-radius:1000px}
.live_speakers--image img{display:block;width:100%}
.live_speakers--hover{background:#f05a28;background:linear-gradient(to right,#f05a28 0,#ec008c 100%);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .5s ease;border-radius:1000px}
.live_speakers--hovername{color:#fff;font-size:25px;font-weight:700;left:50%;opacity:0;position:absolute;text-transform:uppercase;top:50%;width:100%;transition:all .5s ease;transform:translate(-50%,-50%)}
.live_speakers--name{color:#ea008a;font-size:16px;font-weight:700;letter-spacing:.25em;line-height:24px;text-transform:uppercase}
.live_speakers--title{color:#6d6e70;height:100px;hyphens:none}
.live_speakers--description{display:none;font-size:14px;line-height:20px}
@media only screen and (min-width:600px){.live_speakers--description{font-size:16px;line-height:24px}
}
.live_speakers--courses{display:none;font-size:14px;margin-top:20px}
.live_speakers--courses a{color:#555;display:block;text-decoration:underline}
@media only screen and (min-width:37.5em){.live_speakers--courses{font-size:16px;line-height:24px}
}
.live_speakers--courses span{font-weight:700;padding:0 10px}
.live_speakers--courses strong{color:#ea008a;text-transform:uppercase}
.live_speakers.active{padding:0;width:100%}
.live_speakers.active .live_speakers--name{color:#222;font-size:36px;font-weight:100;line-height:48px;margin-bottom:30px}
.live_speakers.active .live_speakers--title{display:none}
.live_speakers.active .live_speakers--image{margin:50px auto 20px;width:100px}
.live_speakers.active .live_speakers--description{display:block;text-align:left;padding:0 50px 50px}
.live_speakers.active .live_speakers--courses{display:block;text-align:left;padding:0 50px 50px}
.live_speakers.active:hover .live_speakers--hover{opacity:0}
.live_speakers.active:hover .live_speakers--hovername{opacity:0}
.speakers_modal{display:none}
.speakers_modal.active{display:block}
.speakers_modal.active .speakers_modal--overlay{opacity:1}
.speakers_modal.active .speakers_modal--window{opacity:1;transform:translate(0,0) scale(1)}
@media only screen and (min-width:600px){.speakers_modal.active .speakers_modal--window{transform:translate(-50%,-50%) scale(1)}
}
.speakers_modal--controls{display:none}
.speakers_modal--controls a{background:#fff;border:solid 1px #ddd;border-bottom-right-radius:90px;border-top-right-radius:90px;display:block;height:70px;left:10px;position:absolute;top:25%;transform:translateY(-50%);width:35px;z-index:9}
.speakers_modal--controls a:before{border-right:solid 2px #aaa;border-top:solid 2px #aaa;content:"";display:block;height:10px;left:48%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-135deg);width:10px}
.speakers_modal--controls a:last-of-type{transform:translateY(-50%) rotate(180deg);left:auto;right:10px}
.speakers_modal--close{background:#fff url(https://www.pluralsight.com/content/dam/pluralsight2/events/2017/live/ps_close_btn@2x.png) center center;background-size:150% auto;border:solid 1px #ddd;border-top:0;cursor:pointer;height:34px;position:absolute;right:10px;top:9px;width:35px;z-index:100001}
@media only screen and (min-width:600px){.speakers_modal--close{top:10px;right:40px}
}
.speakers_modal--overlay{background:rgba(255,255,255,0.9);bottom:0;left:0;position:fixed;opacity:0;right:0;transition:opacity .3s ease;top:0;z-index:100000}
.speakers_modal--window{bottom:0;opacity:0;left:10px;overflow-x:hidden;overflow-scrolling:touch;position:fixed;right:10px;top:0;transform:translate(0,0) scale(0.8);transition:all .4s cubic-bezier(0.175,0.885,0.32,1.275) .2s;z-index:100002}
@media only screen and (min-width:600px){.speakers_modal--window{bottom:auto;left:50%;min-height:200px;min-width:200px;max-width:700px;right:auto;transform:translate(-50%,-50%) scale(0.8);top:50%;width:100%}
}
@media only screen and (min-width:800px){.speakers_modal--window{max-width:900px}
}
.speakers_modal.active .live_cards--container:before{background:#f05a28;background:-webkit-linear-gradient(left,#f05a28 0,#ec008c 100%);border-radius:4px 4px 0 0;content:"";display:block;height:10px;left:-1px;position:absolute;right:-1px;top:-1px;z-index:999}
.live_cards.active .live_cards--container{box-shadow:0 1px 2px rgba(0,0,0,0.2),0 0 1px rgba(0,0,0,0.2);height:auto}
.live_cards.active .live_cards--container{background:#fff;border:solid 1px #ddd;border-radius:4px;box-sizing:border-box;cursor:pointer;height:auto;left:0;top:0;position:relative;z-index:9}
.speaker.cq-Editable-dom{overflow:hidden}