/* Updated 8/6/2024 - v.2024.08.06.0 */

/* Background Colors */
.bgc-red { background-color: #FF0000; }
.bgc-blue { background-color: #0000FF; }
.bgc-green { background-color: #00FF00; }
.bgc-yellow { background-color: #FFFF00; }
.bgc-gray-lighter { background-color: #D3D3D3; }
.bgc-gray { background-color: #C0C0C0; }
.bgc-gray-darker { background-color: #808080; }
.bgc-black { background-color: #000000; }

/* Divs */
div.ed {}

/* Div Centering */
div.ed.align-left { text-align: left; }
div.ed.align-center { text-align: center; }
div.ed.align-right { text-align: right; }
div.ed.align-center table.ed { margin: 0 auto; } /* SI Legacy Questions - Some tables centered with divs */

/* Tables: Defaults. Normalizes tables across players. */
table.ed { border-collapse: collapse; border-spacing: 0; text-indent: 0; }
table.ed tr { display: table-row; line-height: 20px; }
table.ed th, table.ed tr th { display: table-cell; padding: 1px; font-size:16px; vertical-align:middle; text-align:center; font-weight: bold; }
table.ed td, table.ed tr td { display: table-cell; padding: 1px; font-size:16px; vertical-align:middle; text-align:left; border: 0px; }

/* Tables: Layouts */
table.ed.align-left, div.ed.align-left table.ed { margin: 0 auto 0 0; }
table.ed.align-center, div.ed.align-center table.ed { margin: 0 auto; }
table.ed.align-right, div.ed.align-right table.ed { margin: 0 0 0 auto; }

/* Tables: Relative Widths */
table.ed.width-10pct { width: 10%; }
table.ed.width-20pct { width: 20%; }
table.ed.width-30pct { width: 30%; }
table.ed.width-40pct { width: 40%; }
table.ed.width-50pct { width: 50%; }
table.ed.width-60pct { width: 60%; }
table.ed.width-70pct { width: 70%; }
table.ed.width-80pct { width: 80%; }
table.ed.width-90pct { width: 90%; }
table.ed.width-100pct { width: 100%; }

/* Tables: Fixed Widths for consistency across players. Experimental. */
table.ed.width-1 { width: 75px; }
table.ed.width-2 { width: 150px; }
table.ed.width-3 { width: 225px; }
table.ed.width-4 { width: 300px; }
table.ed.width-5 { width: 375px; }
table.ed.width-6 { width: 450px; }
table.ed.width-7 { width: 525px; }
table.ed.width-8 { width: 600px; }
table.ed.width-9 { width: 675px; } /* Not supported by Legacy SI. */
table.ed.width-max { width: 725px; } /* Not supported by Legacy SI. */

/* Tables: Borders */
table.ed.border-on tr th, table.ed.border-on tr td, table.ed.border-on caption { border: 1px solid #000000; } /* Apply to table */
table.ed tr.border-on th, table.ed tr.border-on td { border: 1px solid #000000; } /* Apply to row. */
table.ed tr th.border-on, table.ed tr td.border-on { border: 1px solid #000000; } /* Apply to cell. */
table.ed.border-on-red tr th, table.ed.border-on-red tr td, table.ed.border-on-red caption { border: 1px solid #FF0000; }
table.ed.border-on-blue tr th, table.ed.border-on-blue tr td, table.ed.border-on-blue caption { border: 1px solid #0000FF; }
table.ed.border-on-green tr th, table.ed.border-on-green tr td, table.ed.border-on-green caption { border: 1px solid #00FF00; }
table.ed.border-on-gray tr th, table.ed.border-on-gray tr td, table.ed.border-on-gray caption { border: 1px solid #808080; }

/* Tables: Border Overrides */
table.ed.border-off tr th, table.ed.border-off tr td, table.ed.border-off caption { border:none; } /* Apply to table */
table.ed tr.border-off th, table.ed tr.border-off td { border:none; } /* Apply to row. */
table.ed tr th.border-off, table.ed tr td.border-off { border:none; } /* Apply to cell. */

/* Rows: Height */
table.ed tr.row-short { height: 20px; }
table.ed tr.row-med { height: 35px; }
table.ed tr.row-tall { height: 50px; }

/* Cells: Spacing */
table.ed.spacing-off { border-spacing: 0px; }
table.ed.spacing-on { border-spacing: 2px; }

/* Cells: Padding  (Apply on row or cell) */
table.ed.padding-1 th, table.ed.padding-1 td, table.ed.padding-1 tr th, table.ed.padding-1 tr td { padding: 1px; }
table.ed.padding-2 th, table.ed.padding-2 td, table.ed.padding-2 tr th, table.ed.padding-2 tr td { padding: 2px; }
table.ed.padding-3 th, table.ed.padding-3 td, table.ed.padding-3 tr th, table.ed.padding-3 tr td { padding: 3px; }
table.ed.padding-4 th, table.ed.padding-4 td, table.ed.padding-4 tr th, table.ed.padding-4 tr td { padding: 4px; }
table.ed.padding-5 th, table.ed.padding-5 td, table.ed.padding-5 tr th, table.ed.padding-5 tr td { padding: 5px; }
table.ed.padding-6 th, table.ed.padding-6 td, table.ed.padding-6 tr th, table.ed.padding-6 tr td { padding: 6px; }
table.ed.padding-7 th, table.ed.padding-7 td, table.ed.padding-7 tr th, table.ed.padding-7 tr td { padding: 7px; }
table.ed.padding-8 th, table.ed.padding-8 td, table.ed.padding-8 tr th, table.ed.padding-8 tr td { padding: 8px; }
table.ed.padding-9 th, table.ed.padding-9 td, table.ed.padding-9 tr th, table.ed.padding-9 tr td { padding: 9px; }
table.ed.padding-10 th, table.ed.padding-10 td, table.ed.padding-10 tr th, table.ed.padding-10 tr td { padding: 10px; }

/* Cells: Horizontal Alignment (Apply on row or cell) */
table.ed tr.text-left th, table.ed tr.text-left td, table.ed th.text-left, table.ed td.text-left { text-align: left; }
table.ed tr.text-center th, table.ed tr.text-center td, table.ed th.text-center, table.ed td.text-center { text-align: center; }
table.ed tr.text-right th, table.ed tr.text-right td, table.ed th.text-right, table.ed td.text-right { text-align: right; }

/* Cells: Vertical Alignment (Apply on row or cell) */
table.ed tr.text-top th, table.ed tr.text-top td, table.ed th.text-top, table.ed td.text-top { vertical-align: top; }
table.ed tr.text-middle th, table.ed tr.text-middle td, table.ed th.text-middle, table.ed td.text-middle { vertical-align: middle; }
table.ed tr.text-bottom th, table.ed tr.text-bottom td, table.ed th.text-bottom, table.ed td.text-bottom { vertical-align: bottom; }

/* Cells: Fixed Width (Apply on cell) */
table.ed th.width-25, table.ed td.width-25 { width: 25px; }
table.ed th.width-50, table.ed td.width-50 { width: 50px; }
table.ed th.width-75, table.ed td.width-75 { width: 75px; }
table.ed th.width-100, table.ed td.width-100 { width: 100px; }
table.ed th.width-125, table.ed td.width-125 { width: 125px; }
table.ed th.width-150, table.ed td.width-150 { width: 150px; }

/* Block Centering */
img.block-center, figure.block-center, .video-wrapper.block-center {
    margin: 0 auto 1em;
    display: block;
}

.video-wrapper.block-center {
    text-align: center;
}

.video-wrapper-inner {
    margin-bottom: 20px;
}

.vid-responsive video {
    max-width: 100%;
}

video.full-width, video, .video-wrapper-inner {
    width: 100%;
}

.vid-actual-size video, .vid-actual-size .video-wrapper-inner {
    width: auto;
}

.video-wrapper video, .video-wrapper.block-center .video-wrapper-inner {
    margin-bottom: 0;
}

.video-wrapper-inner {
    display: inline-flex;
    flex-direction: column;
    align-items: end;
    row-gap: .2em;
}

figure.block-center > figcaption {
    margin: 0 auto;
    text-align: center;
}

/* Line Spacing */
.line-spacing-default 	{ line-height: normal; }
.line-spacing-1-0 		{ line-height: 1.0em; }
.line-spacing-1-15 		{ line-height: 1.15em; }
.line-spacing-1-5 		{ line-height: 1.5em; }
.line-spacing-2-0 		{ line-height: 2.0em; }
.line-spacing-2-5 		{ line-height: 2.5em; }
.line-spacing-3-0 		{ line-height: 3.0em; }

/* Hanging Indent option under Formatting */
.hangingIndent {
    padding-left: 22px;
    text-indent: -22px;
}

/* Bullet Presets */
.alphanumeric {
    list-style-type: upper-roman !important;
}

    .alphanumeric ol, .alphanumeric ul {
        list-style-type: upper-alpha !important;
    }

        .alphanumeric ol ol, .alphanumeric ul ul {
            list-style-type: decimal !important;
        }

            .alphanumeric ol ol ol, .alphanumeric ul ul ul {
                list-style-type: lower-alpha !important;
            }

.mlaStyle {
    list-style-type: disc !important;
}

    .mlaStyle ol, .mlaStyle ul {
        list-style-type: circle !important;
    }

        .mlaStyle ol ol, .mlaStyle ul ul {
            list-style-type: decimal !important;
        }

ol.decimal, ul.decimal {
    counter-reset: item;
}

    ol.decimal ol, ul.decimal ul {
        counter-reset: item;
    }

    ol.decimal li, ul.decimal li {
        display: block;
    }

        ol.decimal li:before, ul.decimal li:before {
            content: counters(item, ".") " ";
            counter-increment: item;
            margin-left: -23.8px;
        }

/* Legacy Fixes (EXPERIMENTAL) */
div.legacy-600 { width: 600px; } /* SI Legacy Questions - Player has 600 width container */
table.ed *[background], table.ed *[style*=background-image] {background-repeat: no-repeat;} /* SI Legacy Questions - background images shouldnt repeat. */

/* Deprecated */
table.center { margin-left: auto;  margin-right: auto; }
tr.center td, tr.center th, td.center, th.center { text-align: center; }

/* Legacy Content styles */
.font { }

.font.small { font-size:13px; }
.font.big { font-size:18px;	}
.font.huge { font-size:24px; }
.font.blue { color:#009EDB; }
.font.red { color:#F0642F; }
.font.green { color:#5DBA61; }
.font.gray { color:gray; }
.font.white { color:#fff; }
.font.purple { color:#B368A9; }
.font.yellow { color:#FFDD00; }
.font.bold { font-weight:bold; }
.font.citation { font-size:13px; color:gray; font-style:italic; }

.f-small { font-size:13px; }
.f-big { font-size:18px;	}
.f-huge { font-size:24px; }
.f-blue { color:#009EDB; }
.f-red { color:#F0642F; }
.f-green { color:#5DBA61; }
.f-gray { color:gray; }
.f-white { color:#fff; }
.f-purple { color:#B368A9; }
.f-yellow { color:#FFDD00; }
.f-bold { font-weight:bold; }
.f-citation { font-size:13px; color:gray; font-style:italic; }

/* Common Content Styles */
.content-background-teal {
    background: #00768a;
    color: white;
}

.content-background-orange {
    background: #c65300;
    color: white;
}

.content-background-plum {
    background: #a04b73;
    color: white;
}

.content-background-bronze {
    background: #926511;
    color: white;
}

.content-background-slate {
    background: #5f5f82;
    color: white;
}

.content-background-olive {
    background: #69732d;
    color: white;
}

.content-text-teal {
    background: white;
    color: #00768a;
}

.content-text-orange {
    background: white;
    color: #c65300;
}

.content-text-plum {
    background: white;
    color: #a04b73;
}

.content-text-bronze {
    background: white;
    color: #926511;
}

.content-text-slate {
    background: white;
    color: #5f5f82;
}

.content-text-olive {
    background: white;
    color: #69732d;
}

/* Apex Asset Styles */
.content-box-asset {
    display: table !important;
    margin: 24px auto !important;
    float: none !important;
    clear: both;
    width: 100%;
}

.content-box-asset.rt-text-box {
    overflow: auto;
}

.content-box-asset.width-25 {
    width: 25%;
}

.content-box-asset.width-50 {
    width: 50%;
}

.content-box-asset.width-75 {
    width: 75%;
}

.content-box-asset.width-100 {
    width: 100%;
}

.content-box-asset .box .content {
    display: block;
    margin: 16px 24px 24px 24px;
    padding: 0;
}