@import "general.css";
@import "stage.css";

/*
 * Session and speaker Single
 */
.isaqbses-pagenav {
	margin-bottom: 1.875rem;
}

.isaqbses-session-single header h1 {
	margin-bottom: .5rem;
}

.session-content,
.isaqbses-session-single p.session-speakers,
.isaqbses-speaker-single p.speaker-tagline,
.isaqbses-session-single div.meta {
	margin-bottom: 1.875rem;
}

ul.isaqbses-sessioninfo,
ul.isaqbses-sessiontags {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;
}

ul.isaqbses-sessiontags {
	margin-bottom: 0.5rem;
}

ul.isaqbses-sessioninfo li,
ul.isaqbses-sessiontags li {
	position: relative;
	display: inline-block;
}

ul.isaqbses-sessioninfo li {
	padding-left: 22px;
	margin-right: 20px;
}

ul.isaqbses-sessioninfo li i {
	position: absolute;
	left: 0;
	top: 7px;
	font-size: 16px;
}

ul.isaqbses-sessiontags li {
	margin-right: 5px;
}

ul.isaqbses-sessioninfo li:last-child,
ul.isaqbses-sessiontags li:last-child {
	margin-right: 0;
}

#speaker-aside-title {
	display: none;
}

.isaqbses-session-single .speaker-list {
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
}

.speakers-sessions h6.current-year {
	color: var(--isaqb-orange);
}

.speakers-sessions p.isaqbses-speakers-session {
	margin-bottom: 1.5rem;
	font-size: 1.125rem;
	line-height: 22px;
}

.isaqbses-speakers-session .isaqbses-session-link {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 5px 20px;
}

.isaqbses-speakers-session .isaqbses-session-link .title {
	font-weight: 500;
	max-width: 65%;
}

.isaqbses-speaker-single footer {
	margin-bottom: 1.875rem;
	padding: 1.5rem;
	border-radius: 5px;
	border: 2px solid var(--isaqb-lightgrey);
}
.isaqbses-speaker-single footer .speakers-sessions {
	margin-bottom: 1.875rem;
}

body p.session-hint-meta {
	background-color: var(--isaqb-orange);
	color: #fff;
	padding: 8px 26px;
	margin-bottom: 30px;
}

@media screen and ( max-width: 767px ) {
	.isaqbses-speakers-session .isaqbses-session-link {
		flex-wrap: wrap;
	}

	.isaqbses-speakers-session .isaqbses-session-link .title {
		max-width: 100%;
		width: 100%;
	}

	#speaker-aside-title {
		display: block;
	}

	.speaker-list > .speaker-card-link,
	.speaker-list > .speaker-card {
		max-width: calc(50% - 0.75rem);
		min-width: 50px;
	}

	.isaqbses-speaker-single footer .isaqbses-button {
		margin-bottom: 5px;
	}
}