html {
	background-color: #e2e2e2;
	margin: 0;
	padding: 0;
}

img {
	height: auto;
	width: 100%;
}

body {
	background-color: #fff;
	border-top: solid 10px #000;
	color: #333;
	font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
	font-size: .85em;
	margin: 0;
	padding: 0;
}

body a {
	color: #333;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
}

a:link { color: #422aa3; }
a:visited { color: firebrick; }
a:active { color: #333; }
a:hover { color: black; }

a:hover { background-color: lightgoldenrodyellow; }

header, footer, hgroup,
nav, section { display: block; }

mark {
	background-color: #a6dbed;
	padding-left: 5px;
	padding-right: 5px;
}

.float-left { float: left; }

.float-right { float: right; }

.clear-fix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

p { text-align: justify; }

h1, h2, h3,
h4, h5, h6 {
	color: #000;
	margin-bottom: 0;
	padding-bottom: 0;
}

h1 { font-size: 2em; }

h2 { font-size: 1.75em; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.1em; }

h5, h6 { font-size: 1em; }

h5 a:link, h5 a:visited, h5 a:active {
	padding: 0;
	text-decoration: none;
}

div { overflow-x: auto; }

/* main layout
----------------------------------------------------------*/

.content-wrapper {
	margin: 0 auto;
	max-width: 960px;
}

#body {
	background-color: #efeeef;
	clear: both;
	padding-bottom: 35px;
}

.main-content {
	background: url("../Images/accent.png") no-repeat;
	padding-left: 10px;
	padding-top: 30px;
}

.featured + .main-content { background: url("../Images/heroAccent.png") no-repeat; }

header .content-wrapper { padding-top: 20px; }

footer {
	background-color: #e2e2e2;
	clear: both;
	font-size: .8em;
	height: 50px;
}

/* site title
----------------------------------------------------------*/

.site-title {
	color: #c8c8c8;
	font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
	font-size: 2.3em;	
	margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
	background: none;
	color: #c8c8c8;
	outline: none;
	text-decoration: none;
}

/* login
----------------------------------------------------------*/

#login {
	display: block;
	font-size: .85em;
	margin: 0 0 10px;
	text-align: right;
}

#login a {
	background-color: #d3dce0;
	margin-left: 10px;
	margin-right: 3px;
	padding: 2px 3px;
	text-decoration: none;
}

#login a.email {
	background: none;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

#login ul { margin: 0; }

#login li {
	display: inline;
	list-style: none;
}

/* menu
----------------------------------------------------------*/

ul#menu {
	font-size: 1.3em;
	font-weight: 600;
	margin: 0 0 5px;
	padding: 0;
	text-align: right;
}

ul#menu li {
	display: inline;
	list-style: none;
	padding-left: 15px;
}

ul#menu li a {
	background: none;
	color: #999;
	text-decoration: none;
}

ul#menu li a:hover {
	color: #333;
	text-decoration: none;
}

/* The sidepanel menu */

.sidepanel {
	background-color: steelblue;
	box-sizing: border-box;
	height: auto;
	left: 0;
	max-width: calc(100vw - 8px);
	max-height: calc(100vh - 40px);
	overflow-x: hidden;
	overflow-y: auto;
	padding-top: 30px;
	position: fixed;
	top: 20px;
	transform: translateX(-100%);
	transition: transform .35s ease, visibility 0s linear .35s;
	visibility: hidden;
	width: max-content;
	z-index: 1;
}

.sidepanel.is-open {
	transform: translateX(0);
	transition: transform .35s ease;
	visibility: visible;
}

.sidepanel .menu-tree {
	min-width: 280px;
	max-width: calc(100vw - 8px);
	padding-bottom: 10px;
	width: max-content;
}

/* The sidepanel links */

.sidepanel a,
.sidepanel .dropdown-btn {
	background: none;
	border: 0;
	box-sizing: border-box;
	color: whitesmoke;
	display: block;
	font-size: 14px;
	font-family: inherit;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	text-align: left;
	transition: color .35s ease, font-weight .35s ease, padding-left .35s ease;
	white-space: nowrap;
	width: 100%;
}

/* When you mouse over the navigation links, change their color */

.sidepanel a:hover,
.sidepanel .dropdown-btn:hover,
.sidepanel .dropdown-btn.is-active {
	color: maroon;
	font-weight: 800;
}

/* Position and style the close button (top right corner) */

.sidepanel .closebtn {
	background-color: steelblue;
	border: 0;
	color: whitesmoke;
	cursor: pointer;
	font-size: 14px;
	font-weight: 800;
	left: 0px;
	padding: 4px 8px;
	position: absolute;
	top: 0;
}

.sidepanel .dropdown-btn {
	cursor: pointer;
	font-size: 16px;
}

.sidepanel .dropdown-btn.is-active {
	padding-left: 16px;
}

.sidepanel .menu-leaf {
	padding-left: 24px;
}

.sidepanel .menu-leaf:hover {
	padding-left: 30px;
}

.sidepanel .dropdown-container {
	background-color: #48147f;
	display: block;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transform: translateX(-8px);
	transition: max-height .35s ease, opacity .35s ease, transform .35s ease;
	visibility: hidden;
	width: 100%;
}

.sidepanel .dropdown-container.is-open {
	max-height: 900px;
	opacity: 1;
	transform: translateX(0);
	visibility: visible;
}

.sidepanel .fa-caret-down {
	float: right;
	font-size: 14px;
	padding: 3px 2px;
	transition: transform .35s ease;
}

.sidepanel .dropdown-btn.is-active .fa-caret-down {
	transform: rotate(180deg);
}

/* Style the button that is used to open the sidepanel */

.openbtn {
	background-color: steelblue;
	border: none;
	color: white;
	cursor: pointer;
	font-size: 14px;
	left: 0;
	padding: 3px 3px;
	position: fixed;
	top: 70px;
	z-index: 1;
}

.openbtn:hover {
	background-color: steelblue;
	color: white;
}

@media only screen and (max-width: 850px) {
	.sidepanel { max-width: 96vw; }

	.sidepanel .menu-tree {
		max-width: 96vw;
		min-width: 0;
	}
}

.Toggle { border: 1px solid red; }

/* page elements
----------------------------------------------------------*/

/* featured */

.featured { background-color: #fff; }

.featured .content-wrapper {
	background-color: #7ac0da;
	background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
	background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	color: #3e5667;
	padding: 20px 40px 30px 40px;
}

.featured hgroup.title h1, .featured hgroup.title h2 { color: #fff; }

.featured p { font-size: 1.1em; }

/* page titles */

hgroup.title { margin-bottom: 10px; }

hgroup.title h1, hgroup.title h2 { display: inline; }

hgroup.title h2 {
	font-weight: normal;
	margin-left: 3px;
}

/* features */

section.feature {
	float: left;
	padding: 10px;
	width: 300px;
}

/* ordered list */

ol.round {
	list-style-type: none;
	padding-left: 0;
}

ol.round li {
	margin: 25px 0;
	padding-left: 45px;
}

ol.round li.zero { background: url("../Images/orderedList0.png") no-repeat; }

ol.round li.one { background: url("../Images/orderedList1.png") no-repeat; }

ol.round li.two { background: url("../Images/orderedList2.png") no-repeat; }

ol.round li.three { background: url("../Images/orderedList3.png") no-repeat; }

ol.round li.four { background: url("../Images/orderedList4.png") no-repeat; }

ol.round li.five { background: url("../Images/orderedList5.png") no-repeat; }

ol.round li.six { background: url("../Images/orderedList6.png") no-repeat; }

ol.round li.seven { background: url("../Images/orderedList7.png") no-repeat; }

ol.round li.eight { background: url("../Images/orderedList8.png") no-repeat; }

ol.round li.nine { background: url("../Images/orderedList9.png") no-repeat; }

/* content */

article {
	float: left;
	width: 70%;
}

aside {
	float: right;
	width: 25%;
}

aside ul {
	list-style: none;
	padding: 0;
}

aside ul li {
	background: url("../Images/bullet.png") no-repeat 0 50%;
	padding: 2px 0 2px 20px;
}

.label { font-weight: 700; }

/* login page */

#loginForm {
	border-right: solid 2px #c8c8c8;
	float: left;
	width: 55%;
}

#loginForm .validation-error {
	display: block;
	margin-left: 15px;
}

