/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 16px;
	font: inherit;
    margin: 0;
    
	padding: 0;
	vertical-align: baseline;
	
}
/* Fonts */
@font-face
{
	font-family: 'BrandonGrotesque';
	src: url('/wp-content/themes/abbott/fonts/BrandonGrotesque-Black.otf');
}
@font-face
{
	font-family: 'BrandonGrotesqueBlack';
	src: url('fonts/BrandonGrotesque-Black.otf');
}
@font-face
{
	font-family: 'BrandonGrotesqueBold';
	src: url('fonts/Brandon_bld_0.otf');
}
@font-face
{
	font-family: 'BrandonGrotesqueRegular';
	src: url('fonts/Brandon_reg_0.otf');
}
@font-face
{
	font-family: 'BrandonGrotesqueMedium';
	src: url('fonts/Brandon_med_0.otf');
}
@font-face
{
	font-family: 'BrandonGrotesqueLight';
	src: url('fonts/Brandon_light_0.otf');
}
/*
 * Abbott Colors
 */
.lightBlue
{
	color:#009CDE;
}
.black
{
	color:#000 !important;
}
.darkBlue
{
	color:#002A3A;	
}
.blue
{
	color:#004F71;
}
.mint
{
	color:#64ccc9;
}
.purple
{
	color:#3c1053;
}
.magenta
{
	color:#aa0061;
}
.coral
{
	color:#e56a54;
}
.gold
{
	color:#eeb33b;	
}	
.yellow
{
	color:#ffd100;
}
.mediumGreen
{
	color:#009a17;	
}
.lightGreen
{
	color:#79d97c;	
}
.charcoal
{
	color:#222731;
}
.darkGray
{
	color:#63666a;
}
.gray
{
	color:#888b8d;
}
.lightGray
{
	color:#d9d9d6;
}
.white
{
	color:#fff;
}


.lightBlueBkg
{
	background-color:#009CDE;
}
.blackBkg
{
	background-color:#000;
}
.darkBlueBkg
{
	background-color:#002A3A;	
}
.blueBkg
{
	background-color:#004F71;
}
.mintBkg
{
	background-color:#64ccc9;
}
.purpleBkg
{
	background-color:#3c1053;
}
.magentaBkg
{
	background-color:#aa0061;
}
.coralBkg
{
	background-color:#e56a54;
}
.goldBkg
{
	background-color:#eeb33b;	
}	
.yellowBkg
{
	background-color:#ffd100;
}
.mediumGreenBkg
{
	background-color:#009a17;	
}
.lightGreenBkg
{
	background-color:#79d97c;	
}
.charcoalBkg
{
	background-color:#222731;
}
.darkGrayBkg
{
	background-color:#63666a;
}
.grayBkg
{
	background-color:#888b8d;
}
.lightGrayBkg
{
	background-color:#d9d9d6;
}
.grayBkg2
{
	background-color:#222731;
}
.cbtBody
{
	background-color:#fff;
}
.CBTFooterContainer
{
	background-color:#222731;
}
.header1
{
	position: relative;
    height: 58px;
}
.header1 img
{
	width: 145px;
    position: absolute;
    top: 12px;
    left: 5%;	
}
.lessonTitle
{
    font-family: 'BrandonGrotesqueRegular';
    color: #fff;
    text-align: right;
    padding-top: 18px;
    font-size: 10pt;
    width: 93%;
}

.deviceName
{
	font-family: 'BrandonGrotesque';
	font-size:12pt;
}
.lessonTitle a
{
	color:#fff;
	text-decoration: none;
}
.lessonTitle a:hover
{
	color:#fff;
	text-decoration: none;
}
.headerBanner
{
	position: relative;
	
}
.headerBanner img
{
	width:100%;
}
.bannerTitle
{
	font-family: 'BrandonGrotesque';
    position: absolute;
    top: 10px;
    color: #fff;
    font-size: 33pt;
    left: 10%;
 
}
.bannerSubLine
{
	position: absolute;
    top: 67px;
    left: 10%;
    color: #fff;
    font-family: 'BrandonGrotesqueRegular';
    font-size: 14pt;
}
.col1
{
	margin-left: 5%;
    width: 16%;
    float: left;
    margin-right: 3%;
    /*position: fixed;*/
    top: 384px;
}
.col2 a
{
	
}
.col2
{
	position: relative;
    width: 25%;
    float: left;
    margin-left: 5%;
}


