/* General Global Styles */
:root {
    color-scheme: only light;
}

html, body {
	min-height: 0!important;
	height: auto!important;
	position: inherit!important;
}

body {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
}

a:hover {
	text-decoration: none;
}

a:focus {
	outline: #f68b1f solid 2px;
}

.full-bleed > div.container {
	max-width: 100%;
}

.container-no-pad {
	padding-right: 0;
	padding-left: 0;
}

.row-no-pad {
	margin-right: 0;
	margin-left: 0;
}

.row-no-pad > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}

/* center reCAPTCHA box on forms */
.g-recaptcha > div {
	margin: auto;
}

h3.panel-title {
	margin-bottom: 0px !important;
}

button::-moz-focus-inner {
  border: 0;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
	-webkit-transform: rotate(0.000001deg);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

.nobr {
	white-space: nowrap;
}

.img-block {
	width: 100%;
	height: auto;
}

.img-center {
	margin-left: auto;
	margin-right: auto;
}

img.photo {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.marzipano-wrapper {
    background-color: #222222;
    border-radius: 6px;
}

.margin-bottom, .margin-bottom-20 {
	margin-bottom: 20px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

.margin-bottom-none {
	margin-bottom: 0px;
}

/* Hidden Header Skip Link for Accessability (use tab to access) */
.header-skip {
	color: #000;
	clip: rect(1px 1px 1px 1px);
	display: block;
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	text-align: center;
}

.header-skip:active, .header-skip:focus {
	color: #000;
	position: static !important;
	clip: auto;
	overflow: visible;
	height: auto;
}

/* Global Header */

.global-header {
	border-bottom: none;
	position: relative;
	z-index: 1000;
}

.global-header-toggle {
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 1.2em;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 40px;
	z-index: 1100;
}

.global-header-toggle:hover,
.global-header-toggle:focus {
    color: #fff !important;
}

.global-header-logo > h1 {
	background-color: #4c2683;
	margin: 0px;
	padding: 0px;
}

.global-header-logo a {
	background-color: #4c2683;
	background-image: url('../images/header/logo-mobile.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 258px;
	color: #fff;
	display: block;
	padding: 30px 10px;
	height: 18px;
	width: 280px;
	margin-left: auto;
	margin-right: auto;
}

.global-header-logo a span,
.global-header-search,
.global-header-choices,
.global-header-toggle span, 
.global-header-search-toggle,
.global-header-search-toggle span {
	display: none;
}

.global-header-search-form {
	background-color: #381460;
	padding: 10px;
	position: relative;
}

.global-header-search-form input {
	color: #999;
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #999;
	padding: 8px 40px 8px 10px;
	height: 45px;
	width: 100%;
	border-radius: 4px 0px 0px 4px !important;
	-moz-border-radius: 4px 0px 0px 4px !important;
	-webkit-border-radius: 4px 0px 0px 4px !important;
}

button.global-header-search-btn {
	padding-left: 10px;
	padding-right: 10px;
	background-color: #efefef !important;
	border-radius: 0px 4px 4px 0px !important;
	-moz-border-radius: 0px 4px 4px 0px !important;
	-webkit-border-radius: 0px 4px 4px 0px !important;
	height: 45px;
	min-width: 45px;
}

.global-header-search-form .glyphicon-search {
	color: #999;
	font-size: 16px;
}

.global-header-choices {
	background-color: #381460;
	margin: 0;
	padding: 0px 10px;
	list-style-type: none;
}

.global-header-actions-and-audiences {
	border-bottom: 1px solid #7f5ca0;
	color: #fff;
	margin: 0px 4px 0px 4px;
	padding: 5px 0px;
	list-style: none;
}

.global-header-actions-and-audiences a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 10px 0px;
	min-width: 44px;
}

.global-header-actions-and-audiences ul {
	display: inline;
	margin: 0;
	padding: 0;
}

.global-header-actions-and-audiences li strong {
	color: #ccc;
	padding-right: 4px;
}

.global-header-actions li ,
.global-header-audiences li {
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
}

.global-header-topics {
	margin: 0;
	padding: 4px;
	list-style: none;
}

.global-header-topics > li > a {
	border-bottom: 1px solid #7f5ca0;
	display: block;
	color: #ddd;
	padding: 10px 0px;
}

.global-header-topics > li > a {
	text-decoration: none;
}

.global-header-topics > li > a > span {
	float: right;
	margin-right: 10px;
}

.global-header-topics > li:last-child > a {
	border-bottom: none;
}

.global-header-dropdown {
	border-bottom: 1px solid #7f5ca0;
	display: none;
	background-color: #291240;
	margin: 0;
	padding: 0;
}

.global-header-dropdown-photo {
	display: none;
}

.global-header-dropdown-title {
	display: none;
}

.global-header-dropdown-buttons,
.global-header-dropdown-links {
	margin: 0;
	padding: 10px;
}

.global-header-dropdown-buttons {
    padding-bottom: 0px;
}

.global-header-dropdown-buttons li,
.global-header-dropdown-links li {
	list-style: none;
}

.global-header-dropdown-buttons li a,
.global-header-dropdown-links li a {
	display: block;
	color: #ddd;
	padding: 10px 5px;
	text-decoration: none;
}

.global-header-dropdown-buttons li a.highlighted,
.global-header-dropdown-links li a.highlighted {
	text-decoration: underline;
}

.global-header-bottom-angle {
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	top: 0px;
	max-height: 40px;
}

.global-header-bottom-angle polygon {
	fill: #f68b1f;
}

/* Global Post Header Div (Provides space for fixed header above) */

#post-header {
	position: relative;
	z-index: 20;
}

/* Global Alert Banner */

.global-alert {
	/* background-color: #381460; */
	background-color: #E04E39;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	padding: 15px;
	margin: 0px;
	text-align: center;
}

.global-alert span {
	background-image: url('../images/icons/iconAlert.png');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 30px;
}

.global-alert a {
	color: #fff !important;
	text-decoration: none;
}

.global-alert p a:hover {
	text-decoration: underline;
}

/* Test Site Alert */
.test-site-alert {
    background-color: #c00;
    color: #fff;
    text-align: center;
    padding: 0.5em;
    font-weight: bold;
}

/* Page Specific Header */
.sub-header {
	background-color: rgba(76, 38, 131, 1);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 30px;
	position: relative;
	z-index: 1;
}

.sub-header::before {
	background-color: rgba(56, 20, 96, 1);
/* 	background-color: #222; */
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	z-index: -1;
}

.sub-header-hero::before, .sub-header-video::before {
	opacity: 0.75;
}

.sub-header-img, .sub-header-text {
	padding-top: 10px;
	padding-bottom: 10px;
}

.sub-header-text p a {
	color: #f68b1f;
	font-weight: bold;
}

.sub-header-text p a:hover {
	text-decoration: underline;
}

.sub-header-img {
	-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
	-webkit-transform: rotate(0.000001deg);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

.sub-header-img > img, .sub-header-img > div {
	width: 100%;
	height: auto;
	-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
	-webkit-transform: rotate(0.000001deg);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

.sub-header-text h1, .sub-header-text h2 {
/* 	color: #f68b1f; */
	color: #fff;
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: 300;
	font-style: italic;
	margin: 0px 0px 10px 0px;
}

.sub-header-text h1 span {
	font-size: 80%;
}

.sub-header h1 > a, .sub-header h1 > span > a {
	color: #fff;
	text-decoration: none;
}

.sub-header p {
	color: #fff;
	margin: 0px 0px 0px 0px;
	line-height: 1.5;
}

.sub-header-text {
    color: #fff;
}

.sub-header-text p {
	margin-bottom: 1em;
	font-size: 100%;
	line-height: 1.5;
}

/* Area Navbar */
.area-nav {
	background-color: #4c2683;
	border-top: 3px solid #6533ae;
	border-bottom: 3px solid #2a144b;
}

.area-nav div.row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.area-nav.fixed {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 2000;
}

.area-nav .container, .area-nav .container-fluid {
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.area-nav-title {
	background-color: #4c2683;
	color: #fff;
	display: block;
	font-weight: 400;
	font-size: 1.2em;
	font-weight: 700;
	position: relative;
	padding: 10px 0px 10px 20px;
	text-decoration: none;
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
}

.area-nav-title.active {
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
}

.area-nav-title:hover, .area-nav-title:focus {
	color: #fff;
	text-decoration: none;
}

.area-nav-toggle {
	display: none;
	color: #fff;
	display: block;
	font-size: 1em;
	height: 18px;
	pointer-events: none;
	position: absolute;
	right: 20px;
	top: 10px;
	width: 20px;
}

.area-nav-list {
	background-color: #654996;
	display: none;
	margin: 0;
	padding: 10px 20px;
}

.area-nav-list > li > a {
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
}

.area-nav-list > li.subarea > a > .bi-caret-down-fill {
	font-size: 0.9em;
}

.area-nav-list a:hover {
	text-decoration: none;
}

.area-nav-list li {
	list-style: none;
}

.area-nav-list > li:hover > a,
.area-nav-list > li a:hover,
.area-nav-list > li a.focused {
	background-color: #4c2683;
	color: #fff;
}

.area-nav-list li a {
	display: block;
	text-decoration: none;
	border-radius: 6px;
}

.area-nav-list li a:hover {
	text-decoration: none;
}

.area-nav-list > li > a {
	padding: 4px 8px;
	cursor: pointer;
}

.area-nav-list > li.selected > a {
	background-color: #fff;
	color: #000;
}

.area-nav-list > li > ul {
	background-color: #efefef;
	display: none;
	margin: 0 0 5px 0;
	padding: 5px 0;
}

.area-nav-list > li > ul {
	border-top: 1px solid #ccc;
	padding-left: 10px;
}

.area-nav-list > li > ul > li > a {
	background-color: #efefef;
	border-radius: 0px;
	color: #222;
	font-size: 1em;
}

.area-nav-list > li > ul > li > a:hover,
.area-nav-list > li > ul > li > a.focused {
	background-color: #e3e3e3;
	color: #222;
}

.area-nav-list > li > ul > li.selected > a {
	background-color: #fff;
	border-left: 8px solid #f68b1f;
	padding-left: 6px;
}

.area-nav-list li a.extLink {
	/* background-image: url('../images/icons/extLink16.png'); */
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-box-arrow-up-right' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/><path fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/></svg>");
	background-position: right 10px center;
	background-repeat: no-repeat;
	padding-right: 1.9em;
}

.area-nav-list li > ul > li a.extLink {
	/* background-image: url('../images/icons/extLink16.png'); */
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-box-arrow-up-right' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/><path fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/></svg>");
	background-position: right 10px center;
	background-repeat: no-repeat;
	padding-right: 1.9em;
}

/* Class to make main content conatainers fluid */
.fluid .container {
    max-width: none;
}

/* Page Title */
.page-title h2 {
    border-bottom: 2px dotted #f68a1f;
    color: #4c2683;
	font-size: 2em;
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-weight: 400 !important;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 30px;
	padding-bottom: 0.25em;
}

/* Main Content Area */
.main-content {
	background-color: #ffffff;
	font-weight: 300;
	padding-top: 30px;
	padding-bottom: 30px;
}

.main-content.hidepadding {
	padding-top: 0px;
	padding-bottom: 0px;
}

.main-content.alert {
	padding-top: 60px;
}

.main-content p {
	margin-bottom: 20px;
	line-height: 1.5;
}

.main-content strong {
	font-weight: bold;
}

.main-content img {
	max-width: 100%;
	height: auto;
}

.main-content .lead {
	font-size: 1.5em;
}

.main-content .fineprint {
	font-size: 0.8em;
	/*font-style: italic;*/
}

.main-content .well {
	background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
	background-repeat: repeat-x;
	box-shadow: inset 0 1px 3px rgb(0 0 0 / 5%), 0 1px 0 rgb(255 255 255 / 10%);
	padding: 1em;
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	margin-bottom: 1em;
}

.main-content .purple-well {
	background-image: linear-gradient(to bottom, #381460 0%, #4c2683 100%);
	background-repeat: repeat-x;
	color: #fff;
	box-shadow: inset 0 1px 3px rgb(0 0 0 / 5%), 0 1px 0 rgb(255 255 255 / 10%);
	padding: 1em;
	border: 1px solid #381460;
	border-radius: 6px;
	margin-bottom: 1em;
}

.main-content .text-muted {
	color: #444;
}

.main-content a {
	color: #4c2683;
	font-weight: bold;
	text-decoration: none;
}

.main-content a:hover {
	text-decoration: underline;
}

.main-content a.pdf {
	/* background-image: url('../images/icons/pdf16.png'); */
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-file-earmark-pdf' viewBox='0 0 16 16'><path d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z'/><path d='M4.603 14.087a.81.81 0 0 1-.438-.42c-.195-.388-.13-.776.08-1.102.198-.307.526-.568.897-.787a7.68 7.68 0 0 1 1.482-.645 19.697 19.697 0 0 0 1.062-2.227 7.269 7.269 0 0 1-.43-1.295c-.086-.4-.119-.796-.046-1.136.075-.354.274-.672.65-.823.192-.077.4-.12.602-.077a.7.7 0 0 1 .477.365c.088.164.12.356.127.538.007.188-.012.396-.047.614-.084.51-.27 1.134-.52 1.794a10.954 10.954 0 0 0 .98 1.686 5.753 5.753 0 0 1 1.334.05c.364.066.734.195.96.465.12.144.193.32.2.518.007.192-.047.382-.138.563a1.04 1.04 0 0 1-.354.416.856.856 0 0 1-.51.138c-.331-.014-.654-.196-.933-.417a5.712 5.712 0 0 1-.911-.95 11.651 11.651 0 0 0-1.997.406 11.307 11.307 0 0 1-1.02 1.51c-.292.35-.609.656-.927.787a.793.793 0 0 1-.58.029zm1.379-1.901c-.166.076-.32.156-.459.238-.328.194-.541.383-.647.547-.094.145-.096.25-.04.361.01.022.02.036.026.044a.266.266 0 0 0 .035-.012c.137-.056.355-.235.635-.572a8.18 8.18 0 0 0 .45-.606zm1.64-1.33a12.71 12.71 0 0 1 1.01-.193 11.744 11.744 0 0 1-.51-.858 20.801 20.801 0 0 1-.5 1.05zm2.446.45c.15.163.296.3.435.41.24.19.407.253.498.256a.107.107 0 0 0 .07-.015.307.307 0 0 0 .094-.125.436.436 0 0 0 .059-.2.095.095 0 0 0-.026-.063c-.052-.062-.2-.152-.518-.209a3.876 3.876 0 0 0-.612-.053zM8.078 7.8a6.7 6.7 0 0 0 .2-.828c.031-.188.043-.343.038-.465a.613.613 0 0 0-.032-.198.517.517 0 0 0-.145.04c-.087.035-.158.106-.196.283-.04.192-.03.469.046.822.024.111.054.227.09.346z'/></svg>");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
}

.main-content a.doc {
	/* background-image: url('../images/icons/doc16.png'); */
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-file-earmark-word' viewBox='0 0 16 16'><path d='M5.485 6.879a.5.5 0 1 0-.97.242l1.5 6a.5.5 0 0 0 .967.01L8 9.402l1.018 3.73a.5.5 0 0 0 .967-.01l1.5-6a.5.5 0 0 0-.97-.242l-1.036 4.144-.997-3.655a.5.5 0 0 0-.964 0l-.997 3.655L5.485 6.88z'/><path d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z'/></svg>");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
}

.main-content a.ppt {
	/* background-image: url('../images/icons/ppt16.png'); */
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-file-earmark-ppt' viewBox='0 0 16 16'><path d='M7 5.5a1 1 0 0 0-1 1V13a.5.5 0 0 0 1 0v-2h1.188a2.75 2.75 0 0 0 0-5.5H7zM8.188 10H7V6.5h1.188a1.75 1.75 0 1 1 0 3.5z'/><path d='M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z'/></svg>");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
}

.main-content a.xls {
	/* background-image: url('../images/icons/xls16.png'); */
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-file-earmark-excel' viewBox='0 0 16 16'><path d='M5.884 6.68a.5.5 0 1 0-.768.64L7.349 10l-2.233 2.68a.5.5 0 0 0 .768.64L8 10.781l2.116 2.54a.5.5 0 0 0 .768-.641L8.651 10l2.233-2.68a.5.5 0 0 0-.768-.64L8 9.219l-2.116-2.54z'/><path d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z'/></svg>");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
}

.main-content a.offsite {
	/* background-image: url('../images/icons/extLink16.png'); */
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-box-arrow-up-right' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/><path fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/></svg>");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
}

.main-content h2, .main-content h3, .main-content h4 {
	margin-top: 0px;
	margin-bottom: 20px;
}

/*
.main-content h2 { font-size: 28px; font-weight: bold; }
.main-content h3 { font-size: 24px; font-weight: bold; }
.main-content h4 { font-size: 18px; font-weight: bold; }
*/
.main-content h2 { font-weight: bold; }
.main-content h3 { font-weight: bold; }
.main-content h4 { font-weight: bold; }

.main-content dl > dt {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 5px;
}

.main-content dl > dd {
	margin-bottom: 2em;
	margin-left: 2em;
}

.main-content blockquote {
	border-left: none;
	font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-style: italic;
	font-weight: 300;
	padding: 0px 30px 0px 40px;
	color: #383838;
}

.main-content blockquote span,
.main-content blockquote em {
	color: #333;
	display: block;
	font-size: 85%;
	margin-top: 5px;
}

.main-content blockquote span:before,
.main-content blockquote em:before {
	content: "\2014 \2009";
}

.main-content .callout {
	border-left: 10px solid #aaa;
	padding-left: 20px;
}

.main-content textarea {
	resize: vertical;
}

.main-content figure {
	margin-bottom: 20px;
}
.main-content figcaption {
	/* margin-top: .5em; */
	font-size: 80%;
}

.main-content .faq-heading {
	background-color: #efefef;
	padding: 20px;
}

.main-content .quotes-collection {
	margin-bottom: 30px;
}

.main-content .quotes-collection {
	margin-bottom: 30px;
}

.main-content .quotes-collection .quote-photo img {
	border-radius: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 200px;
}

.main-content .quotes-collection.green-box {
	background-color: #91d6ac;
	border-radius: 6px;
	font-size: 110%;
	margin-bottom: 1em;
	padding: 0px;
}

.main-content .quotes-collection.grey-box {
	background-color: #eee;
	border-radius: 6px;
	font-size: 110%;
	font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 300;
	color: #383838;
	margin-bottom: 1em;
	padding: 1.5em 1em 1em 1em;
}

.main-content .quotes-collection.green-box h3.quotes-heading {
	background-color: #a2e8bd;
	border-radius: 6px 6px 0px 0px;
	font-size: 120%;
	padding: 12px 20px 10px 20px;
	margin-bottom: 0px;
	display: block;
}

.main-content .quotes-collection .quote-item .quote-text {
	padding: 1em;
}

.main-content .quotes-collection .quote-item .quote-author {
	font-size: 85%;
	font-weight: normal;
	padding: 0em 1em 1em 1em;
	text-align: right;
}

.main-content .wysiwyg > .checklist,
.main-content .wysiwyg > .checklist {
	list-style:none;
	margin-left: 0;
	padding-left: 0;
}

.main-content .wysiwyg > .checklist > li,
.main-content .wysiwyg > .checklist > li {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-lg' viewBox='0 0 16 16'><path d='M13.485 1.431a1.473 1.473 0 0 1 2.104 2.062l-7.84 9.801a1.473 1.473 0 0 1-2.12.04L.431 8.138a1.473 1.473 0 0 1 2.084-2.083l4.111 4.112 6.82-8.69a.486.486 0 0 1 .04-.045z'/></svg>");
	background-position-y: 5px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	padding-left: 35px;
	margin-bottom: 1em;
}

/* Any WYSIWYG editor's contents */
.main-content .wysiwyg img {
	margin-top: 0.3em;
	margin-bottom: 1em;
	border-radius: 6px;
	margin-left: auto;
	margin-right: auto;
}

.main-content .wysiwyg li {
	padding-bottom: 0.3em;
}

.main-content .wysiwyg .pull-right,
.main-content .wysiwyg .pull-left {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.main-content .wysiwyg img.pull-right,
.main-content .wysiwyg .pull-left {
	border-radius: 6px;
}

.main-content .wysiwyg .large-message {
	background-color: #f6f6f6;
	color: #f68b1f;
	font-size: 1.6em;
	padding: 30px;
	margin-bottom: 1em;
}

.main-content .wysiwyg .anchors-list {
	background-color: #efefef;
	border-radius: 6px;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 12px 12px;
}
	
.main-content .wysiwyg .anchors-list li {
	display: inline-block;
	padding: 0 12px 0 6px;
	border-right: 1px solid #bbb;
}
	
.main-content .wysiwyg .anchors-list li:last-of-type {
	border-right: none;
}

.main-content ul.ue-pills {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
	text-align: center;
}

.main-content ul.ue-pills li {
	display: inline-block;
}

.main-content ul.ue-pills li a {
	border-radius: 6px;
	color: #4c2683;
	display: block;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	padding: 10px 16px;
	text-decoration: none;
}

.main-content ul.ue-pills li a.active {
	background-color: #4c2683;
	color: #fff;
}

.main-content ul.ue-pills li a:hover {
  background-color: #efefef;
}

.main-content ul.ue-pills li a.active:hover {
	background-color: #381460;
	color: #fff;
}

.main-content .cf-preview {
	overflow-x: scroll;
	margin-bottom: 30px;
}

.main-content .cf-preview h3 {
	font-size: 100%;
	margin-bottom: 0px;
	padding: 20px;
	color: #83a8f1;
	cursor: pointer;
	background-color: #0b2152;
	position: relative;
}

.main-content .cf-preview h3 span {
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 90%;
	right: 20px;
}

.main-content .cf-preview .cf-preview-content,
.main-content .cf-preview pre.cf-preview-content{
	color: #eee;
	display: none;
	font-size: 70%;
	background-color: #08183c;
	margin-bottom: 0px;
	padding: 20px;
}

.main-content .row-separator > .container {
	border-bottom: 1px solid #ddd;
	margin-bottom: 2em;
	padding-bottom: 1em;
}

/* Features */
.feature-column {
    margin-bottom: 30px;
}

.feature-lg div.youtube-play-button, .feature-sm div.youtube-play-button {
	background-image: url('../images/feature-youtube-play-button-red.png');
	background-repeat: no-repeat;
	background-position: 5% 90%;
	background-size: 18%;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

/* Feature Large */
.feature-lg {
	background-color: #1a1a1a;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.feature-lg img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.feature-lg-text h3 {
	font-size: 150%;
	margin-bottom: 10px;
}

.feature-lg-text {
	color: #fff;
	font-size: 90%;
	padding: 20px 20px 0px 20px;
}

.feature-lg-text a {
	color: #fff;
	text-decoration: underline;
}

.main-row .feature-lg .feature-lg-text h3 {
	font-size: 120%;
}

.main-row .feature-lg .feature-lg-text p {
	font-size: 0.8em !important;
	line-height: 1.5;
}

/* Feature Small */
.feature-sm {
	display: block;
	background-color: #d9d9d9;
	margin-bottom: 0px;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	height: 100%;
}

a.feature-sm {
	font-weight: 300;
}

.feature-sm .feature-img {
	display: block;
	position: relative;
	border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
}

.feature-sm img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
}

.feature-sm-text {
	background-color: #d9d9d9;
	font-size: 90%;
	color: #000;
	padding: 15px 20px;
	margin: 0px;
	width: 100%;
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
}

.feature-sm-text h3 {
	font-size: 16px;
	margin-bottom: 2px;
}

.feature-sm-text p {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 0px;
}

/* Feature with button */

.feature-with-button {
	border-radius: 6px;
	position: relative;
	margin-bottom: 2em;
}

.feature-with-button > img {
	border-radius: 6px;
}

.feature-with-button .btn {
	position: absolute;
	bottom: 20px;
	left: 30px;
	right: 30px;
	font-weight: normal;
}

/* Video */
.inline-video-component {
    border-radius: 6px;
    margin-bottom: 30px;
}

.inline-video-component iframe {
    border-radius: 6px;
}

/* People */
.people {
	margin-top: 1.5em;
}

.person {
	position: relative;
	margin-bottom: 1.5em;
	margin-right: 20px;
}

.person .person-photo {
	border-radius: 6px;
	margin-bottom: 1em;
}

.person .person-photo img {
	border-radius: 6px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
	max-width: 320px;
}

.person a.video {
	background-image: url('../images/feature-youtube-play-button-red.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 15%;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.person p.name {
	font-size: 160%;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 0px;
	margin-top: -10px;
}

.person p.pronouns {
	font-size: 100%;
    font-weight: 300;
    line-height: 1.5;
    margin-top: -0.3em;
    margin-bottom: 0px;
}

.person p.name span.suffix, 
.person p.name span.gradyear {
	font-size: 80%;
	line-height: 1.5;
}

.person p.title {
	font-size: 110%;
	line-height: 1.5;
}

.person p.badges img {
	display: inline-block;
	width: auto;
	max-height: 100px;
}

.person .person-details {
	margin-bottom: 1em;
}

.person .person-details .bi {
	padding-right: 0.5em;
}

.person .person-short-bio {
	margin-bottom: 1em;
}

.person .person-short-bio > span.complete {
	display: none;
}

.person .person-short-bio > span.more {
	background-color: transparent;
	color: #370457;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}

/* Person No Personal Titles */

.people.no-personal-titles .personal-title {
	display: none;
}

/* Staff Members */

.people.small .person {
	display: flex;
}

.people.small .person .person-photo {
	width: 35%;
	max-width: 150px;
	margin-right: 20px;
}

.people.small .person .person-details {
	width: 65%;
	line-height: 1.5;
}

.people.small .person .person-details .bi {
	display: none;
}

.people.small .person p {
    line-height: 1.5;
	margin-bottom: 0px;
}

.people.small .person p.name {
	font-size: 130%;
	line-height: 1.5;
	margin-top: unset;
}

.people.small .person p.title,
.people.small .person p.info,
.people.small .person p.details {
	font-size: 110%;
	line-height: 1.5;
	margin-bottom: 6px;
}

.person p.details span.responsibility {
    display: block;
}

.person .person-badges {
	margin-bottom: 1em;
}

.person-badges .person-badge {
	max-height: 100px;
}

/* panel-title */

h3.panel-title, h4.panel-title {
	margin-bottom: 0px;
}

/* Photo Gallery */

.photo-galleries.multiple {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(295px, 1fr));
    gap: 30px;
}

.photo-galleries.multiple .photo-gallery .ue-card {
	height: 100%;
	position: relative;
}

.photo-galleries.multiple .photo-gallery .ue-card-body {
	padding-bottom: 2em;
}

.photo-galleries.multiple .photo-gallery .ue-card-footer {
	position: absolute;
	bottom: 5px;
}

.photo-gallery .photo-grid {
	display: flex;
	flex-wrap: wrap;
}

.photo-gallery .photo-grid img {
	display: inline-block;
	width: auto;
	margin: 0.5em;
	height: 200px;
	border-radius: 6px;
}

/* Topic Boxes */
.topic-boxes {
	display: flex;
	flex-wrap: wrap;
}

/* topic-box */

.topic-boxes .topic-box,
.topic-boxes.one .topic-box {
	display: block;
	margin-bottom: 20px;
	width: 100%;
}

.topic-boxes.two .topic-box {
	display: block;
	margin-bottom: 20px;
	width: 46%;
	margin-right: 2%;
	margin-left: 2%;
}

.topic-box .topic-box-image {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	outline: 4px solid transparent;
	padding-bottom: 60%;
	position: relative;
	margin-bottom: 6px;
	text-decoration: none;
	transition: all .2s ease;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.topic-box:hover .topic-box-image {
	transform: scale(1.02);
	-moz-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
	outline: 4px solid #f68b1f;
}

.topic-box .topic-box-image > a {
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
}

.topic-box .topic-box-image-links {
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	font-size: 85%;
	opacity: 0;
	padding: 10px;
	pointer-events: none;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 50;
	border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.topic-box .topic-box-image-links a {
	color: #fff !important;
	font-weight: normal;
	pointer-events: visible;
}

.topic-box .topic-box-image-links span a {
	font-weight: normal;
}

.topic-box:hover .topic-box-image-links {
	opacity: 1;
}

.topic-box .topic-box-title, .topic-box .topic-box-title a {
	color: #000 !important;
	font-weight: bold;
	text-align: center;
}

.topic-box, .topic-box .topic-box-title:hover, .topic-box .topic-box-title a:hover {
	text-decoration: none !important;
}

/* level up links */
a.levelUp, a.levelup {
	display: block;
	background-color: #eee;
	margin-top: 1.5em;
	padding: 20px;
	border-radius: 4px;
}

a.levelUp::before, a.levelup::before {
	display: inline-block;
	content: "";
	width: 2rem;
	height: 1rem;
	vertical-align: -.125em;
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-90deg-up' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.854 1.146a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L4 2.707V12.5A2.5 2.5 0 0 0 6.5 15h8a.5.5 0 0 0 0-1h-8A1.5 1.5 0 0 1 5 12.5V2.707l3.146 3.147a.5.5 0 1 0 .708-.708l-4-4z'/></svg>");
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
}

/* News Articles */
.news-article {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

.news-article > h3 {
	margin-bottom: 4px;
}

.news-article-date {
	font-size: 90%;
	margin-bottom: 0px !important;
}

/* Page Extras Boxes Titles */
.extras-title {
	background-color: #4c2683;
	color: #fff;
	margin-bottom: 0px !important;
	padding: 10px 12px;
	border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
}

/* Page Extras Slideshow/Gallery */
.extras-slideshow, .extras-gallery {
	margin-bottom: 30px;
	position: relative;
	display: inline-block;
}

.extras-slideshow img, .extras-gallery img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.extras-slideshow p, .extras-gallery p {
	background-color: rgba(0, 0, 0, 0.7);
	bottom: 0px;
	color: #fff;
	padding: 10px;
	position: absolute;
	line-height: 1.5;
	margin: 0px;
	width: 100%;
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
}

.ue-card {
	border-radius: 6px;
	width: 100%;
	margin-bottom: 30px;
	box-shadow: 2px 2px 5px 2px #aaa;
}

.ue-card p {
    line-height: 1.5;
	margin-bottom: 0.5em;
}

.ue-card img {
	border-radius: 6px 6px 0 0;
}

.ue-card-body {
	padding: 15px 15px 0;
	margin-bottom: .5em;
}

.ue-card-footer {
	padding: 0 15px 5px;
	font-size: 80%;
}

/* Related Links */
.related-links ul {
	background-color: #efefef;
	color: #222;
	margin: 0px 0px 30px 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 20px;
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
}

.related-links ul a {
	font-weight: normal;
}

/* Area Contact Info */
.area-contact-info {
	background-color: #efefef;
	color: #222;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px 0px 10px 0px;
	word-wrap: break-word;
	border-radius: 4px;
}

.area-contact-info p {
	background-position: top left;
	background-repeat: no-repeat;
	background-color: inherit;
	color: #000;
	line-height: 1.5;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 45px;
	float: left;
	font-size: 0.9rem;
}

.area-contact-info p a {
	background-color: inherit;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

.area-contact-info p a:hover {
	text-decoration: underline;
}

.area-contact-info-phone { background-image: url('../images/icons/iconPhone.png'); }
.area-contact-info-email { background-image: url('../images/icons/iconMail.png'); }
.area-contact-info-location { background-image: url('../images/icons/iconCar.png'); }
.area-contact-info-hours { background-image: url('../images/icons/iconClock.png'); }
.area-contact-info-web { background-image: url('../images/icons/iconMouse.png'); }

/* Social Icons */
.social-icons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	margin-bottom: 1em;
}

.social-icons a {
    display: inline-block;
    width: 64px;
    height: 64px;
    padding: 4px;
}

.social-icons.right {
	justify-content: flex-end;
}

.social-icons.center {
	justify-content: center;
}

.social-icons.justify {
	justify-content: space-between;
}

.social-icons a img {
	max-width: 100%;
	height: auto;
}

/* Page Extras List */
.extras-list {
	background-color: #efefef;
	color: #222;
	margin: 0px 0px 30px 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 20px;
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
}

.extras-list a {
	font-weight: 200;
}

/* Page Extras Info */
.extras-info {
	background-color: #efefef;
	color: #222;
	margin: 0px 0px 30px 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	word-wrap: break-word;
}

.extras-info > ul, .extras-info > ol {
	margin-bottom: 0.5rem;
	padding-left: 1.5rem;
}

.extras-info > ul a, .extras-info > ol a {
    font-weight: 400;
}

/* Page Extras Form */
.extras-form {
	background-color: #efefef;
	color: #000;
	padding: 10px 20px 20px 20px;
	margin-bottom: 30px;
	position: relative;
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
}
.extras-form div.form_question,
.extras-form div.form_label,
.extras-form div.form_responses {
	margin: 0;
	padding: 0;
}
.extras-form [style="margin-top: 25px;"] {
	margin-top: 12px !important;
}
.extras-form [style="margin-right: 10px;"] {
	margin-right: 0px !important;
}
.extras-form input, .extras-form textarea, .extras-form select {
	width: 100%;
	min-height: 26px;
	margin-bottom: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	line-height: 20px;
	padding: 2px 4px 2px 4px;
}
.extras-form .form_birthdate .form_responses select {
	width: auto;
}
.extras-form .form_label {
	font-size: 90%;
	margin-bottom: 2px;
}
.extras-form .form_label legend {
	margin-bottom: 2px;
	border-bottom: none;
	font-size: 14.4px;
	font-weight: bold;
}
.extras-form [type=radio] {
	width: auto;
	margin: 0 auto;
}
.extras-form .form_radio .form_label::after {
	content: "";
}
.extras-form .form_radio .form_label legend::after {
	content: " *";
}
.extras-form [data-required="1"] .form_label::after {
	content: " *";
}
.extras-form .form_address .form_label:not([for]) {
	display: none;
}
.extras-form form {
	max-height: 155px;
	overflow: hidden;
}
.extras-form__junk {
    display: none;
    margin-top: 1.5rem;
    font-size: .9em;
}
.extras-form .reveal-arrow {
	border-top: 1px dashed #ccc;
	margin: 0;
	padding: 0;
}
.extras-form .reveal-arrow {
	cursor: pointer;
	display: block;
	font-size: 1.2em;
	margin: 0;
	padding: 15px 0px 0px 0px;
	text-align: center;
}
.extras-form .action {
	text-align: center;
}
.extras-form .action button {
	background-color: rgba(255,255,255,0.9);
	border-radius: 4px;
	color: #111 !important;
	display: block;
	font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: italic;
	font-weight: 400;
	padding: 8px 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}


/* Related Pages Boxes */
.related-pages {
	background-color: #efefef;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.related-pages h2, .related-pages h3 {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 20px;
}

.related-page {
	margin-bottom: 10px;
}

.related-page a {
	display: block;
}

.related-page a:hover {
	text-decoration: none;
}

.related-page a img {
	width: 100%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.related-page span {
	display: block;
	color: #4c2683;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 1px;
	margin-bottom: 0.5em;
	margin-top: 10px;
	text-align: center;
	text-transform: uppercase;
}
/* Cal Courses Pages */
.course-full {
    border-radius: 8px;
    color: #999;
    display: inline-block;
    font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 105%;
    font-style: italic;
    font-weight: normal;
    line-height: 1.2em;
    padding: 12px 20px 12px 20px;
    text-transform: uppercase;
    white-space: normal;
    background-color: #ffffff;
    border-top: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-bottom: 2px solid #d0d0d0;
    cursor: default;
}

/* Weather widget */
.weatherMain {
	text-align: center;
	text-transform: capitalize;
}
.weatherMain strong {
	font-size: 1.8em;
}
.weatherIcon {
	width: 120px;
}

/* Global Footer Menu */

.global-footer-menu {
	background-color: #4c2683;
	border-top: 6px solid #f68b1f;
	color: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
}

.global-footer-menu a {
	color: #e3e3e3;
	word-wrap: break-word;
}

.global-footer-links {
	margin-bottom: 20px;
	text-align: center;
}

.global-footer-menu h2 {
	font-size: 120%;
	font-weight: bold;
}

.global-footer-menu ul {
	list-style-type: none;
	padding-left: 0px;
}

.global-footer-menu ul a {
	text-decoration: none;
}

/* Global Footer icons */

.footer-icons {
	display: -ms-grid;
	-ms-grid-columns: 1fr 1fr;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.footer-icon {
	margin-bottom: 30px;
	text-align: center;
}

.footer-icon img {
	max-width: 100%;
	height: auto;
	max-height: 80px;
}

.mark-ue {-ms-grid-row: 1; -ms-grid-column: 1;}
.mark-aces {-ms-grid-row: 1; -ms-grid-column: 2;}
.mark-harlaxton {-ms-grid-row: 2; -ms-grid-column: 1;}
.mark-changemaker {-ms-grid-row: 2; -ms-grid-column: 2;}
.mark-epn {-ms-grid-row: 3; -ms-grid-column: 1;}

.global-footer-btn {
	display: inline-block;
}

/* Global Footer Bottom */

.global-footer-bottom {
	background-color: #e6e6e6;
	color: #666;
	padding-top: 30px;
	padding-bottom: 30px;
}

.global-footer-translate {
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
}

.global-footer-social {
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
}

.global-footer-social a {
	color: #333;
	display: inline-block;
	font-size: 90%;
	margin-left: 6px;
	margin-right: 6px;
	vertical-align: bottom;
}

.global-footer-social a strong {
	font-size: 160%;
	margin: 0;
}

/* Global Footer Copyright */

.global-footer-copyright {
	background-color: #ffffff;
	color: #000;
	padding: 30px 30px 40px 30px;
	text-align: center;
}

.global-footer-copyright span {
	padding-left: 6px;
	padding-right: 6px;
	white-space: nowrap;
}

.global-footer-copyright a {
	color: #333;
}

/* Back to Top Button */
.back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display:none;
	z-index: 5000;
	width: 40px;
	height: 40px;
}

.back-to-top img {
	width: 40px;
	height: 40px;
}

/* Scroll Down Button */
.scroll-down-arrow {
	cursor: pointer;
	position: fixed;
	bottom: 40px;
	left: 50%;
	z-index: 5000;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	-moz-animation: bounce 2s;
	-webkit-animation: bounce 2s;
	animation: bounce 2s;
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-30px);
	}
	60% {
		transform: translateY(-15px);
	}
}

/* Google Translate Text Color override */
.goog-logo-link {
	color: #666 !important;
}

.nav-pills > li.active > a {
	background-color: #298fc2;
}

.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
	background-color: #34657f;
}

/* Slightly wider than the smallest phone (350px and up) */
@media (min-width: 350px) {

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	/* Global Footer icons */
	.footer-icons {
		-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
		grid-template-columns: repeat(5, 1fr);
	}

	.mark-ue {-ms-grid-row: 1; -ms-grid-column: 1; margin-top: 15px;}
	.mark-aces {-ms-grid-row: 1; -ms-grid-column: 2; margin-top: 25px;}
	.mark-harlaxton {-ms-grid-row: 1; -ms-grid-column: 3; margin-bottom: 0;}
	.mark-changemaker {-ms-grid-row: 1; -ms-grid-column: 4; margin-bottom: 0; margin-top: 25px;}
	.mark-epn {-ms-grid-row: 1; -ms-grid-column: 5; margin-bottom: 0; margin-top: 0;}

	/* Global Footer Bottom */
	.global-footer-translate {
		text-align: left;
	}

	.global-footer-social {
		text-align: right;
	}

	.global-footer-social a {
		margin-left: 20px;
		margin-right: 0px;
	}
	
	/* Topic Box */
	
	.topic-boxes.three .topic-box,
	.topic-boxes.five .topic-box {
		width: 30%;
		margin-right: 1.5%;
		margin-left: 1.5%;
	}
	
	.topic-boxes.four .topic-box,
	.topic-boxes.six .topic-box {
		width: 47%;
		margin-right: 1.5%;
		margin-left: 1.5%;
	}
	
	/* Person Large Layout */
	
	.people.large .person {
		display: flex;
	}
	
	.people.large .person .person-photo {
		width: 20%;
		max-width: 400px;
		padding-right: 30px;
	}
	
	.people.large .person .person-details {
		width: 80%;
	}
	
	.main-content .wysiwyg .two-column-list {
		columns: 2;
	}
	
	.main-content .wysiwyg .three-column-list {
		columns: 3;
	}
	
	.main-content .wysiwyg .four-column-list {
		columns: 4;
	}
	
	.main-content .wysiwyg .five-column-list {
		columns: 5;
	}
	
	.main-content .wysiwyg .six-column-list {
		columns: 6;
	}
	
	.main-content .wysiwyg .two-column-list li,
	.main-content .wysiwyg .three-column-list li,
	.main-content .wysiwyg .four-column-list li,
	.main-content .wysiwyg .five-column-list li,
	.main-content .wysiwyg .six-column-list li {
		break-inside: avoid-column;
	}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
    /* Test Site Alert */
    .test-site-alert {
        position: fixed;
        z-index: 100000;
    }

	/* Global Header */
	.global-header-main {
		background-color: #4c2683;
		height: 130px;
		position: relative;
		display: flex;
		align-items: flex-end;
	}

	.global-header-logo {
		width: 120px;
		height: 130px;
		order: 0;
	}

	.global-header-logo a {
		display: block;
		background-image: url('../images/header/logo-emblem-2x.png');
		background-size: 73px 60px;
		background-repeat: no-repeat;
		background-position: 30px center;
		width: 120px;
		height: 130px;
	}

	.global-header-search {
		display: flex;
		width: 100px;
		height: 130px;
		order: 2;
	}

	.global-header-search-form {
		display: none;
		background-color: inherit;
	}

	.global-header-search-form .input-group-btn {
		display: none;
	}

	.global-header-search-toggle {
		background-image: url('../images/header/icon-search.png');
		background-repeat: no-repeat;
		background-position: 20px center;
		background-size: 60px 40px;
		border-left: 1px solid #f68b1f;
		display: block;
		height: 80px;
		margin-top: 20px;
		width: 100px;
		order: 1;
	}

	.global-header-search.active {
		width: 600px;
		display: flex;
	}

	.global-header-search.active .global-header-search-form {
		display: block;
		margin: 0;
		padding: 0;
		order: 0;
		flex-grow: 1;
	}

	.global-header-search.active div.input-group {
		width: 100%;
	}

	.global-header-search.active #global-header-search-field {
		border-radius: 4px 4px 4px 4px !important;
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		width: 400px;
		height: 50px;
		margin-top: 40px;
		margin-bottom: 40px;
		margin-left: 100px;
	}

	.global-header-search.active .global-header-search-toggle {
		display: block;
		background-image: url('../images/header/icon-search-close.png');
		border-left: none;
		order: 1;
		margin-top: 0px;
		width: 100px;
		height: 130px;
	}

	.global-header-choices {
		background: inherit;
		display: block;
		margin-right: 20px;
		order: 1;
		flex-grow: 1;
		text-align: right;
	}

	.global-header-actions-and-audiences {
		border-bottom: none;
		margin: 0 0 0px 0;
		padding: 0;
	}

	.global-header-actions-and-audiences li {
		display: inline-block;
	}

	.global-header-actions-and-audiences li a {
		color: #ddd;
		display: inline-block;
/* 		font-size: calc(12px + 2 * ((100vw - 768px) / 512)); */
		font-weight: 400;
		text-decoration: none;
		padding-left: 6px;
    	padding-right: 6px;
    	padding-top: 12px;
    	padding-bottom: 12px;
    	min-width: 44px;
	}

	.global-header-actions-and-audiences li strong {
		display: none;
	}

	.global-header-actions,
	.global-header-audiences {
		font-size: 90%;
	}

	.global-header-action.last {
		padding-right: 16px;
		border-right: 1px solid #f68b1f;
	}

	.global-header-audience.first {
		padding-left: 16px;
	}

	.global-header-topics {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.global-header-topics > li {
		display: inline-block;
	}

	.global-header-topics > li > a {
		color: #fff;
		display: inline-block;
		margin-right: -4px;
		font-size: 90%;
		font-weight: 700;
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 12px;
		border-bottom: 14px solid #4c2683;
	}

	.global-header-topics > li > a:hover {
		padding-bottom: 16px;
		border-bottom: 10px solid #f68b1f;
	}

	.global-header-topics > li > a:focus {
		padding-bottom: 12px;
		border-bottom: 14px solid #f68b1f;
	}

	.global-header-topics > li > a.focused {
		padding-bottom: 12px;
		border-bottom: 14px solid #f68b1f;
	}

	.global-header-dropdown {
		display: none;
		background-color: #f9f9f9;
		border-top: 10px solid #f68b1f;
		margin: 0;
		padding: 30px 0;
		list-style: none;
		position: absolute;
		text-align: left;
		top: 130px;
		left: 0;
		right: 0;
	}

	.global-header-dropdown-container {
		width: 940px;
		margin-left: auto;
		margin-right: auto;
	}

	.global-header-dropdown-photo {
		border-radius: 4px 4px 4px 4px;
		display: block;
		float: left;
		margin-right: 30px;
		width: 250px;
		height: 141px;
	}

	.global-header-dropdown-title {
		border-bottom: 1px solid #f68b1f;
		color: #4c2683;
		display: block;
		font-size: 140%;
		font-weight: 700;
		margin-left: 280px;
		margin-bottom: 10px;
		margin-top: 0px;
		padding: 0;
	}
	
	.global-header-dropdown-lists {
	    display: grid;
	    grid-template-columns: 75% 25%;
    }

    .global-header-dropdown-buttons {
        margin: 0;
        order: 2;
        padding: 0;
        columns: 1;
	    -webkit-columns: 1;
    }
    
    .global-header-dropdown-buttons li a {
        background-color: #f58228;
        border: 1px solid #f58228;
        border-radius: 6px;
        color: white !important;
        display: block;
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        font-size: 105%;
        font-weight: 600 !important;
        line-height: 1.2em;
        padding: 10px 12px;
        text-align: center;
        text-transform: capitalize;
        white-space: normal;
        transition: background-color 0.2s, color 0.2s;
        user-select: none;
        margin-bottom: 0.5em;
    }

    .global-header-dropdown-buttons li a:hover,
    .global-header-dropdown-buttons li a:focus {
        background-color: white;
        color: #f58228 !important;
        text-decoration: none !important;
    }
    
    .global-header-dropdown-buttons li a:active {
    }
    
    .global-header-dropdown-buttons li a.purple {
        background-color: var(--color-ue-purple);
        border: 1px solid var(--color-ue-purple);
        color: white !important;
    }
    
    .global-header-dropdown-buttons li a.purple:hover,
    .global-header-dropdown-buttons li a.purple:focus {
        background-color: white;
        color: var(--color-ue-purple) !important;
        text-decoration: none !important;
    }
    
    .global-header-dropdown-buttons li a.purple:active {
    }

	.global-header-dropdown-links {
		margin: 0;
		order: 1;
		padding: 0;
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}

	.global-header-dropdown-buttons li,
	.global-header-dropdown-links li {
		margin: 0;
		padding: 0;
	}

	.global-header-dropdown-links li a {
		border-bottom: 0px;
		color: #000;
		font-weight: 400;
		text-decoration: none;
		margin: 0;
		padding: 0 0 4px 0;
	}

	.global-header-dropdown-links li a.highlighted {
		color: #4c2683;
		font-weight: 700;
		text-decoration: underline;
	}

	.global-header-dropdown-links li a:hover {
		text-decoration: underline;
	}

	/* Page Specific Header */
	.sub-header {
		padding-top: 60px;
		padding-bottom: 40px;
	}

	.sub-header-text {
		padding-top: 20px;
	}

	.sub-header-text.col-xs-12 {
		padding-top: 20px;
	}

	/* Area Navbar */
	.area-nav {
		background-color: #4c2683;
		background-image: none;
	}

	.area-nav-list {
		background-color: inherit;
		display: block;
		list-style-type: none;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 0px;
		padding-right: 0px;
		text-align: center;
	}

	.area-nav-list > li {
		display: inline-block;
		position: relative;
	}
	
	.area-nav-list > li a:hover,
	.area-nav-list > li a:focus {
		background-color: #654996;
		color: #fff;
	}
	
	.area-nav-list > li.selected a:hover,
	.area-nav-list > li.selected a:focus {
		background-color: #fff;
		color: #000;
	}

	.area-nav-list > li > a {
		display: inline-block;
		font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
		font-weight: 400;
		font-size: 110%;
		margin-top: 1px;
		margin-bottom: 1px;
		padding: 4px 12px;
		position: relative;
		-webkit-transition: background-color 200ms ease;
		-moz-transition: background-color 200ms ease;
		-o-transition: background-color 200ms ease;
		transition: background-color 200ms ease;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	.area-nav-list > li > ul {
		background-color: #fff;
		border: 1px solid #ccc;
		color: #222;
		left: 0;
		margin: 0;
		width: 260px;
		min-width: 100%;
		padding: 0;
		position: absolute;
		z-index: 500;
		-webkit-box-shadow: 0px 6px 20px -2px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 6px 20px -2px rgba(0,0,0,0.75);
		box-shadow: 0px 6px 20px -2px rgba(0,0,0,0.75);
	}

	.area-nav-list > li > ul.edge {
		left: inherit;
		right: 0px;
	}

	.area-nav-list > li > ul > li > a {
		background-color: #fff;
		border-bottom: 1px solid #ddd;
		border-radius: 0px;
		color: #222;
		font-size: 90%;
		margin: 0;
		padding: 5px 10px;
		text-align: left;
	}

	.area-nav-list > li > ul > li > a:hover {
		background-color: #eee;
	}

	/* Main Content Area */
	.main-content {
		background-repeat: no-repeat;
		background-size: contain;
	}

	/* Page Title */
	.page-title h2 {
		font-size: 250%;
	}

	.feature-lg .col-md-4 {
		padding: 20px 20px 0px 0px;
	}
	
	/* People Small Grid */
	.people.small {
		display: flex;
		flex-wrap: wrap;
	}
	
	.people.small .person {
		width: 45%;
	}
	
	.people.small.single-column .person {
		width: 100%;
	}

	/* Global Footer Menu */
	.global-footer-menu {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	/* Any WYSIWYG editor's contents */
	.main-content .wysiwyg .pull-right {
		display: inline-block;
		float: right!important;
		margin-left: 1em;
		margin-bottom: 1em;
	}
	
	.main-content .wysiwyg .pull-left {
		display: inline-block;
		float: left!important;
		margin-right: 1em;
		margin-bottom: 1em;
	}

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	/* Global Header */
	.global-header-logo {
		width: 280px;
	}

	.global-header-logo a {
		background-image: url('../images/header/logo-wordmark-lg-2x.png');
		background-size: 245px 60px;
		width: 280px;
	}

	.global-header-search.active {
		width: 700px;
	}

	.global-header-search.active #global-header-search-field {
		width: 500px;
	}

	.global-header-actions-and-audiences li a {
		padding-left: 3px;
		padding-right: 3px;
	}

	.global-header-topics > li > a {
		padding-left: 12px;
		padding-right: 12px;
	}

	.global-header-dropdown-container {
		width: 1120px;
	}

	.global-header-academics .global-header-dropdown-links {
		columns: 3;
		-webkit-columns: 3;
		-moz-columns: 3;
	}

	.global-header-studentlife .global-header-dropdown-links {
		columns: 3;
		-webkit-columns: 3;
		-moz-columns: 3;
	}

	/* Page Specific Header */
	.sub-header-text h1 {
		font-size: 2.8em;
	}
	
	.sub-header-text p {
    	font-size: 110%;
    	line-height: 1.5;
    }
	
	/* Main Content Area */
	.main-content {
		font-size: 115%;
	}

	/* Column Width 4 */
	.col-md-4, .col-sm-4 {
		font-size: 1em;
	}

	/* Page Title */
	.page-title h2 {
		font-size: 300%;
	}

	/* Page Headings */
/*
	.main-content h2 { font-size: 36px; }
	.main-content h3 { font-size: 30px; }
	.main-content h4 { font-size: 20px; }
*/

	/* Feature Small */
	.feature-sm-text h3 {
		font-size: 1em;
	}

	.feature-sm-text p {
		font-size: 90%;
		line-height: 1.5;
	}
	
	/* Topic Box */
	
	.topic-boxes.four .topic-box {
		width: 23%;
		margin-right: 1%;
		margin-left: 1%;
	}
	
	.topic-boxes.five .topic-box {
		width: 18%;
		margin-right: 1%;
		margin-left: 1%;
	}
	
	.topic-boxes.six .topic-box {
		width: 14%;
		margin-right: 1%;
		margin-left: 1%;
	}

	/* Global Footer Icons */
	.footer-icon {
		margin-bottom: 0;
	}

}

/* Between Large and Extra Large devices (almost extra large desktops, 1400px and up) */
@media (min-width: 1400px) {
	.global-header-actions-and-audiences li a {
		padding-left: 4px;
		padding-right: 4px;
	}

	.global-header-topics > li > a {
		font-size: 1em;
		line-height: 1.5;
		padding-left: 14px;
		padding-right: 14px;
	}
	
	.global-header-dropdown-container {
		width: 1300px;
	}

	/* People Small Grid Size */
	.people.small .person {
		/* Uncomment this to get three columns */
		/* width: 31%; */
	}
}

/* Extra large devices (extra large desktops, 1600px and up) */
@media (min-width: 1600px) {
	.global-header-actions-and-audiences li a {
		padding-left: 8px;
		padding-right: 8px;
	}

	.global-header-actions,
	.global-header-audiences {
		font-size: 1em;
	}

	.global-header-topics > li > a {
		font-size: 120%;
		padding-left: 18px;
		padding-right: 18px;
	}

}