#loginForm .validation-summary-errors ul {
	margin: 0;
	padding: 0;
}

#loginForm .validation-summary-errors li {
	display: inline;
	list-style: none;
	margin: 0;
}

#loginForm input { width: 250px; }

#loginForm input[type="checkbox"],
#loginForm input[type="submit"],
#loginForm input[type="button"],
#loginForm button { width: auto; }

#socialLoginForm {
	float: left;
	margin-left: 40px;
	width: 40%;
}

#socialLoginForm h2 { margin-bottom: 5px; }

#socialLoginList button { margin-bottom: 12px; }

#logoutForm { display: inline; }

/* contact */

.contact h3 { font-size: 1.2em; }

.contact p { margin: 5px 0 0 10px; }

.contact iframe {
	border: 1px solid #333;
	margin: 5px 0 0 10px;
}

/* forms */

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

fieldset legend { display: none; }

fieldset ol {
	list-style: none;
	padding: 0;
}

fieldset ol li { padding-bottom: 5px; }

label {
	display: block;
	font-size: 1.2em;
	font-weight: 600;
}

label.checkbox { display: inline; }

input, textarea {
	background: #fff;
	border: 1px solid #e2e2e2;
	color: #333;
	font-size: 1.2em;
	margin: 5px 0 6px 0;
	padding: 5px;
	width: 300px;
}

textarea {
	font-family: inherit;
	width: 500px;
}

input:focus, textarea:focus { border: 1px solid #7ac0da; }

input[type="checkbox"] {
	background: transparent;
	border: inherit;
	width: auto;
}

input[type="submit"],
input[type="button"],
button {
	background-color: #d3dce0;
	border: 1px solid #787878;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: 600;
	margin: 4px 4px 4px 4px;
	padding: 4px 7px 2px 4px;
	width: auto;
}

input[type=radio],
radio { max-width: 15px; }

td input[type="submit"],
td input[type="button"],
td button {
	font-size: 1em;
	margin-right: 4px;
	padding: 4px;
}

/* info and errors */

.message-info {
	border: 1px solid;
	clear: both;
	padding: 10px 20px;
}

.message-error {
	clear: both;
	color: #e80c4d;
	font-size: 1.1em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.message-success {
	color: #7ac0da;
	font-size: 1.3em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.error { color: #e80c4d; }

/* styles for validation helpers */

.field-validation-error {
	color: #e80c4d;
	font-weight: bold;
}

.field-validation-valid { display: none; }

input.input-validation-error { border: 1px solid #e80c4d; }

input[type="checkbox"].input-validation-error { border: 0 none; }

.validation-summary-errors {
	color: #e80c4d;
	font-size: 1.1em;
	font-weight: bold;
}

.validation-summary-valid { display: none; }

/* tables
----------------------------------------------------------*/

table {
	border: medium;
	border-collapse: collapse;
	border-color: black;
	border-spacing: 0;
	column-rule: 5px solid gray;
	column-span: all;
	column-width: auto;
	font-size: small;
	margin-top: 0.75em;
	padding: 5px 5px 5px 5px;
}

th {
	background-color: lightgray;
	border: thin;
	color: black;
	font-size: 1em;
	font-weight: 600;
	padding: 3px 10px 3px 10px;
	text-align: left;
	width: auto;
}

th a {
	display: block;
	position: relative;
}

th a:link, th a:visited, th a:active, th a:hover {
	color: #333;
	font-weight: 600;
	padding: 0;
	text-decoration: none;
}

th a:hover { color: #000; }

th.asc a, th.desc a { margin-right: .75em; }

th.asc a:after, th.desc a:after {
	display: block;
	font-size: 0.75em;
	position: absolute;
	right: 0em;
	top: 0;
}

th.asc a:after { content: '▲'; }

th.desc a:after { content: '▼'; }

td {
	border: 0 none;
	font-size: small;
	padding: 3px 6px 3px 3px;
	width: auto;
}

tr:nth-child(2n + 0) { background-color: white; }

tr:nth-child(2n + 1) { background-color: lavender; }

tr.pager td { padding: 0 0.1em 0 0; }

td:hover { background-color: aquamarine; }


table.special {
	border: medium;
	border-collapse: collapse;
	border-color: black;
	border-spacing: 0;
	column-rule: 5px solid gray;
	column-span: all;
	column-width: auto;
	font-size: small;
	margin-top: 0.75em;
	padding: 5px 5px 5px 5px;
}

th.special {
	background-color: lightgray;
	border: thin;
	color: black;
	font-size: 1em;
	font-weight: 600;
	padding: 3px 10px 3px 10px;
	text-align: left;
	width: auto;
}

th.special a {
	display: block;
	position: relative;
}

th.special a:link, th a:visited, th a:active, th a:hover {
	color: #333;
	font-weight: 600;
	padding: 0;
	text-decoration: none;
}

th.special a:hover { color: #000; }

td.special {
	border: 0 none;
	font-size: small;
	padding: 3px 6px 3px 3px;
	width: auto;
}

td.special:hover { background-color: aquamarine; }

tr.special:nth-child(2n + 0) { background-color: white; }

tr.special:nth-child(2n + 1) { background-color: lavender; }

tr.special:last-child {
	background-color: blanchedalmond;
	color: blue;
	font-weight: 700;
}

table.bold {
	border: medium;
	border-collapse: collapse;
	border-color: black;
	border-spacing: 0;
	column-rule: 5px solid gray;
	column-span: all;
	column-width: auto;
	font-size: small;
	margin-top: 0.75em;
	padding: 5px 5px 5px 5px;
}

th.bold {
	background-color: lightgray;
	border: thin;
	color: black;
	font-size: 1em;
	font-weight: 800;
	padding: 3px 10px 3px 10px;
	text-align: left;
	width: auto;
}

th.bold a {
	display: block;
	position: relative;
}

th.bold a:link, th a:visited, th a:active, th a:hover {
	color: #333;
	font-weight: 600;
	padding: 0;
	text-decoration: none;
}

th.bold a:hover { color: #000; }

td.bold {
	border: 0 none;
	font-size: small;
	padding: 3px 6px 3px 3px;
	width: auto;
}

td.bold:hover { background-color: blue; }

tr.bold:nth-child(2n + 0) { background-color: darkseagreen; }

tr.bold:nth-child(2n + 1) { background-color: darkgreen; }

table.compact {
	border: solid;
	border-collapse: collapse;
	border-color: grey;
	border-spacing: 0;
	column-rule: 1px solid gray;
	column-span: all;
	column-width: auto;
	font-size: small;
	margin-top: 0.1em;
	padding: 0px;
}

th.compact {
	background-color: grey;
	border: thin;
	color: black;
	font-size: 1em;
	font-weight: 600;
	padding: 1px 2px 1px 2px;
	text-align: left;
	width: auto;
}

tr.compact {
	background-color: beige;
	padding: 1px 0px 1px 0px;
	vertical-align: top;
}

td.compact {
	padding: 0px 1px 0px 1px;
	vertical-align: top;
}



/* iframe's parent node */

div#root {
	height: 70%;
	position: absolute;
	width: 90%;
}

/* iframe itself */

div#root > iframe {
	border: none;
	display: block;
	height: 100%;
	width: 100%;
}

/********************
*   Mobile Styles   *
********************/

@media only screen and (max-width: 850px) {
	/* header
	----------------------------------------------------------*/
	header .float-left,
	header .float-right { float: none; }

	/* logo */
	header .site-title {
		margin: 10px;
		text-align: center;
	}

	/* login */
	#login {
		font-size: .85em;
		margin: 0 0 12px;
		text-align: center;
	}

	#login ul {
		margin: 5px 0;
		padding: 0;
	}

	#login li {
		display: inline;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#login a {
		background: none;
		color: #999;
		font-weight: 600;
		margin: 2px;
		padding: 0;
	}

	#login a:hover { color: #333; }

	/* menu */
	nav { margin-bottom: 5px; }

	ul#menu {
		margin: 0;
		padding: 0;
		text-align: center;
	}

	ul#menu li {
		margin: 0;
		padding: 0;
	}

	/* main layout
	----------------------------------------------------------*/
	.main-content,
	.featured + .main-content { background-position: 10px 0; }

	.content-wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}

	.featured .content-wrapper { padding: 10px; }

	/* page content */
	article, aside {
		float: none;
		width: 100%;
	}

	/* ordered list */
	ol.round {
		list-style-type: none;
		padding-left: 0;
	}

	ol.round li {
		margin: 25px 0;
		padding-left: 10px;
	}

	ol.round li.zero,
	ol.round li.one,
	ol.round li.two,
	ol.round li.three,
	ol.round li.four,
	ol.round li.five,
	ol.round li.six,
	ol.round li.seven,
	ol.round li.eight,
	ol.round li.nine { background: none; }

	/* features */
	section.feature {
		float: none;
		padding: 10px;
		width: auto;
	}

	section.feature img {
		color: #999;
		content: attr(alt);
		font-size: 1.5em;
		font-weight: 600;
	}

	/* forms */
	input { width: 90%; }

	/* login page */
	#loginForm {
		border-right: none;
		float: none;
		width: auto;
	}

	#loginForm .validation-error {
		display: block;
		margin-left: 15px;
	}

	#socialLoginForm {
		float: none;
		margin-left: 0;
		width: auto;
	}

	/* footer
	----------------------------------------------------------*/
	footer .float-left,
	footer .float-right { float: none; }

	footer {
		height: auto;
		padding: 10px 0;
		text-align: center;
	}

	footer p { margin: 0; }
}

