/* Custom styles used for all pages */
/* New Variables Section. Will try to make all colors changeable at top of this page, using the following variables, as well as a few other options. */

:root {
	--main-html-bg-color: white;					/* Change this to "background-color: transparent !important;" if using an image as the background */
	--main-body-bg-color: transparent;
	--main-content-bg-color: #FAFBFC;			/* This is currently the background color. It is on top of the html and the body elements, so takes precedence. */

	--main-font-color: black;
	--secondary-font-color: white;
	--main-title-color: white;
	--main-subtitle-color: white;

	--shadow-banner-color: #0c41670d;			/* This is giving the banner a shaded look. The final 7th and 8th digits determine the opacity (alpha) of the over-layed color. */

	--main-button-bg-color: #FCB248;				/* Register buttons and Launch buttons */
	--button-font-color: white;
	--main-button-bg-color-hover: #081b33;
	--button-font-color-hover: white;
	--main-button-shadow-color: #305e7e80;





	--footer-bg-color: #333333;

	--footer-main-link-color: #4A7090;
	--footer-second-link-color: #1675b9;
	--footer-main-link-hover-color: #041622;
	--footer-second-link-hover-color: #b6cedd;

	--presenter-name-color: #a32035;




	--show-banner: block;						/* Change this to "none;" if banner isn't needed */
	--show-header: none;						/* Change this to "block;" if header bar is needed */
}


/*********************************************** Top Level Section ***********************************************/
html {
	background-color: var(--main-html-bg-color);
}
body {
	background-color: var(--main-body-bg-color);
	color: var(--main-font-color);
	display: block;
	font-family: "Poppins",sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#ContentArea {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	background-color: var(--main-content-bg-color);
	padding-top: 30px;
}
#container {
	background: unset;
	border: unset;
	width: unset;
	box-shadow: unset;
	-moz-box-shadow: unset;
	-webkit-box-shadow: unset;
	margin: 0 auto;
}
#branding {
	background-color: transparent;
	width: 100%;
	padding: 0;
	font-weight: bold;
	text-align: center;
	margin-top: auto;
	margin-bottom: 0;
}
/*********************************************** End Top Level Section ***********************************************/

/*********************************************** Banner Section ***********************************************/
#banner {
	display: var(--show-banner);
	border-radius: 30px;
	overflow: hidden;
	position: relative;
	margin-bottom: 48px;
}
#banner::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--shadow-banner-color);
}
#banner > div {
	padding-right: 0;
	text-align: center;
}
#banner > img {
	max-height: 356px;
	width: 100%;
	object-fit: cover;
}
/* Title stuff is in this section because titles are on top of banner in this template. */
.title {
	color: var(--main-title-color);
	text-align: center;
        font-weight: normal;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.title > h1 {
	font-weight: 500;
	font-size: 48px;
}
.subtitle {
	color: var(--main-subtitle-color);
        font-weight: normal;
	margin-bottom: 40px;
}
/*********************************************** End Banner Section ***********************************************/

#header {
	display: var(--show-header);
	background-image: none;
	box-shadow: none;
}
#content p {
	padding: 0;
	margin-bottom: 1.3333rem;
}
.webcast_closed {
	    padding: 5px 15px;
}

