:root {
	--cs-turquoise: #00C1C0;
	--cs-purple: #745FB8;
}

.conference-day {
	background-color: var(--cs-purple);
}

.conference-day h2 {
	color: #fff;
}

.session {
	padding: 20px 40px;
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 8px;
}

.session.is-session {
	background-color: #fff;
	color: var(--cs-purple);
}

.session.is-non-session {
	border: 1px solid #fff;
	margin-top: 32px;
	margin-bottom: 32px;
}
.session.is-non-session * {
	color: #fff;
}

.session-headline {
	padding: 20px 40px;
	line-height: 1.4;
	margin-top: 8px;
}

.session-headline .session-title {
	color: #fff;
	font-size: 20px;
}

.session-title {
	color: var(--cs-turquoise);
	font-size: 16px;
	line-height: 24px;
	line-height: 1.4;
	padding-bottom: 0;
}

.session-meta {
	display: flex;
}

.session-meta-time {
	padding-right: 1rem;
}

.conference-day-tabs {
}
.conference-day-tabs ul {
	display: flex;
	max-width: 800px;
	margin: auto;
}

.conference-day-tabs li {
	background-color: #9B8DC8;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	color: #fff;
	width: 33%;
	margin-right: 10px;
	text-align: center;
	line-height: 2;
}
.conference-day-tabs li.is-active {
	background-color: var(--cs-purple);
}
.conference-day-tabs li:last-child {
	margin-right: 0;
}
.conference-day-tabs li a {
	color: #fff;
	display: inline-block;
	width: 100%;
}

.conference-day {
	padding-top: 40px;
	padding-bottom: 40px;
}

.conference-day h2 {
	max-width: 800px;
	width: 90vw;
	margin: 0 auto 40px;
}

.conference-time {
	width: 90vw;
	max-width: 800px;
	margin: 0 auto 16px;
}

.conference-time article:first-of-type {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}
.conference-time article:last-of-type {
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}

@media( min-width: 768px ) {
	.session, .session-title {
		font-size: 24px;
	}

	.session-headline .session-title {
		color: #fff;
		font-size: 30px;
	}

	.session {
		display: flex;
	}

	.session-meta {
		min-width: 120px;
		display: block;
	}

	.session-meta-time {
		color: var(--cs-turquoise);
	}
}


/* Single Session */
.single-session .session-description {
	margin-right: -40px;
	margin-left: -40px;
}
.single-session .session-description .entry-content {
	background-color: #f2f2f2;
	padding: 60px 40px;
	border-radius: 16px;
}

.single-session .session-sdg ul {
	display: flex;
	margin-top: 40px;
}

.single-session .session-sdg ul img {
	width: 90px;
	border-radius: 8px;
	display: inline-block;
	margin-right: 10px;
}

/* speaker archive */

.section-speakers {
	display: flex;
	flex-wrap: wrap;
	margin-left: -16px;
	margin-right: -16px;
}
.section-speakers .speaker {
	background-color: #f2f2f2;
	flex: 0 1 250px;
	border-radius: 16px;
	margin: 0 16px 40px;
	overflow: hidden;
}

.section-speakers .speaker > div {
	padding: 16px;
}

.section-speakers .speaker h2 {
	font-size:20px;
	margin-bottom: 0;
}
.section-speakers .speaker h2 a {
	color: var(--cs-turquoise);
}
.section-speakers .speaker h2 a:hover {
	text-decoration: underline;
}


.section-speakers .speaker .sdg-icons ul {
	display: flex;
	margin-top: 16px;
}

.section-speakers .speaker .sdg-icons ul img {
	width: 44px;
	border-radius: 4px;
	display: inline-block;
	margin-right: 8px;
}

/* Single Speaker */

.single-speaker .speaker-biography,
.single-speaker .speaker-sessions {
	margin-right: -40px;
	margin-left: -40px;
	margin-bottom: 60px;
}
.single-speaker .speaker-biography .entry-content,
.single-speaker .speaker-sessions ul {
	background-color: #f2f2f2;
	padding: 60px 40px;
	border-radius: 16px;
}

.single-speaker .speaker-image img {
	border-radius: 16px;
}

.single-speaker .sdg-icons ul {
	display: flex;
	margin-top: 16px;
}

.single-speaker .sdg-icons ul img {
	width: 90px;
	border-radius: 8px;
	display: inline-block;
	margin-right: 8px;
}

@media (min-width: 768px ) {
	.single-speaker section.speaker-main {
		float: left;
		width: calc(75% - 90px);
	}
	.single-speaker section.speaker-side {
		float: right;
		width: 25%;
	}
}

/* conference menu */
#et-top-navigation.top-navigation--conference.top-navigation--conference {
	padding: 0;
	margin: 0;
}

.conference-menu, #et_mobile_nav_menu {
	padding: 10px 0;
}

.conference-menu a {
	border: 1px solid #fff;
	padding: 8px 14px;
	padding-bottom: 8px !important;
	border-radius: 8px;
}