.col2b
{
	
}
.col1b
{
	margin-left: 10%;
    width: 16%;
    float: left;
}
.col3
{
	float: left;
    width: 37%;
    padding-left: 3%;
}
h0
{
	font-family: 'BrandonGrotesqueBlack';
	font-size:3em;
}
h1
{
	font-family: 'BrandonGrotesqueBlack';
	text-transform:none;
	font-size:1.5em;
}
h2
{
	font-family: 'BrandonGrotesqueBold';
	font-size: 1.5em;
	text-transform: none;
	color:#000;
}
h3
{
	font-family: 'BrandonGrotesqueMedium';
	font-size: 1em;
	color:#63666a;
}
h4
{
	font-family: 'BrandonGrotesqueMedium';
	font-size:1em;
}
h5
{
	font-family: 'BrandonGrotesqueMedium';
	text-transform:none;
	font-size: 1em;
	color:#63666a;
}
h6
{
	
}
h7
{
	font-family: 'BrandonGrotesqueMedium';
	color:#aa0061;
}

h8
{
	font-family: 'BrandonGrotesqueLight';
    font-size: 1.4em;
}
h9
{
	font-family: 'BrandonGrotesqueLight';
    font-size: 2em;
}
h10
{
	
}
h13 
{
	font-family: 'BrandonGrotesqueMedium';
	color:#00B140;
}
ul
{
	
}
li
{
	
}
.padding1
{
	padding-top: 25px;
}
.padding2
{
	padding-top: 40px;
}
.padding3
{
	padding-top:117px;
}
.sideBar
{
	font-family: 'BrandonGrotesqueMedium';
	font-size: 1em;
	padding-left: 0px;
}
.sideBar a
{
	color: #aa0061;
    text-decoration: none;
    
}
.sideBar a:hover
{
	color:#63666a;
}
.clearAll
{
	clear:both;
}
.videoContainers
{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 60px;
}
.videoContainer
{
	position: relative;
    width: 40%;
    padding-top:50px;
}
.videoContainer a
{
	
}
.thumbnail
{
	position:relative;
}
.thumbnailImg
{
 	width: 100%;
    position: relative;
    /*border-radius: 10px;*/
}

.videoText
{
	padding-top: 30px;
}
.videoTitle
{
	
}
.trtContainer
{
	position: relative;
    height: 29px;
    padding-top: 10px;
}
.trtContainer img
{
	
    
}
.trtText
{
 	display: inline-block;
    padding-left: 7px;
    position: absolute;
    top: 6px;
}

.italics
{
	font-style: italic;
}
.line1
{
	width: 67%;
    
    margin-top: 20px;
    margin-bottom: 66px;
    /* text-align: center; */
    /* text-align: center; */
    /* align-items: stretch; */
    
}
.line2
{
	width: 100%;
    border-style: solid;
    border-width: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    /* text-align: center; */
    /* text-align: center; */
    /* align-items: stretch; */
    color: #888b8d;
	clear: both;
}
.line3
{
	width: 100%;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 20px;
    /* text-align: center; */
    /* text-align: center; */
    /* align-items: stretch; */
    color: #888b8d;
	clear: both;
}
.lineStyle
{
	border-style: solid;
    border-width: 0.6px;
    color: #d9d9d6;
}
.gray
{
	
}




.contentText
{
	font-family: 'BrandonGrotesqueRegular';
	/*padding-bottom: 57px;*/
	color: #888b8d;
}

