@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family: "MainFont";
	src: url("/fonts/RobotoFlex-VariableFont_GRAD,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf");
	font-weight: 125 950;
	font-stretch: 75% 125%;
	font-style: oblique 0deg 20deg;
}

@font-face {
	font-family: 'ArtegraSansCn';
	src: url('/fonts/ArtegraSansCn-Regular.eot');
	src: url('/fonts/ArtegraSansCn-Regular.eot? #iefix') format('embedded-opentype'), url('/fonts/ArtegraSansCn-Regular.woff') format('woff'), url('/fonts/ArtegraSansCn-Regular.ttf') format('truetype'), url('/fonts/ArtegraSansCn-Regular.svg #ArtegraSansCn-Regular') format('svg');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}
:root {
	--def-color: #704FA4 /*#cd5360*/ ;
	--ag-color: #C45843 /*#b37d4e*/ ;
	--ar-color: #a4102c;
	--fyi-color: #348c89 /*#438496*/ ;
	--aw-color: #286da8;
	--def-color-lt: #A681DB;
	--ag-color-lt: #FFA88D;
	--ar-color-lt: #edc0c9;
	--fyi-color-lt: #89DEDA;
	--aw-color-lt: #84BBFC;
}
/* ------------------------------------------------------------ */
/* Main area  */
/* ------------------------------------------------------------ */
.mainarea {
	padding: 40px 40px 40px 50px;
	width: 100%;
	height: 100vh;
	overflow-y: auto;
	float: left;
	position: relative;
	margin-left: -5px;
}
@media (min-width: 992px) {
	.mainarea {
		max-width: 1300px;
	}
}
/* ------------------------------------------------------------ */
/* Header/Text formatting  */
/* ------------------------------------------------------------ */
html, body {
	font-family: 'MainFont', Tahoma, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
	font-stretch: semi-condensed;
	font-weight: 300;
}
b, strong, .semibold {
	font-weight: 650;
}
.notsobold {
	font-weight: 400;
}
p, .p, li {
	letter-spacing: .5px;
}
h2, .h2 {
	font-family: 'MainFont', Tahoma, sans-serif;
	font-weight: 750;
	text-align: center;
}
h4, .h4 {
	font-family: 'MainFont', Tahoma, sans-serif;
	font-weight: 650;
	line-height: 110%;
	margin: 50px 0px 10px;
	font-size: calc(1.2rem + .3vw);
}
h5, .h5 {
	margin: 30px 0px 5px;
	color: darkslategray;
	font-family: 'MainFont', Tahoma, sans-serif;
	font-size: larger;
	font-weight: 600;
}
h6, .h6 {
	font-family: 'MainFont', Tahoma, sans-serif;
	font-weight: 550;
	line-height: 140%;
	font-size: large;
	text-align: center;
}
h7, .h7 {
	font-family: 'MainFont', Tahoma, sans-serif;
	font-weight: 750;
	line-height: 100%;
	color: darkslategray;
}
.m23_profname_sub {
	font-family: 'MainFont', Tahoma, sans-serif;
	font-weight: normal;
	font-size: small;
	line-height: 100%;
	color: darkslategray;
}
.m23_announcehead {
	font-size: 125%;
}
.m23_chunkhead {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .1rem;
	padding-bottom: 5px;
	border-bottom: 1px #999 dashed;
	font-size: 78%;
	margin-left: -10px;
}
@media (min-width: 576px) {
.m23_chunkhead {
	letter-spacing: .4rem;
}
}
.m23_rc-aw {
	color: var(--aw-color) !important;
}
.m23_rc-ar {
	color: var(--ar-color) !important;
}
.m23_rc-ag {
	color: var(--ag-color) !important;
}
.m23_rc-wia, .m23_rc-fyi {
	color: var(--fyi-color) !important;
}
.h6box {
	margin: 10px 0 45px;
	padding: 0px 5px;
}
@media (min-width: 992px) {
	.h6box {
		padding: 0px 50px;
	}
}
.h6box-aw {
	color: var(--aw-color);
}
.h6box-ag {
	color: var(--ag-color);
}
.h6box-ar {
	color: var(--ar-color);
}
.h6box-wia, .h6box-fyi {
	color: var(--fyi-color);
}
a {
	color: var(--def-color);
	text-decoration: none;
	font-weight: 450;
}
.anchor {
	cursor: pointer;
	color: var(--def-color);
	text-decoration: none;
	font-weight: 450;
}
.font-monospace {
	font-family: 'Tahoma', monospace !important;
	letter-spacing: -0.2px;
	font-size: 90%;
}
.detailspan {
	display: inline-block;
	width: 35px;
	text-align: right;
	border: 0px gray solid;
}
p.m23_follow {
	text-indent: 20px;
	margin-top: -12px;
}
.m23_inline {
	font-family: 'MainFont', Tahoma, sans-serif;
	font-weight: 500;
	color: var(--def-color);
	padding-right: 7px;
	line-height: 50%;
	font-size: 105%;
}
.m23_highlighter {
	background-color: seashell;
	padding: 2px 3px 2px 5px;
	margin-left: -5px;
	font-weight: 400;
	color: #333;
}
.m23_ul {
	border-bottom: 2px solid #ddd;
	padding-bottom: 0px;
}
.m23_linkstablelink {
	font-size: normal;
}
.m23_announcedate {
	font-family: 'MainFont', Tahoma, sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin: 0px 0px 12px;
}
.m23_border-top-dash {
	border-top: 3px dashed #B4CCE1;
	margin: 32px -25px 5px;
	padding: 28px 25px 0px;
}
.m23_border-top-dash-thin {
	border-top: 1px dashed silver;
	margin: 62px -25px 5px;
	padding: 20px 25px 0px;
}
/* mini headline */
p.m23_bump {
	margin-top: 23px;
	margin-bottom: 9px;
	font-style: italic;
	font-size: larger;
	font-family: 'MainFont', Tahoma, sans-serif;
	color: var(--def-color);
}
.m23_bump-stripe {
	font-weight: bold;
	background-color: #89AFCF;
	color: white;
	text-transform: uppercase;
	font-size: smaller;
	padding: 2px 9px;
	letter-spacing: 3px;
}
p.m23_bump-stripe-graf {
	margin: 55px 0px -10px;
}
.m23_important {
	text-transform: uppercase;
	font-family: 'MainFont', Tahoma, sans-serif;
	font-weight: bold;
	font-size: smaller;
	letter-spacing: 3px;
}
.card-body {
	background-color: ghostwhite;
}
.card-footer {
	font-style: italic;
	font-size: 90%;
	background-color: aliceblue;
}
.text-muted {
	color: #999 !important;
}
.balance-text {
	text-wrap: balance; /* Apply (proposed) CSS style */
}
.m23_biggerfirst {
	font-size: 160%;
	position: relative;
	top: 3px;
	margin-bottom: -5px;
}
.m23_hasbiggerfirst {
	line-height: 23px !important;
}
.m23_pagebottomlink {
	font-weight: 100;
	font-size: 70%;
	color: silver;
	border: none;
	padding: 5px 15px;
}
/* ------------------------------------------------------------ */
/* Lists  */
/* ------------------------------------------------------------ */
ul {
	display: block;
	margin-left: 0px;
	margin-top: 3px;
}
li {
	margin-top: 9px;
	margin-bottom: 9px;
	line-height: 130%;
}
ul li.m23_biggray {
	display: block;
	position: relative;
}
ul li.m23_biggray:before {
	content: "";
	position: absolute;
	top: 1.2em;
	left: -25px;
	margin-top: -.9em;
	background: gray;
	height: 12px;
	width: 12px;
	border-radius: 50%;
}
.m23_biggray-tighter {
	margin-top: 3px;
	margin-bottom: 3px;
	line-height: 120%;
}
ul li.m23_checkbox {
	display: block;
	position: relative;
}
ul li.m23_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%;
}
ul.m23_lessabove {
	margin-top: -10px;
}
ul.m23_slightlylessabove {
	margin-top: -6px;
}
.m23_circle {
	display: inline-block;
	border-radius: 50%;
	width: 23px;
	height: 23px;
	padding: 1px 2px 2px;
	background-color: #E1EAF3;
	border: 2px solid #89AFCF;
	color: var(--def-color);
	font-weight: 600;
	text-align: center;
	margin: 0px 5px 0px 0px;
	position: relative;
	top: -1px;
}
.m23_circle_small {
	width: 16px;
	height: 16px;
	padding: 0px 2px 1px;
	font-size: smaller;
	background-color: lightslategray;
	border: 0px solid lightslategray;
	color: #eee;
	margin-right: 7px;
}
.m23_beforethemeeting {
	font-weight: 500;
	font-size: 115%;
	color: slategray;
}
.m23_innerul {
	border-left: 8px #eee solid;
	padding-left: 12px;
	margin-left: 4px;
	background-color: whitesmoke;
}
.m23_innerul > li {
	background-color: whitesmoke;
}
.list-group-small {
	padding: 0px 0px 0px 5px;
	font-size: small;
}
.list-group-item-tight {
	padding: 3px 10px
}
.border-right-lg {
	border-right-color: #f4f4f4;
	border-right-style: solid;
	border-right-width: 0 !important;
}
@media (min-width: 992px) {
	.border-right-lg {
		border-right-width: 13px !important;
	}
}
.border-right-xl {
	border-right-color: #f4f4f4;
	border-right-style: solid;
	border-right-width: 0 !important;
}
@media (min-width: 1200px) {
	.border-right-xl {
		border-right-width: 13px !important;
	}
}
.m23_listgroupitem-class-schedule {
	padding: 0.42rem 0px !important;
	margin: 0px !important;
	background-color: ghostwhite;
}
.m23_listgroupitem-class-schedule2 {
	padding: 0.20rem 0px !important;
	margin: 0px !important;
}
.sub_pagination > li > a {
	color: gray;
}
.pagination > li > a {
	background-color: white;
	color: var(--def-color);
}
.m23_extranav {
	position: relative;
	top: -95px;
	display: block;
	margin-bottom: -28px;
}
.m23_pageitem_cond {
	font-family: 'MainFont', Tahoma, sans-serif;
	margin: 2px 0px;
}
.m23_pagelink_cond {
	padding: 3px 8px 2px !important;
}
/* --- */
.m23_pageitem_cond2 {
	margin: 0px;
}
.m23_pagelink_cond2 {
	padding: 2px 5px !important;
	margin: 0px;
font-family: 'ArtegraSansCn';
	font-weight: 250;
	letter-spacing: 0px;
	font-size: 85%;
}
/* --- */
.sub_pagination > .active > a {
	color: white;
	background-color: gray !Important;
	border: solid 1px gray !Important;
}
/* ------------------------------------------------------------ */
/* Sidebar  */
/* ------------------------------------------------------------ */
.oncanvas {
	display: none;
}
.nav-for-off {
	display: inline-block;
}
@media (min-width: 992px) {
	.oncanvas {
		display: block;
		height: 100vh;
		min-width: 240px;
		max-width: 240px;
		overflow: auto;
		background-color: var(--def-color);
		border-right: 1px #777 solid;
		margin-right: 20px;
		padding: 20px;
		-webkit-box-shadow: 0 0 10px 5px #aaa;
		-moz-box-shadow: 0 0 10px 5px #aaa;
		box-shadow: 0 0 10px 5px #aaa;
	}
	.nav-for-off {
		display: none;
	}
}
.offcanvas {
	max-width: 300px;
	background-color: var(--def-color);
}
.block {
	background: #fff;
	filter: alpha(opacity=70);
	/* IE */
	-moz-opacity: 0.7;
	/* Mozilla */
	opacity: 0.7;
	/* CSS3 */
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.splashpic{
	background-repeat: no-repeat;
	background-size: cover;
	background-position:  center;
	height: 150px;
	margin:40px -40px;
}
@media (min-width:576px) {
.splashpic{
	height: 200px;
	}
}
@media (min-width:992px) {
.splashpic{
	height: 250px;
	}
}
.sidebar-aw {
	background-color: var(--aw-color-lt);
	background-image: url("/images/hero/aw/sidebar@aw.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}
.sidebar-ar {
	background-color: var(--ar-color-lt);
	background-image: url("/images/hero/ar/sidebar@ar.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}
.sidebar-ag {
	background-color: var(--ag-color-lt);
	background-image: url("/images/hero/ag/sidebar@ag.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.sidebar-wia {
	background-color: var(--fyi-color-lt);
	background-image: url("/images/hero/wia/sidebar@wia.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}
.sidebar-fyi {
	background-color: var(--fyi-color-lt);
	background-image: url("/images/hero/fyi/sidebar@fyi.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}
.m23_menubarbutton {
	display: inline;
	cursor: pointer;
}
@media (min-width: 992px) {
	.m23_menubarbutton {
		display: none;
	}
}
.m23_linkstablediv {
	margin: -30px -30px 30px 0px;
}
/* ------------------------------------------------------------ */
/* Sidebar List Group  */
/* ------------------------------------------------------------ */
.sidebar-list-group-item {
	background-color: transparent;
	border: none !important;
	padding: 2px 8px;
}
.sidebar-list-group {
	padding: 13px 0px;
}
.sidebar-list-group a {
	color: black !important;
	font-weight: 400;
}
.sidebar-activetd {
	font-weight: bold;
}
.sidebar-list-group a:hover {
	color: saddlebrown !important;
	background-color: transparent !important;
}
.sidebar-active {
	background-color: transparent !important;
	border-color: #666 !important;
}
.sidebar-fixed-width-icon {
	width: 35px;
	text-align: center;
	padding-right: 8px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Backgrounds and images */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.m23_bg {
	width: 100%;
	background-size: cover;
	background-position: center top;
	background-color: silver;
	color: white;
	display: block;
	min-height: 350px;
	-webkit-box-shadow: inset 0 -230px 50px -30px rgba(0, 0, 0, .65);
	box-shadow: inset 0 -230px 50px -30px rgba(0, 0, 0, .65);
}
.m23_bg-aw {
	background-image: url('/images/hero/aw/course_hero_pics.jpg');
}
.m23_bg-ag {
	background-image: url('/images/hero/ag/course_hero_pics.jpg');
}
.m23_bg-rel {
	background-image: url('/images/hero/rel/course_hero_pics.jpg');
}
.m23_bg-ar {
	background-image: url('/images/hero/ar/course_hero_pics.jpg');
}
.m23_bg-wia {
	background-image: url('/images/hero/wia/course_hero_pics.jpg');
}
.m23_bg-fyi {
	background-image: url('/images/course-page-pics/Antinous-profile.jpg');
	background-position: center;
}
.m23_bgborder-aw {
	border-top: var(--aw-color) 15px solid;
}
.m23_bgborder-rel {
	border-top: var(--def-color) 15px solid;
}
.m23_bgborder-ag{
	border-top: var(--ag-color) 15px solid;
}
.m23_bgborder-ar {
	border-top: var(--ar-color) 15px solid;
}
.m23_bgborder-wia, .m23_bgborder-fyi {
	border-top: var(--fyi-color) 15px solid;
}
.m23_bg-bottom {
	padding: 280px 0px 0px;
}
.m23_example {
	padding: 18px 18px 5px;
	margin-top: 25px;
	color: #555;
	background-color: aliceblue;
}
.m23_example-aw {
	border-color: var(--aw-color);
}
.m23_example-ag{
	border-color: var(--ag-color);
}
.m23_example-ar {
	border-color: var(--ar-color);
}
.m23_example-wia, .m23_example-fyi {
	border-color: var(--fyi-color);
}
.m23_announcebox {
	padding: 25px 28px 12px;
	margin-top: 30px;
	background-color: #F1F5F7;
	border-radius: 7px;
	border-left: solid 3px #C5D5DD;
	border-right: solid 3px #C5D5DD;
	width: 100%;
}
.m23_thumbnail {
	border: 1px silver solid;
	border-radius: 5%;
}
.m23_thumbnail_text {
	font-size: smaller;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Tables */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.table-nonfluid {
	width: auto !important;
	background-color: whitesmoke; /*#E1EAF3; */
	margin-left: 0px;
}
.table-active {
	background-color: #E1EAF3 !important;
	font-weight: bold;
}
.m23_narrow {
	font-family: 'MainFont', Tahoma, sans-serif;
	font-weight: 300;
	font-stretch: 75%;
}
td {
	vertical-align: top;
}
.m23_cardimage {
	height: 175px;
	max-height: 175px;
	background-size: cover;
	background-position: center top;
	background-color: silver;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animate */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.animate {
	animation-duration: 1s;
	animation-name: animate-fade;
	animation-delay: 0s;
	animation-fill-mode: backwards;
}
.animate-0 {
	animation-name: animate-fade-0;
}
@keyframes animate-fade-0 {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Glossary */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.glossaryNav {
	position: fixed;
	max-width: 83%;
}
@media (min-width: 1200px) {
	.glossaryNav {
		max-width: 22%;
	}
}
@media (min-width: 1450px) {
	.glossaryNav {
		max-width: 350px;
	}
}
.glossaryNav ul.nav-pills .nav-link {
	padding: 2px 0.3em;
}
.glossaryNav ul.nav-pills .nav-item {
	padding: 0;
	margin: 0;
}
.glossaryNav ul.nav-pills a.disabled {
	cursor: not-allowed;
}
#glossary .list li:nth-child(even) {
	background: #fff;
	padding: 15px 5px;
}
#glossary .list li:nth-child(odd) {
	background: #edeeee;
	padding: 15px 5px;
}
#glossary .list li span {
	font-weight: normal;
}
#glossary .list li span.term {
	display: block;
	font-weight: bold;
}
#glossary .list li span.meaning {
	display: block;
}
#glossary .list .list-heading {
	background: #fff !important;
	border-bottom: 1px solid #edeeee;
	display: block;
	font-weight: bold;
	margin: 5px 0;
	padding: 5px;
}
#glossary .list .list-heading span {
	display: inline-block;
	float: right;
	font-size: 0.875em;
}
#glossary .list .list-heading:first-child span {
	display: none;
}
#glossary .list .list-heading .anchor {
	display: block;
	position: relative;
	visibility: hidden;
}
.m23_glossarybody {
	margin-top: 200px;
	padding-top: 30px;
}
@media (min-width: 1200px) {
	.m23_glossarybody {
		margin-top: 0px;
	}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Scroll to top */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.scroll-to-top {
	visibility: hidden;
	position: fixed;
	bottom: 17px;
	right: 25px;
	z-index: 9999;
	font-size: 21px;
	outline: 0;
	background: rgba(170, 170, 170, .75);
	color: white;
	cursor: pointer;
	border-radius: 50%;
	vertical-align: middle;
	width: 56px;
	height: 56px;
	padding: 0;
	opacity: 0;
	border: 1px solid white;
	box-shadow: 0 6px 12px rgba(109, 119, 124, .35), 0 2px 4px rgba(109, 119, 124, .05);
	transition: visibility 0s, opacity 0.5s linear;
}
.scroll-to-top i {
	border: solid white;
	border-width: 0 2px 2px 0;
	display: inline-block;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	vertical-align: middle;
	height: 12px;
	width: 12px
}
@media (max-width:1000px) {
	.scroll-to-top {
		display: none !important;
		visibility: hidden;
	}
}
#scroller {
	overflow: scroll;
	height: 150px;
	width: 150px;
	border: 5px dashed orange;
}
.reader-text {
	line-height: 145%;
	text-indent: 20px;
	margin: 9px 0px;
}
.reader-poetry {
	line-height: 145%;
	text-indent: -40px;
	margin: 3px 0px 3px 40px;
}
/*
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
);
*/

.nowrapTextContainer {
	display: block;
	width: 125px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.m23_nowrapinputcontainer {
	width: 125px;
	padding: 0px;
	margin: 0px;
	font-stretch:ultra-condensed;
	letter-spacing: -.2px;
}
@media (min-width:312px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 200px;
	}
}
@media (min-width:360px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 240px;
	}
}
@media (min-width:370px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 270px;
	}
}
@media (min-width:412px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 300px;
	}
}
@media (min-width:500px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 350px;
	}
}
@media (min-width:576px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 450px;
	}
}
@media (min-width:640px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 500px;
	}
}
@media (min-width:680px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 550px;
	}
}
@media (min-width:768px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 275px;
	}
}
@media (min-width:850px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 320px;
	}
}
@media (min-width:900px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 340px;
	}
}
@media (min-width:992px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 260px;
	}
}
@media (min-width:1050px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 290px;
	}
}
@media (min-width:1150px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 325px;
	}
}
@media (min-width:1200px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 200px;
	}
}
@media (min-width:1250px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 225px;
	}
}
@media (min-width:1350px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 250px;
	}
}
@media (min-width:1450px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 275px;
	}
}
@media (min-width:1550px) {
	.nowrapTextContainer, .m23_nowrapinputcontainer {
		width: 310px;
	}
}

