.iconButton:hover, iconButon:hover{
  transform: scale(1.1) !important;
  transition: transform .25s !important;
}
.iconButton:active, iconButton:active{
  transform: scale(1) !important;
  transition: transform .1s !important;
}

.hideme{
	display: none !important;
}

/* LANGUAGES start BNSF */
/*---------------- */

	.english {
		display:inline;
	}
	.spanish {
		display:none;	
	}
	.german {
		display:none;	
	}
	.french {
		display:none;	
	}
	.chinese {
		display:none;
	}
	.japanese {
		display:none;
	}
	.japanese {
		display:none;
	}
	.italian {
		display:none;	
	}
	.korean {
		display:none;	
	}
	.portuguese {
		display:none;
	}
	.russian {
		display:none;
	}
	.arabic {
		display:none;
		direction: rtl;
		text-align: right;
		/* float: right; */
	}
	.polish {
		display:none;
	}
	.turkish {
		display:none;
	}

	/* Language selection dropdown */
	.languageSelect {
		padding:0px 40px 0px 20px;
		font-size:16px;
		font-family:"Source Sans Pro", sans-serif !important;
		border-radius:20px;
		height:40px;
		background-color:#f85d13 !important;
		color:#fff;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		border:none;
		background:url(${resourcesFolderName}/icon-down-arrow-SH.svg) 90% / 20px no-repeat #eee;
	}

	.languageSelect::-ms-expand { 
		display:none; /* remove default arrow on ie10 and ie11 */
	}
/*-------------- */
/* LANGUAGES end */



/* TEXT STYLES start */
/*------------------ */
	.transcripthead{
		font-family:"Source Sans Pro", sans-serif !important;
	}

	.bubble div{
		display:table !important;
		height:100% !important;
		width:100% !important;
	}
	.bubble div div{
		display:table-cell !important;
		vertical-align:middle !important;
		text-align:center !important;
	}
	.bubbleLeft div{
		display:table !important;
		height:100% !important;
		width:100% !important;
	}
	.bubbleLeft div div{
		display:table-cell !important;
		vertical-align:middle !important;
	}

	p {
		font-family"Source Sans Pro", sans-serif !important;
		font-size:18px !important;
		line-height:1.3 !important;
	}

	.bodyText {
		font-family:"Source Sans Pro", sans-serif !important;
	}

	.extraText{
		font-family:"Source Sans Pro", sans-serif !important;
		font-size:18px !important;
	}

	.LO_list {
		font-family:"Source Sans Pro", sans-serif !important;
		padding-top:0.3em !important;
		padding-left:6em !important;
		font-size:20px !important;
	}

	.LO_list li {
		padding-bottom:0.6em !important;	
	}

	.bulletList li {
		padding-bottom:0.6em !important;
		font-size:18px !important;
	}

	.mainTitle, h1 {
		font-size:80px !important;
		font-weight:bold;
		line-height:1 !important;
		padding-bottom:0.3em !important;
	}

	.mediumTitle, h2 {
		font-family"Source Sans Pro", sans-serif !important;
		font-weight:bold;
		font-size:60px !important;
		line-height:1 !important;
		padding-bottom:0.3em !important;
	}

	h2 {
		font-family:"Source Sans Pro", sans-serif !important;
		font-weight:bold;
		font-size:20px !important;
		line-height:1 !important;
		padding-bottom:0.3em !important;
	}

	.mediumTitlePart2 {
		text-shadow:3px 3px 15px rgba(255, 255, 255, 0.3);
	}

	.subTitle {
		font-size:40px !important;
		line-height:1 !important;
		font-family:"Source Sans Pro", sans-serif !important;
	}

	.subMediumTitle {
		font-size:26px !important;
		line-height:1.1 !important;
		font-family:"Source Sans Pro", sans-serif !important;
	}

	.bubblePassingNumber {
		font-size:90px !important;
		line-height:1 !important;
		font-family:"Source Sans Pro", sans-serif !important;
		font-weight:bold;
	}

	.normalText {
		font-size:18px !important;
		font-family:"Source Sans Pro", sans-serif !important;
	}

	.bottomAlignedTxt {
		position:absolute !important;
		/* bottom:0px !important; */
		top:50% !important;
		height:auto !important;
		display:inline-block !important;
		transform:translateY(-50%) !important;
		/* border:1px solid red !important; */
	}

	.absoluteBottomAlignedTxt {
		position:absolute !important;
		bottom:0px !important;
		top:initial !important;
		height:auto !important;
		display:inline-block !important;
		transform:initial !important;
		/* border:1px solid red !important; */
	}

	.fullWidthTxt {
		left:67px !important;
	}

	.slideTitle {
		font-family:"Source Sans Pro", sans-serif !important;
		font-weight:bold;
	}