.button
{
	padding-left: 15px;
    padding-right: 15px;
    padding-top: 4px;
    display: block;
    font-family: 'BrandonGrotesqueMedium';
    text-decoration: none;
    font-size: 0.9em;
    color: #fff;
    border: none;
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
    background-color: #3B91CA;
    padding-top: 10px;
}
.thumbnailLarge
{
	position: relative;
    /* padding-left: 64px; */
    /* padding-top: 45px; */
    width: 100%;
}
.thumbnailLargeImg
{
	width: 100%;
    /* padding-left: 64px; */
    /* padding-top: 32px; */
    position: relative;
    /*border-radius: 15px;*/
}
.thumbnailLargeImg img
{
	width: 540px;
	position: absolute;
}
.playButton
{
	position: absolute;
    left: 36%;
    top: 20%;
}
.playButton2
{
	position: absolute;
    /* left: 47%; */
    /* top: 345%; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.playButton img
{
	
}
.col4
{
	margin-left: 26%;
	width: 55.1%;
}
.allVideos
{
	  
}

.footerContainer
{
	    clear: both;
    background-color: #222731;
    color: #fff;
    position: relative;
}
.footerContainer img
{
	padding-left: 10%;
    padding-top: 23px;
    width: 100px;
}
.footerLinks
{
	
}
.footerLinks a
{
	
}
.footerLinks a:hover
{
	
}
.legal
{
	padding-left: 10%;
    padding-top: 36px;
    width: 59%;
    padding-bottom: 20px;
}
.legal .space
{
	padding-right: 15px;
}
.legal p
{
	margin-bottom: 15px;
}
.legal a
{
	color:#FFF;
}
.legal a:hover
{
	color:#009CDE;
}
.innerMargin
{
	/*margin-left:5%;*/
	margin-right:5%;
		
}
.videoTitle2
{
	padding-top: 50px;
    padding-bottom: 15px;
}
.progressContainer
{
	padding-bottom: 40px;
}
.progressText
{
	width: 12.2%;
    float: left;
}
.progressBarBkg
{
	width: 43%;
    height: 10px;
    display: block;
    float: left;
    margin-top: 8px;
}
.progressBar
{
	height: 10px;
}
.videoSectionContainer
{
	width: 100%;
    position: relative;
    clear: both;
    display: flex;
    /*height: -webkit-fill-available;*/
   	display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
#videoContainer
{
	position: relative;
    width: 53vw;
    overflow: auto;
}
#videoContainerQuiz
{
	position: relative;
    width: 53vw;
    padding-top: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #d9d9d6;
}
.quizHeader
{
	padding-top: 20px;
    padding-bottom: 20px;
}
.quizBlackLine
{
	margin-top: 10px;
    margin-bottom: 40px;
}
.quizTitle
{
	font-size:1.4em;
}
#videoContainer video
{
	width: 100%;
}
#videoSideBar
{
	width: 20%;
    /*margin-left: 5px;*/
    border-width: 2px;
    border-style: solid;
    border-color: #d9d9d6;
    height: 30vw;
    overflow: scroll;
    /* overscroll-behavior-x: none; */
    overflow: overlay;
}
.chapterContainer
{
	text-decoration: none;
	position: relative;
}
.chapterPadding
{
	padding-left: 10px;
	width:93%;
}
.chapterTitlePadding
{
	padding-top:5px;	
}
.textContainer
{
	width: 75%;
	padding-right: 1px;
}
.paddingOverview
{
	text-transform: uppercase;
	padding-top: 100px;
    padding-left: 3%;
}
.overviewBar
{
	height: 15px;
    width: 17%;
    margin-top: 10px;
}
.textTitle
{
	padding-top: 26px;
    /*padding-bottom: 30px;*/
}
.textSection
{
	font-family: 'BrandonGrotesqueRegular';
	color:#63666a;	
	margin-bottom: 58px;
}
.textSection p
{
	padding-top: 30px;
}
.textSection ul
{
	/*list-style-position: inside;*/
	/*list-style: none;*/
	/*padding-top: 20px;*/
}
.textSectionOLD ul li::before
{
	
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  	color: #aa0061; /* Change the color */
  	font-weight: bold; /* If you want it to be bold */
  	display: inline-block; /* Needed to add space between the bullet and the text */
  	width: 1em; /* Also needed for space (tweak if needed) */
  	margin-left: 1.7em;; /* Also needed for space (tweak if needed) */
  	
}
.textSection li
{
	left: 6%;
    position: relative;
    line-height:16px;
    padding-top: 15px;
}
.fpContainer
{
	display: flex;
	margin-left: 5%;
    margin-right: 5%;
}
.upperText
{
	padding-top: 128px;
    padding-left: 7%;

}
.upperText h0
{
	
}
.fpCol1
{
	width: 60%;
    position: relative;
}
.fpCol2
{
	
}
.fpCol2 img
{
	padding-top: 61px;
}
.iconContainers
{
	display: flex;
	margin-top: 25px;
    margin-bottom: 36px;
}
.fpIcon
{
	text-align: center;
}
.fpIcon img
{
	    width: 45%;
}
.iconText
{
	padding-top: 11px;
}
.iconText a
{
	
}
.iconText a:hover
{
	
}
.fpLowerText
{
	font-family: 'BrandonGrotesqueLight';
	text-align:right;
	font-size:2em;
}
#quizContainer
{
	height: 100%;
    display: flex;
    flex-direction: column;
}