/* extracted page styles
----------------------------------------------------------*/

.mySlides { display: none; }

.onePage {
	page-break-after: avoid;
	page-break-inside: avoid;
}

.printOnly {
	display: none;
	width: 100%;
}

.showOnly { display: inline; }

.result-page {
	border: 2px solid black;
	width: auto;
}

.id-card-page {
	align-content: center;
	border: 0;
	border-spacing: 0;
	height: 29.08cm;
	margin: 0;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
	width: 19.05cm;
}

.id-card-group {
	align-content: center;
	border: hidden;
	border-collapse: collapse;
	height: 29cm;
	margin-bottom: 0;
	margin-top: 0;
	overflow: hidden;
	vertical-align: middle;
	width: 19.011cm;
}

.id-card {
	align-content: center;
	border: 0.08mm solid black;
	border-spacing: 0;
	height: 5.78cm;
	margin: 0 1.011cm 0 0;
	vertical-align: middle;
	width: 8.98cm;
}

.id-card table {
	align-content: center;
	background-color: white;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	column-rule: 0;
	column-span: all;
	column-width: auto;
	height: 5.4cm;
	margin-top: 2mm;
	max-height: 5.4cm;
	max-width: 8.6cm;
	padding: 0;
	vertical-align: middle;
	width: 8.6cm;
}

.id-card td {
	background-color: white;
	border: 0 none;
	padding: 0;
}

.id-card td:hover { background-color: white; }

.id-card td.logotd {
	padding-left: 2mm;
	padding-top: 2mm;
	vertical-align: top;
	width: 1.7cm;
}

.id-card td.banner {
	color: white;
	font-family: "Courier New";
	font-size: 16px;
	font-weight: 800;
	height: 0.5cm;
	padding: 0 10px 0 4mm;
	text-align: center;
	width: 6.249cm;
}

.id-card td.address {
	font-family: "Arial Rounded MT";
	font-size: 7px;
	font-weight: 800;
	text-align: center;
}

.id-card td.name {
	background-color: white;
	color: darkred;
	font-family: Calibri;
	font-size: 16px;
	font-weight: 800;
	text-align: center;
}

.id-card td.shortname {
	background-color: white;
	color: maroon;
	font-size: 16px;
	font-weight: 900;
	padding: 0 0 0 15px;
}

.id-card td.photo { padding: 0 5px 0 10px; }

.id-card td.info {
	background-color: white;
	font-size: 9px;
	font-weight: 800;
	padding: 0 5px 0 10px;
	vertical-align: top;
}

.id-card tr { background-color: white; }

.id-card tr.pager td { padding: 0; }

.id-card tr:nth-child(2n+0),
.id-card tr:nth-child(2n+1) { background-color: white; }

.pic {
	align-content: center;
	max-height: 6.9cm;
	padding-right: 2mm;
	width: 2.3cm;
}

.barcode {
	font-family: "CodabarLarge Large";
	font-size: 14px;
	padding: 0 5px 0 30px;
	text-align: right;
}

.validity {
	font-size: 7px;
	font-weight: 700;
}

.fp-Video {
	border: 1px double black;
	height: 242px;
	width: 322px;
}

.display {
	display: inline-block;
	height: 100%;
	width: 100%;
}

.display > video,
.display > object {
	height: 100%;
	width: 100%;
}

.seat-picker-label {
	border: 1px solid darkgray;
	cursor: pointer;
	display: block;
	font-size: 11px;
	height: 12px;
	margin-bottom: 0;
	padding-left: 0;
	position: relative;
	text-align: center;
	width: 14px;
}

.seat-picker-label input[type="checkbox"],
.ticket-seat-label input[type="checkbox"] { visibility: hidden; }

.seat-picker-reserved {
	background-color: lightgreen;
	height: 12px;
	left: 0;
	position: absolute;
	top: 0;
	width: 14px;
}

.seat-picker-general {
	background-color: white;
	height: 12px;
	left: 0;
	position: absolute;
	top: 0;
	width: 14px;
}

.seat-picker-label input:checked:disabled ~ .seat-picker-general { background-color: dodgerblue; }

.seat-picker-label input:checked ~ .seat-picker-general { background-color: hotpink; }

.seat-picker-mine {
	background-color: white;
	height: 12px;
	left: 0;
	position: absolute;
	top: 0;
	width: 14px;
}

.seat-picker-label input:checked ~ .seat-picker-mine { background-color: hotpink; }

.ticket-seat-label {
	border: 1px solid darkgrey;
	cursor: pointer;
	display: block;
	font-size: 14px;
	height: 18px;
	margin-bottom: 5px;
	padding-left: 5px;
	position: relative;
	text-align: center;
	width: 26px;
}

.ticket-seat-general {
	background-color: cyan;
	height: 18px;
	left: 0;
	position: absolute;
	top: 0;
	width: 30px;
}

.ticket-seat-label input:checked ~ .ticket-seat-general {
	background-color: navy;
	color: white;
}

.ticket-seat-locked {
	background-color: darkred;
	color: white;
	height: 18px;
	left: 0;
	position: absolute;
	top: 0;
	width: 30px;
}

.event-score-name { font-weight: 700; }

.event-score-rator1,
.event-score-rator2 {
	font-size: medium;
	margin-right: 2px;
	padding: 2px;
	width: 55px;
}

.event-score-rator1 { background-color: lightgray; }

.event-score-rator2 { background-color: lightblue; }

.event-score-marks {
	background-color: cornsilk;
	font-size: larger;
	font-weight: 600;
	padding: 2px;
	width: 45px;
}

.event-score-total {
	color: blue;
	font-size: larger;
	font-weight: 700;
	margin-right: 2px;
	width: 50px;
}

.event-score-value {
	color: maroon;
	font-size: medium;
	font-weight: 800;
	margin-right: 4px;
	width: 65px;
}

/* home landing page
----------------------------------------------------------*/

.home-featured {
	background: #fbf7fc;
	color: #2b1b34;
}

.home-featured + .main-content { display: none; }

.home-featured .home-landing,
.home-featured .home-landing div {
	overflow-x: visible;
}

.home-landing {
	background: #fbf7fc;
	color: #2b1b34;
}

.home-landing p {
	line-height: 1.6;
	text-align: left;
}

.home-landing h1,
.home-landing h2,
.home-landing h3 {
	color: #24112d;
	line-height: 1.15;
}

.home-screen {
	box-sizing: border-box;
	display: flex;
	min-height: calc(100vh - 80px);
	padding: 56px 20px;
}

