:root {
  --track-1-bg: #f1f3f9;
  --track-1-head: #354689;
  --track-2-bg: #faf1ec;
  --track-2-head: #b4442b;
}


.agenda-wrapper {
	margin-bottom: 120px;
	/* border-bottom: solid 1px #ddd; */
}

.agenda-wrapper .agenda-item {
	/* border-top: solid 1px #eee; */
	padding-top: 15px;
	padding-bottom: 15px;
}

.agenda-wrapper .agenda-inner {
	padding-top: 6px;
	padding-bottom: 6px;
}

.agenda-wrapper .agenda-inner .sprof {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.agenda-wrapper .agenda-inner .sbrand {
	max-width: 100%;
}

.agenda-wrapper .agenda-inner a {
	border: 0px;
	padding: 0px;
}

.agenda-wrapper .agenda-inner p {
	line-height: 20px;
}

.agenda-wrapper .agenda-inner p span.comp {
	display: block;
}

.agenda-wrapper .agenda-col-2-item {
	border-top: solid 1px #ddd;
}

.agenda-wrapper .agenda-col-2-item .agenda-item-col1 {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #ECF4FB;
	position: relative;
}

.agenda-wrapper .agenda-col-2-item .agenda-item-col2 {
	padding-top: 15px;
	padding-bottom: 15px;
	background: #DEECF8;
	position: relative;
}

.agenda-wrapper .agenda-col-2-item .agenda-track1 {
	background: #267FC3;
	color: #fff !important;
}

.agenda-wrapper .agenda-col-2-item .agenda-track1 h3,.agenda-wrapper .agenda-col-2-item .agenda-track1 p,.agenda-wrapper .agenda-col-2-item .agenda-track1 p a {
	color: #fff !important;
	text-shadow: none;
}

.agenda-wrapper .agenda-col-2-item .agenda-track1 a.agenda-spkr-title {
	color: #FFF;
}

.agenda-wrapper .agenda-col-2-item .agenda-track2 {
	background: #206AA2;
	color: #fff !important;
}

.agenda-wrapper .agenda-col-2-item .agenda-track2 h3,.agenda-wrapper .agenda-col-2-item .agenda-track2 p,.agenda-wrapper .agenda-col-2-item .agenda-track2 p a {
	color: #fff !important;
	text-shadow: none;
}

.agenda-wrapper .agenda-col-2-item .agenda-track2 a.agenda-spkr-title {
	color: #FFF;
}

.agenda-wrapper .agenda-col-2-item h3 {
	margin-bottom: 8px;
	padding-right: 100px;
}

.agenda-wrapper .agenda-col-2-item a, .agenda-item a {
	border: 0px;
	padding: 0px;
}

.agenda-wrapper .agenda-col-2-item p {
	line-height: 20px;
}

.agenda-wrapper .agenda-col-2-item p span.comp {
	display: block;
}

.agenda-wrapper .agenda-col-2-item .agenda-label-wrapper {
	position: absolute;
	top: 10px;
	right: 10px;
}

.agenda-wrapper .agenda-col-2-item .agenda-label-wrapper a {
	width: 30px;
	height: 30px;
	display: inline-block;
	font-size: 12px;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	vertical-align: top;
	padding: 4px 0px;
}

.agenda-wrapper .agenda-col-2-item .agenda-label-wrapper a.smb {
	background: linear-gradient(to bottom, #04521f 0%, #409d43 100%) repeat scroll 0 0 transparent;
}

.agenda-wrapper .agenda-col-2-item .agenda-label-wrapper a.b2b {
	background: linear-gradient(to bottom, #75bae9 0%, #95d4f5 100%) repeat scroll 0 0 transparent;
}

.agenda-wrapper .agenda-col-2-item .agenda-label-wrapper a.b2c {
	background: linear-gradient(to bottom, #182255 0%, #2a5698 100%) repeat scroll 0 0 transparent;
}

.agenda-wrapper .agenda-col-2-item .agenda-label-wrapper a.cs {
	background: linear-gradient(to bottom, #d77531 0%, #eca22d 100%) repeat scroll 0 0 transparent;
}

.agenda-wrapper .agenda-col-2-item .agenda-label-wrapper a.np {
	background: linear-gradient(to bottom, #56005c 0%, #85198e 100%) repeat scroll 0 0 transparent;
}



.agenda-day {
	margin-bottom: 66px;
}
div.agenda-day-title {
  color: var(--darkblue);
  background-color: #fff;
  padding: 18px 12px;
  border-top: 8px solid var(--darkblue);
  text-align: center;
  margin-bottom: 28px;
}
p.subhead.agenda-day {
  color: var(--darkblue);
	font-weight: 400;
	border: 0;
	margin:  10px 0 16px 0;
}

.agenda-row {
	width: 100%;
	border-top: 8px solid #fff;
	/* border-top: 1px solid rgba(0,0,0,0.2); */
	line-height: 140%;
	display: inline-block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.agenda-col {
	padding: 14px 18px;
	border: 2px solid #fff;
	box-sizing: border-box;
  text-align: center;
  border-radius: 18px;
}
.agenda-col.track-1 {
	background-color: var(--track-1-bg)!important;
}
.agenda-col.track-2 {
	background-color: var(--track-2-bg)!important;
}
.agenda-col.trackheader.track-1 {
	background-color: var(--track-1-head)!important;
}
.agenda-col.trackheader.track-2 {
	background-color: var(--track-2-head)!important;
}
.agenda-col.trackheader p.session-title-link {
	margin: 0!important;
	color: #fff!important;
}
h2.agenda-title {
	font-size: 34px;
	font-weight: 600;
	margin: 0;
  color: var(--orange);
}

.readmore-content {
	max-height: 2400px;
	-webkit-transition: .5s;
	transition: .5s;
	overflow-x: hidden;
	overflow-y: auto;
	line-height: 130%;
  text-align: left;
}
.readmore-content p {
	line-height: 130%;
}
.readmore-link {
	font-size: 12px;
}

.readmore-content.collapsed {
	max-height: 0;
	overflow: hidden;
	display: none;
}


.agenda-register-buttons {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
}
@media screen and (max-width:720px) {
  .agenda-register-buttons {
    display: none;
  }

}



.agenda-col.col-0.workshop {
	/* background-color: #eeeeee; */
  background-color: var(--lightestblue);
}

.agenda-col.col-1.workshop {
	background-color: #dddddd;
}

.agenda-col.col-2.workshop {
	background-color: #cccccc;
}

.agenda-col.col-3.workshop {
	background-color: #bbbbbb;
}

.agenda-col.col-0.track, #agenda-wrapper.colored-workshops .agenda-col.col-0.workshop {
	background-color: var(--lightestblue);
	/* background-color: #ffffff; */
}

.agenda-col.col-1.track, #agenda-wrapper.colored-workshops .agenda-col.col-1.workshop  {
	background-color: #deecf8;
}

.agenda-col.col-2.track, #agenda-wrapper.colored-workshops .agenda-col.col-2.workshop  {
	background-color: #c6def8;
}

.agenda-col.col-3.track, #agenda-wrapper.colored-workshops .agenda-col.col-3.workshop  {
	background-color: #b3d1f3;
}

.agenda-col.roundtable {
  background-color: #deecf8;
}

#agenda-wrapper.dual-conference .agenda-col {
	border-right: 1px solid #fff;
}

#agenda-wrapper.dual-conference .agenda-col.conftitle1 {
	border-right: 10px solid #fff;
}

#agenda-wrapper.dual-conference .agenda-col.track {
	background-color: #d4e6fa!important;
	border-right: 1px solid #fff;
}

