@charset "UTF-8";
@font-face {
	font-family: "Sriracha";
	src: url("/fonts/Sriracha-Regular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "Wix Madefor Text";
	src: url("/fonts/WixMadeforText-Regular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "Wix Madefor Text";
	src: url("/fonts/WixMadeforText-Italic.ttf") format("truetype");
	font-style: italic;
	font-weight: normal;
}
@font-face {
	font-family: "Wix Madefor Medium";
	src: url("/fonts/WixMadeforText-Medium.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "Wix Madefor Medium";
	src: url("/fonts/WixMadeforText-MediumItalic.ttf") format("truetype");
	font-style: italic;
	font-weight: normal;
}
@font-face {
	font-family: "Wix Madefor Text";
	src: url("/fonts/WixMadeforText-Bold.ttf") format("truetype");
	font-style: normal;
	font-weight: bold;
}
@font-face {
	font-family: "Wix Madefor Text";
	src: url("/fonts/WixMadeforText-BoldItalic.ttf") format("truetype");
	font-style: italic;
	font-weight: bold;
}
@font-face {
	font-family: "RobertoFlex";
	src: url("/fonts/RobotoFlex-VariableFont_GRAD,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "RobertoSerif";
	src: url("/fonts/RobotoSerif-VariableFont_GRAD,opsz,wdth,wght.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "RobertoSerif";
	src: url("/fonts/RobotoSerif-Italic-VariableFont_GRAD,opsz,wdth,wght.ttf") format("truetype");
	font-style: italic;
	font-weight: normal;
}
@font-face {
	font-family: 'ArtegraSansCnSemiBold';
	src: url("/fonts/ArtegraSansCn-SemiBold.ttf") format("truetype");
	/*src: url('/fonts/ArtegraSansCn-SemiBold.eot'); 
	src: url('/fonts/ArtegraSansCn-SemiBold.eot? #iefix') format('embedded-opentype'),  url('/fonts/ArtegraSansCn-SemiBold.woff') format('woff'),  url('/fonts/ArtegraSansCn-SemiBold.ttf') format('truetype'),  url('/fonts/ArtegraSansCn-SemiBold.svg #ArtegraSansCn-SemiBold') format('svg'); */
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'ArtegraSans Condensed';
	src: url("/fonts/ArtegraSansCn-Regular.ttf") format("truetype");
	/*src: url('/fonts/ArtegraSansCn-SemiBold.eot'); 
	src: url('/fonts/ArtegraSansCn-SemiBold.eot? #iefix') format('embedded-opentype'),  url('/fonts/ArtegraSansCn-SemiBold.woff') format('woff'),  url('/fonts/ArtegraSansCn-SemiBold.ttf') format('truetype'),  url('/fonts/ArtegraSansCn-SemiBold.svg #ArtegraSansCn-SemiBold') format('svg'); */
	font-style: normal;
	font-weight: normal;
}
/* ························································································ */
/* ························································································ */
.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}
.b-example-divider {
	width: 100%;
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-example-vr {
	flex-shrink: 0;
	width: 1.5rem;
	height: 100vh;
}
.bi {
	vertical-align: -.125em;
	fill: currentColor;
}
.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
}
.nav-scroller .nav {
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.btn-bd-primary {
	--bd-violet-bg: #712cf9;
	--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
	--bs-btn-font-weight: 600;
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: var(--bd-violet-bg);
	--bs-btn-border-color: var(--bd-violet-bg);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: #6528e0;
	--bs-btn-hover-border-color: #6528e0;
	--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
	--bs-btn-active-color: var(--bs-btn-hover-color);
	--bs-btn-active-bg: #5a23c8;
	--bs-btn-active-border-color: #5a23c8;
}
.bd-mode-toggle {
	z-index: 1500;
}
.bd-mode-toggle .dropdown-menu .active .bi {
	display: block !important;
}
/* ························································································ */
/*  HTML tags  */
/* ························································································ */
body, html {
	font-family: "Wix Madefor Text", sans-serif;
}
a, .anchor {
	font-family: "RobertoSerif";
	font-stretch: condensed;
	text-decoration: none;
	border-bottom: 2px #ccc dotted;
	padding: 0px 2px;
	cursor: pointer;
}
a.noborder {
	border-bottom: none;
}
a:hover, .anchor:hover {
	color: cadetblue;
	/*	text-decoration:underline;*/
}
main {
	padding-top: 75px;
}
h4, .h4 {
	font-family: "Wix Madefor Medium";
}
h4 {
	background-color: lightgray;
	border-radius: 3px;
	padding: 5px 14px 5px 12px;
	margin: 40px 0px 10px;
	display: inline-block;
	width: auto !important;
}
h5, .h5 {
	font-family: "Wix Madefor Medium";
}
h5 {
	margin: 25px 0px 5px;
	padding-left: 25px;
}
h5::before {
	content: "\25A0";
	position: absolute;
	margin-top: -2px;
	margin-left: -25px;
}
h5.BB_noblock {
	text-indent: -35px;
	padding-left: 35px !important;
	margin-left: 0px;
}
h5.BB_noblock::before {
	content: "";
	padding-left: 35px;
	margin-left: 0px;
}
h6 {
	font-family: "Wix Madefor Medium";
	text-align: center;
	font-size: 18px;
	background-color: lightgray;
	border-radius: 0px 0px 15px 15px;
	margin: 0px -16px 35px;
	padding: 20px 50px;
	line-height: 150%;
}
.h6box {
	margin: 10px 0 45px;
	padding: 0px 5px;
	font-family: "RobertoSerif";
}
@media (min-width: 992px) {
	.h6box {
		padding: 0px 50px;
	}
}


li {
	margin-top: 7px;
	margin-bottom: 7px;
}
li ul, ul ul {
	list-style: none; /* Remove list bullets */
	margin: 0;
}
li li, ul ul li {
	font-family: "Wix Madefor Text", sans-serif;
	color: #333;
	text-indent: -15px;
}
li li::before, ul ul li::before {
	content: '\2013\2002';
	text-indent: -15px;
}
/* ························································································ */
/*  Bootstrap classes  */
/* ························································································ */
.offcanvas {
	width: 300px !important;
}
.fa-solid {
	text-indent: 0px;
}

.list-group-item{
	border-left:7px solid #96a9bc;
	border-radius: 5px !important;
}


.alert-fixed {
    position:fixed; 
    top: 80px; 
	margin:0px -15px ;
    z-index:9999; 
}
/* ························································································ */
/*  CUSTOM - TEXT  */
/* ························································································ */
.BB_mainfont-text {
	font-family: "Wix Madefor Text", sans-serif;
}
.BB_mainfont-medium {
	font-family: "Wix Madefor Medium", sans-serif;
}
.BB_mainfont-bold {
	font-family: "Wix Madefor Text", sans-serif;
	font-weight: bold;
}
.BB_header {
	padding: 10px 9px 8px 15px;
	margin: 0px 0px 24px;
	border-bottom: 1px gray solid;
}
.BB_icon {
	display: inline-block;
	border-radius: 16px;
	background-size: cover;
	text-indent: 0;
}
p span.BB_chunkhead {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .1rem;
	padding-bottom: 5px;
	border-bottom: 1px #999 dashed;
	font-size: 90%;
}
@media (min-width: 576px) {
	p span.BB_chunkhead {
		letter-spacing: .4rem;
	}
}


.BB_courseicon {
	height: 35px;
	width: 35px;
	min-width: 35px;
	margin-right: 12px;
	background-repeat: no-repeat;
	background-size: contain;
}
.BB_navicon {
	font-size: .85rem !important;
	float: right !important;
	margin: 0px .25rem !important;
}
@media (min-width: 500px) {
	.BB_navicon {
		font-size: 1rem !important;
		float: right !important;
		margin: 0px .45rem !important;
	}
}
@media (min-width: 576px) {
	.BB_navicon {
		font-size: 1.2rem !important;
		float: right !important;
		margin: 0px .65rem !important;
	}
}
.BB_listicon {
	display: inline-block;
	width: 33px;
	text-align: center;
	padding-right: 6px;
}
.BB_clickable {
	cursor: pointer;
}
.BB_box-shadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.BB_sitemap-card-img {
	height: 140px;
	object-fit: cover;
	object-position: center;
	opacity: .4;
}
.BB_sitemap-list-group {
	border-radius: 5px;
	padding-bottom: 6px;
}
.BB_inline, .h8 {
	font-weight: bold;
	margin-right: 5px;
	font-size: 106%;
}
.BB_ullarge {
	font-family: "Wix Madefor Text", sans-serif;
	font-weight: bold;
	border-bottom: 3px solid #ffdead;
	padding-bottom: 1px;
	font-size: 106%;
	margin-right: 3px;
}
.BB_ulsmall, .BB_ul {
	font-family: "Wix Madefor Medium";
	border-bottom: 3px solid #ffdead;
	padding-bottom: 1px;
	margin-right: 3px;
}
.BB_nowrap {
	white-space: nowrap;
	overflow-x: scroll;
	min-width: 160px;
}
.BB_coursename {
	font-family: "ArtegraSansCnSemiBold", "Wix Madefor Medium" !important;
	text-transform: uppercase;

}

.table-nonfluid {
	width: auto !important;
	background-color: whitesmoke; /*#E1EAF3; */
	margin-left: 0px;
}
.table-nonfluid-plain {
	width: auto !important;
}


.splashpic {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 150px;
	margin: 40px 0px;
}
@media (min-width:576px) {
	.splashpic {
		height: 200px;
	}
}
@media (min-width:992px) {
	.splashpic {
		height: 250px;
	}
}

.splashpic-response {
	background-position: top;
	height: 500px !important;
	margin-top: 0px;
	margin-bottom: -20px;
}
.quillarea {
	background-color: white;
	font-family: Warkat, serif !important;
	font-weight: 300 !important;
	font-size: 16px !important;
	line-height: 120% !important;
	height: 150px !important;
	max-height: 150px !important;
}
.quillarea_short {}
.quillarea_long {
	height: 350px !important;
	max-height: 350px !important;
}

.BB_highlighter {
	background-color: blanchedalmond;
	padding: 2px 3px 2px 8px;
	margin-left: -5px;
	font-weight: 400;
	color: #333;
}
.course_fn_reading {
	padding: 20px 20px 7px;
	margin-bottom: 25px;
	background-color: #fafafc;
	border: silver solid 1px;
	border-radius: 7px;
}


.BB_border-top-dash {
	border-top: 3px dashed #B4CCE1;
	margin: 32px -25px 5px;
	padding: 28px 25px 0px;
}
.BB_border-top-dash-thin {
	border-top: 1px dashed silver;
	margin: 62px -25px 5px;
	padding: 20px 25px 0px;
}

.BB_responsepost-text {
	font-family: "RobertoSerif";
	font-size: larger;	
	text-indent: 20px;
}
.BB_listgroupitem-class-schedule2 {
	padding: 0.20rem 0px !important;
	margin: 0px !important;
}

/* ························································································ */
/* SCHEDULE PAGE */
/* ························································································ */
.BB_schedule-instruction {
	margin: 17px 0 0;
	color: saddlebrown;
	font-size: 90%;
	font-style: italic;
}
.BB_schedule-instruction2 {
	margin: 10px 0 0 23px;
	font-size: 85%;
	font-style: normal;
	text-indent: -23px;
}
.BB_schedule-reading {
	text-indent: -33px;
	font-size: 80%;
	margin: 0 0 0 45px;
	line-height: 117%;
	padding: 3px 0px;
}
.BB_schedule-caption-row {
	background-color: #eee;
	margin: 15px -15px -15px;
	padding: 0 20px 10px 0;
	color:darkslategray;
}
.BB_unhideLinkHiddenByMenu {padding-top: 65px; margin-top: -65px;}


#readinglist .BB_schedule-reading {
	font-size:  1rem !important;
}


/* ························································································ */
/* IMAGES AND BACKGROUNDS */
/* ························································································ */
.BB_pagebg {
	background-image: url('/images/bg/curly.svg');
	background-size: 400px auto;
	background-repeat: repeat;
}
.BB_contentbg {
	background-color: rgba(255, 255, 255, 0.5);
	padding-bottom: 30px !important;
	margin: -24px -12px 0px;
}
.BB_bggray {
	background-color: gray;
}
.BB_courseicon-aw {
	background-image: url('/images/course-icons/bb/aw.svg');
}
.BB_courseicon-ar {
	background-image: url('/images/course-icons/bb/ar.svg');
}
.BB_courseicon-ag {
	background-image: url('/images/course-icons/bb/ag.svg');
}
.BB_courseicon-wia {
	background-image: url('/images/course-icons/bb/wia.svg');
}
.BB_textcolor-aw {
	color: #252052;
}
.BB_textcolor-ar {
	color: #67113d;
}
.BB_textcolor-ag {
	color: #8a3200;
}
.BB_textcolor-wia {
	color: #335a5e;
}
.BB_bgtint-aw {
	color: #d8d7e0;
}
.BB_bgtint-ar {
	color: #e8dce2;
}
.BB_bgtint-ag {
	color: #eadad1;
}
.BB_bgtint-wia {
	color: #dae2e2;
}
.BB_page-img {
	width: 100%;
	height: 185px;
	background-image: url("/images/hero/ar/course_hero_pics.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	margin: 0 0 30px;
	box-shadow: 0px -150px 150px -30px rgba(0, 0, 0, .75) inset;
}
.BB_page-img-navdiv {
	position: relative;
	top: -185px;
}
.BB_page-img-navbutton {
	width: 50px;
	text-align: center;
	height: 185px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	background-color: rgba(255, 255, 255, 0.2);
	border: none;
	font-size: 24px;
	text-shadow: -2px 2px #666, 2px 2px #666;
}
.BB_schedule-img {
	background-color: silver;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 200px;
}
@media (min-width: 768px) {
	.BB_schedule-img {
		height: 100%;
	}
}
.BB_page-img-navbutton-left {
	box-shadow: 7px 0 10px -2px rgba(255, 255, 255, 0.2);
	float: left;
}
.BB_page-img-navbutton-right {
	box-shadow: -7px 0 10px -2px rgba(255, 255, 255, 0.2);
	float: right;
}
.BB_pagetitle {
	font-family: "Sriracha", sans-serif;
	font-size: 250%;
	color: white;
	text-shadow: 3px 4px 5px #333;
	padding: 0px 30px 16px;
	font-stretch: 120%;
	line-height: 90%;
}
@media (min-width: 768px) {
	.BB_page-img {
		height: 400px;
	}
	.BB_page-img-navdiv {
		top: -400px;
	}
	.BB_page-img-navbutton {
		height: 400px;
	}
	.BB_pagetitle {
		font-size: 300%;
		padding: 0px 30px 26px;
	}
}
.BB_page-img-top {
	background-position: top center;
}
.BB_overview-icon {
	margin-top: -10px 0px 0px;
	font-size: 46px;
	height: 60px;
	color: #f9e9f9;
	opacity: .5;
	z-index: 10;
	position: relative;
}
.BB_overview-text {
	margin: -60px 0px 0px;
	padding: 0px 0px 0px 25px;
	z-index: 20;
	position: relative;
}
.BB_overview-item {
	padding: 0px 12px 18px;
	width: 100%
}
p.BB_follow {
	text-indent: 20px;
	margin-top: -9px;
	color: #333;
}
p.BB_follow i, p.BB_follow i::before {
	text-indent: 0px;
}

p.BB_h6box-follow{
	text-indent: 20px;
	margin-top: -41px;
	
}
ul li.BB_checkbox {
	display: block;
	position: relative;
}
ul li.BB_checkbox:before {
	content: "";
	position: absolute;
	top: 1.2em;
	left: -28px;
	margin-top: -1.1em;
	background: white;
	border: 1px black solid;
	height: 15px;
	width: 15px;
	border-radius: 0%;
}
.BB_thumbnail {
	border: 1px silver solid;
	border-radius: 5%;
}
.BB_submenu-group {
	margin: -40px 0 40px;
	background-color: white;
}
.BB_submenu-button, .BB_narrow {
	font-family: "ArtegraSans Condensed";
	font-size: 80%;
	padding: 3px 5px 2px;
}
.BB_biggerfirst, .BB_biggerfirstsolid {
	font-size: 160%;
	position: relative;
	top: 3px;
	margin-bottom: -5px;
	font-weight: 200;
	padding-right: 5px;
}
.BB_hasbiggerfirst {
	line-height: 23px !important;
}
.BB_underblock {
	padding: 5px 0px 6px 23px;
	margin: 5px 0px 50px 12px;
	border-left: 1px #ccc dashed;
}
/* ························································································ */
/* ANNOUNCEMENTS */
/* ························································································ */
.BB_announcebox {
	padding: 25px 28px 12px;
	margin-top: 30px;
	background-color: #f5f8fa;/* #F1F5F7; */
	border-radius: 7px;
	border-left: solid 3px #C5D5DD;
	border-right: solid 3px #C5D5DD;
	width: 100%;
}
.BB_announcebox_sticky {
	background-color: #F5F0E0; /* FFF1C2 */
}
.BB_announcebox_image {
	min-height: 420px;
}
.BB_announcehead {
	font-size: 125%;
}
.BB_announcehead_sticky {
	cursor: pointer;
	color: #937C2E;
}
.BB_announcedate {
	font-family: 'MainFont', Tahoma, sans-serif;
	font-weight: 600;
	font-size: 12px;
	margin: 0px 0px 12px;
}

/* ························································································ */
/* READER */
/* ························································································ */


.mReader_zone {
	max-width:700px;
	padding-top:10px;
}

.mReader_firstgraf {
	font-family: "RobertoSerif";
	font-size: 105%;
}
.mReader_follow {
	font-family: "RobertoSerif";
	text-indent: 20px;
	margin-top: -7px;
	font-size: 105%;
}

.mReader_playscript {
	font-family: "RobertoSerif";
	font-size: 105%;
	text-indent: -2em;
	line-height: 130%;
	margin: 5px 0px 0px 3em;
	
}

.mReader_stagedirection{
	
	font-family: "RobertoSerif";
	font-size: 105%;
	margin-top:15px;
	margin-bottom:15px;
}

.mReader_playscript_newspeaker{
	margin-top:20px;
}

.mReader_note {
	font-family: "RobertoSerif";
	
}

.mReader_recolor {
	color:firebrick;
}
.mReader_footnoteappriser {
	font-size: 75%;
	color:gray;
	margin-top:25px;
	margin-bottom:0px;
	
}


.mReader_subhead{
	font-family: "Wix Madefor Medium";
	font-size: 140%;
	margin-top: 30px;
}
.mReader_source {
	font-family: "RobertoSerif";
	background-color: #eee;
	padding: 5px 8px;
	color: #333;
	font-size: small;
	margin-top: 20px;
}
.mReader_body-callout {
	font-family: "RobertoSerif";
	margin: 15px 25px;
	font-style: italic;
}
.mReader_attribution {
	font-size: 65%;
	letter-spacing: 2px;
	color: var(--ag-color);
	text-transform: uppercase;
	position: relative;
	top: -3px;
}
.mReader_footnote {
	font-family: "RobertoSerif";
	cursor: help;
	position: relative;
	top: -9px;
	left: 0px;
	padding: 0px 3px;
	text-indent: 0;
	font-size: 50%;
}
.mReader_footnote-sample {
	font-family: "RobertoSerif";
	cursor: help;
	position: relative;
	top: -1px;
	left: 0px;
	padding: 0px 3px;
	text-indent: 0;
	font-size: 80%;
}
.mReader_outdent, .mReader_outdent2 {
	font-family: "RobertoSerif";
	text-indent: -2em;
	font-size: 105%;
	line-height: 130%;
	margin: 5px 0px 0px 3em;
}
.mReader_linennumber {
	font-family: "RobertoSerif";
	float: right;
	text-indent: 0px;
	font-size: small;
	color:gray;
}
.custom-tooltip {
	--bs-tooltip-bg: #f7dfe5;
	--bs-tooltip-color: #222;
}
.tooltip-inner {
	word-wrap: break-word;
	text-align: left;
	white-space: normal;
}