body { color: #4b4f54; margin: 0px; padding: 0px; font-size: 15px; line-height: 1.5 }
a { color: #0674F5; -webkit-transition-timing-function: ease; -webkit-transition-duration: .3s; -webkit-transition-property: all }
a:hover, a:focus { color: #0674F5; text-decoration: underline }
.btn { border-radius: 4px }
.btn-lg { font-size: 16px; padding: 10px 24px }
.btn-primary { background-color: #0674F5; border-color: #0674F5 }
.btn-primary:hover { background-color: #005186; border-color: #005186 }
.btn-primary.focus, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { color: #fff; background-color: #005186; border-color: #005186 }
.btn-success { background-color: #34B761; border-color: #34B761 }
.btn-success:hover { background-color: #007338; border-color: #007338 }
.btn-success.focus, .btn-success:focus, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover { color: #fff; background-color: #007338; border-color: #007338 }
.btn-default { color: #0674F5; background-color: #fff; border-color: rgba(0, 61, 118, 0.6) }
.btn-default:hover { color: #fff; background-color: #0674F5; border-color: #0674F5 }
.btn-default.focus, .btn-default:focus, .btn-default.active.focus, .btn-default.active:focus, .btn-
.animate a, .animate button, .btn { -webkit-transition-timing-function: ease; -webkit-transition-duration: .3s; -webkit-transition-property: all }
h1, h2, h3, h4, h5 { line-height: 1.2 }
h1 { font-size: 38px; color: #383b40 }
h2 { color: #4b4f54; font-size: 32px; margin-top: 25px }
h3 { font-size: 22px; font-weight: 700 }
.lead { font-weight: 400 }
header { padding-top: 24px; padding-bottom: 24px; background: #00007c }
header .back { color: #fff; position: absolute; right: 25px; border: solid 1px rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .1) }
header.ss1 { background: #0674F5; margin-bottom: 30px }
header.ss2 { background: #34B761; margin-bottom: 30px }
header.trb { background: #000; margin-bottom: 30px }
header.ssa { background: #000; margin-bottom: 30px }
header .logo { height: 45px; margin: auto; }
.follow-along { height: 100%; position: relative; }
.follow-along .well { margin-bottom: 20px; background: #fff; padding: 50px 15px; border: 0px; box-shadow: none; }
.follow-along .well h1 { margin-top: 0px; font-weight: 500; margin-bottom: 20px; }
.follow-along .well h1 u { font-weight: 600; }
.follow-along label { color: #616161; font-weight: 600; margin-bottom: .3rem; font-size: 0.938em }
.follow-along .code-input { position: relative; max-width: 565px; margin: auto; }
.follow-along .code-input .btn { position: absolute; right: 4px; top: 4px; border: 0px; padding-right: 20px; padding-left: 20px }
.follow-along .btn { padding: 8px 12px; font-weight: 600; }
.follow-along .copy { font-size: 12px; color: #888 }
.follow-along .resource-links { margin-top: 30px; }
.follow-along .resource-links a { font-weight: 500; display: block; text-align: center; font-size: 20px; margin-bottom: 30px; padding: 20px; background: #fff; border: solid 1px rgba(100, 100, 100, .3); -webkit-box-shadow: none; box-shadow: none; }
.follow-along .resource-links a span { display: block; font-size: 12px; color: #34B761 }
.follow-along .resource-links a:hover { background: #fff; color: #666; text-decoration: none; border: solid 1px #0674F5; -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, .2); box-shadow: 0 3px 30px rgba(0, 0, 0, .2); }
.follow-along .resource-links a.disabled { color: #666; cursor: not-allowed; filter: alpha(opacity=55); -webkit-box-shadow: none; box-shadow: none; opacity: .55; background: #efefef; }
.follow-along .resource-links a.disabled:hover { border: solid 1px rgba(100, 100, 100, .3); }
.follow-along .resource-links a.disabled:focus { text-decoration: none; }
.footer { position: fixed; bottom: 0px; left: 0px; width: 100%; padding: 15px 30px; color: #888; font-size: 12px; border-top: solid 1px #efefef; background: #fff; }
.footer a { color: #888; text-decoration: underline; }
.resource-links.options a i { font-size: 40px; margin-bottom: 10px; }
#forTeachers { margin: 30px 0; padding: 20px; background: #efefef; border-radius: 12px; }

/* Student View Styles */
.student-view { height: 100%; position: relative; }
.student-view .text-viewport { height: 100%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; position: relative; font-size: 8.3em }
.student-view .image-viewport { position: absolute; top: 60px; right: 3px; bottom: 35px; left: 3px; }
.student-view .image-viewport img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; max-width: 100%; max-height: 100%; }
.student-view .mini-header { background: #0674F5; padding: 5px 10px; clear: both; display: table; width: 100%; position: absolute; }
.student-view .mini-header.ss1 { background: #0674F5; }
.student-view .mini-header.ss2 { background: #34B761; }
.student-view .mini-header.trb { background: #000; }
.student-view .mini-header.ssa { background: #000; }
.student-view .mini-header img { height: 25px; margin-top: 1px; float: left; }
.student-view .mini-header .level { position: absolute; top: 5px; left: 0px; width: 100%; text-align: center; line-height: 30px; color: #fff; font-weight: 600; z-index: 1 }
.student-view .mini-header .buttons { float: right; color: #fff; position: relative; top: 0px; z-index: 2 }
.student-view .mini-header .buttons a, .student-view .mini-header .buttons button { padding: 2px 4px; background: transparent; border: 0px; }
.student-view .mini-footer { position: fixed; bottom: 0px; width: 100%; padding: 5px 10px; color: #888; font-size: 12px; border-top: solid 1px #efefef; }
.student-view .mini-footer a { opacity: 1 }
.student-view .mini-footer a:hover { opacity: 1 }

/*==========================
	HTML SLIDE CSS
===========================*/
/*
	Clamp Syntax: For example, you can use clamp(16px, 5vw, 24px) for font size.
	This means the font size will be a minimum of 16 pixels, a preferred size of 5 viewport width units (vw), and a maximum of 24 pixels.
*/

@font-face {
    font-family: 'sonday_poppins';
    src: url('/_css/webfonts/sonday_poppins_regular-webfont.woff2') format('woff2'),
         url('/_css/webfonts/sonday_poppins_regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'sonday_poppins';
    src: url('/_css/webfonts/sonday_poppins_italic-webfont.woff2') format('woff2'),
         url('/_css/webfonts/sonday_poppins_italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;

}
@font-face {
    font-family: 'sonday_poppins';
    src: url('/_css/webfonts/sonday_poppins_semibold-webfont.woff2') format('woff2'),
         url('/_css/webfonts/sonday_poppins_semibold-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}
@font-face {
    font-family: 'sonday_poppins';
    src: url('/_css/webfonts/sonday_poppins_semibold_italic-webfont.woff2') format('woff2'),
         url('/_css/webfonts/sonday_poppins_semibold_italic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;

}
@font-face {
    font-family: 'sonday_poppins';
    src: url('/_css/webfonts/sonday_poppins_bold-webfont.woff2') format('woff2'),
         url('/_css/webfonts/sonday_poppins_bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

body.student-view-wrap { background: #fff }

/*This section is for unique css instances for previous style overrides*/
.medium-html-slide.wizzy .text-viewport, .medium-html-slide.wizzy > div {aspect-ratio: 4/3;}
.medium-html-slide.wizzy tr>td:first-child {background: transparent!important; vertical-align:inherit!important; font-weight:inherit!important; width:inherit!important;}

/*================================
    STUDENT VIEW WINDOW STYLES
================================*/
.student-view { height: 100%; position: relative; }
.student-view .text-viewport { font-family: "sonday_poppins", Helvetica, Arial, sans-serif; font-variant-ligatures: none;  font-size: 8.3em; font-weight: 500; font-style: normal; position: relative; color: #000; width: 100%; top: 32px; height: calc(100% - 32px) }
.student-view .image-viewport { position: absolute; top: 35px; right: 3px; bottom: 35px; left: 3px }
.student-view .image-viewport img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; max-width: 100%; max-height: 100% }
.student-view .mini-header { background: #0674f5; padding: 5px 10px; clear: both; display: table; width: 100%; position: absolute }
.student-view .mini-header img { height: 20px }
.student-view .mini-header a { float: right; color: #fff; opacity: .8 }
.student-view .mini-footer { position: fixed; text-align: center; bottom: 0px; left: 0px; width: 100%; padding: 5px 10px; color: #888; font-size: 10px; border-top: solid 1px #efefef; background: #fff }
.student-view .mini-footer a { opacity: .4 }
.student-view .mini-footer a:hover { opacity: 1 }
.student-view a, .student-view a:hover, .student-view a:visited { text-decoration: none }

.student-view .text-viewport.w-title { width: 90%; margin: auto }
.student-view .text-viewport .single { font-size: 18vw; letter-spacing: .25rem }
.student-view .text-viewport .one-col { font-family: "sonday_poppins", Helvetica, Arial, sans-serif; font-variant-ligatures: none; font-weight: 500; font-style: normal; position: relative; color: #000; letter-spacing: .25rem; font-size: 7vw; line-height: 1.1; text-align: left; margin: 0px auto; width: 25%; white-space: nowrap }
.student-view .text-viewport .two-col .col { font-family: "sonday_poppins", Helvetica, Arial, sans-serif; font-variant-ligatures: none; font-weight: 500; font-style: normal; position: relative; color: #000; letter-spacing: .25rem; font-size: 6vw; line-height: 1.2; margin: 0px auto; padding: 0px 5%; width: 100%; white-space: nowrap }
.student-view .text-viewport .title-row { background: #000; color: #fff; font-size: 18px; line-height: 24px }
.student-view .text-viewport .title-row td { letter-spacing: .1rem; padding: 5px 20px; vertical-align: middle; height: 35px }
.student-view .text-viewport .title-row .float-end { text-transform: uppercase; font-size: 14px }
.student-view .text-viewport .title-row .float-end .num { border-radius: 100%; font-size: 16px; display: inline-block; width: 26px; height: 26px; line-height: 26px; text-align: center; background: #fff; color: #000; letter-spacing: normal }

/*================================
    HTML LAYOUT SLIDES
================================*/
#slideView { font-family: "sonday_poppins", Helvetica, Arial, sans-serif; font-variant-ligatures: none; font-weight: 500; font-style: normal; color: #000; position: absolute; top: 32px; right: 0px; left: 0px; bottom: 28px }
#slideView>img { position: absolute; top: 28px; right: 0px; bottom: 28px; left: 0px; margin: auto; height: auto; max-width: 100%; max-height: 100% }
#slideView .slide-single, #slideView .single { width: 100%; font-size: 30vw; letter-spacing: .25rem }
#slideView .one-col, .text-viewport .one-col {  font-size: 7vw; letter-spacing: .2rem; line-height: 1.2; text-align: left; margin: 0px auto; width: 25%; white-space: nowrap }
#slideView .two-col .col, .text-viewport .two-col .col { font-size: 4vw; line-height: 1.4; margin: 0px auto; padding: 0px 5%; width: 100%; white-space: nowrap }
#slideView>div, #slideView>h3, #slideView>.h3, #slideView>h1, #slideView>.h1, #slideView>h2, #slideView>.h2 { font-size: clamp(2rem, 4vw, 4rem); text-align: center; height: 100%; display: flex; justify-content: center; align-content: center; flex-direction: column; padding: 2rem }
#slideView .start-slide-wrap, #slideView .end-slide-wrap, #slideView .writing-prompt-wrap { padding: 0px }
#slideView .slide-single { font-size: clamp(7rem, 20vw, 20rem); width: 100%; letter-spacing: .25rem }
#slideView .slide-lead { font-size: clamp(1.5rem, 3.6vw, 3.6rem); width: 100%; text-align: left; align-items: center }
#slideView .mid-size {font-size: clamp(3rem,6vw,6rem); width: 100%; text-align: left; align-items: center}
#slideView .slide-number { display: block; text-align: center; font-size: clamp(3rem, 5vw, 5rem); line-height: normal }
#slideView .slide-number .num { font-size: 1em; border: solid 1px #000; border-radius: 100%; text-align: center; display: inline-block; width: 1.8em; height: 1.8em; line-height: 1.8em; margin-right: .25rem }
#slideView .slide-phrase { font-size: clamp(4rem, 10vw, 10rem); width: 100%; text-align: center; display: inline-block }
#slideView .slide-phrase-left { font-size: clamp(4rem, 10vw, 10rem); width: 100%; text-align: left; display: inline-block }
#slideView .essentials-phrase { font-size: clamp(4rem, 10vw, 10rem); width: 100%; text-align: center; display: inline-block }
#slideView .essentials-phrase-left { font-size: clamp(4rem, 10vw, 10rem); width: 100%; text-align: left; display: inline-block }
#slideView .slide-card {  font-size: clamp(6rem, 16vw, 16rem); width: 100%; text-align: center; display: inline-block }
#slideView .slide-lines { font-size: clamp(1.5rem, 3vw, 3rem); width: 100%; text-align: left; }
#slideView .slide-lines ul { margin: 0px; padding: 0px }
#slideView .slide-lines ul li { list-style: none; margin: .85em 0; line-height: 1.2 }
#slideView .slide-lines.fill-blank span { font-size: 1.5em; display: block }
#slideView .slide-lines.fill-blank.top span { font-size: 1.3em; display: block }
#slideView .slide-one-col { line-height: 1.5; margin: 0px auto; padding: 0px 5%; white-space: nowrap }
#slideView .slide-one-col ul { margin: 0px; padding: 0px }
#slideView .slide-one-col ul li { list-style: none; text-align: left }
#slideView .two-col { width: 100% }
#slideView .two-col td { font-size: clamp(2rem, 4vw, 4rem); position: relative; text-align: left !important; color: #000; line-height: 1.5; margin: 0px auto; padding: 0px 5%; white-space: nowrap; width:50% }
#slideView .two-col td:first-child {padding-left:15%}
#slideView .two-col td:last-child {padding-right:15%}
#slideView .two-col td ul { margin: 0px; padding: 0px }
#slideView .two-col td ul li { list-style: none }
#slideView .multi-col { width: 100%; height: 100% }
#slideView .multi-col td { position: relative; text-align: left !important; color: #000; line-height: 1.5; margin: 0px auto; padding: 0px 5%; white-space: nowrap }
#slideView .multi-col td ul { margin: 0px; padding: 0px }
#slideView .multi-col td ul li { list-style: none }
#slideView .multi-col.three td { font-size: clamp(2rem, 4vw, 4rem); line-height: 2; margin: 0px auto; padding: 0px 5%; white-space: nowrap; width:33%}
#slideView .multi-col.three td:first-child {padding-left:8%}
#slideView .multi-col.three td:last-child {padding-right:8%}
#slideView .multi-col.four td { font-size: clamp(1rem, 3vw, 3rem); line-height: 1.5; margin: 0px auto; padding: 0px 2%; white-space: nowrap; width:25% }
#slideView .multi-col.four td:first-child {padding-left:4%}
#slideView .multi-col.four td:last-child {padding-right:4%}
#slideView .multi-col.five td { font-size: clamp(1rem, 3vw, 3rem); line-height: 1.5; margin: 0px auto; padding: 0px 2%; white-space: nowrap; width:20% }
#slideView .multi-col.five td:first-child {padding-left:5%}
#slideView .multi-col.five td:last-child {padding-right:5%}
#slideView .blocks td { font-size: 5vw; line-height: 1.4; margin: 0px auto; padding: 0px 5%; white-space: nowrap }
#slideView .blocks .block-border { border: solid 2px #000 }
#slideView .blocks-ul ul { display: flex; justify-content: center; padding: 0px; margin: 0px }
#slideView .blocks-ul li { font-size: clamp(3rem, 7vw, 7rem); line-height: 1.4; padding: 6%; margin: auto 1%; white-space: nowrap; list-style: none; display: inline-block; float: left; border: solid .2rem #000 }
#slideView .slide-paragraph { font-size: clamp(1rem, 3vw, 3rem); width: 100%; text-align: left; padding: 2%; display: flex; align-items: normal; line-height: normal }

.medium-html-slide { font-family: "sonday_poppins", Helvetica, Arial, sans-serif; font-variant-ligatures: none; font-weight: 500; font-style: normal; color: #000 }
.medium-html-slide .text-viewport { width: 100% }
.medium-html-slide>img { position: absolute; top: 28px; right: 0px; bottom: 28px; left: 0px; margin: auto; height: auto; max-width: 100%; max-height: 100% }
.medium-html-slide .slide-single, .medium-html-slide .single { font-size: clamp(3rem, 6vw, 6rem); position: relative; width: 100%; letter-spacing: .25rem; text-align: center }
.medium-html-slide .one-col, .text-viewport .one-col { position: relative; letter-spacing: .2rem; line-height: 1.2; text-align: left; margin: 0px auto; width: 25%; white-space: nowrap }
.medium-html-slide .two-col .col, .text-viewport .two-col .col { position: relative; line-height: 1.4; margin: 0px auto; padding: 0px 5%; width: 100%; white-space: nowrap }
.medium-html-slide>div, .medium-html-slide>h3, .medium-html-slide>.h3 { text-align: center; height: 100%; display: flex; justify-content: center; align-content: center; flex-direction: column; padding: 2rem }
.medium-html-slide .slide-lead { font-size: clamp(1rem, 1.1vw, 1.1rem); position: relative; text-align: left; display: flex; align-items: center; line-height: normal }
.medium-html-slide .mid-size { font-size: clamp(1.1rem, 2vw, 2rem); position: relative; text-align: left; display: flex; align-items: center; line-height: normal}
.medium-html-slide .slide-number { font-size: clamp(1rem, 1vw, 2rem); display: block; text-align: center; line-height: normal }
.medium-html-slide .slide-number .num { font-size: 1em; border: solid 1px #000; border-radius: 100%; text-align: center; display: inline-block; width: 1.8em; height: 1.8em; line-height: 1.8em; margin-right: .25rem }
.medium-html-slide .slide-phrase { font-size: clamp(1.8rem, 3.1vw, 3.1rem); position: relative; text-align: center; align-items: center; line-height: normal; display: inline-block }
.medium-html-slide .slide-phrase-left { font-size: clamp(1.8rem, 3.1vw, 3.1rem); position: relative; text-align: left; align-items: center; line-height: normal; display: inline-block; width: 100% }
.medium-html-slide .essentials-phrase { font-size: clamp(1.8rem, 3.1vw, 3.1rem); position: relative; text-align: center; align-items: center; line-height: normal; display: inline-block }
.medium-html-slide .essentials-phrase-left { font-size: clamp(1.8rem, 3.1vw, 3.1rem); position: relative; text-align: left; align-items: center; line-height: normal; display: inline-block; width: 100% }
.medium-html-slide .slide-card { font-size: clamp(3rem, 6vw, 6rem); position: relative; text-align: center; align-items: center; line-height: normal; display: inline-block }
.medium-html-slide .slide-lines { position: relative; width: 100%; text-align: left; display: flex; align-items: center; line-height: normal }
.medium-html-slide .slide-lines ul { margin: 0px; padding: 0px .5rem }
.medium-html-slide .slide-lines ul li { list-style: none; margin: .75em 0; line-height: 1 }
.medium-html-slide .slide-lines.fill-blank span { font-size: 1.5em; display: block }
.medium-html-slide .slide-lines.fill-blank.top span { font-size: 1.3em; display: block }
.medium-html-slide .slide-one-col { font-size: clamp(1rem, 1.1vw, 1.1rem); position: relative; line-height: 1.5; margin: 0px auto; padding: 0px 5%; white-space: nowrap }
.medium-html-slide .slide-one-col ul { margin: 0px; padding: 0px }
.medium-html-slide .slide-one-col ul li { list-style: none; text-align: left }
.medium-html-slide .two-col { width: 100%; height: 100% }
.medium-html-slide .two-col td { font-size: clamp(1rem, 1.5vw, 1.5rem); position: relative; text-align: left !important; line-height: 1.5; margin: 0px auto; padding: 0px 2%; white-space: nowrap; width:50% }
.medium-html-slide .two-col td:first-child {padding-left:15%}
.medium-html-slide .two-col td:last-child {padding-right:15%}
.medium-html-slide .two-col td ul { margin: 0px; padding: 0px }
.medium-html-slide .two-col td ul li { list-style: none }
.medium-html-slide .multi-col { width: 100%; height: 100% }
.medium-html-slide .multi-col td { text-align: left !important }
.medium-html-slide .multi-col.three td { font-size: clamp(1rem, 1.5vw, 1.5rem); position: relative; line-height: 2; margin: 0px auto; padding: 0px 3%; white-space: nowrap; width:33% }
.medium-html-slide .multi-col.three td:first-child {padding-left:8%}
.medium-html-slide .multi-col.three td:last-child {padding-right:8%}
.medium-html-slide .multi-col.four td { font-size: clamp(.75rem, .75vw, .75rem); position: relative; line-height: 1.5; margin: 0px auto; padding: 0px 2%; white-space: nowrap; width:25% }
.medium-html-slide .multi-col.four td:first-child {padding-left:5%}
.medium-html-slide .multi-col.four td:last-child {padding-right:5%}
.medium-html-slide .multi-col.five td { font-size: clamp(.75rem, .75vw, .75rem); position: relative; line-height: 1.5; margin: 0px auto; padding: 0px 2%; white-space: nowrap; width:20% }
.medium-html-slide .multi-col.five td:first-child {padding-left:5%}
.medium-html-slide .multi-col.five td:last-child {padding-right:5%}
.medium-html-slide .multi-col td ul { margin: 0px; padding: 0px }
.medium-html-slide .multi-col td ul li { list-style: none; text-align: left }
.medium-html-slide .blocks td { font-size: 5vw; position: relative; line-height: 1.4; margin: 0px auto; padding: 0px 5%; white-space: nowrap }
.medium-html-slide .blocks .block-border { border: solid 2px #000 }
.medium-html-slide .blocks-ul { padding: 0px; margin: 0px }
.medium-html-slide .blocks-ul ul { display: flex; justify-content: center; padding: 0px; margin: 0px }
.medium-html-slide .blocks-ul li { font-size: clamp(1rem, 4vw, 4rem); position: relative; line-height: 1.4; padding: 6%; margin: auto 1%; white-space: nowrap; list-style: none; display: inline-block; float: left; border: solid .1rem #000 }
.medium-html-slide .slide-paragraph { position: relative; width: 100%; text-align: left; padding: 2%; display: flex; align-items: normal; line-height: normal }

.thumb-html-slide { font-family: "sonday_poppins", Helvetica, Arial, sans-serif; font-variant-ligatures: none; font-weight: 500; font-style: normal; color: #000; font-size: clamp(7px, .75vw, 8px); aspect-ratio: 4/3; line-height: normal; display: block; display: flex; align-items: center; justify-content: center }
.thumb-html-slide h1, .thumb-html-slide .h1, .thumb-html-slide h2, .thumb-html-slide .h2, .thumb-html-slide h3, .thumb-html-slide .h3 { font-size: clamp(7px, .75vw, 8px) }
.thumb-html-slide .single, .thumb-html-slide .slide-single { font-size: clamp(1rem, 2vw, 2rem)}
.thumb-html-slide .slide-lead { font-size: clamp(.7px,.7vw,.7em); padding: 2%; position: relative; text-align:left; display: flex; align-items: center; line-height: normal}
.thumb-html-slide .mid-size { font-size: clamp(.9px,.9vw,.9em); padding: 2%; position: relative; text-align:left; display: flex; align-items: center; line-height: normal}
.thumb-html-slide .slide-number {font-size: clamp(.5rem, .5vw, 1rem); display: block; text-align: center; line-height: normal}
.thumb-html-slide .slide-number .num {font-size: 1em; border: solid 1px #000;border-radius: 100%;text-align: center;display: inline-block; width: 1.8em; height: 1.8em; line-height: 1.8em; margin-right: .25rem}
.thumb-html-slide .slide-phrase { font-size: clamp(.3rem, 1.1vw, 1.1rem); padding: 2%; position: relative; text-align: center; width: 100%; align-items: center; line-height: normal}
.thumb-html-slide .slide-phrase-left { font-size: clamp(.3rem, 1.1vw, 1.1rem); padding: 2%; position: relative; text-align:left; width: 100%; align-items: center; line-height: normal}
.thumb-html-slide .essentials-phrase { font-size: clamp(.3rem, 1.1vw, 1.1rem); padding: 2%; position: relative; text-align: center; width: 100%; align-items: center; line-height: normal}
.thumb-html-slide .essentials-phrase-left { font-size: clamp(.3rem, 1.1vw, 1.1rem); padding: 2%; position: relative; text-align:left; width: 100%; align-items: center; line-height: normal}
.thumb-html-slide .slide-card { font-size: clamp(.4rem, 1.5vw, 1.5rem); padding: 2%; position: relative; text-align: center; width: 100%; align-items: center; line-height: normal}
/*vault specific sizing*/
.main-content .inner .thumb-html-slide .slide-card { font-size: clamp(1rem,2vw,2rem); padding: 2%; position: relative; text-align: center; width: 100%; align-items: center; line-height: normal}
.thumb-html-slide .slide-lines { font-size: clamp(0.3rem,1vw,0.3rem); position: relative; text-align:left; display: flex; align-items: center; line-height: normal}
.thumb-html-slide .slide-lines ul {margin: 0px; padding: 0px .5rem}
.thumb-html-slide .slide-lines ul li {list-style: none; margin: .75em 0; line-height: 1}
.thumb-html-slide .slide-lines.fill-blank {display: block}
.thumb-html-slide .slide-lines.fill-blank span {font-size: 1.5em; display: block}
.thumb-html-slide .slide-lines.fill-blank.top span {font-size: 1.3em; display: block}
.thumb-html-slide .slide-one-col { font-size: clamp(.3rem, .3vw, .3rem); position: relative; line-height: 1.5; margin: 0px auto; padding: 0px 5%; white-space: nowrap}
.thumb-html-slide .slide-one-col ul { margin: 0px; padding: 0px }
.thumb-html-slide .slide-one-col ul li {list-style: none; text-align:left}
.thumb-html-slide .two-col {width: 100%}
.thumb-html-slide .two-col td { font-size: clamp(.3rem, .5vw, .5rem); position: relative; text-align:left !important; line-height: 1.5; margin: 0px auto; padding: 0px 5%; width:50%; white-space: nowrap;aspect-ratio: 4/3}
.thumb-html-slide .two-col td:first-child {padding-left:15%}
.thumb-html-slide .two-col td:last-child {padding-right:15%}
.thumb-html-slide .two-col td ul { margin: 0px; padding: 0px }
.thumb-html-slide .two-col td ul li {list-style: none; text-align:left}
.thumb-html-slide .multi-col {width: 100%}
.thumb-html-slide .multi-col td {text-align:left !important}
.thumb-html-slide .multi-col.three td { font-size: clamp(.3rem, .5vw, .5rem); position: relative; line-height: 2; margin: 0px auto; padding: 0px 2%; white-space: nowrap; width: 33%}
.thumb-html-slide .multi-col.three td:first-child {padding-left:5%}
.thumb-html-slide .multi-col.three td:last-child {padding-right:5%}
.thumb-html-slide .multi-col.four td { font-size: clamp(.2rem, .3vw, .3rem); position: relative; line-height: 1.5; margin: 0px auto; padding: 0px 2%; white-space: nowrap; width:25%}
.thumb-html-slide .multi-col.four td:first-child {padding-left:4%}
.thumb-html-slide .multi-col.four td:last-child {padding-right:4%}
.thumb-html-slide .multi-col.five td { font-size: clamp(.2rem, .2vw, .2rem); position: relative; line-height: 1.5; margin: 0px auto; padding: 0px 2%; white-space: nowrap; width:20%}
.thumb-html-slide .multi-col.five td:first-child {padding-left:4%}
.thumb-html-slide .multi-col.five td:last-child {padding-right:4%}
.thumb-html-slide .multi-col td ul { margin: 0px; padding: 0px }
.thumb-html-slide .multi-col td ul li {list-style: none; text-align:left}
.thumb-html-slide .blocks td { font-size: 5vw; position: relative; line-height: 1.4; margin: 0px auto; padding: 0px 5%; white-space: nowrap}
.thumb-html-slide .blocks .block-border {border: solid 2px #000}
.thumb-html-slide .blocks-ul {padding: 0px; margin: 0px}
.thumb-html-slide .blocks-ul ul {display: flex; justify-content: center; padding: 0px; margin: 0px}
.thumb-html-slide .blocks-ul li { font-size: clamp(1rem, 1.5vw, 1.5rem); position: relative; line-height: 1; padding: 6% 12%; margin: auto 2%; white-space: nowrap; list-style: none; display: inline-block; float:left; border: solid .05rem #000}
.thumb-html-slide .slide-paragraph { font-size: clamp(.3rem,.3vw,.3rem); position: relative; width: 100%; text-align:left; padding: 2%; align-content: center; line-height: normal}

/*=========================
    START SLIDE
=========================*/
.student-view .text-viewport .start-slide-wrap { height: inherit; position: absolute; top: 35px; right: 3px; bottom: 35px; left: 3px }
.start-slide-wrap, .writing-prompt-wrap, .end-slide-wrap { height: 100%; position: relative }
.start-slide { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; position: relative; color: #000; width: 100%; max-width: 1500px; max-height: 1160px; margin: auto; height: 100% }
.start-slide td.start-slide-content { padding: 5%; vertical-align: top!important; text-align: left !important; background-color:transparent!important; }
.start-slide .logo img { max-width: 50%; position: relative }
.start-slide .level { font-weight: 800; position: absolute; bottom: 10%; color: #fff; font-size: clamp(32px, 4vw, 4vw); line-height: 1.2 }
.start-slide .level .sub-text { font-size: clamp(20px, 2vw, 2vw); font-weight: 500 }
.start-slide .level .kit { font-size: clamp(100px, 11vw, 11vw) }

.medium-html-slide .start-slide-wrap, .medium-html-slide .end-slide-wrap, .medium-html-slide .writing-prompt-wrap { padding: 0px }
.medium-html-slide .start-slide .level { font-size: clamp(16px, 1.5vw, 24px) }
.medium-html-slide .start-slide .level .sub-text { font-size: clamp(12px, 1vw, 24px) }
.medium-html-slide .start-slide .level .kit { font-size: clamp(40px, 3vw, 3vw) }

.thumb-html-slide .start-slide { aspect-ratio: 4/3; line-height: normal }
.thumb-html-slide .start-slide .logo img { max-width: 50%; position: relative }
.thumb-html-slide .start-slide .level { font-size: clamp(7px, .75vw, 8px) }
.thumb-html-slide .start-slide .sub-text { font-size: clamp(6px, .25vw, 9px) }
.thumb-html-slide .start-slide .kit { font-size: clamp(12px, 1.5vw, 14px) }

/*=========================
    END SLIDE
=========================*/
.end-slide { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; position: relative; color: #000; width: 100%; max-width: 1500px; max-height: 1160px; margin: auto; height: 100% }
.end-slide td.end-slide-content { font-size: clamp(20px, 3vw, 4vw); color: #fff; padding: 5%; vertical-align: middle; text-align: center }

.medium-html-slide td.end-slide-content { font-size: clamp(16px, 1.5vw, 24px) }

.thumb-html-slide .end-slide { aspect-ratio: 4/3; line-height: normal }
.thumb-html-slide td.end-slide-content { font-size: clamp(7px, .75vw, 8px) }

/*=========================
    WRITING PROMPT SLIDE
=========================*/
.writing-prompt { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; position: relative; color: #000; width: 100%; max-width: 1500px; max-height: 1160px; margin: auto; height: 100% }
.writing-prompt td.writing-prompt-content { font-size: clamp(30px, 5vw, 8vw); color: #fff; padding: 5%; vertical-align: middle; text-align: center }
.writing-prompt .lines { border-top: solid 1px #fff; border-bottom: solid 1px #fff; padding: .5em 0; margin: .5em 0 1em }
.writing-prompt .lines .inner { border-bottom: dashed 1px #fff; background:transparent; border-radius:0px; padding:0px }

.medium-html-slide td.writing-prompt-content { font-size: clamp(16px, 3vw, 28px) }

.thumb-html-slide .writing-prompt { aspect-ratio: 4/3; line-height: normal }
.thumb-html-slide td.writing-prompt-content { font-size: clamp(9px, .75vw, 12px) }

/*=================================
    READER SLIDE SPECIFIC STYLES
=================================*/
#slideView .slide-readers { font-size: clamp(1rem, 3.2vw, 2.8rem); justify-content: center!important;}
.medium-html-slide .slide-readers { font-size: clamp(.6rem, 1vw, .9rem); justify-content: center!important;}
.thumb-html-slide .slide-readers { font-size: clamp(.2rem,.2vw,.2rem);}
#slideView .slide-readers.top-align { justify-content: normal!important;}
.medium-html-slide .slide-readers.top-align {justify-content: normal!important;}
.thumb-html-slide .slide-readers.top-align {justify-content: normal!important; height: 100%}
.thumb-html-slide .slide-readers.EK-lines {height: 100%}
.thumb-html-slide .slide-readers.E1-lines {height: 100%}
.thumb-html-slide .slide-readers.E2-lines {height: 100%}
.thumb-html-slide .slide-readers.E3-lines {height: 100%}
.thumb-html-slide .slide-readers.E4-lines {height: 100%}
.thumb-html-slide .slide-readers.E5-lines {height: 100%}

.slide-readers {font-weight: 400; position: relative; justify-content: normal!important; line-height:1.3; padding: 2%!important; width: 100%; text-align: left!important;}
.slide-readers .body {padding: .5em}
.slide-readers .body.small-text {font-size: .75em; line-height: 1.2}
.slide-readers p {margin-bottom: .75em}
.slide-readers .indent {text-indent: 2em}
.slide-readers .h-indent {padding-left:2em;text-indent:-2em}
.slide-readers ul, .slide-readers ol {padding-left:1.25em; margin-bottom: .5em}
.slide-readers ul li, .slide-readers ol li {margin-bottom: .75em; line-height:1.1}
.slide-readers .head {background:#231f20; color:#fff!important; padding: .5em 1em; margin-bottom: .5em}
.slide-readers .head div {font-size:1.2em;text-transform: uppercase; font-weight: 500; line-height:1; margin-bottom: .5em}
.slide-readers .head div:last-child {margin-bottom: 0px;}
.slide-readers .head span {font-size: .7em; display: block; margin-bottom: .4em; line-height: 1;}
.slide-readers .head.intro {background:transparent; color:#000!important; padding: .5em 1em; margin-bottom: .5em; text-align: center;}
.slide-readers .head.intro div {font-size:1.2em;text-transform: uppercase; font-weight: 500; line-height:1; margin-bottom: .5em}
.slide-readers .head.intro div:last-child {margin-bottom: 0px;}
.slide-readers .head.intro span {font-size: 1em; display: block; font-style: italic; margin-bottom: .4em; line-height: 1;}

.slide-readers.EK-2col {justify-content: center!important; }
.slide-readers.EK-2col table { width: 100%; }
.slide-readers.EK-2col td { margin: 0px auto; padding: 0px 5%; white-space: nowrap }
.slide-readers.EK-2col td ul { margin: 0px; padding: 0px }
.slide-readers.EK-2col td ul li { font-size: 2em; list-style: none; margin-bottom: .5em; }
.slide-readers.EK-3col {justify-content: center!important; }
.slide-readers.EK-3col table { width: 100%; }
.slide-readers.EK-3col td { margin: 0px auto; padding: 0px 5%; white-space: nowrap }
.slide-readers.EK-3col td ul { margin: 0px; padding: 0px }
.slide-readers.EK-3col td ul li { font-size: 1.8em; list-style: none; margin-bottom: .5em; }
.slide-readers.EK-lines { position: relative; text-align: left; display: flex; justify-content: center!important; align-items: center; line-height: 1.4 }
.slide-readers.EK-lines .body {font-size: 1.5em}
.slide-readers.EK-1row .body {font-size: 1.5em; word-spacing: 1em; text-align: center;}

.slide-readers.E1-2col {justify-content: center!important; }
.slide-readers.E1-2col table { width: 100%; }
.slide-readers.E1-2col td { margin: 0px auto; padding: 0px 5%; white-space: nowrap }
.slide-readers.E1-2col td ul { margin: 0px; padding: 0px }
.slide-readers.E1-2col td ul li { font-size: 2em; list-style: none; margin-bottom: .5em; }
.slide-readers.E1-3col {justify-content: center!important; }
.slide-readers.E1-3col table { width: 100%; }
.slide-readers.E1-3col td { margin: 0px auto; padding: 0px 5%; white-space: nowrap }
.slide-readers.E1-3col td ul { margin: 0px; padding: 0px }
.slide-readers.E1-3col td ul li { font-size: 1.8em; list-style: none; margin-bottom: .5em; }
.slide-readers.E1-lines { position: relative; text-align: left; display: flex; justify-content: center!important; align-items: center; line-height: 1.4 }
.slide-readers.E1-lines .body {font-size: 1.5em}
.slide-readers.E1-1row .body {font-size: 1.5em; word-spacing: 1em; text-align: center;}

.slide-readers.E2-2col {justify-content: center!important; }
.slide-readers.E2-2col table { width: 100%; }
.slide-readers.E2-2col td { margin: 0px auto; padding: 0px 5%; white-space: nowrap }
.slide-readers.E2-2col td ul { margin: 0px; padding: 0px }
.slide-readers.E2-2col td ul li { font-size: 2em; list-style: none; margin-bottom: .5em; }
.slide-readers.E2-3col {justify-content: center!important; }
.slide-readers.E2-3col table { width: 100%; }
.slide-readers.E2-3col td { margin: 0px auto; padding: 0px 5%; white-space: nowrap }
.slide-readers.E2-3col td ul { margin: 0px; padding: 0px }
.slide-readers.E2-3col td ul li { font-size: 1.8em; list-style: none; margin-bottom: .5em; }
.slide-readers.E2-lines { position: relative; text-align: left; display: flex; justify-content: center!important; align-items: center; line-height: 1.4 }
.slide-readers.E2-lines .body {font-size: 1.5em}
.slide-readers.E2-1row .body {font-size: 1.2em; word-spacing: 1em; text-align: center;}

.slide-readers.E3-2col {justify-content: center!important; }
.slide-readers.E3-2col table { width: 100%; }
.slide-readers.E3-2col td { margin: 0px auto; padding: 0px 5%; white-space: nowrap }
.slide-readers.E3-2col td ul { margin: 0px; padding: 0px }
.slide-readers.E3-2col td ul li { font-size: 2em; list-style: none; margin-bottom: .5em; }
.slide-readers.E3-3col {justify-content: center!important; }
.slide-readers.E3-3col table { width: 100%; }
.slide-readers.E3-3col td { margin: 0px auto; padding: 0px 5%; white-space: nowrap }
.slide-readers.E3-3col td ul { margin: 0px; padding: 0px }
.slide-readers.E3-3col td ul li { font-size: 1.8em; list-style: none; margin-bottom: .5em; }
.slide-readers.E3-lines { position: relative; text-align: left; display: flex; justify-content: center!important; align-items: center; line-height: 1.4 }
.slide-readers.E3-lines .body {font-size: 1.5em}
.slide-readers.E3-1row .body {font-size: 1.2em; word-spacing: 1em; text-align: center;}

.slide-readers.E4-2col {justify-content: center!important; }
.slide-readers.E4-2col table { width: 100%; }
.slide-readers.E4-2col td { margin: 0px auto; padding: 0px 5%; white-space: nowrap }
.slide-readers.E4-2col td ul { margin: 0px; padding: 0px }
.slide-readers.E4-2col td ul li { font-size: 2em; list-style: none; margin-bottom: .5em; }
.slide-readers.E4-3col {justify-content: center!important; }
.slide-readers.E4-3col table { width: 100%; }
.slide-readers.E4-3col td { margin: 0px auto; padding: 0px 5%; white-space: nowrap }
.slide-readers.E4-3col td ul { margin: 0px; padding: 0px }
.slide-readers.E4-3col td ul li { font-size: 1.8em; list-style: none; margin-bottom: .5em; }
.slide-readers.E4-lines { position: relative; text-align: left; display: flex; justify-content: center!important; align-items: center; line-height: 1.4 }
.slide-readers.E4-lines .body {font-size: 1.5em}
.slide-readers.E4-1row .body {font-size: 1.2em; word-spacing: 1em; text-align: center;}

.slide-readers.E5-2col {justify-content: center!important; }
.slide-readers.E5-2col table { width: 100%; }
.slide-readers.E5-2col td { margin: 0px auto; padding: 0px 5%; white-space: nowrap }
.slide-readers.E5-2col td ul { margin: 0px; padding: 0px }
.slide-readers.E5-2col td ul li { font-size: 2em; list-style: none; margin-bottom: .5em; }
.slide-readers.E5-3col {justify-content: center!important; }
.slide-readers.E5-3col table { width: 100%; }
.slide-readers.E5-3col td { margin: 0px auto; padding: 0px 5%; white-space: nowrap }
.slide-readers.E5-3col td ul { margin: 0px; padding: 0px }
.slide-readers.E5-3col td ul li { font-size: 1.8em; list-style: none; margin-bottom: .5em; }
.slide-readers.E5-lines { position: relative; text-align: left; display: flex; justify-content: center!important; align-items: center; line-height: 1.4 }
.slide-readers.E5-lines .body {font-size: 1.5em}
.slide-readers.E5-1row .body {font-size: 1.2em; word-spacing: 1em; text-align: center;}

.bg-lpl { background: #f25700 }
.bg-ss1 { background: #0674f5 }
.bg-ss2 { background: #34b761 }
.bg-e { background: #5200ff }
.bg-sse { background: #5200ff }
.bg-win { background: #f25700 }
.bg-vocab { background: #018d8c }
.bg-lit { background: #484395 }
.bg-trb { background: #231f20 }

/* Teacher View Styles */
.teacher-view { height: 100%; position: relative; }
.teacher-view .text-viewport { height: 100%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; position: relative; font-size: 8.3em }
.teacher-view .image-viewport { position: absolute; top: 60px; right: 3px; bottom: 35px; left: 3px; }
.teacher-view .image-viewport img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; max-width: 100%; max-height: 100%; }
.teacher-view .mini-header { background: #0674F5; padding: 5px 10px; clear: both; display: table; width: 100%; position: absolute; }
.teacher-view .mini-header.ss1 { background: #0674F5; }
.teacher-view .mini-header.ss2 { background: #34B761; }
.teacher-view .mini-header.trb { background: #000; }
.teacher-view .mini-header.ssa { background: #000; }
.teacher-view .mini-header img { height: 25px; margin-top: 1px; float: left; }
.teacher-view .mini-header .level { position: absolute; top: 5px; left: 0px; width: 100%; text-align: center; line-height: 30px; color: #fff; font-weight: 600; z-index: 1 }
.teacher-view .mini-header .buttons { float: right; color: #fff; position: relative; top: 0px; z-index: 2 }
.teacher-view .mini-header .buttons a, .teacher-view .mini-header .buttons button { padding: 2px 4px; background: transparent; border: 0px; }
.teacher-view .mini-footer { position: fixed; bottom: 0px; width: 100%; padding: 5px 10px; color: #888; font-size: 12px; border-top: solid 1px #efefef; }
.teacher-view .mini-footer a { opacity: 1 }
.teacher-view .mini-footer a:hover { opacity: 1 }

/* Controller Styles */
.controller { height: 100%; position: relative; }
.controller .kit-div { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 35px; }
.controller .kit-div iframe { display: block; width: 100%; height: 100%; border: none; }
.controller .mini-footer { position: fixed; bottom: 0px; width: 100%; padding: 5px 10px; color: #888; font-size: 12px; border-top: solid 1px #efefef; }
.controller .mini-footer a { opacity: 1 }
.controller .mini-footer a:hover { opacity: 1 }
.controller .mini-footer .lg { font-weight: 600; color: #34B761 }
@media (max-width:767px) {
	header { margin-bottom: 0px !important; text-align: left; }
	header .logo { margin-left: 25px; height: 30px }
	header .back { top: 22px; }
}
@media print {
	a[href]:after { content: none !important; }
	abbr[title]:after { content: none !important; }
	.main-wrap .content, #mainContent { display: none !important; }
}