/*---------------- */
/* TEXT STYLES end */


/* THEME COLORS start */
/*------------------ */

  /* Elements */

	.themeColorTeal {
	background-color:#54728A !important;
	}
	.themeColorGray {
	background-color:#EBEBEB !important;
	}
	.themeColorLightGray {
	background-color:#F8F8F8 !important;
	}

	/* BNSF */
	.themeColorOrange,.themeColorDark {
	background-color:#f85d13 !important;
	}
	.themeColorYellow, .themeColorLight {
	background-color:#F7B512 !important;
	}
	.themeColorBlue {
	background-color:#54728A !important;
	}

  /* Text */
	.themeTxtColorBerry {
	color:#7A162D !important;
	}
	.themeTxtColorTeal {
	color:#00a8aa !important;
	}
	
	/* BNSF color */
	.themeTxtColorOrange, .themeTxtColorMain {
	color:#f85d13 !important;
	}
	.themeTxtColorYellow {
	color:#F7B512 !important;
	}
	.themeTxtColorDark {
	color:#000 !important;
	}
	.themeTxtColorWhite {
	color:#fff !important;
	}
	.themeTxtColorBlue {
	color:#54728A !important;
	}

  /* Button */
	.buttonColorOrange, buttonColorDark {
	background-color:#f85d13 !important;
	color:#fff !important;
	}
	.buttonColorOrange:hover {
	background-color:#C64F06 !important;
	}
	.buttonOutline {
	border:1px solid #b7b7b7 !important;
	color:#f85d13 !important;
	}
	.buttonOutline:hover {
	color:#fff !important;
	border:1px solid #f85d13 !important;
	}
	.buttonOutlineOrangeBackgr {
	border:1px solid #fff !important;
	color:#f85d13 !important;
	}
	.buttonOutlineOrangeBackgr:hover {
	color:#fff !important;
	border:1px solid #fff !important;
	}
	.btnArrowLeft {
	/* used by quiz engine */
	}
	.btnArrowRight {
	/* used by quiz engine */
	}
	.buttonQuizColor {
	background-color:#F7B512 !important;
	border-color:#fff !important;
	}
	.buttonQuizColor:hover,
	.buttonQuizColor:focus{
		background:#F85D13 !important;
	}
	.buttonQuizColor.grayMe{
		background-color:#929292 !important;
	}
	.buttonQuizColorChosen {
		background-color:#f85d13 !important;
		border-color:#fff !important;
		border-style:double !important;
	}
	.buttonQuizColorChosen:hover,
	.buttonQuizColorChosen:focus{
		background-color:#C64F06 !important;
	}
	.buttonQuizColorChosen.grayMe{
		background-color:#929292 !important;
	}
	.buttonQuizColorCorrect { /* needs to be incorporated */
		background-color:#f85d13 !important;
		border-color:#fff !important;
	}
	.themeTimelineControls {
		background-color:#f85d13 !important;
	}
	.slide_preview_button {
		background-color:#f85d13 !important;
	}
/*----------------- */
/* THEME COLORS end */

