@charset "utf-8";
@import url('https://cdn.jsdelivr.net/fontawesome/4.7.0/css/font-awesome.min.css');
/* aglb.css
/* GL Audio Essay:::Dark Theme:::::::::::::::::::::::::::::::::::::::::: */
p, div, caption, figure, figcaption, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
html 			{ box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }								     
section 				{ margin: 0 10px; }
p { margin-bottom: 15px;}
/* Typography	________________________________________________________*/
html		  	 { font-family: Arial; font-weight: 600; font-size: 16px; line-height: 1.45;   }
caption       	{ font-weight: 900; font-size: 1.05rem; margin-bottom: 5px; }
body      		{ background-color: #333; font-size: 15px; font-size: .95rem; color: #FFF; -webkit-font-smoothing: antialiased;}
sup           	{ font-size: 60%; position: relative; top: -.4em; vertical-align: baseline; }
q { font-style:normal; }
q:before { content: '“'; }
q:after { content: '”'; }
/* Structure    __________________________________________________________________________________________________*/
.cap { margin-bottom: 6px; margin-top: 0px; }
img           	{ margin: 20px auto;  max-width: 720px; max-height: 500px; border: none; display: block; }
.cap + img, .cap + video { margin-top: 0; }

p + .cap { margin-top: 5px; }
div.cap + img + p, p + img + p {margin-top:20px}
.vid { margin: 20px auto; border: none; }
video { margin: 0  auto 20px; display: block; }
figure { margin: 0 auto ; }
figure > figcaption { margin: 0 0 6px 0; }
figure > img, figure > video { margin: 0 auto 20px; }

aside.media { margin: 0 auto 20px; }.vid          	{ margin: 20px auto; border: none; }
header, footer 	{ width: 100%; height: 40px; clear: both; position: relative; }
.note 			{ color: #FC3; }

.accordion + * { margin-top: 15px; }
hr { border: 0; height: 1px; background: #88C1FF; background-image: linear-gradient(to right, #88C1FF, #3E7EBD, #88C1FF); margin: 1.5em auto; }

.imgBox + h3 {margin-top:20px}
/* Links	   ________________________________________*/
a, a:link, a:visited { position: relative; color: #0FF;}
a:hover, a:active, a:focus { color: transparent; background-color:transparent; text-shadow:-.25px -.25px 0 #0FF,-.25px .25px 0 #0FF,.25px -.25px 0 #0FF,.25px .25px 0 #0FF;}
a::before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #0FF; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }
a:hover::before, a:active::before, a:focus::before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }

/* Lists	    ______________________*/
ol, ul, dl			{ margin-bottom: 12px; margin-left: 20px; }
ol.q          	{ list-style-type: decimal-leading-zero; }
ol.a          	{ list-style-type: lower-alpha; }
ol.c          	{ list-style-type: upper-roman; }
ol.e          	{ list-style-type: upper-alpha; }
ul.nb         	{ list-style-type: none; }
li, dt, dd    	{ margin-bottom: 6px; }
ol.q > li     	{ margin-bottom: 9px; }
ol.c > li     	{ margin-bottom: 9px; }
div > li { color: inherit; }
ul > dt { margin-left: -1.375; }
/* Tables					____________________________________________________________________________________*/
table.glb2 { padding: 0; box-shadow: 0 1px 9px 1px #ccc; border-radius: 6px; margin: 20px auto; }
.glb2 th { color: #FFF; background: #2C7EDB; padding: 10px; text-align: center; vertical-align: middle; }
.glb2 tr:nth-child(odd) { background-color: #333; color: #FFF; }
.glb2 tr:nth-child(even) { background-color: #D3E9FF; color: #333; }
.glb2 td { border-style: solid; border-width: 1px; border-color: #264D73; padding: 5px; text-align: left; vertical-align: top; }
.glb2 thead th:first-child { border-top-left-radius: 6px; }
.glb2 thead th:last-child { border-top-right-radius: 6px; }
.glb2 tbody tr:first-child td:first-child { border-top-left-radius: 6px; }
.glb2 tbody tr:first-child td:last-child { border-top-right-radius: 6px; }
.glb2 thead + tbody tr:first-child td:first-child { border-top-left-radius: 0; }
.glb2 thead + tbody tr:first-child td:last-child { border-top-right-radius: 0; }
.glb2 tbody tr:last-child td:first-child { border-bottom-left-radius: 6px; }
.glb2 tbody tr:last-child td:last-child { border-bottom-right-radius: 6px; }
/* Generated Tables  _______________________________________________________________________________*/


.box { width: 100%; height: auto; }

.box *, .box *:before, .box *:after { box-sizing: border-box; padding: 0; margin: 0; border: 0 hidden transparent; outline: none; border-spacing: 0; border-collapse: collapse; }

table.glh8 { box-shadow: 0 1px 9px 1px #ccc; margin: 20px auto; table-layout: fixed; width: 90%; }

.box > table.glh8 > tbody > tr:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; }

.box > table.glh8 > tbody > tr:first-child > td:first-child { border-top-left-radius: 6px; }

.box > table.glh8 > tbody > tr:first-child > td:last-child { border-top-right-radius: 6px; }

.box > table.glh8 > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 6px; }

.box > table.glh8 > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 6px; }

.rows { border: 1px solid #2C7EDB !important; border-left: none !important; border-right: none !important; }

.coloum { border: 1px solid #2C7EDB !important; border-top: none !important; border-bottom: none !important; background-color: #D3E9FF; }

.multi_div { color: #000; background: #D3E9FF; text-align: left; vertical-align: top; min-height: 48px; padding: 0 3px 5px; }

.student_inp { text-align: left; vertical-align: top; background-color: #FFF; color: #000; display: block; min-height: 64px; width: 100%; padding-left: 15px; }

.tcap, #iii > div > h3:last-of-type { margin: 0 auto 5px; text-align: center; color: #88C1FF !important; }

textarea.student_text { width: 98%; margin: 1%; height: 100px; }

.tall { min-height: 600px; }

h3 + div + br { display: none; height: 0; width: 0; line-height: 0; }

h1 + h2 + h3 { margin-bottom: 1.5em; }

textarea + div { margin-top: 1.5em; }

/* Table Configurations ___________________________________________________*/
/* Ratio 33:33:33 */


table.r33x3 > tbody > tr:first-child > td { width: 33% !important; }

/* Ratio 5:5 */


table.r5x2 > tbody > tr:first-child > td { width: 50% !important; }

/* Ratio 1:3:3:3 */


table.r1-3x3 > tbody > tr:first-child > td:first-child { width: 10% !important; }

table.r1-3x3 > tbody > tr:first-child > td:nth-child(n+2) { width: 30% !important; }

table.r1-3x3 { width: 100% !important; }

/* Ratio 25x4 */


table.r25x4 > tbody > tr:first-child > td:first-child { width: 25% !important; }

table.r25x4 > tbody > tr:first-child > td:nth-child(n+2) { width: 25%; }

table.r25x4 { width: 100% !important; }

/* Ratio 2:4:4 */


table.r2-4x2 > tbody > tr:first-child > td:first-child { width: 20% !important; }

table.r2-4x2 > tbody > tr:first-child > td:nth-child(n+2) { width: 40% !important; }

/* Ratio 3:7 */


table.r3-7 > tbody > tr:first-child > td:first-child { width: 30% !important; }

table.r3-7 > tbody > tr:first-child > td:last-child { width: 70% !important; }

table.r3-7 > tbody > tr > td:first-child * { text-align: center !important; }

/* Ratio 12:22:22:22:22 */


table.r12-22x4 > tbody > tr:first-child > td:first-child { width: 12% !important; }

table.r12-22x4 > tbody > tr:first-child > td:nth-child(n+2) { width: 22% !important; }

table.r12-22x4 { width: 100% !important; }

/* Ratio 2:2:6 */


table.r2x2-6 > tbody > tr:first-child > td:nth-child(-n+2) { width: 20% !important; }

table.r2x2-6 > tbody > tr:first-child > td:last-child { width: 60% !important; }

/* Ratio 2:8 */


table.r2-8 > tbody > tr:first-child > td:first-child { width: 20% !important; }

table.r2-8 > tbody > tr:first-child > td:last-child { width: 80% !important; }

/* Vertical Head Only */


table.vhd > tbody > tr > td:first-child > div.multi_div { text-align: left !important; }

/* Vertical & Horizontal Head */


table.vhhd > tbody > tr:nth-child(n+2) > td:first-child > div.multi_div,
table.vhhd > tbody > tr:nth-child(n+2) > th:first-child { text-align: left !important; }

table.vhhd > tbody > tr:first-child > td > div.multi_div,
table.vhhd > thead > tr:first-child > th { text-align: center !important; }

/* Misc */


tr.num > td * { text-align: right; }

.txtc { text-align: center !important; }

.txtl { text-align: left !important; }

.txtr { text-align: right !important; }

.t100 { width: 100% !important; }

/* Panels       __________________________________________________________________________________________*/
#themePanel input         	{ background-repeat: no-repeat; text-indent: -9999px; border: thin outset hsla(215, 100%, 54%, 0.7); border-radius: 5px; display: inline-block; width: 32px; height: 32px; cursor: pointer; }
#themePanel   	{ position: absolute; top: 10px; right: 20px; z-index: 75; pointer-events: auto; }
#dark			{ background-image: url('https://s3-us-west-1.amazonaws.com/glpro/_img/panel/dTheme.png'); }
#light 			{ background-image: url('https://s3-us-west-1.amazonaws.com/glpro/_img/panel/lTheme.png'); } 
.disabled     	{ opacity: 0.3; }
/*==-------------------=======_______________________________________________________________
/*| Dark Theme General____________________________________________________________________*/
body      		{ background-color: #333; color: #FFF !important; font-size: .95rem; }
#plus     		{ background-image: url('https://s3-us-west-1.amazonaws.com/glpro/_img/panel/incFont.png'); }
#minus    		{ background-image: url('https://s3-us-west-1.amazonaws.com/glpro/_img/panel/decFont.png'); }
#reset    		{ background-image: url('https://s3-us-west-1.amazonaws.com/glpro/_img/panel/resetFont.png'); }
/* Buttons______________________________________________________________________________________________*/
input::-moz-focus-inner { border: 0; padding: 0; margin-top:-2px; margin-bottom: -2px; } 
input[type="button"], button { height: 32px; min-width: 64px; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; border-radius: 8px; padding: 2px; background: transparent; font-size: 1em; color: #0FF; border: 3px solid #5cadd6; margin: 0 5px; font-weight: 700; }
input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus, button:hover, button:active, button:focus { padding: 2px; background: #5cadd6; color: #DDD; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6); border: 1px inset transparent; }

/* Dark Theme Section II_________________________________________________________________*/
#ii  h1, h2, h3, h4, h5, h6, .cap, dt, hr, caption, figcaption { color: #88C1FF !important; }
.row h1, .row h2, .row h3, .row h4, .row h5, .row h6, .row caption, .row figcaption, .row dt { color: #88C1FF !important; }
/* High Priority|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ 
h1 { font-weight: 900; font-size: 1.25rem; margin-bottom: 5px; margin-top: 15px; }
h2 { font-weight: 900; font-size: 1.2rem;  margin-bottom: 5px; }
h3 { font-weight: 800; font-size: 1.15rem; margin-bottom: 5px; }
h4 { font-weight: 800; font-size:1.1rem; margin-bottom: 5px; }
h5 { font-weight: 700; font-size: 1.05rem; margin-bottom: 5px; }
h6 { font-weight: 700; font-size: 1rem; margin-bottom: 5px; }	
.def		 		 { color: #FFF !important; }
/*00A6X			__________________________________________________________________________*/
.aud { width: 500px; height: 50px; position: absolute; top: 0; left: 0; overflow: hidden; }
#audioBox { position: fixed; top: 0; left: 2%; z-index: 100; width: 500px; height: 50px; }

.inv	{ color: #333 !important; background: #FFF !important; }
/* Response */
footer.inst {padding:5px 10px 20px;margin:20px 0 0;}
.inst summary {font-size:1.15rem;color:#66ccff;text-decoration:underline;margin-bottom:10px;outline:0}
.inst summary:hover, .inst summary:hover::before, .inst summary:hover::after{color:rgba(176,255,255,1);transition:.5s ease-in;cursor:pointer}
.inst summary::-webkit-details-marker {display: none}
.inst summary::before {content:"\f105\a0\a0";font-family:FontAwesome;color:#6cf}
.inst details[open] summary::before {content:"\f107\a0";}
/* Blockquotes */
blockquote.bq.bq {position:relative;font: .95rem/1.5; background-color: #FFE8B8; border-top: .15rem solid #6B2E00;border-bottom: .15rem solid #6B2E00;margin: 1rem 0;}
blockquote.bq.bq::before {color: rgba(51,0,0,.3) !important;position:absolute;content:"\f10d\a0\a0";font-size:.75rem;font-family:FontAwesome;display:inline-block; left:2px}
blockquote.bq.bq::after {color: rgba(51,0,0,.3) !important;position:absolute;content:"\f10e";font-size:.75rem;font-family:FontAwesome;display:inline-block;bottom:0;right:2px;}
blockquote.bq.bq span { color: rgba(51,0,0,1) !important; letter-spacing: .03125rem; padding: 0 .5rem .25rem; display:inline-block;margin:.25rem 1rem -1rem;}
blockquote.lyc.lyc { font: .95rem/1.5 Arial; background-color: #FFE8B8; border-top: .15rem solid #6B2E00; border-bottom: .15rem solid #6B2E00; margin: 1rem; background-image: url('https://d2a1kahqd5g6v7.cloudfront.net/img/q/music2.gif'); background-position: top left; background-repeat: no-repeat; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; }
blockquote.lyc.lyc span { color: #300 !important; display: block; margin: .5rem 0; margin-left: 1.45rem; letter-spacing: .03125rem;
padding: .95rem 1.2rem; }


.hilite.hilite { color: #009; }
img { max-width: 100%; }
.jwplayer { max-width: 100% !important }


 .vidBox {width:720px; margin: 20px calc(50% - 360px) 20px; }
.imgBox.xl {margin-bottom:36px}
.imgBox.xl + p {margin-top:20px}
@media screen and (max-width:700px) {
img { max-width: 100% !important; }
iframe { max-width: 100%; }
.timeline-series { width: 100%; }
.bq, .bq span, .timeline-event-content p, .timeline-wrapper { width: 100%; }
.ms-left { width: 100% !important; }

.bx-pager { bottom: 120px; }
body { /* width: 95vw; */ 
max-width: 95%; -webkit-text-size-adjust: none; }
.keytermstable { width: 100%; }
#themePanel { display: none; }
p { font-size: 14px; }
header { }
.timeline-container { max-width: 100%; }
} @media screen and (max-width:500px) {
.aud, #audioBox { width: 300px; }
section { margin: 0; margin-top: 15px; }
iframe { width: 100%; height: 100%; overflow: auto; }
.timeline-series { width: 100%; }
.bq, .bq span, .timeline-event-content p, .timeline-wrapper { width: 100%; }
.ms-left { width: 100% !important; }

.bx-pager { bottom: 120px; }
body { /*	max-width: 95vw;	*/
max-width: 95%; /* 	max-width: 100%; */
height: 512px; overflow-y: scroll; margin: 2px; }
html { height: 512px; }
.keytermstable { width: 100%; }
#themePanel { display: none; }


#positionButtonDiv { display: none; }
.bx-wrapper .bx-pager { top: 100%; bottom: initial; }
.vid { width: 100%; }
section { width: 100%; }
.glb2 td, .glb2 th { font-size: 8px; padding: 2px; border-style: solid; border-width: 1px; }
table.glb2 { border-collapse: collapse; box-shadow: none; border-radius: 0px; }
blockquote.bq.bq { margin: 1px; }
li, dt, dd { max-width: 100%; }
}
.sleft { float: left; }
.sright { float: left; }
@media screen and (min-width:560px) {
.bx-pager { width: 110px; }
}
@media screen and (min-width:500px) {
.sleft { width: 50% !important; }
.sright { width: 50% !important; }
}
.ms-section { position: inherit; }


ul.fq > * {padding:0; margin:0 }
ul.fq > li	{ margin:0 0 0 25px; list-style-type:none; line-height:1.25}	
ul.fq > li::before {font-family:FontAwesome;content:"\f00c\a0\a0";font-size:1em;color:#88C1FF;font-weight:100;}
ul.fq > li:last-child	{ margin: 0 0 0 25px; }
ul.fq > p { margin: 0 3px 0 12px; display:inline; line-height:1.2 !important}
ul.fq > h6 {font-size:.95rem;font-weight:600}
ul.fq > h6 + p { padding:0}

ul.fq > h6 { margin: 0 0 0 12px; display:inline-block; }
ul.fq > li + h6 {margin-top:10px;}
ul.fq > h6:first-of-type { margin: 6px 0 0 12px; display:block}

ul.fq > h6:nth-of-type(2), ul.fq > h6:nth-of-type(4) {display:inline-block;}
ul.fq > h6:nth-of-type(2) {margin: 10px 0 0 10px}
ul.fq > h6:nth-of-type(4) {margin: 10px 0 0 12px}
ul.fq > h6:nth-of-type(3), ul.fq > h6:nth-of-type(5) {display:block; margin:5px 0 0 12px;}
ul.fq > p:first-of-type::after { content:' ';display:table}
ul.fq > p:only-child {display:inline-block;}
ul.fq > p:only-child::after {content:'';display:none}
ul.fq.fq {position:relative;left:0;display:flex; flex-direction:column; margin: 0 !important; margin-top: 20px !important; margin-bottom:20px !important; width:100%; border: thin solid #88B2EE; color: #ddd; background-color: #555; border-radius: 8px; box-shadow: 2px 3px 2px #777; padding: 5px 3px -10px 5px;word-wrap: break-word;word-break: break-word;padding-bottom:-10px !important;}
ul:first-of-type > p { margin-bottom:3px !important;}
ul.fq > h6:first-of-type {margin-top:0;}
ul.fq > li:last-of-type {margin-bottom: 5px;}
ul.fq > h6 > p {display:inline; color:#ddd !important;}
ul.fq > h6 > p::before {content:'\a0'}
figure {margin:30px auto 20px}
#ii figcaption.caps.caps, #ii figcaption div.sub.sub, #ii > h6 {text-align:center;font-size:1.2em;color:#efc546 !important}
#ii figcaption div.sub.sub {font-size: .95rem;}
#ii figcaption.caps.alt.caps.alt, div.caps.alt.caps.alt {opacity: 0 !important;    font-size: 0 !important;}