#agenda-wrapper.dual-conference .agenda-col.trackheader {
	background-color: #81b7e7!important;
	border-right: 1px solid #fff;
}

#agenda-wrapper.dual-conference .agenda-col.track.dualfirst {
	background-color: #ffffc9!important;
	border-right: 10px solid #fff;

}
#agenda-wrapper.dual-conference .agenda-col.trackheader.dualfirst {
	background-color: #ecdf98!important;
	border-right: 10px solid #fff;
}



.agenda-col.col-0.trackheader {
	background-color: #B3D3EF;
}

.agenda-col.col-1.trackheader {
	background-color: #9EC7EA;
}

.agenda-col.col-2.trackheader {
	background-color: #6EABE0;
}

.agenda-col.col-3.trackheader {
	background-color: #b3d1f3;
}

.agenda-col.conftitle1 {
	background-color: #e47d03;
	color: #fff;
	border-right: 10px solid #fff;
}
.agenda-col.conftitle2 {
	background-color: #09559c;
	color: #fff;
}
.agenda-col.dualfirst {
	border-right: 10px solid #fff;
}

.agenda-speaker-row {
  display: inline-block;
  vertical-align: top;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.agenda-speaker {
	display: inline-block;
  vertical-align: top;
	min-height: 80px;
	width:25%;
  padding-right: 18px;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.agenda-speaker:after, .agenda-speaker:before {
	content: "";
	display: block;
	clear: both;
}

.agenda-speaker-info {
	line-height: 130%;
	display: table-cell;
	/* float: left; */
	max-width:71%;
	font-size:16px;
}

.agenda-speaker-info.tba {
	font-weight: 700;
}

.agenda-speaker-photo {
	width: 86px;
	margin-right: 16px;
	float: left;
  text-align: center;
}


.agenda-speaker-logo {
	width: 135px;
	margin: 6px 0 0 0;
	min-height: 62px;
}
.agenda-speaker-logo img {
  mix-blend-mode: multiply;
}

.agenda-speaker-photo img {
	border-radius: 50%;
	max-width: 100%;
  padding:0px;
  margin:0px auto;
	height: auto;
  display: block;
  vertical-align: middle;
  box-sizing: content-box;
  border: 3px solid var(--mediumblue);
}
.colwidth-50 .agenda-speaker {
	width: 100%!important;
}
.colwidth-50 .agenda-speaker-info {
	width: calc(100% - 276px);
	display: inline-block!important;
}

@media screen and (max-width:1040px) {
	.agenda-speaker-logo {
		width: 100%;
	}
	.colwidth-50 .agenda-speaker-info {
		width: calc(100% - 141px);
	}
}

.agenda-table {
	width: 100%;
}

.agenda-table td {
	vertical-align: top;
}

.agenda-row h3 {
	font-weight: 700;
	margin: 0 0 6px 0;
	position: relative;
}
.agenda-row:not(.conftitle1,.conftitle2) h3 {
	font-weight: 900;
	color: #2d2d2d;
	font-family: 'Roboto', sans-serif;
	margin: 0 0 2px 0;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.agenda-row h3.agenda-panel:before {
	content: '';
	width: 32px;
	height: 32px;
	position: relative;
  display: inline-block;
	top: 5px;
  margin-right: 8px;
	background-image: url('/assets/client_files/images/icons/agenda-panel-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
}

.agenda-row h3.agenda-keynote:before {
	content: '';
	width: 32px;
	height: 26px;
	position: relative;
  display: inline-block;
	top:0;
	background-image: url('/assets/client_files/images/icons/agenda-keynote-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
}

.agenda-row h3.agenda-roundtable:before {
	content: '';
	width: 32px;
	height: 32px;
	position: relative;
  display: inline-block;
	top:0;
  margin-right: 6px;
	background-image: url('/assets/client_files/images/icons/agenda-roundtable-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
}
.agenda-row .trackheader h3.agenda-roundtable:before {
  top: 10px;
}


.agenda-row h3.agenda-casestudy:before {
	content: '';
	width: 32px;
	height: 35px;
	position: relative;
  display: inline-block;
	top:8px;
  margin-right: 8px;
	background-image: url('/assets/client_files/images/icons/agenda-casestudy-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
}

.agenda-row h3.agenda-facebook:before {
	content: '';
	width: 32px;
	height: 24px;
	position: relative;
  display: inline-block;
	top:2px;
	background-image: url('/assets/client_files/images/icons/agenda-facebook-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
}

.agenda-row h3.agenda-twitter:before {
	content: '';
	width: 32px;
	height: 24px;
	position: relative;
  display: inline-block;
	top:2px;
	background-image: url('/assets/client_files/images/icons/agenda-twitter-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
}

.agenda-row h3.agenda-linkedin:before {
	content: '';
	width: 32px;
	height: 24px;
	position: relative;
  display: inline-block;
	top:2px;
	background-image: url('/assets/client_files/images/icons/agenda-linkedin-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
}

.agenda-row h3.agenda-instagram:before {
	content: '';
	width: 32px;
	height: 24px;
	position: relative;
  display: inline-block;
	top:2px;
	background-image: url('/assets/client_files/images/icons/agenda-instagram-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
}

.agenda-row h3.agenda-tiktok:before {
	content: '';
	width: 32px;
	height: 24px;
	position: relative;
  display: inline-block;
	top:2px;
	background-image: url('/assets/client_files/images/icons/agenda-tiktok-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
}

.agenda-row h3.agenda-youtube:before {
	content: '';
	width: 32px;
	height: 24px;
	position: relative;
  display: inline-block;
	top:2px;
	background-image: url('/assets/client_files/images/icons/agenda-youtube-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
}

.agenda-row h3.agenda-spotlight:before, .agenda-row p.agenda-spotlight:before {
	content: '';
	width: 32px;
	height: 24px;
	position: relative;
  display: inline-block;
	top: 3px;
	background-image: url('/assets/client_files/images/icons/agenda-spotlight-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
}


p.agenda-time {
	line-height: 100%;
	margin: 0 auto 14px auto;
  display: inline-block;
  width: auto;
  padding: 8px 18px;
  border: 1px solid #bbb;
  color: #888;
}

.trackheader h3 {
	margin: 0;
	font-weight: 700;
}

.agenda-row .session-title-link {
	font-weight: 700;
	font-size: 23px;
	line-height:120%;
	color:#222;
	margin-bottom:20px;
}

.agenda-row .note .session-title-link {
	font-weight: 400;
	font-size: 20px;
	font-style: italic;
}

.wrap-left, .alignleft, img.justifyleft {
	float:left;
	margin:0 12px 6px 0;
}
.wrap-right, .alignright, img.justifyright {
	float:right;
	margin:0 0 6px 12px;
}

.colwidth-20 .agenda-speaker, .colwidth-17 .agenda-speaker {
  width: 100%;
}
.colwidth-20 {
  width: 20%;
}
.colwidth-17 {
  width: 16.66%;
}
.colwidth-33 {
  width: 33.3%;
}
.colwidth-50 {
  width: 50%;
}
.colwidth-100 {
  width: 100%;
}

@media screen and (max-width:991px) {
  .agenda-speaker {
    width: 33%;
  }
}
@media screen and (max-width:720px) {
  .agenda-speaker {
    width: 50%;
    padding-right: 0;
  }
}
@media screen and (max-width:991px) and (min-width:681px) {
  .agenda-table .agenda-col.track.colwidth-20, .agenda-table .agenda-col.track.colwidth-17 {
    display: block;
    width: 33.3%!important;
  }
}
@media screen and (max-width:640px) {
	.agenda-speaker-info {
		font-size:16px;
	}
  .agenda-speaker {
    width: 50%;
  }
}
@media screen and (max-width:600px) {
	.x-tab-strip-top li {
		width: 100%!important;
		margin-right: 0!important;
	}
  .agenda-speaker {
    width: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width:400px) {
	.session-title-link, .session-title-link a {
		hyphens: auto;
		display: block;
		max-width: 100%;
		overflow: hidden;
	}
}