/*********************************************** Footer Section ***********************************************/
#footer-container {
	padding: 0;
}
#footer {
	background-image: none;
	box-shadow: none;
	background-color: transparent;
	border: none;
}
#footer2 {
	background-image: none;
	box-shadow: none;
	background-color: var(--footer-bg-color);
	padding: 25px 0;
	border: none;
}
#footer2 {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}
#footer-right {
	width: 100%;
	font-size: 13px;
	color: #fff;
	font-weight: 400;
}
#footer-left {
	color: #333333;
	font-weight: 400;
	margin-bottom: 10px;
	width: 100%;
}
#footer a {
	color: #0C4167;
}
#footer2 a {
	color: #1675b9;
}
#footer a:hover {
	color: #041622;
}
#footer2 a:hover {
	color: #b6cedd;
}
.branding_name {
	margin-right: 3px;
}
.branding_name, .branding_date {
	display: inline-block;
}
@media screen and (max-width: 1091px) {
	#footer-right, #footer-left {
		float: none;
		text-align: center;
	}
}
/*********************************************** End Footer Section ***********************************************/

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: local(''),
		url('./fonts/Poppins-Normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: local(''),
		url('./fonts/Poppins-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: local(''),
		url('./fonts/Poppins-Bold.woff2') format('woff2');
}

/* Custom styles for player page */
.bar_styling_top {
	-webkit-box-shadow: none;
}
.bar_styling_bottom {
	-webkit-box-shadow: none;
}



.icon_player_footer {
	background-color:  #722044; /*changes the color of the social media bar on the player page*/
}
.bar_background_image {
	background-image: none;
}
.title_label {
	margin: 0px;
}
#IconPlayerFooter {
	position: relative;  /*setting this to fixed may help some designs ymmv*/
	width: 100%;
	bottom: 0;
	/* New - 08-27-2020 */
	margin-top: auto;
}
.icon_player_title {
        /*display: none;*/  /*Remove me to display webcast title on the player page*/
}
.icon_player_title > h1 {
	/*display: block !important;*/
}
#IconPlayerLogo {
	position: relative;
}
#IconPlayerHeaderControls {
	background-color: unset;
}
/* New - 08-27-2020 */
#TDTopContainerBars {
	display: flex;
	flex-wrap: wrap;
}
@media screen and (max-width: 1173px) and (min-width: 1102px) {
	.title_label {
		font-size: 20px;
	}
}
@media screen and (max-width: 1101px) {
	/* New - 08-27-2020 */
	#TDTopContainerBars {
		display: block;
	}
	.title_label {
		margin: 0;
		margin-bottom: 23px;
	}
	/* New - 2022-01-19 */
	#TDTopContainerBars {
		display: flex;
	}
	div#PanelOne {
		width: 100% !important;
	}
}
@media screen and (max-width: 700px) {
	#PanelOne {
		margin: 20px 15px 0px 15px;
		margin-right: 30px;
	}
	#PanelTwo {
		margin: 0 15px;
		margin-right: 30px;
	}
}
@media screen and (max-width: 525px) {
	.title_label {
		font-size: 20px;
		margin-bottom: 10px;
	}
	#IconPlayerHeader {
		height: 109px !important;
	}
	#IconPlayerHeaderControls {
		text-align: right;
	}
}
@media screen and (max-width: 270px) {
	.icon_player_title {
		max-height: unset;
	}
}
@media screen and (max-width: 243px) {
	#IconPlayerHeader {
		height: 134px !important;
	}
	#IconPlayerGuide {
		margin-right: 12px;
	}
}
.icon_player_question_holder {
	height: unset !important;
	top: unset !important;
	bottom: 0;
}
.icon_player_question_holder {
	height: unset !important;
	top: unset !important;
	bottom: 0;
}
#MessageDisplay {
	background-image: unset;
}
/********** Icons Patch **********/
#IconPlayerHeader {
	height: unset !important;
}
@media screen and (max-width: 525px) {
	#IconPlayerHeader {
		height: unset !important;
	}
}
@media screen and (max-width: 243px) {
	#IconPlayerHeader {
		height: unset !important;
	}
}
#IconPlayerLogo {
	margin-bottom: 10px;
}
#IconPlayerTitles {
	width: unset !important;
	margin-top: 10px;
	height: 59px;
	margin-bottom: 10px;
	margin-right: 10px;
}
#IconPlayerHeaderControls {
	padding-bottom: 17px;
}
.icon_player_2ndheader_controls {
	font-family: 'proxima-nova-bold';
}
@media screen and (max-width: 525px) {
	#IconPlayerHeaderControls > .icon_player_buttons, #IconPlayer2ndHeaderControls > .icon_player_buttons {
		/*text-align: left;*/
	}
	#IconPlayerHeaderControls > #IconPlayerNotifications, #IconPlayer2ndHeaderControls > #IconPlayerNotifications {
		text-align: center;
	}
	#IconPlayerHeaderControls > #IconPlayerGuide, #IconPlayer2ndHeaderControls > #IconPlayerGuide {
		margin-right: 8px;
	}
}
@media screen and (max-width: 768px) {
	#IconPlayer2ndHeaderControls > .icon_player_buttons {
		/*text-align: left;*/
	}
}
.icon_player_buttons {
	border: 1px solid black;
	border-radius: 17px;
	margin-bottom: 5px;
	/*display: inline-block !important;*/
}
.menu-text {
	display: inline-block;
	top: 10px;
	left: 33px;
	font-size: 14px;
	font-weight: normal;
}
.icon_player_buttons_mobile > .menu-text {
	top: 7px;
	left: 26px;
	font-size: 12px;
}
#IconPlayer2ndHeaderControls > .icon_player_buttons_mobile > .menu-text {
	top: 7px;
}
#IconPlayerActivePoll {
	width: 76px;
}
#IconPlayerActivePoll > .menu-text {
	width: 26px;
	top: 4px;
}
#IconPlayerActivePoll.icon_player_buttons_mobile {
	width: 63px;
}
#IconPlayerActivePoll.icon_player_buttons_mobile > .menu-text {
	top: 2px;
}
#IconPlayer2ndHeaderControls > #IconPlayerActivePoll.icon_player_buttons_mobile > .menu-text {
	top: 2px;
}
#IconPlayerSlideThumbnails {
	width: 114px;
}
#IconPlayerSlideThumbnails > .menu-text {
	width: 48px;
	top: 3px;
}
#IconPlayerSlideThumbnails.icon_player_buttons_mobile {
	width: 96px;
}
#IconPlayerSlideThumbnails.icon_player_buttons_mobile > .menu-text {
	top: 2px;
}
#IconPlayer2ndHeaderControls > #IconPlayerSlideThumbnails.icon_player_buttons_mobile > .menu-text {
	top: 2px;
}
#IconPlayerChat {
	width: 66px;
}
#IconPlayerChat.icon_player_buttons_mobile {
	width: 54px;
}
#IconPlayerQuestion {
	width: 97px;
	text-align: center;
}
#IconPlayerQuestion > .menu-text {
	top: 3px;
	left: 12px;
}
#IconPlayerQuestion.icon_player_buttons_mobile {
	width: 81px;
}
#IconPlayerQuestion.icon_player_buttons_mobile > .menu-text {
	top: 2px;
	left: 9px;
}
#IconPlayer2ndHeaderControls > #IconPlayerQuestion.icon_player_buttons_mobile > .menu-text {
	top: 2px;
}
#IconPlayerResources {
	width: 106px;
}
#IconPlayerResources > .menu-text {
	width: 43px;
	top: 4px;
}
#IconPlayerResources.icon_player_buttons_mobile {
	width: 89px;
}
#IconPlayerResources.icon_player_buttons_mobile > .menu-text {
	top: 2px;
}
#IconPlayer2ndHeaderControls > #IconPlayerResources.icon_player_buttons_mobile > .menu-text {
	top: 2px;
}
#IconPlayerFeedback {
	width: 95px;
}
#IconPlayerFeedback > .menu-text {
	width: 35px;
	top: 4px;
}
#IconPlayerFeedback.icon_player_buttons_mobile {
	width: 79px;
}
#IconPlayerFeedback.icon_player_buttons_mobile > .menu-text {
	top: 2px;
}
#IconPlayer2ndHeaderControls > #IconPlayerFeedback.icon_player_buttons_mobile > .menu-text {
	top: 2px;
}
#IconPlayerNotifications {
	width: 113px;
}
#IconPlayerNotifications > .menu-text {
	left: 10px;
	top: -2px;
	color: black;
}
#IconPlayerNotifications.icon_player_notifications_mobile_landscape {
	width: 97px;
}
#IconPlayerNotifications.icon_player_notifications_mobile_landscape > .menu-text {
	left: 7px;
}
#IconPlayerNotifications.icon_player_notifications_mobile {
	width: 91px;
	line-height: 22px;
}
#IconPlayerNotifications.icon_player_notifications_mobile > .menu-text {
	left: 5px;
	top: -1px;
}
#IconPlayerUpcomingEvents {
	width: 101px;
}
#IconPlayerUpcomingEvents > .menu-text {
	width: 42px;
	top: 4px;
}
#IconPlayerUpcomingEvents.icon_player_buttons_mobile {
	width: 85px;
}
#IconPlayerUpcomingEvents.icon_player_buttons_mobile > .menu-text {
	top: 2px;
}
#IconPlayer2ndHeaderControls > #IconPlayerUpcomingEvents.icon_player_buttons_mobile > .menu-text {
	top: 2px;
}
#IconPlayerMap {
	width: 62px;
}
#IconPlayerMap.icon_player_buttons_mobile {
	width: 51px;
}
#IconPlayerRefresh {
	width: 83px;
}
#IconPlayerRefresh.icon_player_buttons_mobile {
	width: 69px;
}
#IconPlayerExit {
	width: 59px;
}
#IconPlayerExit.icon_player_buttons_mobile {
	width: 48px;
}
#IconPlayerHelp {
	font-size: 14px;
}
#IconPlayerGuide {
	width: 37px;
	border: none;
	border-radius: 0;
}
#IconPlayerGuide > .menu-text {
	display: none;
}
/*********************************************************************************************** Icons Animations Patch ***********************************************************************************************/
:root {
	--clr-neutral-900: hsl(207, 19%, 9%);
	--clr-neutral-100: hsl(0, 0%, 100%);
	--clr-accent-400: hsl(142, 90%, 61%);
}
#IconPlayerHeaderControls {
	text-align: right;
}
.icon_player_buttons {
	color: var(--clr-neutral-100);
	background-color: var(--clr-neutral-900);
	height: 32px;
	overflow: hidden;
	vertical-align: middle;
	min-width: 32px;
	width: unset !important;
}
.icon_player_buttons_mobile {
	height: 25px !important;
	min-width: 25px !important;
}
#IconPlayerNotifications {
	font-size: 0;
	line-height: 0;
}
#IconPlayerHelp {
	max-width: unset;
	width: 64px !important;
	background-color: var(--clr-neutral-100);
	color: var(--clr-neutral-900);
}
#IconPlayerGuide {
	background-color: var(--clr-neutral-100);
	color: var(--clr-neutral-900);
}
#IconPlayerChat > .menu-text {
	--menu-color: 280;
	--menu-saturation: 35%;
}
#IconPlayerQuestion > .menu-text {
	--menu-color: 215;
	--menu-saturation: 50%;
}
#IconPlayerActivePoll > .menu-text {
	--menu-color: 20;
	--menu-saturation: 85%;
}
#IconPlayerResources > .menu-text {
	--menu-color: 207;
	--menu-saturation: 50%;
}
#IconPlayerFeedback > .menu-text {
	--menu-color: 40;
	--menu-saturation: 50%;
}
#IconPlayerNotifications > .menu-text {
	--menu-color: 0;
	--menu-saturation: 80%;
}
#IconPlayerNotifications.icon_player_buttons_mobile {
	background-size: 27px 27px;
}
#IconPlayerUpcomingEvents > .menu-text {
	--menu-color: 100;
	--menu-saturation: 60%; 
}
#IconPlayerSlideThumbnails > .menu-text {
	--menu-color: 120;
	--menu-saturation: 42%;
}
#IconPlayerMap > .menu-text {
	--menu-color: 200;
	--menu-saturation: 50%;
}
#IconPlayerRefresh > .menu-text {
	--menu-color: 150;
	--menu-saturation: 50%;
}
#IconPlayerExit > .menu-text {
	--menu-color: 350;
	--menu-saturation: 65%;
}
#IconPlayerHelp {
	border-width: 2px;
	box-shadow: 0px 0px 3px 0 #000;
}
#IconPlayerHelp.icon_player_buttons_mobile > div {
	font-size: 13px;
}
.icon_player_buttons > .menu-text {
	top: 0 !important;
	left: 0 !important;
	margin-left: 34px;
	line-height: 32px;
	padding-right: 5px;
	background: linear-gradient(to right,
		hsl(var(--menu-color) var(--menu-saturation) 50% / 0) -10%,
		hsl(var(--menu-color) var(--menu-saturation) 50%) 50%,
		hsl(var(--menu-color) var(--menu-saturation) 50% / 1)
	);
	color: var(--clr-neutral-100) !important;
	height: 100%;
	box-shadow: inset -4px 0px 6px 0 #000;
	border-top-right-radius: 200px;
	border-bottom-right-radius: 200px;
	width: calc(100% - 34px) !important;
}
.icon_player_buttons_mobile > .menu-text {
	line-height: 26px !important;
	margin-left: 29px !important;
	width: calc(100% - 30px) !important;
}
@media (hover) {
	.icon_player_buttons {
		max-width: 0%;
		transition: max-width 800ms ease;
		transition-delay: 200ms;
	}
	.icon_player_buttons:hover,
	.icon_player_buttons:focus-within {
		max-width: 300px;
		transition: max-width 1200ms ease;
		transition-delay: 1ms;
	}
	.icon_player_buttons > .menu-text {
		transform: translateX(100%);
		transition: transform 500ms ease, width 1ms ease;
		transition-delay: 0ms, 800ms;
		width: 0 !important;
	}
	.icon_player_buttons:hover > .menu-text,
	.icon_player_buttons:focus-within > .menu-text {
		transform: translateX(0%);
		transition: width 1ms ease, transform 500ms ease;
		transition-delay: 0ms, 500ms;
		width: calc(100% - 34px) !important;
	}
	.icon_player_buttons_mobile:hover > .menu-text,
	.icon_player_buttons_mobile:focus-within > .menu-text {
		width: calc(100% - 30px) !important;
	}
}
@media (prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
		transition-delay: 0.01ms !important;
	}
}

