/** such clean, wow **/

/** SPEAKER TILES **/
.speaker-mobile,
.container > .row:last-child .row:last-child div .speaker-mobile:last-child {
	margin-bottom: 2em !important;
}
.speaker-mobile .images {
/* 	-webkit-box-shadow: var(--shadow-dk);
	-moz-box-shadow: var(--shadow-dk);
	box-shadow: var(--shadow-dk); */
	margin-bottom: 1em;
}
.speaker-mobile .images .headshot {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background: white;
	overflow: hidden !important;
}
.speaker-mobile .images .headshot > img {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
	height: 100%;
	
	pointer-events: none !important;
}
.speaker-mobile .images .logo {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 35%;
	background: white;
	overflow: hidden !important;
}
.speaker-mobile .images .headshot > img,
.speaker-mobile .images .logo > img {
	border-radius: 0 !important;
}
.speaker-mobile .images .logo {
	-webkit-box-shadow: inset -1px 0px 0px var(--grey-lt), inset 1px 0px 0px var(--grey-lt), 0px 1px 0 var(--grey-lt) !important;
	-moz-box-shadow: inset -1px 0px 0px var(--grey-lt), inset 1px 0px 0px var(--grey-lt), 0px 1px 0 var(--grey-lt) !important;
	box-shadow: inset -1px 0px 0px var(--grey-lt), inset 1px 0px 0px var(--grey-lt), 0px 1px 0 var(--grey-lt) !important;
}
.speaker-mobile .images .logo > img {
	position: absolute;
	top: 50%; left: 50%;
	width: 100%;
	height: auto;
	
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	
	pointer-events: none !important;
}
.speaker-mobile p {
	padding-right: 1em;
}
.speaker-mobile p > a {
	margin-top: 1em !important;
}
.speaker-mobile p > span,
.speaker-mobile p > a {
	display: block;
	line-height: 1.25em;
	margin-bottom: .25em;
	font-size: .85em;
}
.speaker-mobile span.speaker-name {
	font-weight: bold;
	color: var(--foreground);
}

.speaker-mobile span.speaker-name {
	font-size: 1em;
}
.speaker-mobile span.speaker-key {
	font-size: .65em !important;
	text-transform: uppercase !important;
	letter-spacing: .15em !important;
	line-height: 1.5em;
}
.speaker-mobile span.speaker-title,
.speaker-mobile span.speaker-key {
	font-weight: normal;
	color: var(--foreground);
}
.speaker-mobile span.speaker-company {
	font-weight: bold;
}


.section.black .speaker-mobile span.speaker-name {
	color: var(--foreground);
}
.section.black .speaker-mobile span.speaker-title,
.section.black .speaker-mobile span.speaker-company,
.section.black .speaker-mobile span.speaker-key {
	color: var(--foreground);
}