.home-inner {
	margin: auto;
	max-width: 1080px;
	width: 100%;
}

.home-screen-soft {
	background: #f5edf8;
	border-bottom: 1px solid #decbe8;
	border-top: 1px solid #eadcf0;
}

.home-hero {
	background: linear-gradient(135deg, #fff9f2 0%, #f6e9f8 56%, #eaf6f5 100%);
	height: calc(100vh - 80px);
	max-height: 820px;
	min-height: 640px;
	overflow: hidden;
	position: relative;
	isolation: isolate;
}

.home-hero:before {
	background: linear-gradient(180deg, rgba(255, 250, 255, .9) 0%, rgba(255, 250, 255, .58) 44%, rgba(255, 250, 255, .18) 100%);
	content: "";
	inset: 0;
	position: absolute;
	z-index: 1;
}

.home-split {
	align-items: center;
	display: grid;
	gap: 32px;
	grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
}

.home-hero-grid {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	gap: 18px;
	justify-content: flex-start;
	min-height: 100%;
	position: relative;
	z-index: 2;
}

.home-copy {
	max-width: 920px;
	padding-top: 8px;
}

.home-hero-media {
	flex: 1 1 auto;
	height: clamp(300px, 44vh, 460px);
	min-height: 300px;
	position: relative;
	z-index: 2;
}

.home-kicker {
	color: #6f2c78;
	font-weight: 800;
	margin: 0 0 8px;
}

.home-title {
	font-size: 3em;
	margin: 0 0 8px;
}

.home-lead {
	color: #3f244a;
	font-size: 1.18em;
	font-weight: 600;
	margin: 0;
	max-width: 880px;
}

.home-actions,
.home-admission-panel {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.home-button,
.home-button:link,
.home-button:visited {
	background: #5b2b73;
	border: 1px solid #4b225f;
	border-radius: 8px;
	color: #fff;
	display: inline-block;
	font-weight: 800;
	padding: 10px 14px;
	text-decoration: none;
}

.home-button:hover,
.home-button:focus {
	background: #422aa3;
	color: #fff;
}

.home-button-secondary,
.home-button-secondary:link,
.home-button-secondary:visited {
	background: #fffaf4;
	border-color: #cbb0d8;
	color: #4a2460;
}

.home-button-secondary:hover,
.home-button-secondary:focus {
	background: #eadcf0;
	color: #24112d;
}

.home-identity {
	background: #fff;
	border: 1px solid #decbe8;
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(64, 29, 79, .16);
	padding: 18px;
}

.home-identity img {
	display: block;
	margin: 0 auto;
	max-height: 360px;
	object-fit: contain;
}

.home-grid {
	display: grid;
	gap: 16px;
	margin-top: 24px;
}

.home-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.home-grid-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.home-card,
.home-admission-panel {
	background: #fffdf8;
	border: 1px solid #decbe8;
	border-radius: 8px;
	box-shadow: 0 6px 18px rgba(64, 29, 79, .08);
	box-sizing: border-box;
	padding: 18px;
}

.home-card h3 {
	margin-top: 0;
}

.home-card-accent:nth-child(2n) { background: #eef8f7; }

.home-card-accent:nth-child(3n) { background: #fff4df; }

.home-list {
	font-size: 1.08em;
	font-weight: 700;
	line-height: 1.7;
	margin: 18px 0 0;
	padding-left: 20px;
}

.home-slideshow {
	aspect-ratio: 4 / 3;
	background: #eadcf0;
	border: 1px solid #cbb0d8;
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(64, 29, 79, .16);
	overflow: hidden;
	position: relative;
}

.home-slideshow-hero {
	aspect-ratio: auto;
	border: 1px solid #cbb0d8;
	border-radius: 8px;
	box-shadow: 0 14px 32px rgba(64, 29, 79, .18);
	height: 100%;
	width: 100%;
}

.home-slide {
	inset: 0;
	margin: 0;
	opacity: 0;
	position: absolute;
	transition: opacity .7s ease;
}

.home-slide.is-active {
	opacity: 1;
	z-index: 1;
}

.home-slide img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.home-slideshow-hero .home-slide img {
	filter: saturate(1.08) contrast(1.03);
}

.home-narrow {
	max-width: 680px;
}

.home-activity-panel {
	display: grid;
	gap: 16px;
}

.home-trustees {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 24px;
	max-width: 760px;
}

.home-trustee {
	background: #fffdf8;
	border: 1px solid #decbe8;
	border-radius: 8px;
	margin: 0;
	overflow: hidden;
}

.home-trustee img {
	aspect-ratio: 4 / 3;
	display: block;
	object-fit: cover;
	width: 100%;
}

.home-trustee figcaption {
	color: #4a2460;
	font-weight: 800;
	padding: 10px 12px;
}

.home-admissions {
	background: #f7f0fb;
}

.home-admission-panel {
	align-content: center;
}

@media only screen and (max-width: 850px) {
	.home-screen {
		min-height: auto;
		padding: 34px 14px;
	}

	.home-split,
	.home-grid-three,
	.home-grid-four,
	.home-trustees {
		grid-template-columns: 1fr;
	}

	.home-hero-grid {
		min-height: 100%;
	}

	.home-hero {
		height: auto;
		max-height: none;
		min-height: auto;
	}

	.home-copy {
		padding-top: 0;
	}

	.home-hero-media {
		height: 280px;
		min-height: 280px;
	}

	.home-title { font-size: 2.35em; }

	.home-lead { font-size: 1.15em; }
}

@media (prefers-color-scheme: dark) {
	.home-featured,
	.home-landing {
		background: #1d1424;
		color: #f8f0fb;
	}

	.home-landing h1,
	.home-landing h2,
	.home-landing h3,
	.home-lead {
		color: #fff9ff;
	}

	.home-screen-soft,
	.home-admissions {
		background: #25192d;
		border-color: #50345e;
	}

	.home-hero {
		background: linear-gradient(135deg, #24152d 0%, #35203e 54%, #1d3131 100%);
	}

	.home-hero:before {
		background: linear-gradient(180deg, rgba(29, 20, 36, .9) 0%, rgba(29, 20, 36, .56) 46%, rgba(29, 20, 36, .22) 100%);
	}

	.home-slideshow-hero .home-slide img {
		filter: saturate(1.04) contrast(1.02);
	}

	.home-kicker,
	.home-trustee figcaption {
		color: #f4c7ff;
	}

	.home-card,
	.home-identity,
	.home-trustee,
	.home-admission-panel {
		background: #302139;
		border-color: #6d4a7d;
		box-shadow: 0 8px 22px rgba(0, 0, 0, .32);
	}

	.home-card-accent:nth-child(2n) { background: #213839; }

	.home-card-accent:nth-child(3n) { background: #3b2b1b; }

	.home-button-secondary,
	.home-button-secondary:link,
	.home-button-secondary:visited {
		background: #24182b;
		border-color: #8a68a0;
		color: #ffe9ff;
	}

	.home-button-secondary:hover,
	.home-button-secondary:focus {
		background: #4a2460;
		color: #fff;
	}

	.home-slideshow {
		background: #302139;
		border-color: #6d4a7d;
	}
}

/* extracted inline styles
----------------------------------------------------------*/
.as-inline-001 { border:0; }
.as-inline-002 { width:100%; }
.as-inline-003 { font-size:1em;text-align: justify; text-indent:0.3em; }
.as-inline-004 { width: 4rem; float: left; margin: 0 0 0 0; }
.as-inline-005 { width: 100%;shape-outside: inset(0 0 0 0); }
.as-inline-006 { float: right; background-color: beige; width:33.32%; overflow:no-display; height:350px; }
.as-inline-007 { max-width:400px; }
.as-inline-008 { float: left; width: 66.64%; max-height: 350px; overflow: hidden; align-items:center; }
.as-inline-009 { color:red; }
.as-inline-010 { font-weight:800;font-size:larger;color:darkred; }
.as-inline-011 { background-color:lightcyan; }
.as-inline-012 { font-size:smaller;overflow-wrap:break-word; color:darkred;font-weight:700; }
.as-inline-013 { vertical-align:top; width:150px; }
.as-inline-014 { font-size:larger;font-weight:700; }
.as-inline-015 { vertical-align:top; }
.as-inline-016 { color:blue; }
.as-inline-017 { height:100px;scroll-behavior:smooth; }
.as-inline-018 { font-weight:600;color:maroon; }
.as-inline-019 { font-size:larger;background-color:aliceblue;font-weight:700; }
.as-inline-020 { font-size:larger;background-color:lightblue;font-weight:600; }
.as-inline-021 { background-color:darkgoldenrod; }
.as-inline-022 { background-color:orange; }
.as-inline-023 { width:35px; font-size:small; }
.as-inline-024 { color:darkred;font-weight:700; font-size:larger; }
.as-inline-025 { font-size:smaller; }
.as-inline-026 { font-weight:700;font-style:italic;color:blue; }
.as-inline-027 { position:sticky; top:50px; padding:3px; background-color:maroon;color:white; }
.as-inline-028 { font-size:smaller;font-weight:400; }
.as-inline-029 { position:sticky; top:0px; padding:0px; }
.as-inline-030 { max-height:350px; overflow-y:scroll; }
.as-inline-031 { font-weight:500; color:red; font-size:larger; }
.as-inline-032 { font-weight:800;font-size:larger;color:maroon; }
.as-inline-033 { font-weight:500; color:blue; font-size:large; }
.as-inline-034 { font-size:smaller; font-weight: 600; background-color:white; }
.as-inline-035 { text-align:center; font-weight:600; font-size:small; background-color:white; }
.as-inline-036 { text-align: left; font-weight: 700; background-color: bisque; }
.as-inline-037 { border:1px solid #d3d3d3;background-color:white; }
.as-inline-038 { width:20px; height:12px; }
.as-inline-039 { font-size: smaller; font-weight: 700; }
.as-inline-040 { background-color: white; }
.as-inline-041 { margin:0px 0px 0px 0px; }
.as-inline-042 { font-size:small; }
.as-inline-043 { font-weight:700; }
.as-inline-044 { color:maroon;font-weight:700; }
.as-inline-045 { color:darkblue;font-weight:500; }
.as-inline-046 { font-size:0.95em; }
.as-inline-047 { font-weight:600; }
.as-inline-048 { font-size: larger; font-weight: 600; margin: 0px 0px 0px 0px; }
.as-inline-049 { column-gap:0px; column-rule:thick; column-rule-color:dimgray; margin:0px 0px 0px 0px; width:100%; }
.as-inline-050 { display:block; }
.as-inline-051 { display:none; font-weight:700; font-size:larger; color:maroon; }
.as-inline-052 { width:160px; }
.as-inline-053 { max-width:120px; }
.as-inline-054 { column-width:10px; }
.as-inline-055 { max-width:90%; }
.as-inline-056 { font-weight:600;color:darkred; }
.as-inline-057 { max-width:30px; }
.as-inline-058 { max-width:50px; }
.as-inline-059 { border:1px solid red; }
.as-inline-060 { background-color:yellow; }
.as-inline-061 { font-size:small; font-weight:600; }
.as-inline-062 { color:red; font-size:large; font-weight:800; }
.as-inline-063 { border:ridge ;border-bottom-width:thick; border-bottom-color:darkolivegreen; }
.as-inline-064 { color:red; font-size:x-large; font-weight:800; }
.as-inline-065 { color:maroon; }
.as-inline-066 { color:darkblue; }
.as-inline-067 { font-size:medium; background-color:lightcyan;color:indigo;font-weight:600; }
.as-inline-068 { color:red; font-weight:600; }
.as-inline-069 { background-color:pink; }
.as-inline-070 { font-size:larger;color:red;font-weight:700; }
.as-inline-071 { background-color:orange; text-align:center; }
.as-inline-072 { text-align:center; }
.as-inline-073 { text-wrap:normal;word-wrap:hyphenate; min-height:30px; }
.as-inline-074 { border:2px solid red; }
.as-inline-075 { max-width:200px; font-weight:700; }
.as-inline-076 { max-width:40px; }
.as-inline-077 { max-width: 150px; color: maroon; font-weight: 700; }
.as-inline-078 { background-color:greenyellow; }
.as-inline-079 { font-weight:500; font-style:oblique;color:blue; }
.as-inline-080 { font-weight:700;color:maroon; }
.as-inline-081 { color:maroon; font-weight:700; font-size:larger; }
.as-inline-082 { margin-left:20px; margin-right:10px; }
.as-inline-083 { height:100px; scroll-behavior:smooth; }
.as-inline-084 { color:indianred; }
.as-inline-085 { font-weight:800;background-color:bisque; }
.as-inline-086 { border:1px solid #d3d3d3;background-color:aliceblue; }
.as-inline-087 { background-color:cyan; }
.as-inline-088 { background-color:chartreuse; }
.as-inline-089 { background-color:khaki; }
.as-inline-090 { font-size:large;color:red; }
.as-inline-091 { text-align: justify; }
.as-inline-092 { color: blue; }
.as-inline-093 { color: #cc0000; }
.as-inline-094 { background-color: yellow; }
.as-inline-095 { text-align: left; }
.as-inline-096 { margin-left: 1em; margin-right: 1em; }
.as-inline-097 { clear: both; text-align: center; }
.as-inline-098 { color:darkgreen; }
.as-inline-099 { font-size:larger; }
.as-inline-100 { align-content:space-around;max-width:90px; }
.as-inline-101 { padding:0px 10px 0px 0px; vertical-align:top; }
.as-inline-102 { width:300px; }
.as-inline-103 { background-color:azure; }
.as-inline-104 { background-color:blanchedalmond; }
.as-inline-105 { color:blue; font-weight:500; }
.as-inline-106 { font-size:larger; font-weight:500; color:maroon; }
.as-inline-107 { width:100px; }
.as-inline-108 { width:30px; }
.as-inline-109 { height:200px;scroll-behavior:smooth; }
.as-inline-110 { width:95%; }
.as-inline-111 { width:82%; }
.as-inline-112 { width:8%; }
.as-inline-113 { background-color:lightpink; }
.as-inline-114 { background-color:lightyellow; }
.as-inline-115 { border:3px dashed maroon; }
.as-inline-116 { display:none; }
.as-inline-117 { font-size:x-small; }
.as-inline-118 { background-color:red;color:dimgrey; }
.as-inline-119 { background-color:darkgreen;color:white; }
.as-inline-120 { background-color:orange;color:dimgrey; }
.as-inline-121 { background-color:lightgreen;color:dimgrey; }
.as-inline-122 { background-color:moccasin;color:dimgrey; }
.as-inline-123 { background-color:yellow;color:dimgrey; }
.as-inline-124 { background-color:lightblue;color:dimgrey; }
.as-inline-125 { background-color:aqua;color:dimgrey; }
.as-inline-126 { background-color:gray;color:dimgrey; }
.as-inline-127 { color:dimgrey; }
.as-inline-128 { background-color:aliceblue;color:dimgrey; }
.as-inline-129 { text-align:left; }
.as-inline-130 { text-align:center; font-size:smaller; }
.as-inline-131 { background-color:red; }
.as-inline-132 { background-color:lightgreen; }
.as-inline-133 { background-color:moccasin; }
.as-inline-134 { background-color:lightblue; }
.as-inline-135 { background-color:aqua; }
.as-inline-136 { background-color:gray; }
.as-inline-137 { background-color:aliceblue; }
.as-inline-138 { width:150px; }
.as-inline-139 { width:130px; }
.as-inline-140 { font-size:small;width:100%;background-color:bisque; }
.as-inline-141 { font-size:small;color:maroon; }
.as-inline-142 { max-width:80px; }
.as-inline-143 { max-width:60px; }
.as-inline-144 { font-size:small;max-width:60px; }
.as-inline-145 { align-content:space-around;max-width:70px; }
.as-inline-146 { font-size:small; list-style:decimal; }
.as-inline-147 { font-weight:600;font-size:10px; }
.as-inline-148 { height:120px; }
.as-inline-149 { width:1.5cm; }
.as-inline-150 { display:compact; }
.as-inline-151 { height:300px; }
.as-inline-152 { width:50%; }
.as-inline-153 { font-size:larger;font-weight:800;color:maroon; }
.as-inline-154 { height:420px; width:100%; }
.as-inline-155 { max-width: 300px; background-color:aliceblue; }
.as-inline-156 { max-width:120px; font-size:11px;color:blueviolet;font-weight:700; }
.as-inline-157 { color:darkblue; font-size:10px; font-weight:700;background-color:lightgoldenrodyellow;width:90px; }
.as-inline-158 { background-color: deepskyblue; width: 70px; }
.as-inline-159 { background-color:yellow;width:70px; }
.as-inline-160 { font-size:large; }
.as-inline-161 { background-color:indianred; width: 70px; }
.as-inline-162 { border-bottom:1px solid blue; font-size:small;font-weight:600; }
.as-inline-163 { background-color:lightsteelblue; }
.as-inline-164 { font-weight:700;font-style:italic; font-size:smaller; }
.as-inline-165 { text-align:right; }
.as-inline-166 { font-weight:700;color:maroon;background-color:lightyellow; }
.as-inline-167 { border:none; }
.as-inline-168 { border: none; }
.as-inline-169 { border: 0; }
.as-inline-170 { font-size:smaller;font-style:italic; }
.as-inline-171 { font-size:small;font-weight:600; }
.as-inline-172 { background-color:firebrick; }
.as-inline-173 { border-color:black;border-style:dashed; border-width:medium; }
.as-inline-174 { font-size:larger; font-weight:700; }
.as-inline-175 { font-weight:700; font-size:12px; color:darkblue; text-align:right; }
.as-inline-176 { font-size:12px; }
.as-inline-177 { text-align:center;font-size:12px; }
.as-inline-178 { background-color: beige; font-size:larger; font-weight: 600; text-align: center; }
.as-inline-179 { font-weight:600; font-size:smaller; }
.as-inline-180 { background-color:yellow ;font-weight:700;font-style:italic; }
.as-inline-181 { background-color:indianred;font-weight:700;font-style:italic; }
.as-inline-182 { background-color:greenyellow;font-weight:700;font-style:italic; }
.as-inline-183 { font-size:small; font-weight:400; }
.as-inline-184 { background-color:beige;font-weight:700; }
.as-inline-185 { color:darkred; background-color:lightcyan; }
.as-inline-186 { color: rebeccapurple; }
.as-inline-187 { color:darkred; }
.as-inline-188 { color:rebeccapurple; }
.as-inline-189 { font-weight:600; background-color:white; }
.as-inline-190 { background-color: azure; }
.as-inline-191 { background-color: antiquewhite; }
.as-inline-192 { background-color:antiquewhite; }
.as-inline-193 { background-color: beige; }
.as-inline-194 { font-size:small;font-weight:600;background-color:aqua; }
.as-inline-195 { outline:8px solid red;margin:5px 10px 5px 10px; }
.as-inline-196 { background-color:lightgreen;border:solid 5px green; }
.as-inline-197 { border:dotted 3px red; }
.as-inline-198 { width:80px; }
.as-inline-199 { width:90%; }
.as-inline-200 { max-width:200px; }
.as-inline-201 { width: 100%; background-color:lightpink; }
.as-inline-202 { border:2px solid blue;background-color:aliceblue; }
.as-inline-203 { max-width:90px; vertical-align:bottom; }
.as-inline-204 { width:100%;height:500px; }
.as-inline-205 { width:70%;float:right; }
.as-inline-206 { border:solid 1px #777;height:100%; }
.as-inline-207 { width:29%;height:500px;float:left;border:none;scroll-margin:unset; }
.as-inline-208 { max-width: 70px; text-overflow:clip;font-weight:600; color:maroon; }
.as-inline-209 { border-bottom-width:30px;border-bottom-color:transparent ;border-bottom-style:solid; }
.as-inline-210 { max-width: 60px; text-overflow:clip ; }
.as-inline-211 { max-width: 60px; text-overflow:clip; }
.as-inline-212 { max-width: 60px; text-overflow:clip;font-weight:600;color:purple; }
.as-inline-213 { max-width: 60px; text-overflow:clip;font-weight:700; font-size:larger;color:mediumvioletred; }
.as-inline-214 { max-width: 60px; text-overflow:clip;font-weight:700; font-size:larger; }
.as-inline-215 { max-width: 100px; text-overflow:clip; }
.as-inline-216 { width:100%;height:400px; }
.as-inline-217 { width:100%;height:100%; }
.as-inline-218 { text-overflow:clip; }
.as-inline-219 { background-color:blanchedalmond; font-size: larger; font-weight: 700; }
.as-inline-220 { background-color:aquamarine; font-size: larger; font-weight: 700; }
.as-inline-221 { background-color:lightpink; font-size:larger; font-weight:700; }
.as-inline-222 { column-count:3; }
.as-inline-223 { max-width:120px; vertical-align:bottom; }
.as-inline-224 { border:solid red 2px; background-color:lightyellow; border-spacing:10px; }
.as-inline-225 { font-weight:500; font-size:larger; color:darkred; }
.as-inline-226 { border:2px solid indianred; }
.as-inline-227 { border:2px solid darkred; }
.as-inline-228 { width: 80px; }
.as-inline-229 { width:90px; }
.as-inline-230 { border:1px solid darkgreen; }
.as-inline-231 { border:1px solid blue; }
.as-inline-232 { width:200px;font-size:10px; }
.as-inline-233 { width: 80px; font-size:10px; }
.as-inline-234 { width: 60px; font-size:10px; }
.as-inline-235 { width: 50px; font-size:10px; }
.as-inline-236 { font-size:10px; }
.as-inline-237 { font-size:10px;color:darkgray;min-width:70px; }
.as-inline-238 { border-bottom:2px solid black; }
.as-inline-239 { font-weight:700;font-size:11px;color:darkblue; text-align:right; }
.as-inline-240 { font-size:11px; }
.as-inline-241 { background-color: yellow; font-weight: 800; text-align: center; }
.as-inline-242 { background-color:beige; }
.as-inline-243 { font-style:italic;color:darkred; }
.as-inline-244 { font-size:large;font-weight:700; }
.as-inline-245 { max-width:35px; }
.as-inline-246 { align-content: space-around; max-width: 90px; }
.as-inline-247 { text-align:center;vertical-align:top; }
.as-inline-248 { background-color:darkred; color:white; }
.as-inline-249 { color: darkred; }
.as-inline-250 { color:blue;font-weight:800; }
.as-inline-251 { font:800; font-size:large; color:red; }
.as-inline-252 { font-weight:800;color:darkred; }
.as-inline-253 { width: 20%; height: 10px; }
.as-inline-254 { width: 30%; height: 10px; }
.as-inline-255 { width: 10%; height: 10px; }
.as-inline-256 { width: 16.66%; }
.as-inline-257 { width: 100%; }
.as-inline-258 { border-spacing:10px 10px; border-style:dashed;border-width:thin; text-align:left; }
.as-inline-259 { max-width:170px; font-size:small; font-weight:700; }
.as-inline-260 { font-size:small;max-width:40px; }
.as-inline-261 { font-size:small; max-width:80px; }
.as-inline-262 { font-weight:700; max-width:60px; }
.as-inline-263 { border-bottom-color:transparent;border-bottom-width:20px;border-bottom-style:solid;margin:14px 0px 14px 0px; }
.as-inline-264 { border:1px solid black; }
.as-inline-265 { width:90%; margin:0 auto; }
.as-inline-266 { color:red;font-weight:800; }
.as-inline-267 { min-height:80px; }
.as-inline-268 { border:0px solid #d3d3d3; }
.as-inline-269 { align-content:space-around;max-width:120px; }
.as-inline-270 { color:dodgerblue; }
.as-inline-271 { background-color:darkred; color:white;padding:3px 3px 3px 3px; }
.as-inline-272 { background-color:navy;color:white;padding:3px 3px 3px 3px; }
.as-inline-273 { background-color:cyan;padding:3px 3px 3px 3px; }
.as-inline-274 { background-color:lightgreen;padding:3px 3px 3px 3px; }
.as-inline-275 { background-color:lightpink;padding:3px 3px 3px 3px; }
.as-inline-276 { background-color:beige;padding:3px 3px 3px 3px; }
.as-inline-277 { height:600px; width:100%; border:none; }
.as-inline-278 { min-height: 100px; }
.as-inline-279 { min-height:100px; }
.as-inline-280 { background-color:khaki;font-style:italic;font-size:smaller; }
.as-inline-281 { background-color:white; }
.as-inline-282 { font-weight:700;color:darkred; }
.as-inline-283 { font-weight:700;color:blue; }
.as-inline-284 { font-weight:800;font-style:italic; }
.as-inline-285 { background-color: transparent; color: maroon; }
.as-inline-286 { background-color:beige;font-style:italic;font-size:smaller; }
.as-inline-287 { font-size:larger; font-weight:bolder; }
.as-inline-288 { background-color: transparent;color:maroon; }
.as-inline-289 { text-align:justify; }
.as-inline-290 { font-size:smaller; font-weight:700;color:red; }
.as-inline-291 { max-height:400px; overflow-y:scroll; }
.as-inline-292 { background-color:aquamarine; }
.as-inline-293 { background-color:lightcoral; }
.as-inline-294 { color:darkred;font-size:larger; }
.as-inline-295 { background-color:white; font-weight:800; }
.as-inline-296 { font-weight:500;font-size:smaller; }
.as-inline-297 { background-color:gold;font-weight:600; }
.as-inline-298 { background-color:aquamarine;font-weight:600; }
.as-inline-299 { height:300px;scroll-behavior:auto;overflow-y:scroll; }
.as-inline-300 { background-color: burlywood; font-weight: 600; }
.as-inline-301 { background-color:aqua;font-weight:600; }
.as-inline-302 { background-color:floralwhite; }
.as-inline-303 { font-weight:700;font-size:larger;color:darkred; }
.as-inline-304 { color:red;font-size:x-large; font-weight:900; }
.as-inline-305 { color:maroon;font-size:x-large; font-weight:900; }
.as-inline-306 { font-size:larger; font-weight:700; color:darkblue; text-align:justify; }
.as-inline-307 { font-size:smaller; color:maroon; }
.as-inline-308 { font-size:larger; font-weight:600; color:maroon; }
.as-inline-309 { background-color:darkblue; }
.as-inline-310 { background-color:lawngreen; font-size:smaller; }
.as-inline-311 { background-color:beige; font-size:smaller; }
.as-inline-312 { font-size:larger;color:blue;font-weight:700; }
.as-inline-313 { width:30%; }
.as-inline-314 { width:47%; }
.as-inline-315 { font-size: medium; font-weight: 800; color: maroon; }
.as-inline-316 { width:55%; }
.as-inline-317 { font-size:medium; max-width:60%; }
.as-inline-318 { font-weight:800;color:maroon; }
.as-inline-319 { font-size:xx-large; }
.as-inline-320 { border-spacing:0px 0px;padding:0px 0px 0px 0px; }
.as-inline-321 { text-align:center;font-size:large;font-weight:600; }
.as-inline-322 { border-spacing:0px 0px;padding:0px 0px 0px 0px; column-gap:0px; }
.as-inline-323 { background-color:gold; }
.as-inline-324 { font-size:medium; }
.as-inline-325 { list-style:symbols(); font-weight:700; font-size:larger; }
.as-inline-326 { list-style-type:lower-roman; }
.as-inline-327 { border: 0; width:100%; }
.as-inline-328 { height:1px;width:1px; }
.as-inline-329 { color:blue;font-size:large; }
.as-inline-330 { color:red;font-size:large; }

/* shared pastel theme
----------------------------------------------------------*/

body.site-pastel-theme {
	background: #fff7fb;
	border-top-color: #6f2c78;
	color: #2b1b34;
	color-scheme: light;
	font-size: 1em;
}

body.site-pastel-theme #body {
	background: #fbf1fb;
}

body.site-pastel-theme .main-content {
	background-color: #fffdf8;
	background-image: url("../Images/accent.png");
	border: 1px solid #eadcf0;
	box-shadow: 0 8px 22px rgba(74, 36, 96, .08);
}

body.site-pastel-theme .featured {
	background: #fff7fb;
}

body.site-pastel-theme .featured .content-wrapper {
	background: linear-gradient(135deg, #8b4a9f 0%, #d995c2 48%, #92d7d1 100%);
	color: #fff;
}

body.site-pastel-theme h1,
body.site-pastel-theme h2,
body.site-pastel-theme h3,
body.site-pastel-theme h4,
body.site-pastel-theme h5,
body.site-pastel-theme h6 {
	color: #24112d;
}

body.site-pastel-theme p,
body.site-pastel-theme li,
body.site-pastel-theme label,
body.site-pastel-theme td,
body.site-pastel-theme th {
	font-size: 1.05em;
}

body.site-pastel-theme a,
body.site-pastel-theme a:link {
	color: #4d2385;
}

body.site-pastel-theme a:visited {
	color: #8a2454;
}

body.site-pastel-theme a:hover,
body.site-pastel-theme a:focus {
	background-color: #fff0b8;
	color: #24112d;
}

body.site-pastel-theme header,
body.site-pastel-theme footer {
	background: linear-gradient(90deg, #4a2460 0%, #784aa0 58%, #5baaa4 100%);
	color: #fff;
}

body.site-pastel-theme footer p,
body.site-pastel-theme #login,
body.site-pastel-theme #login a {
	color: #fff;
}

body.site-pastel-theme #login {
	font-size: 1em;
}

body.site-pastel-theme .site-title,
body.site-pastel-theme .site-title a,
body.site-pastel-theme .site-title a:hover,
body.site-pastel-theme .site-title a:visited {
	color: #fffaf4;
}

body.site-pastel-theme .openbtn,
body.site-pastel-theme .sidepanel .closebtn {
	background-color: #6f2c78;
	color: #fff;
}

body.site-pastel-theme .sidepanel {
	background-color: #6f2c78;
}

body.site-pastel-theme .sidepanel .dropdown-container {
	background-color: #4d2385;
}

body.site-pastel-theme .sidepanel a,
body.site-pastel-theme .sidepanel .dropdown-btn {
	color: #fffaf4;
	font-size: 1.05em;
}

body.site-pastel-theme .sidepanel a:hover,
body.site-pastel-theme .sidepanel .dropdown-btn:hover,
body.site-pastel-theme .sidepanel .dropdown-btn.is-active {
	background-color: #fff0b8;
	color: #24112d;
}

body.site-pastel-theme input,
body.site-pastel-theme select,
body.site-pastel-theme textarea {
	background-color: #fffdf8;
	border-color: #cbb0d8;
	color: #2b1b34;
	font-size: 1.15em;
}

body.site-pastel-theme input:focus,
body.site-pastel-theme select:focus,
body.site-pastel-theme textarea:focus {
	border-color: #6f2c78;
	box-shadow: 0 0 0 2px rgba(111, 44, 120, .18);
	outline: none;
}

body.site-pastel-theme input[type="submit"],
body.site-pastel-theme input[type="button"],
body.site-pastel-theme button,
body.site-pastel-theme .Submit {
	background-color: #f2d4ef;
	border-color: #8b4a9f;
	color: #24112d;
}

body.site-pastel-theme input[type="submit"]:hover,
body.site-pastel-theme input[type="button"]:hover,
body.site-pastel-theme button:hover,
body.site-pastel-theme .Submit:hover,
body.site-pastel-theme input[type="submit"]:focus,
body.site-pastel-theme input[type="button"]:focus,
body.site-pastel-theme button:focus,
body.site-pastel-theme .Submit:focus {
	background-color: #d995c2;
	color: #24112d;
}

body.site-pastel-theme table,
body.site-pastel-theme table.special,
body.site-pastel-theme table.bold {
	border-color: #8d78a8;
	font-size: 1em;
}

body.site-pastel-theme th,
body.site-pastel-theme th.special,
body.site-pastel-theme th.bold {
	background-color: #e7d3f1;
	color: #24112d;
}

body.site-pastel-theme th a,
body.site-pastel-theme th a:link,
body.site-pastel-theme th a:visited,
body.site-pastel-theme th a:active,
body.site-pastel-theme th a:hover {
	color: #24112d;
}

body.site-pastel-theme tr:nth-child(2n + 0),
body.site-pastel-theme tr.special:nth-child(2n + 0) {
	background-color: #fffdf8;
}

body.site-pastel-theme tr:nth-child(2n + 1),
body.site-pastel-theme tr.special:nth-child(2n + 1) {
	background-color: #f4ecfb;
}

body.site-pastel-theme td:hover,
body.site-pastel-theme td.special:hover {
	background-color: #d8f4f1;
}

body.site-pastel-theme tr.bold:nth-child(2n + 0) {
	background-color: #d6f0de;
}

body.site-pastel-theme tr.bold:nth-child(2n + 1) {
	background-color: #c2e3cf;
}

body.site-pastel-theme .message-info {
	background-color: #eff9f8;
	border-color: #5baaa4;
	color: #183d3a;
}

body.site-pastel-theme .message-success {
	color: #1d6b4f;
}

body.site-pastel-theme .message-error,
body.site-pastel-theme .validation-summary-errors,
body.site-pastel-theme .field-validation-error,
body.site-pastel-theme .error {
	color: #a1133a;
}

body.site-pastel-theme mark {
	background-color: #fff0b8;
	color: #24112d;
}

body.site-pastel-theme .home-featured,
body.site-pastel-theme .home-landing,
body.site-pastel-theme .home-admissions {
	background: #fff7fb;
	color: #2b1b34;
}

body.site-pastel-theme .home-screen-soft {
	background: #f5edf8;
	border-color: #eadcf0;
}

body.site-pastel-theme .home-hero {
	background: linear-gradient(135deg, #fff9f2 0%, #f6e9f8 52%, #eaf6f5 100%);
}

body.site-pastel-theme .home-landing h1,
body.site-pastel-theme .home-landing h2,
body.site-pastel-theme .home-landing h3,
body.site-pastel-theme .home-lead {
	color: #24112d;
}

body.site-pastel-theme .home-card,
body.site-pastel-theme .home-identity,
body.site-pastel-theme .home-trustee,
body.site-pastel-theme .home-admission-panel {
	background: #fffdf8;
	border-color: #decbe8;
}

body.site-pastel-theme .home-card-accent:nth-child(2n) {
	background: #eef8f7;
}

body.site-pastel-theme .home-card-accent:nth-child(3n) {
	background: #fff4df;
}

body.site-pastel-theme .home-kicker,
body.site-pastel-theme .home-trustee figcaption {
	color: #6f2c78;
}

body.site-pastel-theme .home-slideshow {
	background: #eadcf0;
	border-color: #cbb0d8;
}

body.site-pastel-theme .home-button-secondary,
body.site-pastel-theme .home-button-secondary:link,
body.site-pastel-theme .home-button-secondary:visited {
	background: #fffaf4;
	border-color: #cbb0d8;
	color: #4a2460;
}

/* print/PDF output guards
----------------------------------------------------------*/

body.site-pastel-theme .print-output {
	background: transparent;
	box-shadow: none;
	color: #000;
	text-shadow: none;
}

body.site-pastel-theme .print-output table,
body.site-pastel-theme .print-output table.special,
body.site-pastel-theme .print-output table.bold {
	border-color: black;
	font-size: small;
}

body.site-pastel-theme .print-output th,
body.site-pastel-theme .print-output th.special,
body.site-pastel-theme .print-output th.bold {
	background-color: lightgray;
	color: black;
	font-size: 1em;
}

body.site-pastel-theme .print-output th a,
body.site-pastel-theme .print-output th a:link,
body.site-pastel-theme .print-output th a:visited,
body.site-pastel-theme .print-output th a:active,
body.site-pastel-theme .print-output th a:hover {
	color: #333;
}

body.site-pastel-theme .print-output td {
	font-size: small;
}

body.site-pastel-theme .print-output tr:nth-child(2n + 0) {
	background-color: white;
}

body.site-pastel-theme .print-output tr:nth-child(2n + 1) {
	background-color: lavender;
}

body.site-pastel-theme .print-output td:hover {
	background-color: aquamarine;
}

body.site-pastel-theme .result-output .as-inline-034,
body.site-pastel-theme .result-output .as-inline-035,
body.site-pastel-theme .result-output .as-inline-040 {
	background-color: white;
}

body.site-pastel-theme .result-output .as-inline-034 {
	font-size: smaller;
	font-weight: 600;
}

body.site-pastel-theme .result-output .as-inline-035 {
	font-size: small;
	font-weight: 600;
	text-align: center;
}

body.site-pastel-theme .result-output .as-inline-036 {
	background-color: bisque;
	font-weight: 700;
	text-align: left;
}

body.site-pastel-theme .result-output .as-inline-037 {
	background-color: white;
	border-color: #d3d3d3;
}

body.site-pastel-theme .result-output .as-inline-039 {
	font-size: smaller;
}

body.site-pastel-theme .result-output .as-inline-043 {
	font-weight: 700;
}

body.site-pastel-theme .result-output .as-inline-044 {
	color: maroon;
	font-weight: 700;
}

body.site-pastel-theme .result-output .as-inline-045 {
	color: darkblue;
	font-weight: 500;
}

body.site-pastel-theme .result-output .as-inline-046 {
	font-size: .95em;
}

body.site-pastel-theme .result-output .as-inline-047 {
	font-weight: 600;
}

body.site-pastel-theme .result-output .as-inline-048 {
	font-size: larger;
	font-weight: 600;
}

body.site-pastel-theme .idcard-output .id-card,
body.site-pastel-theme .idcard-output .id-card table,
body.site-pastel-theme .idcard-output .id-card tr,
body.site-pastel-theme .idcard-output .id-card tr:nth-child(2n + 0),
body.site-pastel-theme .idcard-output .id-card tr:nth-child(2n + 1),
body.site-pastel-theme .idcard-output .id-card td,
body.site-pastel-theme .idcard-output .id-card td:hover {
	background-color: white;
}

body.site-pastel-theme .idcard-output .id-card table {
	border: none;
	font-size: small;
}

body.site-pastel-theme .idcard-output .id-card td {
	border: 0 none;
	color: #000;
	padding: 0;
}

body.site-pastel-theme .idcard-output .id-card td.logotd {
	padding-left: 2mm;
	padding-top: 2mm;
}

body.site-pastel-theme .idcard-output .id-card td.banner {
	color: white;
	font-family: "Courier New";
	font-size: 16px;
	font-weight: 800;
	height: .5cm;
	padding: 0 10px 0 4mm;
	text-align: center;
	width: 6.249cm;
}

body.site-pastel-theme .idcard-output .id-card td.name {
	color: darkred;
	font-family: Calibri;
	font-size: 16px;
	font-weight: 800;
	text-align: center;
}

body.site-pastel-theme .idcard-output .id-card td.shortname {
	color: maroon;
	font-size: 16px;
	font-weight: 900;
	padding: 0 0 0 15px;
}

body.site-pastel-theme .idcard-output .id-card td.photo {
	padding: 0 5px 0 10px;
}

body.site-pastel-theme .idcard-output .id-card td.address {
	font-family: "Arial Rounded MT";
	font-size: 7px;
	font-weight: 800;
	text-align: center;
}

body.site-pastel-theme .idcard-output .id-card td.info {
	font-size: 9px;
	font-weight: 800;
	padding: 0 5px 0 10px;
	vertical-align: top;
}

body.site-pastel-theme .idcard-output .as-inline-147 {
	font-size: 10px;
	font-weight: 600;
}

body.site-pastel-theme .idcard-output .barcode {
	font-family: "CodabarLarge Large";
	font-size: 14px;
	padding: 0 5px 0 30px;
	text-align: right;
}

body.site-pastel-theme .idcard-output .validity {
	font-size: 7px;
	font-weight: 700;
}