/* QUIZ STYLES start */
/*------------------ */

	.smallerTryAgain {font-size:73%;}
	.questionPreTitle {
		background-color:#54728A;
		font-weight:bold;
		padding:10px 20px 10px 20px;
		display:inline-block;
		color:#fff;
		margin-bottom:10px;
	}
	.quizText {
		border-bottom:1px solid #E0E0E0 !important;
	}
	.questionText {
		font-family:"Source Sans Pro", sans-serif !important;
		font-weight: bold;
	}
	.bubble.questionText {
		font-weight: bold !important;
		letter-spacing: -1px !important;
	}
	.questionSubText {
		color:#212121 !important;
		font-size:95% !important;
		padding-top:5px !important;
		font-style:italic !important;
	}
	.questionSubTextHidden {
		display:none !important; /* Hides the text when returning to the page */
	}
	ol.alphabeticalList {
		list-style-type:upper-alpha !important;
		font-size:90% !important;
	}
	ol.alphabeticalList li {
		padding-bottom:0.6em !important;
	}
	.quizFeedback {
		color:white;
		font-weight: bold;
		background-color: #F85D13;
		padding: 10px;
		border-radius: 10px;
		line-height: 1.1em;
		margin-right:45px;
		margin-top: -10px;
		margin-bottom: 10px;
		font-family:"Source Sans Pro", sans-serif !important;
	}
	.quizQuestion img {
		max-width:50%;
		display:none;
	}
	.quizPassed {
		display:none;
	}
	.quizFailed {
		display:block;
	}
	.quizOptionsWrap {
		position:relative;
		width:100%;
		margin-top:30px;
		margin-bottom: 10px;
		text-align:center;
	}
	.quizOptionsWrapInner {
		position:relative;
		display:inline-block;
	}
	.quizButton {
		float:left;
		margin-right:8px;
		width:80px;
		height:80px;
		border:6px solid #fff;
		border-radius:100%;
		color:#000;
		font-size:43px;
		font-family:"Source Sans Pro", sans-serif !important;
		font-weight:bold;
		cursor:pointer;
		padding:0px;
		transition:background 250ms ease-in-out, transform 150ms ease;
		-webkit-appearance:none;
		-moz-appearance:none;
	}
	.quizButton:last-child {
		margin-right:0px;
	}
	/*.quizButton:hover,
	.quizButton:focus {
		background:#006F6F !important;
	}
	*/
	.quizButton:active {
		transform:scale(0.95);
	}
	.controlButtonsWrap {
		position:relative;
		width:100%;
		margin-top:10px;
		margin-bottom:20px;
		text-align:center;
	}
	.controlButtonsWrapInner {
		position:relative;
		display:inline-block;
	}
	.quizButtonControl {
		float:left;
		font-family:"Source Sans Pro", sans-serif;
		font-weight:bold;
		font-size:16px;
		margin-right:8px;
		color:#fff;
		cursor:pointer;
		padding:10px 20px;
		background-color:#f85d13;
		-webkit-appearance:none;
		-moz-appearance:none;
		border-radius:0px;
		border:0px;
	}
	.quizButtonControl:last-child {
		margin-right:0px;
	}
	.quizButtonControl:hover {
		background-color:#C64F06;
	}
	.choiceWrong {
		text-decoration:line-through;
		color:#737373;
		/*font-size:90%;*/
	}
	.choiceCorrect {
		font-family:"Source Sans Pro", sans-serif;
		color:#F85D13;
		font-weight: bold;
	}
	.noDisplay{
		/* Primarly used for quiz buttons */
		display: none;
	}

/*---------------- */
/* QUIZ STYLES end */

/* MENU start */
/*------------------ */

.menuIcon {
	//transform:initial !important;
	//position:absolute !important;
	//top:10px !important;
	//left:38px !important;
}
#sceneNameBox1{
	color: white !important;
}
/* 2021 Adjustments */

:root {
  --docwidth: 1024px;
  --myleft: -1024px;
}
.menuTall {
	max-height: 100% !important;
	min-height: 100% !important;
}
.blurscreen{
	position: fixed !important;
	min-width: var(--docwidth); !important; 
	min-height: 100% !imporant;
	left: var(--myleft) !important; 
/* 
	border: 5px solid red !important; 
 */
}

/* Slides */
.menu_slides {
	padding-top:15px !important;
}
.slide_preview_button {
	position:relative;
	height:100px;
	width:320px;
	margin-bottom:10px;
	overflow:hidden;
}
.slide_preview_link {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	height:100px;
	width:320px;
	z-index:200;
}
.slide_preview_link:hover {
	border-style:solid;
	border-width:2px;
	height:96px;
	width:316px;
	border-color:#000;
	opacity:0.8;
}
.slide_preview_number {
	position:absolute;
	font-family:"Source Sans Pro", sans-serif;
	font-size:30px !important;
	top:4px;
	left:155px;
	opacity:0.4;
	color:#fff !important;
}
.slide_preview_title {
	position:absolute;
	padding-right:10px;
	font-family:"Source Sans Pro", sans-serif !important;
	font-weight: 600 !important;
	font-size:18px !important;
	line-height:19px !important;
	top:37px;
	left:155px;
	width:calc(155px - 18px);
	height:50px;
	color:#fff !important;
}
.slide_preview_title_LO {
	position:absolute;
	padding-right:10px;
	font-family:"Source Sans Pro", sans-serif !important;
	font-size:14px !important;
	line-height:16px !important;
	font-weight:normal !important;
	top:37px;
	left:155px;
	width:155px;
	color:#fff !important;
}
.img-shadow {
	position:relative;
	max-width:120%;
	float:left;
}
.img-shadow::before {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	box-shadow:inset 0 0 20px rgba(0,0,0,.15);
	-moz-box-shadow:inset 0 0 20px rgba(0,0,0,.15);
	-webkit-box-shadow:inset 0 0 20px rgba(0,0,0,.15);
}
.img-shadow img {
	float:left;
	height:100px;
	width:146px;
}
/*--------- */
/* MENU end */