/* Middle Fix (To make the video player and slides containers 50% of the width of the page) */
/*
@media screen and (min-width: 1100px) {
	#TDTopContainerBars {
		justify-content: space-around;
	}
	#PanelOne, #PanelTwo {
		width: 45% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#MediaPlayerHolder {
		width: 100% !important;
		height: unset !important;
	}
	#JSPlayer {
		width: 100% !important;
		height: unset !important;
	}
	video#JSPlayer_html5_api {
		position: relative;
	}
	#JSPlayer > .vjs-control-bar {
		position: relative;
	}
}
*/

/* 2022_05_06 Notifications Icon Fix */
#IconPlayerNotifications {
	width: 128px !important;
}
#IconPlayerNotificationsNumber {
	display: inline-block;
	width: 29px;
	font-size: 14px;
	line-height: 34px;
}
#IconPlayerNotifications > .menu-text {
	display: inline-block;
	margin-left: 0;
}
@media screen and (max-width: 1099px) {
	#IconPlayerNotifications {
		width: 104px !important;
	}
	#IconPlayerNotificationsNumber {
		width: 26px;
		font-size: 16px;
		line-height: 26px;
	}
	#IconPlayerNotifications > .menu-text {
		margin-left: 2px !important;
		width: unset !important;
		top: -2px !important;
	}
}

