.listing-speakers { display: flex; flex-wrap: wrap; }
.listing-speakers .item { flex: 0 1 20%; text-align: center; padding: 0 20px 40px; display: flex; flex-direction: column; align-content: center; align-items: center; }
.listing-speakers .item .name { display: block; text-decoration: none; color: var(--c-textcolor); font-size: 18px; font-weight: 700; margin: 10px 0 6px 0; line-height: 1; }
.listing-speakers .item .name span {}
.listing-speakers .item .photo {display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;overflow: hidden;background: #f2f2f2;margin: 0 0 6px 0;}
.listing-speakers .item .photo img { max-width: 120px; filter: grayscale(1) contrast(1.2); mix-blend-mode: darken; }
.listing-speakers .item .link { color: var(--c-main); text-decoration: none; border-bottom: solid 2px; font-size: 14px; }


@media (max-width: 1024px) {
	.listing-speakers .item { flex: 0 1 33.33%; }
}

@media (max-width: 767px) {
	.listing-speakers .item { flex: 0 1 50%; }
}



.single-speaker {display: flex;flex-wrap: wrap;align-items: center;}
.single-speaker .photo {max-width: 220px;background: #f2f2f2;border-radius: 50%;overflow: hidden;margin: 0 auto -90px auto;border: solid 12px #fff;z-index: 10;flex: 0 1 100%;}
.single-speaker .photo img {filter: grayscale(1) contrast(1.2);mix-blend-mode: darken;}
.single-speaker .clear { flex: 0 1 100%; }
.single-speaker .name {font-size: 30px;font-weight: 800;margin: 0 0 10px 0;text-align: center;line-height: 1.1;}
.single-speaker .bio {flex: 0 1 100%;margin: 0 auto 0;background: #f2f2f2;padding: 96px 30px 30px;border-radius: 20px;/* max-width: 1020px; */}
.single-speaker .bio .content {max-height: 300px;overflow-y: auto;}
.single-speaker .bio *:last-child {margin:0}

.single-speaker .bio .content::-webkit-scrollbar {-webkit-appearance: none; width: 5px; background:rgba(0 0 0 / 10%); border-radius:3px }
.single-speaker .bio .content::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0 0 0 / 20%); -webkit-box-shadow: 0 0 1px rgba(0 0 0 / 20%); }


@media (max-width: 767px) {
	.single-speaker .photo {max-width: 160px;border: solid 6px #fff;margin: 0 auto -80px;}
	.single-speaker .name {font-size: 24px;}
	.single-speaker .bio {border-radius: 0;margin: 0 -20px;flex: 0 1 calc(100% + 40px);padding: 96px 20px 20px;}
}


/* Webinar page - Speaker bio */

.speaker-bio { display: flex; align-items: center; flex-wrap: wrap; }
.speaker-bio > .photo {max-width: 100px;border-radius: 50%;margin: 0 15px 0 0;overflow:hidden;background: #f2f2f2;}
.speaker-bio > .photo img {filter: grayscale(1) contrast(1.2);mix-blend-mode: darken;}
.speaker-bio > p { margin: 0 50px 0 0; font-weight: 600; flex: 1; line-height: 1.2; }
.speaker-bio > p span { display: block; opacity: 0.7; font-weight: 300; font-size: 12px; }
.speaker-bio .btn {margin: 0 0 0 auto;padding: 10px 20px;background: #ddd;color: var(--c-textcolor);font-weight: 500;font-size: 12px;display: inline-block;}
.speaker-bio .btn:hover {background:var(--c-main); color:#ffff}
.speaker-bio .bio {flex:0 1 100%;padding: 10px 0 0 0;}

@media (max-width: 767px) {
	.speaker-bio .btn {width: 100%;margin: 20px 0 0 0;text-align: center;justify-content: center;}
}