/* Scroll bounce effect */
.scrollme {
	-webkit-overflow-scrolling:touch !important;
	overflow-x: hidden !important;
}


.sideGraphic {
	/*max-width:400px;*/
}

.floatingContentImage {
	float:left;
	padding:0 20px 10px 0 !important;
}

.percentBubblePlacement {
	position:absolute !important;
	transform:initial !important;
	right:0px;
	/*margin-right:65px;*/
}

.percentBubble {
	background-color:#fff !important;
	width:230px !important;
	height:230px !important;
	border-radius:165px !important;
	display:table-cell !important;
	vertical-align:middle !important;
	text-align:center !important;
}

.verticalAlign {
	position:absolute !important;
	top:50% !important;
	transform:translateY(-50%) !important;
}

.darkCourseImage {
	margin-left:-250px;
}

.mobileOnlyRightImg {
	float:right;
    width:50%;
    display:none;
}

video::cue { 
    font-size:95% !important;
    color:#fff;
    background:rgba(0, 0, 0, 0.60);
}

/*---------------- */
/* List page start */

/* 
moved to head html
 */
/* 
.contentTitleBox {
	position:absolute;
	bottom:0px;
	display:inline-block;
	height:100px;
	background:url(${resourcesFolderName}/yellow-title-element.svg) 0% / 269px no-repeat #fff;
	background-position:0px 0px;
	font-size:26px;
	font-weight:bold;
	margin-left:50px;
	background-color:rgba(255, 255, 255, 0.95) !important;
}
 */

.contentTitleBoxInner {
	position:relative;
	padding:0 40px 0 40px;
	font-family:"Source Sans Pro", sans-serif;	
}

.contentBodyBox {
	position:relative;
	width:100%;
	display:inline-block !important;
	color:#fff;
	padding:40px 20px 120px 80px;
	box-sizing:border-box;
}

.contentBodyBoxInner {
	position:relative;
	padding:0 !important;
	font-family:"Source Sans Pro", sans-serif;		
}

.positionText {
	max-width:800px !important;
}

.imageBox {
	position:relative;
	background-color:#ccc;
	background-position:center !important;
	background-repeat:no-repeat;
	background-size:cover !important;
}

.continueBtn {
	display:inline-block;
	background-color:orange;
	color:#fff;
	font-weight:bold !important;
	padding:5px 20px 11px 20px !important;
	border:none;
	-webkit-user-select:none;
	font:inherit;
	cursor:pointer;
	float:right;
	font-family:"Source Sans Pro", sans-serif;	
	margin-bottom: 5px;  /* This keeps the pause button from crowding it. */
}

.playVideoBtn {
	display:inline-block;
	color:#000;
	background-color:#F7B512;
	font-weight:bold !important;
	padding:11px 20px 11px 20px !important;
	border:none;
	-webkit-user-select:none;
	font:inherit;
	cursor:pointer;
	float:left;
	clear:both;
	margin:0 20px 20px 0;
}
.playVideoBtn:hover, .playVideoBtn:focus, .playVideoBtn:active{
	background-color:#B8870E;

}

.closeVideoBtnHYPE{
	color:#000 !important;
	background-color:#F7B512 !important;
}
.closeVideoBtnHYPE:hover, .closeVideoBtnHYPE:focus, .closeVideoBtnHYPE:active{
	color:#000 !important;
	background-color:#B8870E !important;
}

.closeVideoBtn {
	display:inline-block;
	color:#000;
	background-color:#F7B512;
	font-weight:bold !important;
	padding:11px 20px 11px 20px !important;
	border:none;
	-webkit-user-select:none;
	font:inherit;
	cursor:pointer;
	border:1px solid #fff;
}

.continueArrow {
	position:relative;
	top:5px;
	left:3px;
}

.backArrow {
	position:relative;
	top:5px;
	right:3px;
}

.removeListIndent {
    margin:0px;
    /*padding:0 0 20px 17px;*/
    padding-bottom:20px;    
    /*-webkit-padding-start:0 0 20px 17px;*/
    float:left;
}

.topicIcon {
	position:relative;
	top:14px;
	left:21px;
    width:70px;
    height:70px;
	background-repeat:no-repeat;
}
/*-------------- */
/* List page end */


.hide{
	display: none !important;
}

/* 
This is for the HTML button to control the audio.
 */
.orangePause{
	margin-right: 5px;
	margin-right: 5px;
	padding-left: 13px !important;
}