/* 2022_10_27 Bootstrap fix - if using bootstrap, add the following code. */
body {
	line-height: 1;
}
*, ::after, ::before {
	box-sizing: unset;
}

/* 2022_11_15 Icons - Mobile fix (no sliding) */
@media screen and (max-width: 600px) {
	#IconPlayerNotifications {
		width: 0px !important;
	}
	.icon_player_buttons > .menu-text {
		display: none !important;
	}
}
@media (hover) {
	@media screen and (max-width: 600px) {
		.icon_player_buttons:hover,
		.icon_player_buttons:focus-within {
			max-width: 0;
			transition: max-width 0ms ease;
		}
		.icon_player_buttons:focus-within > .menu-text {
			width: 0 !important;
		}
	}
}

#AgendaContainer {
	box-sizing: border-box;
	text-align: left;
}
#AgendaContainer * {
	box-sizing: border-box;
	line-height: 1.5;
}
#AgendaContainer .tableTitle {
	font-size: 16px;
	font-weight: bold;
	color: #732145;
	text-transform: uppercase;
}
#AgendaContainer .tableTime {
	font-size: 16px;
	font-weight: bold;
}
#AgendaContainer > .row:after {
	content: "";
	display: block;
	width: 450px;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom: solid black 1px;
}
#AgendaContainer > .row:last-child:after {
	border-bottom: solid black 0px;
}
#AgendaContainer span {
	/*display: none;*/
}