.xy23R-color-inherit {
	color: inherit !important;
}
.xy23R-control {
	cursor: pointer;
	font-size: 12px;
	margin: 0px;
	padding: 0px ;
	color: #a0a0a0;
	line-height: normal;
}
.xy23R-outercontrol {
	float: right;
	background-color: #f3f3f3;
	min-width: 22px;
	max-width: 22px;
	min-height: 23px;
	max-height: 23px;
	border-top: 1px #ddd solid;
	border-right: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	text-align: center;
	padding: 0px;
	margin-bottom: 2px;
	line-height: normal;
}
.xy23R-outercontrol-right {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.xy23R-outercontrol-left {
	border-left: 1px #ddd solid;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}


.m23_li {
	margin:-5px 0px 12px 30px;
		text-indent: -25px;
}
.m23_li:before {
    content:"\25FE\2002 ";

}

.m23_li2 {
	margin:-5px 0px 12px 55px;
		text-indent: -25px;
}
.m23_li2:before {
    content:"\2043\2002 ";

}





.m23_source {
	background-color: #eee;
	padding: 5px 8px;
	color: #333;
	font-size: small;
	margin-top: 20px;
}
.m23_body-callout {
	color: var(--ar-color);
	margin:25px 25px;
	font-style: italic;
}
.m23_attribution {
	font-size: 65%;
	letter-spacing: 2px;
	color: var(--ar-color);
	text-transform: uppercase;
	position: relative;
	top:-3px;
}
.m23_footnote {
	cursor: help;
	position: relative;
	top: -9px;
	left: 0px;
	padding: 0px 3px;
	text-indent: 0;
	color: var(--ar-color);
	font-size: 50%;
}
.m23_outdent {
	text-indent: -3em;
	line-height: 130%;
	margin: 1em 0px 1px 3em;
}
.m23_outdent2 {
	text-indent: -2em;
	line-height: 130%;
	margin: 0px 0px 0px 3em;
}
.m23_linennumber {
	float:right;
	text-indent: 0px;
	font-size: small;
}
.custom-tooltip {
	--bs-tooltip-bg: #f7dfe5;
	--bs-tooltip-color: #222;
}
.tooltip-inner {
	word-wrap: break-word;
	text-align: left;
	white-space: normal;
}
.m23_blockindent-commentary {
	margin:10px 30px 24px;
	font-style: italic;
	color: gray;
}



/* ························································································ */
/* 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";
	
}

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

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


.mReader_subhead{
	font-family: "Wix Madefor Medium";
	font-size: 120%;
	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: 25px 25px;
	font-style: italic;
}
.mReader_attribution {
	font-size: 65%;
	letter-spacing: 2px;
	color: var(--ar-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;
	color: var(--ar-color);
	font-size: 50%;
}
.mReader_footnote-sample {
	font-family: "RobertoSerif";
	cursor: help;
	position: relative;
	top: -1px;
	left: 0px;
	padding: 0px 3px;
	text-indent: 0;
	color: var(--ar-color);
	font-size: 80%;
}
.mReader_outdent, .mReader_outdent2 {
	font-family: "RobertoSerif";
	text-indent: -2em;
	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;
}