#AgendaWrap {
	z-index: 9;
	text-align: left;
	margin-bottom: 20px;
	display: inline-block;
}
#AgendaHeaderImg {
	height: 60px;
}
#FullAgendaContainer {
	box-sizing: border-box;
	position: fixed;
	font-size: 12px;
	width: 466px;
	z-index: 21;
	background-color: white;
	border: 3px solid black;
	top: 80px;
	left: 0;
	margin-left: -466px;
	transition: margin-left 1s ease-in-out;
	transition-delay: 1000ms;
}
#FullAgendaContainer * {
	box-sizing: border-box;
	line-height: 1.5;
}
#FullAgendaContainer .tableTitle {
	font-size: 20px;
	font-weight: bold;
	color: #732145;
	text-transform: uppercase;
}
#FullAgendaContainer .tableTime {
	font-size: 20px;
	font-weight: bold;
	color: black;
}
#FullAgendaContainer > .row:after {
	content: "";
	display: block;
	width: 450px;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom: solid black 1px;
}
#FullAgendaContainer > .row:last-child:after {
	border-bottom: solid black 0px;
}
#FullAgendaContainer span {
	/*display: none;*/
}
#FullAgendaContainer > a:hover {
	text-decoration: none;
}
#FullAgendaContainer > a:hover > div:nth-child(3) {
	text-decoration: underline;
}
#FullAgendaContainer > a.row:nth-child(1) > div > span, #FullAgendaContainer > a.row:nth-child(4) > div > span , #FullAgendaContainer > a.row:nth-child(5) > div > span  {
	display: none;
}
#AgendaWrap:hover > #FullAgendaContainer {
	margin-left: 0px;
	transition-delay: 0ms;
}
@media screen and (max-width: 1099px) {
	#FullAgendaContainer {
		top: 73px;
	}
}
.panel_two_mobile_landscape {
	margin-bottom: 52px;
}


#FullAgendaContainer {
	max-width: 100%;
	max-height: 80%;
	overflow-y: scroll;
}
.icon_player_titles_mobile {
	display: none;
}
#HTMLBelowSlides {
	height: unset;
	position: relative;
	font-size: 12px;
	text-align: left;
}
#HTMLBelowLogoHolder {
	text-align: left;
}


/*recreated - not from cache - process time 0.08194899559021 */