/* 
 * holding-23-24-hybrid.css 
 */

body {
	color: var(--theme);
}

a {
	font-weight: inherit;
	line-height: var(--lt-line-height-button);
}

a:hover {
	text-decoration-color: var(--lt-white);
	text-decoration-thickness: 3px;
}

a::after {
	content: "";
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

a[href^="mailto:"] {
	word-break: break-all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: var(--lt-line-height-head);
	font-family: "Program OT", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.navigation__menu li ul a:after {
	content: "";
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin-left: 1.625rem;
	vertical-align: middle;
	background-image: url(
		data:image/svg + xml;charset=utf-8,
		%3Csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 48 48"transform="rotate(-90)"%3E%3Cpathd="M41.5 23.9c-1.5-1.5-3.9-1.5-5.4 0l-8.3 8.2V6.7c0-2.1-1.7-3.8-3.8-3.8s-3.8 1.7-3.8 3.8V32L12 23.9c-1.5-1.5-3.9-1.5-5.4 0-1.5 1.5-1.5 3.9 0 5.4L21 43.7l.6.6 2.4 2.4 17.5-17.3c1.5-1.6 1.5-4 0-5.5z"/%3E%3C/svg%3E
	);
	opacity: 1;
	-webkit-transform: translateX(-0.625rem);
	transform: translateX(-0.625rem);
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
	margin-top: 0.55rem;
}

/* focus start for form elements */
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
select:focus,
textarea:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
th.sorting_asc:focus,
th.sorting_desc:focus,
th.sorting:focus {
	outline: 3px solid #f7e286;
}

/* focus end for form elements */

.page-inner h2,
.page-inner h3,
.page-inner h4 {
	line-height: var(--lt-line-height-head);
}

.button,
button {
	border-width: 0.15rem !important;
}

.logo {
	color: #fff !important;
	fill: #fff !important;
}

.h-group strong a.button {
	border-radius: 0px;
	color: var(--offwhite);
}

/* fb search start - also used on course lists */
.flb-panel .panel-heading,
.flb-panel .list-group-item {
	padding: 7px 10px;
	border-width: 0px 0px 0px 3px !important;
	border-radius: 0 !important;
	margin-bottom: 0.5rem !important;
	border-color: var(--theme) !important;
}

.flb-panel .panel-heading .btn-sm {
	padding: 0 5px;
	border: none;
}

.flb-panel .panel-toggle {
	color: #333;
}

.flb-panel .panel-toggle:before {
	content: "\e114";
	font-family: "Glyphicons Halflings";
}

.flb-panel .panel-toggle.collapsed:before {
	content: "\e080";
}

.flb-panel .list-group-item:not(.collapse-trigger):after {
	clear: both;
	content: "";
	display: table;
}

.flb-panel .list-group-item.disabled {
	background-color: #ffffff;
	color: #999;
}

.flb-panel .list-group-item.selected-single_drill_down {
	color: #337ab7;
}

.flb-panel .collapse-trigger {
	font-size: 90%;
}

.flb-panel .collapse-trigger:after {
	content: " Less";
}

.flb-panel .collapse-trigger:before {
	content: "\2212";
	font-family: "Glyphicons Halflings";
}

.flb-panel .collapse-trigger.collapsed:after {
	content: " More";
}

.flb-panel .collapse-trigger.collapsed:before {
	content: "\002b";
}

.flb-panel .radio-unchecked {
	border: 2px #555 solid;
	border-radius: 50%;
	display: inline-block;
	width: 13px;
	height: 13px;
	-moz-osx-font-smoothing: grayscale;
}

#search-facets-breadcrumb {
	color: #777;
	font-size: var(--lt-body-font-size);
}

#search-facets-breadcrumb .facets-breadcrumb-label {
	margin-right: 5px;
}

#search-facets-breadcrumb .facets-applied {
	background-color: #f0f0f0;
	border: 1px solid #eee;
	font-size: x-small;
	display: inline-block;
	padding: 2px 4px 2px 0px;
}

#search-facets-breadcrumb .facets-applied:not(:last-child) {
	margin-right: 5px;
	margin-bottom: 2px;
}

#search-facets-breadcrumb .facets-applied > li {
	padding: 0;
}

#search-facets-breadcrumb .btn-default {
	background-color: #ccc;
	color: #fefefe;
	border-color: #bbb;
}

#search-facets-breadcrumb .btn-default:hover {
	background-color: #bbb;
	border-color: #aaa;
}

.funnelback .search-result-default .card-header,
.funnelback .search-result-course .card-header,
.funnelback .search-result-news .card-body .card-title {
	padding: 1rem;
	background-color: #eee;
}

#search-results li.result {
	text-align: left;
}

.funnelback .search-result-default .card-body,
.funnelback .search-result-course .card-body,
.funnelback .search-result-news .card-body .card-text {
	border: 4px solid #eee;
	padding: 1rem;
	background-color: #ffffff;
}

/* clearing table only start */
.funnelback .clearingCourses .search-result-default .card-header {
	border: 4px solid var(--clearing);
	padding: 1rem;
	background-color: var(--clearing);
	color: var(--navy);
}

.funnelback .clearingCourses .search-result-default:nth-child(even) .card-header {
	background-color: var(--navy);
	border-color: var(--navy);
	color: var(--clearing);
}

.funnelback .clearingCourses .search-result-default .card-body,
.funnelback .clearingCourses .search-result-default .card-text {
	border: 4px solid var(--clearing);
	padding: 1rem;
	background-color: #ffffff;
}

.funnelback .clearingCourses .search-result-default:nth-child(even) .card-body,
.funnelback .clearingCourses .search-result-default:nth-child(even) .card-text {
	border: 4px solid var(--navy);
	background-color: #ffffff;
}

.funnelback .clearingCourses .search-result-default .card-header a:link,
.funnelback .clearingCourses .search-result-default .card-header a:visited,
.funnelback .clearingCourses .search-result-default .card-header a:hover,
.funnelback .clearingCourses .search-result-default .card-header a:active {
	color: var(--navy);
}

.funnelback .clearingCourses .search-result-default:nth-child(even) .card-header a:link,
.funnelback .clearingCourses .search-result-default:nth-child(even) .card-header a:visited,
.funnelback .clearingCourses .search-result-default:nth-child(even) .card-header a:hover,
.funnelback .clearingCourses .search-result-default:nth-child(even) .card-header a:active {
	color: var(--clearing);
	text-decoration-color: var(--clearing);
}

.funnelback .clearingCourses .card {
	margin-bottom: 2.75rem;
}

/* clearing table only end */

.funnelback .search-event-date {
	width: 100%;
	border: solid 2px #004c6c;
	max-width: 8rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5rem;
}

.funnelback .search-event-date-month {
	background-color: #004c6c;
	color: white;
	font-size: x-large;
	font-weight: bold;
	padding: 1rem;
}

.funnelback .search-event-date-day {
	font-size: xx-large;
	font-weight: bold;
	height: 4rem;
	padding-top: 0.5rem;
}

.category-left cite {
	font-size: var(--lt-body-font-size);
	padding: 0.5em 0;
	display: block;
}

.category-left h4 {
	line-height: var(--lt-line-height-head);
}

.funnelback #search-facets .panel,
.funnelback .row .panel {
	width: 100%;
}

@media (min-width: 1024px) {
	.funnelback #search-facets .panel,
	.funnelback .row .panel {
		/* width: 33.3333%; */
		width: 100%;
	}
}

.offcanvas--search .search h1,
.offcanvas--search .search h2,
.offcanvas--search .search h3,
.offcanvas--search .search h4,
.offcanvas--search .search h5,
.offcanvas--search .search h6 {
	text-transform: none;
}

.offcanvas {
	top: 6.35rem !important;
	z-index: 20 !important;
}

#breadcrumb ~ .funnelback {
	display: block;
	margin-top: 4.75rem;
}

#search-facets > div > div.panel-heading {
	text-align: left;
	background: none;
}

.funnelback #search-facets .badge {
	display: inline-block;
	min-width: 20px;
	padding: 0.35rem;
	font-size: var(--lt-button-font-size);
	font-weight: 400;
	color: #ffffff;
	line-height: var(--lt-line-height-button);
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	background-color: var(--theme);
	border-radius: 10px;
}

#search-facets .list-group a {
	text-decoration: none;
}

.funnelback #search-facets .panel-default > .funnelback #search-facets .panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
	text-align: left;
}

.funnelback #search-facets-breadcrumb {
	color: #777;
	font-size: var(--lt-body-font-size);
}

.funnelback #search-facets-breadcrumb > ul > li > a {
	font-size: var(--lt-body-font-size);
	text-transform: capitalize;
}

.funnelback #search-facets-breadcrumb .btn-default {
	background-color: #ffffff;
	color: inherit;
	border-color: #ffffff;
}

.funnelback .refine {
	display: none;
	visibility: hidden;
}

/* fb search end - also used on course lists */

.badge {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: var(--lt-button-font-size);
	font-weight: 700;
	line-height: var(--lt-line-height-button);
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
}

.badge:empty {
	display: none;
}

.btn .badge {
	position: relative;
	top: -1px;
}

.badge-pill {
	padding-right: 0.6em;
	padding-left: 0.6em;
	border-radius: 10rem;
}

.badge-primary {
	color: #ffffff;
	background-color: #007bff;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #0062cc;
}

.badge-secondary {
	color: #ffffff;
	background-color: #6c757d;
}

.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #545b62;
}

.badge-success {
	color: #ffffff;
	background-color: #28a745;
}

.badge-success[href]:hover,
.badge-success[href]:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #1e7e34;
}

.badge-info {
	color: #ffffff;
	background-color: #17a2b8;
}

.badge-info[href]:hover,
.badge-info[href]:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #117a8b;
}

.badge-warning {
	color: #212529;
	background-color: #ffc107;
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {
	color: #212529;
	text-decoration: none;
	background-color: #d39e00;
}

.badge-danger {
	color: #ffffff;
	background-color: #dc3545;
}

.badge-danger[href]:hover,
.badge-danger[href]:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #bd2130;
}

.badge-light {
	color: #212529;
	background-color: #f8f9fa;
}

.badge-light[href]:hover,
.badge-light[href]:focus {
	color: #212529;
	text-decoration: none;
	background-color: #dae0e5;
}

.badge-dark {
	color: #ffffff;
	background-color: #343a40;
}

.badge-dark[href]:hover,
.badge-dark[href]:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #1d2124;
}

.unistats__description {
	margin: 0 1.25rem 1.25rem 0;
}

div.general-shapes + .unistats {
	margin-top: 3.75rem;
}

@media (max-width: 1024px) {
	.unistats__description {
		text-align: left;
	}
}

.main > div.general-content:last-child {
	margin-bottom: 3.75rem;
}

.general-content.clearing .button,
.general-content.clearing .button:visited,
#clearingBody .general-content.clearing .button,
#clearingBody .general-content .button:visited {
	background: var(--clearing);
	border-color: var(--clearing);
	color: var(--navy);
	/*border-radius: 1.5rem;*/
}

#clearingBody .general-content.clearing .button:hover,
#clearingBody .general-content.clearing .button:active,
.general-content.clearing .button:hover,
.general-content.clearing .button:active {
	background-color: var(--navy);
	border-color: var(--clearing);
	color: var(--clearing);
}

@media (min-width: 1024px) {
	.general-content {
		margin-top: 6.75rem;
		margin-bottom: 6.75rem;
	}
}

@media (min-width: 768px) {
	.general-content {
		margin-top: 6.75rem;
		margin-bottom: 6.75rem;
	}
}

@media (max-width: 768px) {
	.general-content {
		margin-top: 3.75rem;
		margin-bottom: 3.75rem;
	}

	div.general-content:last-child {
		margin-top: 6.75rem;
	}
}

div.general-shapes.letterbox + .general-content,
div.general-shapes.letterbox + .general-content:last-child {
	margin: 3.25rem 0;
	padding-top: 0;
}

/* general content end */

/* flex container start - mixed content type start */
.flex-container {
	display: flex;
	min-height: 200px;
	align-items: stretch;
	margin: 3.75rem auto;
}

.h-group.flex-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 95vw;
}

.inner.courseList {
	margin-bottom: 3.5rem;
}

.flex-container.reverse {
	flex-direction: row-reverse;
}

.flex-container > div {
	width: 50%;
	margin: 0px;
	padding: 0px;
}

.flex-container > div img,
.flex-container > div iframe {
	width: 100%;
}

.flex-container > div:first-child {
	margin-right: 1.75rem;
}

.flex-container > div:last-child {
	margin-right: 1.75rem;
}

@media (max-width: 768px) {
	.flex-container {
		text-align: left;
		display: flex;
		padding: 0 1.25rem 2.25rem 1.25rem;
		flex-direction: column-reverse;
	}

	.flex-container > div {
		min-width: 90%;
	}

	.flex-container.reverse {
		flex-direction: column-reverse;
	}
}

.flex-container.h-group:last-child {
	margin-bottom: 3.75rem;
}

.flex-container div p:last-child {
	margin-bottom: 1.25rem;
}

/* flex container start - mixed content type end */

/* breadcrumb start */
#utility {
	max-width: 70rem;
	margin: 2.75rem 0 0.75rem 0;
	display: block;
}

#utility #sectionOpen {
	display: block;
	text-align: left;
}

#utility #sectionOpen .openbutton {
	padding: 0.75rem;
	background: #94b7cf;
	font-weight: 700;
	line-height: var(--lt-line-height-button);
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

#utility #sectionOpen .fas {
	padding-right: 1.25rem;
}

#breadcrumb {
	display: flex;
	text-align: left;
	margin: 0 0 1.25rem 0;
	font-size: var(--lt-body-font-size);
	position: relative;
}

#breadcrumb ul {
	display: block;
	list-style-type: none;
	font-size: var(--lt-body-font-size);
}

#breadcrumb ul li {
	display: inline-block;
}

#breadcrumb ul .spandivide {
	margin: 0 0.75rem;
}

#utility + p {
	background-color: yellow;
}

/* breadcrumb end */

.tab-pane:nth-child(even) {
	background: tomato;
}

.tab-pane:nth-child(odd) {
	background: #82af6f;
}

.tab-pane {
	margin-top: 100px;
}

/* animation start */

.come-in {
	transform: translateY(500px);
	animation: come-in 2s ease forwards;
}

.come-in:nth-child(odd) {
	animation-duration: 2.4s;
}

.come-in-large {
	transform: translateY(1200px);
	animation: come-in 2s ease forwards;
}

.already-visible {
	transform: translateY(0);
	transform: translateX(0);
	animation: none;
}

.testimonial {
	color: #ffffff;
}

.testimonial-quote-slide {
	transform: translateX(-800px);
	transform: translateY(-2.25rem);
	opacity: 60%;
	animation: testimonialSlideIn 2s ease forwards;
}

@media (min-width: 1024px) {
	.testimonial .inner {
		transform: translateY(-1.75rem);
		transform: translateX(-800px);
		opacity: 60%;
	}
}

.testimonial cite {
	color: var(--theme);
}

.clearing.testimonial cite,
#clearingBody .testimonial cite {
	color: var(--clearing);
}

.events-list-slide,
.carousel--news .carousel__item {
	/*transform: translateX(1200px);
opacity: 60%;*/
	opacity: 0;
	/*animation-name: fadeIn;*/
	animation-name: slide-in-list;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.events-list-slide:nth-child(1),
.carousel--news .carousel__item:nth-child(1) {
	animation-delay: 0.2s;
}

.events-list-slide:nth-child(2),
.carousel--news .carousel__item:nth-child(2) {
	animation-delay: 0.6s;
}

.events-list-slide:nth-child(3),
.carousel--news .carousel__item:nth-child(3) {
	animation-delay: 1s;
}

.events-list-slide:nth-child(4),
.carousel--news .carousel__item:nth-child(4) {
	animation-delay: 1.4s;
}

@keyframes slide-in-list {
	from {
		opacity: 0;
		transform: translateY(300px);
	}

	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

.come-in-from-left {
	transform: translateX(800px);
	animation: come-in 2s ease forwards;
}

@keyframes come-in {
	to {
		transform: translateY(0);
		/*transform: scale(1);*/
		opacity: 100%;
		animation-delay: 3s;
	}
}

@keyframes come-in-from-left {
	to {
		transform: translateX(0);
		opacity: 100%;
		animation-delay: 3s;
	}
}

@keyframes testimonialSlideIn {
	to {
		transform: translateX(0px);
		transform: translateY(-2.25rem);
		opacity: 100%;
		animation-delay: 3s;
	}
}

/* animation end */

/* news carousel v2022 start */
.news-carousel,
.news-carousel.primary--blue-l {
	--primary: var(--theme);
}

.news-carousel p.h-group__main {
	font-family: "Program OT";
}

.news-carousel .h-group__intro .button {
	background: #ffffff;
	color: var(--navy);
	border-color: var(--theme) !important;
}

.news-carousel .h-group__intro .button:hover,
.news-carousel .h-group__intro .button:active {
	background: var(--navy);
	color: #ffffff;
	border-color: var(--navy) !important;
}

/* news carousel v2022 end */

/* news static grid start - post accessibility work on carousel */
.home--news-wrapper {
	background: #f1f1f1;
	margin-bottom: 2.75rem;
}

.home--news-wrapper .h-alt {
	color: #ffffff;
	margin-bottom: 0;
}

.home--news-wrapper .news-item h3 {
	font-size: var(--lt-heading__h3-font-size);
	text-transform: none;
}

/* news static grid end - post accessibility work on carousel */

/* events carousel (e.g. homepage) start */
.events-carousel p.h-group__main {
	font-family: "Program OT";
	font-family: "Hind Madurai Regular", "Hind Madurai Regular LTU", "Program OT", Arial, Helvetica, sans-serif;
}

.events .events-item--featured .h-alt {
	color: var(--theme);
}

.events-carousel .button:hover,
.events-carousel button:active {
	color: var(--theme);
}

/* events carousel (e.g. homepage) end */

/* banner filler start */
.banner__filler {
	display: -webkit-inline-box;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	max-width: 50% !important;
	padding: 1.25rem 2.5rem 1.25rem 1.25rem;
	padding: 0.55rem 2.5rem 0.75rem 1.25rem;
	margin: 0;
	background: transparent;
	color: transparent;
}

@media (min-width: 1024px) {
	.banner__filler {
		display: none;
		/*
  position: relative;
  top: 6.25rem;
  top: var(--spacing);
  max-width: 18.75rem !important;
  padding: 2.5rem 6.25rem 2.5rem 2.5rem;
  margin-top: -6.25rem;
  margin-top: calc(var(--spacing)*-1);
  */
	}
}

@media (max-width: 1024px) {
	#page-wrapper > main > div.content-type.banner > div.carousel.carousel--banner > div > div > div > a.button {
		margin-bottom: 2.75rem;
	}
}

@media (min-width: 678px) {
	body.page-home #page-wrapper > main > div.content-type.banner > div.carousel.carousel--banner > div > div > div > h2 {
		font-size: var(--lt-heading__h2-font-size);
	}
}

/* banner filler end */

/* accordion start */
.accordion-bar {
	border-radius: 0;
}

.accordionset:last-child {
	margin-bottom: 2.5rem;
}

.general-content ~ .accordionset--wrapper {
	margin-top: -3.25rem;
}

/* accordion end  */

/* course key info override start */

#course--summary .summary__main,
#course--summary .summary__aside {
	text-align: left;
}

@media (min-width: 1024px) {
	.summary-list {
		grid-template-columns: repeat(3, 1fr);
	}
}

.course-information .tab .button,
.course-information .tab button {
	border-radius: 0px;
}

/* course key info override start */

/* single panel override */
.panel.panel--single {
	width: 100%;
	margin-top: 3.75rem;
	background-color: var(--lt-aqua);
	color: var(--theme);
	border-color: var(--lt-white);
}

.panel.panel--single h3 {
	color: var(--theme);
}

.panel.panel--single .button,
.panel.panel--single .button:visited {
	background-color: var(--theme);
	border-color: var(--theme);
	color: #ffffff;
	border-radius: 0;
	text-transform: none;
	font-weight: 400;
}

.panel.panel--single .button:hover,
.panel.panel--single .button:active {
	background-color: var(--offwhite);
	border-color: var(--theme);
	color: var(--navy);
	text-transform: none;
	font-weight: 400;
}

/* coral version, navy and default are the same */
.coral .panel.panel--single {
	width: 100%;
	margin-top: 3.75rem;
	background-color: var(--theme);
	color: #ffffff;
}

.coral .panel.panel--single h3 {
	color: var(--navy);
}

.coral .panel.panel--single .button,
.coral .panel.panel--single .button:visited {
	background-color: var(--theme);
	border-color: var(--navy);
	color: var(--navy);
	/*border-radius: 1.5rem;*/
}

.coral .panel.panel--single .button:hover,
.coral .panel.panel--single .button:active {
	background: var(--navy);
	border-color: var(--navy);
	color: #ffffff;
}

/* coral version end */
/* darkgrey version, navy and default are the same */
.darkgrey .panel.panel--single {
	width: 100%;
	margin-top: 3.75rem;
	background-color: #222222;
	color: #ffffff;
}

.darkgrey .panel.panel--single h3 {
	color: #ffffff;
}

.darkgrey .panel.panel--single .button,
.darkgrey .panel.panel--single .button:visited {
	background-color: transparent;
	border-color: #ffffff;
	color: #ffffff;
	/*border-radius: 1.5rem;*/
}

.darkgrey .panel.panel--single .button:hover,
.darkgrey .panel.panel--single .button:active {
	background-color: #222;
	border-color: var(--theme);
	color: var(--theme);
}

/* darkgrey version end */
/* clearing version start */
#clearingBody .panel.panel--single,
#clearingBody .coral .panel.panel--single,
.clearing .panel.panel--single {
	width: 100%;
	margin-top: 3.75rem;
	background-color: var(--navy);
	color: #ffffff;
}

#clearingBody .panel.panel--single h3,
#clearingBody .coral .panel.panel--single h3,
.clearing .panel.panel--single h3 {
	color: var(--clearing);
}

#clearingBody .panel.panel--single .button,
#clearingBody .panel.panel--single .button:visited,
#clearingBody .coral .panel.panel--single .button,
#clearingBody .coral .panel.panel--single .button:visited,
.clearing .panel.panel--single .button,
.clearing .panel.panel--single .button:visited {
	background: var(--clearing);
	border-color: var(--clearing);
	color: var(--navy);
	/*border-radius: 1.5rem;*/
}

#clearingBody .panel.panel--single .button:hover,
#clearingBody .panel.panel--single .button:active,
#clearingBody .coral .panel.panel--single .button:hover,
#clearingBody .coral .panel.panel--single .button:active,
.clearing .panel.panel--single .button:hover,
.clearing .panel.panel--single .button:active {
	background-color: var(--navy);
	border-color: var(--clearing);
	color: var(--clearing);
}

/* clearing version end

/* alert panel */
.h-group.alert {
	padding: 20px;
	max-width: 55rem;
	margin: 0 auto 3.75rem;
	/* background-color: #ffffcc; */
	background: repeating-linear-gradient(-45deg, #f2a417, #f2a417 15px, #141617 15px, #141617 30px);
}

.h-group.alert .panel.panel--single {
	margin-top: 0;
	background: #f0f0f0;
	color: var(--navy);
}

/* alert panel end */

/* single panel override end */

/* blog start */

button.button.blog--button {
	background-color: #ffffff;
}

.container--blog {
	/*display: grid;
grid-template-columns: 3fr 1fr;

grid-gap: 4.75rem;
*/
	display: block;
	max-width: 90rem;
	margin: 3.75rem auto;
	padding-left: 1rem;
	padding-right: 1rem;
}

.container--blog section {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 3.75rem;
	margin: 0 auto;
}

.container--blog section .row {
	text-align: left;
}

@media (min-width: 1080px) {
	.container--blog section {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.container--blog section .row {
		text-align: left;
	}
}

.container--blog section.blog-inner {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 3.75rem;
	margin: 0 auto;
}

/*
.container--blog, .container--blog section,
.container--blog section.blog-inner {
margin-left: 1rem;
margin-right: 1rem;
}
*/
.container--blog section article h2,
.container--blog section.blog-inner h2 {
	line-height: var(--lt-line-height-head);
	font-size: var(--lt-heading__h2-font-size) !important;
	margin-top: 0.2rem;
	margin: 3.75rem auto 1.25rem;
	font-weight: 700;
	text-transform: none !important;
}

.container--blog section article .user,
.container--blog section.blog-inner article .user {
	font-size: var(--lt-body-font-size);
}

.container--blog section article .fa,
.banner .inner .fa,
.container--blog aside article .fa,
.container--blog section article .fas,
.banner .inner .fas,
.container--blog aside article .fas {
	margin-right: 1rem;
}

.container--blog aside h4 {
	line-height: var(--lt-line-height-head);
}

.container--blog aside article {
	margin-bottom: 2.75rem;
}

.container--blog .article-image img {
	margin: 0 auto 2.75rem;
}

@media (max-width: 768px) {
	.container--blog,
	.container--blog section,
	.container--blog section.blog-inner {
		grid-template-columns: 1fr;
		text-align: left;
		margin: auto 1rem;
	}

	.container--blog section .row {
		text-align: left;
	}
}

.container--blog .pagination {
	margin: 2.75rem 0;
}

/* blog end */
/* news start */
@media (min-width: 1280px) {
	.news .banner .image-overlay .inner h1.h-group__main {
		font-size: var(--lt-heading__h1-font-size) !important;
	}

	.page-inner h2,
	.page-home .social-media h2 {
		font-size: var(--lt-heading__h2-font-size) !important;
	}

	.image-link__inner .menu-ad h2.h-group__lead {
		font-size: var(--lt-heading__h2-font-size) !important;
	}

	.page-inner h2,
	.page-inner h3,
	.page-inner h4,
	.page-inner h5,
	.page-inner h6,
	.page-home .social-media h2 {
		text-transform: none !important;
	}

	.page-inner .footer h2,
	.page-home .footer h2 {
		font-size: var(--lt-heading__h2-font-size) !important;
	}
}

@media (max-width: 768px) {
	.news .banner .image-overlay .inner h1.h-group__main {
		font-size: var(--lt-heading__h2-font-size) !important;
	}

	.page-inner h2,
	.page-inner h3,
	.page-inner h4,
	.page-inner h5,
	.page-inner h6,
	.page-home .social-media h2 {
		text-transform: none !important;
	}
}

@media (min-width: 767px) {
	.news .banner .image-overlay .inner h1.h-group__main {
		font-size: var(--lt-heading__h2-font-size) !important;
	}

	.page-inner h2,
	.page-inner h3,
	.page-inner h4,
	.page-inner h5,
	.page-inner h6,
	.page-home .social-media h2 {
		text-transform: none !important;
	}
}

.news .full_article {
	background-color: #ffffff;
	margin-bottom: 2.75rem;
}

/* Create two equal columns that floats next to each other */
.newslist--general {
	max-width: 80%;
	text-align: left;
	margin: 1.75rem auto;
}

.newslist--general__wrapper {
	display: grid;
	grid-gap: 1.75rem;
	grid-template-columns: 20% 80%;
	margin: 0 1.75rem 1.75rem;
}

@media (max-width: 768px) {
	.newslist--general__wrapper {
		display: block;
		text-align: left;
		padding: 0 1.25rem 2.25rem 1.25rem;
	}

	.newslist--general__image,
	.newslist--general__snippet {
		display: block;
		max-width: 100%;
	}

	.newslist--general__image img {
		width: 100%;
	}
}

.newslist--general__wrapper h2 {
	line-height: var(--lt-line-height-head);
	font-size: var(--lt-heading__h2-font-size) !important;
	margin-top: 0rem;
}

article.news .h-group {
	text-align: left;
	margin-top: 2.75rem;
}

article.news .forTheMedia {
	margin-bottom: 2.75rem;
}

/* news end */

/* grid card start */
.grid__container {
	/*max-width: 80%;*/
	display: grid;
	grid-auto-flow: row;
	gap: 1.75rem;
	text-align: left;
	margin: 3.75rem auto;
}

.grid--gutter strong.grid__lead,
.grid--gutter h3.grid__main {
	color: var(--theme);
}

.grid__container img {
	max-width: 100%;
}

.grid__container h3 {
	margin-top: 0;
	font-size: var(--lt-heading__h3-font-size);
	color: var(--navy);
}

.grid__container .grid__strong {
	font-size: var(--lt-heading__h4-font-size);
	font-weight: 700;
	text-transform: uppercase;
}

.grid__container .button {
	vertical-align: bottom;
}

/*
.grid__container .column:nth-child(4n) {
*/
.eight .column:nth-child(4n) {
	grid-column-start: 4;
}

.six .column:nth-child(3n) {
	grid-column-start: 3;
}

.four .column:nth-child(2n) {
	grid-column-start: 2;
}

.two .column:nth-child(1n) {
	grid-column-start: 1;
}

@media (max-width: 768px) {
	.grid__container {
		display: block;
		margin: auto 3.75rem;
	}

	.grid__container .column {
		margin-bottom: 2.75rem;
	}
}

.general-shapes + .grid__container,
.general-shapes + .grid--gutter,
.general-shapes + .flex-container {
	margin-top: 7.25rem;
}

/* new version start */
.grid--fullwidth {
	padding-top: 1.75rem;
	padding-bottom: 1.75rem;
}

.grid--fullwidth.coral {
	background-color: var(--theme);
	color: #ffffff;
}

.grid--fullwidth.coral h2,
.grid--fullwidth.coral h3,
.grid--fullwidth.coral h4 {
	color: var(--navy);
}

.grid--fullwidth.clearing {
	background-color: var(--navy);
	color: var(--clearing);
}

.grid--fullwidth.clearing h2,
.grid--fullwidth.clearing h3,
.grid--fullwidth.clearing h4 {
	color: var(--clearing);
}

.grid--fullwidth.navy {
	background-color: var(--navy);
	color: #ffffff;
}

.grid--fullwidth.navy h2,
.grid--fullwidth.navy h3,
.grid--fullwidth.navy h4 {
	color: var(--theme);
}

#clearingBody .grid--fullwidth.navy .grid--item.clearing h2,
#clearingBody .grid--fullwidth.navy .grid--item.clearing h3,
.grid--fullwidth.navy .grid--item.clearing h2,
.grid--fullwidth.navy .grid--item.clearing h3 {
	color: var(--clearing);
}

.grid--gutter {
	display: block;
	margin: 0 auto;
	max-width: 80%;
}

.grid--container {
	display: flex;
	flex-flow: row wrap;
	margin: 0 0 0 -0.5rem;
	/* offset margin to the left and avoid horizontal scrollbar*/
	min-width: 80%;
}

.grid--item {
	flex: 1 0 20%;
	/* less than 25% but more or equal to 20% to account for margins - when 4 across is required */
	min-width: 200px;
	/* min-width on flex items not working in older ios so use media queries instead*/
	padding: 0 1rem 1rem;
	margin: 0 0 2.5rem 0.5rem;
	text-align: left;
}

.grid--item .grid__lead {
	color: var(--theme);
}

.grid--item h3 {
	margin-bottom: 1.25rem;
	margin-top: 0;
	font-size: var(--lt-heading__h3-font-size);
	color: var(--navy);
}

.grid--item .grid__strong {
	font-size: var(--lt-heading__h4-font-size);
	font-weight: 700;
}

.grid--item .alumni-grid--general__image img {
	margin-bottom: 0.75rem;
	text-align: center;
}

@media (min-width: 1024px) {
	.grid--item .alumni-grid--general__image img {
		margin-bottom: 0.75rem;
	}
}

.grid--item .button,
.grid--item button {
	padding: 0.6875rem 1.25rem 0.5625rem;
	background: var(--offwhite);
	color: var(--navy);
	border: 0.15rem solid var(--theme);
	border-radius: 0rem;
	font-weight: 700;
	line-height: var(--lt-line-height-head);
	text-decoration: none;
	text-transform: none;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

.grid--item .button:hover,
.grid--item button:hover {
	background: #ffffff;
	border-color: var(--theme);
	color: var(--navy);
	background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
	border-color: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
}

/* coral bg buttons start */

.coral .grid--item .button,
.coral .grid--item button {
	background: var(--theme);
	color: var(--navy);
	border: 0.15rem solid var(--navy);
}

.coral .grid--item .button:hover,
.coral .grid--item button:active {
	background: var(--theme);
	border-color: var(--navy);
	color: var(--navy);
	background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
	border-color: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
}

/* coral bg buttons end */
/* clearing buttons start */

#clearingBody .grid--item .button,
#clearingBody .grid--item button,
.grid--item.clearing .button,
.grid--item.clearing button {
	padding: 0.6875rem 1.25rem 0.5625rem;
	background: var(--navy);
	color: var(--clearing);
	border: 0.15rem solid var(--navy);
	/* border-radius: 0rem; */
	font-weight: 700;
	line-height: var(--lt-line-height-button);
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

#clearingBody .grid--item .button:hover,
#clearingBody .grid--item button:hover,
.grid--item.clearing .button:hover,
.grid--item.clearing button:hover {
	background: var(--clearing);
	border-color: var(--clearing);
	color: var(--navy);
	background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
	border-color: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
}

#clearingBody .navy .grid--item .button,
#clearingBody .navy .grid--item button,
.navy .grid--item.clearing .button,
.navy .grid--item.clearing button {
	border: 0.15rem solid var(--clearing);
}

/* new version end */
/* Start new Version replaced with __ from -- */
.grid__fullwidth {
	padding-top: 1.75rem;
	padding-bottom: 1.75rem;
}

.grid__fullwidth.coral {
	background-color: var(--theme);
	color: #ffffff;
}

.grid__fullwidth.coral h2,
.grid__fullwidth.coral h3,
.grid__fullwidth.coral h4 {
	color: var(--navy);
}

.grid__fullwidth.clearing {
	background-color: var(--navy);
	color: var(--clearing);
}

.grid__fullwidth.clearing h2,
.grid__fullwidth.clearing h3,
.grid__fullwidth.clearing h4 {
	color: var(--clearing);
}

.grid__fullwidth.navy {
	background-color: var(--navy);
	color: #ffffff;
}

.grid__fullwidth.navy h2,
.grid__fullwidth.navy h3,
.grid__fullwidth.navy h4 {
	color: var(--theme);
}

#clearingBody .grid__fullwidth.navy .grid__item.clearing h2,
#clearingBody .grid__fullwidth.navy .grid__item.clearing h3,
.grid__fullwidth.navy .grid__item.clearing h2,
.grid__fullwidth.navy .grid__item.clearing h3 {
	color: var(--clearing);
}

.grid__gutter {
	display: block;
	margin: 0 auto;
	max-width: 80%;
}

.grid__container {
	display: flex;
	flex-flow: row wrap;
	margin: 0 0 0 -0.5rem;
	/* offset margin to the left and avoid horizontal scrollbar*/
	min-width: 80%;
}

.grid__item {
	flex: 1 0 20%;
	/* less than 25% but more or equal to 20% to account for margins - when 4 across is required */
	min-width: 200px;
	/* min-width on flex items not working in older ios so use media queries instead*/
	padding: 0 1rem 1rem;
	margin: 0 0 2.5rem 0.5rem;
	text-align: left;
}

.grid__item .grid__lead {
	color: var(--theme);
}

.grid__item h3 {
	margin-bottom: 1.25rem;
	margin-top: 0;
	font-size: var(--lt-heading__h3-font-size);
	color: var(--navy);
}

.grid__item .grid__strong {
	font-size: var(--lt-heading__h4-font-size);
	font-weight: 700;
}

.grid__item .alumni-grid__general__image img {
	margin-bottom: 0.75rem;
	text-align: center;
}

@media (min-width: 1024px) {
	.grid__item .alumni-grid__general__image img {
		margin-bottom: 0.75rem;
	}
}

.grid__item .button,
.grid__item button {
	padding: 0.6875rem 1.25rem 0.5625rem;
	background: var(--offwhite);
	color: var(--theme);
	border: 0.15rem solid var(--theme);
	border-radius: 0rem;
	font-weight: 700;
	line-height: var(--lt-line-height-head);
	text-decoration: none;
	text-transform: none;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

.grid__item .button:hover,
.grid__item button:hover {
	background: #ffffff;
	border-color: var(--theme);
	color: var(--theme);
	background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
	border-color: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
}

/* coral bg buttons end */
/* clearing buttons start */

#clearingBody .grid__item .button,
#clearingBody .grid__item button,
.grid__item.clearing .button,
.grid__item.clearing button {
	padding: 0.6875rem 1.25rem 0.5625rem;
	background: var(--navy);
	color: var(--clearing);
	border: 0.15rem solid var(--navy);
	/* border-radius: 0rem; */
	font-weight: 700;
	line-height: var(--lt-line-height-button);
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

#clearingBody .grid__item .button:hover,
#clearingBody .grid__item button:hover,
.grid__item.clearing .button:hover,
.grid__item.clearing button:hover {
	background: var(--clearing);
	border-color: var(--clearing);
	color: var(--navy);
	background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
	border-color: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
}

#clearingBody .navy .grid__item .button,
#clearingBody .navy .grid__item button,
.navy .grid__item.clearing .button,
.navy .grid__item.clearing button {
	border: 0.15rem solid var(--clearing);
}

/* new version end */
/* End new Version replacment */

/* grid card end */

/* fitvids start */
.fluid-width-video-wrapper {
	margin-top: 3.75rem;
}

/* fitvids end */

/* footer start */

/*
#page-wrapper {
/* add margin to page-wrapper so yellow stripe bleeds into <footer> */
/*
padding-bottom: 3.75rem;
}
*/
body.page-home #page-wrapper {
	/* remove margins */
	padding-bottom: 0;
}

body.page-home footer.footer {
	margin-bottom: -3.75rem;
}

footer ul.footer--contact .fa {
	text-align: center;
	min-width: 20px;
	margin-right: 10px;
}

.social-media .button:hover,
.social-media .button:active {
	color: var(--theme);
}

#clearingBody .social-media .button:hover,
#clearingBody.social-media .button:active {
	color: var(--clearing);
}

/* footer end */

/* ov styles start */
/* tables start */
tbody tr:nth-child(odd) td,
tbody tr:nth-child(odd) th {
	background: #ffffff;
}

#page-wrapper .general-content .inner .h-group table thead tr th {
	color: #ffffff;
}

thead th {
	color: #ffffff;
}

table.plain tbody tr:nth-child(odd) td,
table.plain tbody tr:nth-child(odd) th,
table.plain tbody tr:nth-child(even) td,
table.plain tbody tr:nth-child(even) th {
	background: #ffffff;
}

/* plain table override end */

/* data tables table start */
/* reset */

table#courseList,
table#courseList table {
	border-collapse: collapse !important;
}

table#courseList thead {
	border: 1px solid var(--navy);
}

table#courseList tbody tr:nth-child(odd) td,
table#courseList tbody tr:nth-child(odd) th,
table#courseList tbody tr:nth-child(even) td,
table#courseList tbody tr:nth-child(even) th {
	background: #ffffff;
}

/* reset end */

table#courseList tbody tr.odd {
	border: 1px solid #f0f0f0 !important;
	margin: 0;
	padding: 0;
}

table#courseList tbody tr.odd td {
	background-color: #f0f0f0;
}

table#courseList tbody tr.odd + tr.child {
	border: 1px solid #f0f0f0;
	background-color: #f0f0f0;
	margin: 0;
	padding: 0;
}

table#courseList tbody tr.odd + tr.child td.child {
	background-color: #f0f0f0;
}

table#courseList tbody tr.odd + tr.child td.child table td {
	background-color: #f0f0f0;
	margin: 0;
	padding: 0;
}

table#courseList tbody tr.even + tr.child td.child table td {
	margin: 0;
	padding: 0;
}

/* data tables table end */
#courseList_wrapper .pagination .active a,
#courseList_wrapper .pagination .active a:focus,
#courseList_wrapper .pagination .active a:hover,
#courseList_wrapper .pagination .active span,
#courseList_wrapper .pagination .active span:focus,
#courseList_wrapper .pagination .active span:hover {
	background-color: #94b7cf;
	border-color: #94b7cf;
}

/* responsive tables end */

/* info modules override start */
#info-modules table.moduleTable {
	border-collapse: collapse;
}

#info-modules table.moduleTable th {
	text-transform: none;
}

#info-modules table.moduleTable tbody {
	background-color: #ffffff;
}

#info-modules table.moduleTable td,
#info-modules table.moduleTable th {
	border-bottom: 1px solid var(--navy);
}

#info-modules table.moduleTable tbody tr td,
#info-modules table.moduleTable tbody tr th,
#info-modules table.moduleTable tbody tr:nth-child(1n) td,
#info-modules table.moduleTable tbody tr:nth-child(1n) th,
#info-modules table.moduleTable tbody tr:nth-child(2n) td,
#info-modules table.moduleTable tbody tr:nth-child(2n) th {
	background: transparent !important;
}

#info-modules table.moduleTable tbody tr.rowSpan {
	border-top: 3px solid var(--navy) !important;
}

/* info modules override end */

/* tables end */
/* ov styles end*/
/* events start */
.events_wrapper {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 4.75rem;
	max-width: 80rem;
	margin: 3.75rem auto;
}

.events_wrapper section h2 {
	line-height: var(--lt-line-height-head);
	font-size: var(--lt-heading__h2-font-size) !important;
	margin-top: 0.2rem;
}

.events_wrapper section .user {
	font-size: var(--lt-body-font-size);
}

.events_wrapper section .fa,
.events_wrapper aside .fa {
	margin-right: 1rem;
}

.events_wrapper aside h4 {
	line-height: var(--lt-line-height-head);
}

.events_wrapper aside article {
	margin-bottom: 2.75rem;
}

.snippet {
	min-height: 5em;
	margin-bottom: 1.5em;
}

.snippet img,
.snippet .date-stamp {
	float: left;
	margin-right: 2em;
	margin-right: 1em;
}

.snippet img {
	padding: 0.75rem 0;
}

#view-switchers {
	margin: 1.25rem auto 1.75rem;
}

@media (min-width: 1024px) {
	#searchoptions-categories form.panel {
		display: inline-block;
		width: 100%;
	}
}

@media (max-width: 1023px) {
	.events_wrapper {
		grid-template-columns: 1fr;
	}
}

#calendar_events .event {
	border-top: 1px solid #ccc;
	margin-bottom: 0;
	padding: 1.5rem 0;
}

.snippet.news-listing a:hover h3.title,
.snippet.news-listing a:hover .h3.title {
	color: inherit;
}

.snippet.news-listing p {
	color: #222;
}

.snippet p.title {
	font-weight: 700;
	margin-bottom: 1rem;
}

.snippet p.title a {
	font-weight: 700;
}

.snippet .date-stamp {
	width: 4rem;
	padding: 1rem 0;
	text-align: center;
}

#calendar_events .snippet .date-stamp {
	width: 3rem;
	padding: 0;
}

#calendar_events .snippet .date-stamp:last-of-type {
	margin-right: 1rem;
}

.snippet .date-stamp .month {
	color: var(--navy);
	/*padding: .35em 0 0 0;*/
	font-size: var(--lt-body-font-size);
}

#calendar_events .snippet .date-stamp .month {
	font-size: var(--lt-body-font-size);
	font-weight: 700;
	font-weight: 400;
}

.snippet .date-stamp .day {
	font-size: var(--lt-body-font-size);
	font-weight: 100;
	border-top: none;
}

#calendar_events .snippet .date-stamp .day {
	font-size: var(--lt-heading__h2-font-size);
}

.snippet.news-listing > a {
	display: block;
}

.snippet.news-listing .date-stamp {
	width: 20%;
	color: var(--navy);
	padding: 0.25rem 0;
	margin-bottom: 0.25rem;
	margin-right: 0;
}

.snippet.news-listing .date-stamp .month {
	background-color: var(--navy);
	color: #fff;
}

.snippet.news-listing .date-stamp .month {
	font-size: var(--lt-body-font-size);
	padding: 0.188rem 0 0.25rem;
	border: 1px solid var(--navy);
	border-bottom: none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.snippet.news-listing .date-stamp .day {
	font-size: var(--lt-body-font-size);
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	color: var(--navy);
	background-color: #ffffff;
	padding: 0.25em 0.5em 0.28em 0.5em;
	border: 1px solid var(--navy);
}

.snippet.news-listing .snippet-text {
	width: 80%;
	padding-left: 0.938rem;
	float: left;
}

.snippet.news-listing .snippet-text h3,
.snippet.news-listing .snippet-text .h3 {
	color: inherit;
}

/*
commented out by P 29-11-2021 to display arrow
select {
  background-image: none;
  
}
*/

@media only screen and (min-width: 40.063em) {
	.snippet.news-listing .date-stamp {
		width: 14%;
	}

	.snippet.news-listing .snippet-text {
		width: 86%;
	}

	.snippet.news-listing .date-stamp .month {
		font-size: var(--lt-body-font-size);
		padding-top: 0.313rem 0 0.375rem;
	}

	.snippet.news-listing .date-stamp .day {
		font-size: var(--lt-body-font-size);
		padding-top: 0.375rem;
		padding-bottom: 0.625rem;
	}

	.snippet.news-listing .snippet-text h3.title .snippet.news-listing .snippet-text .h3.title {
		font-size: var(--lt-heading__h3-font-size);
	}
}

@media only screen and (min-width: 64.063em) {
	.snippet.news-listing .date-stamp {
		width: 10%;
	}

	.snippet.news-listing .snippet-text {
		width: 90%;
	}
}

#event-map {
	height: 20em;
	margin-bottom: 1em;
}

#event-map img {
	max-width: none;
}

#searchoptions-generic form fieldset {
	margin-bottom: 1.25rem;
}

#searchoptions-generic form fieldset legend {
	font-weight: 700;
	font-size: var(--lt-body-font-size);
}

#search_field input[type="text"] {
	background-color: #ffffff;
	min-width: 50%;
}

#search_field label {
	display: none;
}

picture.event-image {
	max-width: 100%;
	background-color: #e2e2e2;
	margin-bottom: 2.75rem;
}

picture.event-image img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

.events_wrapper article h1 {
	font-size: var(--lt-heading__h1-font-size);
}

.events--cancellation {
	padding: 2.75rem;
	margin-bottom: 2.75rem;
	border-top: 5px solid #d93760;
	border-bottom: 5px solid #d93760;
}

/* events end */
/* left align start */

/* max not min below to capture all in between */
@media (max-width: 1024px) {
	div.general-shapes,
	.general-content {
		text-align: left;
	}

	div.general-shapes ul,
	div.general-shapes ol,
	.general-content ul,
	.general-content ol {
		margin-left: 2.75rem;
		margin-right: 2.75rem;
	}
}

@media (min-width: 1024px) {
	div.general-shapes,
	.general-content {
		text-align: left;
	}

	div.general-shapes ul,
	div.general-shapes ol,
	.general-content ul,
	.general-content ol {
		margin-left: 2.75rem;
		margin-right: 2.75rem;
	}
}

/*
@media (min-width: 768px) {

div.general-shapes,
.general-content {
  text-align: left;
}

div.general-shapes ul,
div.general-shapes ol,
.general-content ul,
.general-content ol {
  margin-left: 2.75rem;
}
}
*/
/* left align end */

ul.no-bullet {
	list-style: none;
	margin-left: 0;
}

.cols.align-left {
	max-width: 90%;
	margin: 1.75rem auto;
	text-align: left;
}

/* file download start */
.file-download .h-group {
	margin: 0rem auto 1.75rem auto;
}

@media (max-width: 1023px) {
	.file-download .h-group .download a {
		-webkit-box-pack: left;
		justify-content: left;
		margin-left: 1.75rem;
		margin-top: -1.75rem;
		margin-bottom: 2.75rem;
	}
}

/* file download end */

/* courses override start */

@media (max-width: 1280px) {
	.course-information .tab__content {
		text-align: left;
	}
}

/* courses banner text override start */
@media (min-width: 1280px) {
	.banner .image-overlay h1#course-title {
		font-size: var(--lt-heading__h1-font-size);
	}

	.banner .image-overlay h1#hero--small {
		font-size: var(--lt-heading__h1-font-size);
	}
}

@media (max-width: 1023px) {
	.banner .image-overlay h1#course-title {
		text-shadow: 2px 2px 14px #222;
	}
}

/* courses banner text override end */

#heroCTA a.button:last-child {
	margin-left: 1.25rem;
}

@media (max-width: 768px) {
	#heroCTA a.button:last-child {
		display: table;
		margin-left: 0;
		margin-top: 1.25rem;
	}
}

/* courses override end */
#course-page-wrapper p a {
	color: var(--primary);
	text-decoration: underline dashed;
	text-decoration-color: var(--theme);
	text-underline-offset: 0.1875rem;
	font-weight: 700;
}

#course-page-wrapper p a:hover {
	color: var(--theme);
	text-decoration: underline solid;
	text-decoration-thickness: 0.1625rem;
	text-underline-offset: 0.1875rem;
}

/* previous next start */

.prev-next {
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 20px;
	border-top: 2px solid #d93760;
}

.prev-next a:first-child {
	margin-left: 0;
}

a .prev-next,
.prev-next a {
	padding: 0.6875rem 1.25rem 0.5625rem;
	background: transparent;
	border: 2px solid #d93760;
	border-color: var(--navy);
	/* border-radius: 1.5rem; */
	font-weight: 700;
	line-height: var(--lt-line-height-button);
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

a:hover .prev-next,
.prev-next a:hover {
	background: #d93760;
	background: var(--navy);
	border-color: #d93760;
	border-color: var(--navy);
	text-decoration-color: rgba(0, 0, 0, 0.8);
}

/* previous next end */

@media (min-width: 468px) {
	.logo {
		padding: 1.875rem;
	}
}

.is-offcanvas--navigation .header,
.is-offcanvas--search .header {
	background: var(--theme) !important;
}

.is-offcanvas--navigation .header .scroll-up .logo,
.is-offcanvas--search .header .scroll-up .logo,
.is-offcanvas--navigation .scroll-up .header,
.is-offcanvas--search .scroll-up .header {
	background-color: transparent;
}

.page-blog .logo {
	background-color: transparent;
}

.scroll-down .logo,
.scroll-down .header {
	transform: translateY(-100%);
	transition: transform 0.4s;
}

.scroll-up .logo,
.scroll-up .header {
	transform: translateY(0);
	transition: transform 0.4s;
	background-color: var(--theme);
}

.is-offcanvas--navigation.scroll-up .header .logo,
.is-offcanvas--search.scroll-up .header .logo,
.is-offcanvas--navigation.scroll-down .header .logo,
.is-offcanvas--search.scroll-down .header .logo,
.is-offcanvas--navigation.scroll-down .header,
.is-offcanvas--search.scroll-down .header {
	transform: translateY(0);
	transition: transform 0.4s;
	background-color: transparent;
}

/* header scroll end */

/* primary secondary menu start */
.navigation__menu li.open,
.navigation__menu li:hover {
	color: var(--theme);
}

.sticky .header__buttons button {
	padding: 1rem !important;
}

.secondary--menu li a {
	text-decoration: none;
}

.sticky .header__button svg {
	width: 1.25rem;
	height: 1.25rem;
}

.secondary--menu {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	font-size: var(--lt-body-font-size);
	align-items: center;
	color: rgb(240 245 250 / 63%);
	list-style: none;
	overflow: hidden;
}

.secondary--menu li::after {
	content: "";
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: var(--offwhite);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

.secondary--menu li:hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

.primary--menu li a {
	text-decoration: none;
}

.primary--menu li::after {
	content: "";
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: var(--offwhite);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

.primary--menu li:hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

.primary--menu ul {
	margin-top: 0.35rem;
}

.primary--menu {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	font-size: var(--lt-body-font-size);
	align-items: center;
	color: var(--offwhite);
	list-style: none;
	overflow: hidden;
}

.menu-items {
	border-right: 3px solid var(--lt-rose);
	margin-right: 3rem;
}

.primary--menu li,
.secondary--menu li {
	display: inline-block;
	margin: 0rem 2rem 0rem 0rem;
	position: relative;
}

@media (max-width: 1200px) {
	.primary--menu li:nth-last-child(1) {
		display: none;
	}
}

@media (max-width: 1054px) {
	.primary--menu li:nth-last-child(2) {
		display: none;
	}
}

@media (max-width: 950px) {
	.primary--menu li:nth-last-child(3) {
		display: none;
	}
}

@media (max-width: 900px) {
	.primary--menu li:nth-last-child(4) {
		display: none;
	}
}

@media (max-width: 900px) {
	.secondary--menu li:nth-last-child(1) {
		display: none;
	}
}

@media (max-width: 844px) {
	.menu-items {
		display: none;
	}
}

/* primary secondary menu end */

/* letter spacing start */
body,
p,
li,
ul {
	letter-spacing: normal !important;
}

/* letter spacing start */

/* In this section start */

#mySidenav.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #94b7cf;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}

#mySidenav.sidenav a {
	padding: 0px 0px 0px 1rem;
	text-decoration: none;
	font-size: var(--lt-button-font-size);
	display: block;
	transition: 0.3s;
}

#mySidenav.sidenav .closebtn {
	position: absolute;
	top: 0rem;
	right: 0.75rem;
	font-size: var(--lt-heading__h1-font-size);
	margin-left: 50px;
}

#mySidenav.sidenav a.closebtn {
	color: var(--theme);
	padding: 0;
}

#mySidenav.sidenav a.closebtn:hover,
#mySidenav.sidenav a.closebtn:active {
	background-color: #f7e286;
	color: var(--theme);
}

/* scrollbar styles start */
/* width */
#mySidenav::-webkit-scrollbar {
	width: 10px;
}

/* Track */
#mySidenav::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
	background-color: #f1f1f1;
	border-radius: 10px;
}

/* Handle */
#mySidenav::-webkit-scrollbar-thumb {
	background: #f7e286;
	border-radius: 10px;
}

/* Handle on hover */
#mySidenav::-webkit-scrollbar-thumb:hover {
	background: #f7e286;
}

/* scrollbar styles end */
/*
#mySidenav main {
transition: margin-left .5s;
padding: 16px;
}
*/

@media screen and (max-height: 450px) {
	#mySidenav .sidenav {
		padding-top: 15px;
	}

	#mySidenav .sidenav a {
		font-size: var(--lt-body-font-size);
	}
}

/* ******************************** */
#mySidenav section#sideparent {
	margin: 0.75rem auto 3.75rem;
}

#mySidenav #sideparent nav {
	display: block;
	width: 300px;
	width: 28.75rem;
	background-color: transparent;
	display: block;
	float: right;
	margin: 0 0 1.75rem 2.75rem;
	text-align: left;
	padding: 1.75rem;
}

#mySidenav #sideparent nav section {
	margin: 0rem auto 3.75rem auto;
}

#mySidenav #sideparent nav h2 {
	font-size: var(--lt-heading__h2-font-size);
	padding-left: 1.75rem;
}

#mySidenav #sideparent nav a {
	color: var(--navy);
	text-decoration: none;
}

#mySidenav #sideparent nav a:hover {
	text-decoration: none;
	background-color: #f7e286;
	color: var(--navy);
}

#mySidenav #sideparent nav,
#mySidenav #sideparent nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	font-size: var(--lt-body-font-size);
}

#mySidenav #sideparent nav ul {
	padding-left: 1.75rem;
	padding-right: 1.75rem;
}

#mySidenav #sideparent nav li {
	display: block;
	width: 100%;
	position: relative;
	padding: 0.25rem;
	overflow: hidden;
}

#mySidenav #sideparent nav .sideparent .fas {
	position: absolute;
	top: 0px;
	right: 0.25rem;
	font-size: var(--lt-heading__h4-font-size);
	padding: 0.25rem;
}

#mySidenav #sideparent .multilevel-linkul-0 {
	background-color: transparent;
}

#mySidenav #sideparent .multilevel-linkul-0,
#mySidenav #sideparent .hide .multilevel-linkul-0,
#mySidenav #sideparent .closeoption {
	display: none;
}

#mySidenav #sideparent .show .multilevel-linkul-0 {
	display: block;
	animation-name: slidedown;
	animation-duration: 0.4s;
}

#mySidenav #sideparent .show .openoption {
	display: none;
}

#mySidenav #sideparent .show .closeoption {
	display: inline-block;
}

@keyframes slidedown {
	0% {
		transform: translate(100px, 0px);
		opacity: 40%;
	}

	100% {
		transform: translate(0px, 0px);
		opacity: 1;
	}
}

/* In this section end */

/* course-search start */
.course-search {
	max-width: 80%;
	margin: 0 auto;
}

a[name="mainContent"] + .course-search {
	margin-top: 1.75rem;
	max-width: 55rem;
}

.general-content + .course-search {
	max-width: 55rem;
	margin: -3.75rem auto 0;
}

/*
@media (min-width: 1024px) {
.general-content + .course-search {
  padding: 0;
}
}
*/
#page-wrapper > main > div.course-search > div > div {
	margin: 0 3.75rem;
}

#page-wrapper > main > div.course-search > div > h2 {
	font-size: var(--lt-heading__h2-font-size);
}

.course-search + .general-content {
	/* margin-top: 3.75rem; */
	margin-top: 0;
}

.course-search .inner {
	display: block;
	text-align: left;
}

.course-search .inner form {
	margin-top: 1.75rem;
}

.courseSearchRow {
	display: flex;
}

.row.courseSearchRow {
	margin-top: 4.75rem;
}

.courseSearchRow .searchLeft {
	margin-right: 2.75rem;
}

.courseSearchRow .searchRight button.btn {
	border: 0.25rem solid #94b7cf;
	border-color: #94b7cf;
	text-transform: none;
}

.courseSearchRow .searchRight button.btn:hover,
.courseSearchRow .searchRight button.btn:active,
.courseSearchRow .searchRight button.btn:focus {
	border: 0.25rem solid #94b7cf;
	border-color: #94b7cf;
	text-transform: none;
	background-color: #94b7cf;
}

.courseSearchRow .searchRight strong {
	margin-right: 1.75;
}

#search-results .summary__main:after {
	border-bottom: none;
}

.course-search .button,
.course-search button {
	padding: 0.6875rem 1.25rem 0.5625rem;
	background: var(--theme);
	color: var(--navy);
	border: 0.15rem solid var(--theme);
	/* border-radius: 0rem; */
	font-weight: 700;
	line-height: var(--lt-line-height-button);
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

.course-search .button:nth-of-type(2) {
	margin-left: 1.5rem;
	background: transparent;
	color: #ffffff;
}

.course-search .button:hover,
.course-search button:hover {
	background: #ffffff;
	border-color: var(--theme);
	color: var(--navy);
	background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
	border-color: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
}

.courseList .courseSearchRow #search-courses {
	width: 100%;
	border-radius: initial;
	border-color: var(--theme);
	background-color: var(--offwhite);
	font-weight: 700;
	font-size: var(--lt-heading__h3-font-size);
	margin-left: 2rem;
	margin-bottom: 3rem;
}

#clearingBody .course-search .button,
#clearingBody .course-search button,
.course-search.clearing .button,
.course-search.clearing button {
	padding: 0.6875rem 1.25rem 0.5625rem;
	background: var(--clearing);
	color: var(--navy);
	border: 0.15rem solid var(--clearing);
	font-weight: 700;
	line-height: var(--lt-line-height-button);
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

#clearingBody .course-search a.button,
.course-search.clearing a.button {
	margin-left: 1.5rem;
	background: #ffffff;
	color: var(--navy);
	border-color: var(--clearing);
}

#clearingBody .course-search .button:hover,
#clearingBody .course-search button:hover,
.course-search.clearing .button:hover,
.course-search.clearing button:hover {
	background: var(--clearing);
	border-color: var(--clearing);
	color: var(--navy);
	background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
	border-color: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
}

/* course-search end */

/* header solid bg start */
body.headersolid .header {
	background-color: var(--navy);
}

body.headersolid .course-search {
	margin-top: 9.75rem;
}

/* header solid bg end */

/* quantcast start */

.qc-cmp-button {
	background-color: var(--navy) !important;
	border-color: var(--navy) !important;
}

.qc-cmp-button:hover {
	background-color: transparent !important;
	border-color: var(--navy) !important;
}

.qc-cmp-alt-action,
.qc-cmp-link {
	color: var(--navy) !important;
}

.qc-cmp-button.qc-cmp---coral-button:hover {
	border-color: transparent !important;
	background-color: var(--navy) !important;
}

.qc-cmp-button.qc-cmp---coral-button {
	color: #008eb3 !important;
}

.qc-cmp-button.qc-cmp-button.qc-cmp---coral-button:hover {
	color: #ffffff !important;
}

.qc-cmp-button.qc-cmp---coral-button {
	border-color: #eee !important;
	background-color: #eee !important;
}

/* quantcast end */

/* listnav start */
.listNav,
.ln-letters {
	overflow: hidden;
}

.listNavHide {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

.letterCountShow {
	display: block;
}

.ln-letters a {
	border: 1px solid silver;
	border-right: none;
	display: block;
	float: left;
	font-size: var(--lt-button-font-size);
	padding: 2px 6px;
	text-decoration: none;
}

.ln-letters .ln-last {
	border-right: 1px solid silver;
}

.ln-letters a:hover,
.ln-letters .ln-selected {
	background-color: #eaeaea;
}

.ln-letters .ln-disabled {
	color: #ccc;
}

.ln-letter-count {
	color: #336699;
	font-size: var(--lt-body-font-size);
	left: 0;
	line-height: var(--lt-line-height-body);
	position: absolute;
	text-align: center;
	top: 0;
	width: 20px;
}

/* listnav end */

/* library systems stripe start */
#library--systems {
	background-color: var(--navy);
	color: #ffffff;
}

#library--systems-inner {
	display: flex;
	text-align: left;
	min-width: 70%;
	margin: 0 auto;
}

.library--systems-panel {
	flex: 50%;
}

.library--systems-link {
	display: block;
	margin-top: 2.75rem;
	min-width: 70%;
	margin: 0 auto;
}

.library--systems-link ul {
	display: inline-flex;
	margin: auto 1.75rem;
}

/* library systems stripe end */

.strikethrough {
	text-decoration: line-through;
}

/* Masonry grid start */
.masonry--container {
	max-width: 1200px;
	margin: 0 auto;
}

.masonry--grid-layout {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	grid-gap: 10px;
	grid-auto-rows: minmax(160px, auto);
	grid-auto-flow: dense;
	padding: 10px;
}

.masonry--grid-item {
	padding: 1rem;
	font-size: var(--lt-body-font-size);
	font-weight: bold;
	text-transform: uppercase;
	color: #929796;
	background-color: #333;
	border-radius: 5px;
}

.masonry--grid-item:nth-child(odd) {
	background-color: #424242;
}

.span-1-1 {
	grid-column-end: span 1;
	grid-row-end: span 1;
}

.span-1-2 {
	grid-column-end: span 1;
	grid-row-end: span 2;
}

.span-1-3 {
	grid-column-end: span 1;
	grid-row-end: span 3;
}

.span-1-4 {
	grid-column-end: span 1;
	grid-row-end: span 4;
}

.span-2-1 {
	grid-column-end: span 2;
	grid-row-end: span 1;
}

.span-2-2 {
	grid-column-end: span 2;
	grid-row-end: span 2;
}

.span-2-3 {
	grid-column-end: span 2;
	grid-row-end: span 3;
}

.span-2-4 {
	grid-column-end: span 2;
	grid-row-end: span 4;
}

.span-3-1 {
	grid-column-end: span 3;
	grid-row-end: span 1;
}

.span-3-2 {
	grid-column-end: span 3;
	grid-row-end: span 2;
}

.span-3-3 {
	grid-column-end: span 3;
	grid-row-end: span 3;
}

.span-3-4 {
	grid-column-end: span 3;
	grid-row-end: span 4;
}

.span-4-1 {
	grid-column-end: span 4;
	grid-row-end: span 1;
}

.span-4-2 {
	grid-column-end: span 4;
	grid-row-end: span 2;
}

.span-4-3 {
	grid-column-end: span 4;
	grid-row-end: span 3;
}

.span-4-4 {
	grid-column-end: span 4;
	grid-row-end: span 4;
}

/* Masonry grid end */

/* Gecko chat start */
img.ChatButton-custom-icon-open {
	margin: 0;
}

/* Gecko chat end */
/* Unibuddy stripe start */
/* There may be a conflit with the name unibuddy--wrapper as when I add padding, it affects the carousel on v2 embed */
#unibuddy .inner {
	margin-top: 0;
	margin-bottom: 0;
}

.unibuddy--wrapper,
#unibuddy.unibuddy--container {
	display: block;
	margin: 0rem auto;
	padding-top: 2.75rem;
	padding-bottom: 2.75rem;
	width: 100%;
	color: #ffffff;
	overflow: hidden;

	/* background-color: #f7e286; */
	background-color: var(--theme);
}

#unibuddy.unibuddy--container h2,
#unibuddy.unibuddy--container h3,
#unibuddy.unibuddy--container h4 {
	color: var(--theme);
}

#unibuddy.unibuddy--container .h-group a.button {
	border-color: var(--theme);
	background-color: var(--lt-rose);
	color: var(--theme);
}

#unibuddy.unibuddy--container .h-group a.button:hover,
#unibuddy.unibuddy--container .h-group a.button:active {
	border-color: var(--theme);
	background-color: var(--lt-rose);
	color: var(--lt-theme);
	opacity: 1;
}

.unibuddy--content {
	text-align: left;
	padding: 5%;
	width: 50%;
}

.unibuddy--image {
	width: 40%;
	background-color: #ffffff;
	text-align: center;
	margin: 0 auto;
	padding: 2% 0 0 0;
	border-radius: 25px;
}

.unibuddy--image img {
	max-width: 100%;
}

#unibuddy-carousel-iframe {
	border-radius: 25px;
}

@media (max-width: 768px) {
	.unibuddy--content {
		width: 100%;
		text-align: left;
	}

	.unibuddy--image {
		width: 100%;
		text-align: center;
		padding-top: 0;
	}
}

/* Unibuddy stripe end */

/* changelog start */
.changelog--wrapper {
	text-align: left;
}

.changelog--wrapper .h-group {
	margin: 2.75rem auto 1.75rem;
	text-align: left;
	padding: 1.75rem;
	border: 0.25rem solid var(--var-theme);
}

h2.changelog--heading {
	font-size: var(--lt-heading__h2-font-size) !important;
}

.general-content + .changelog--inner {
	margin-top: -3.75rem;
}

.changelog--inner + .accordionset--wrapper {
	margin-top: 1.75rem;
}

/* changelog end */

/* page-heading start */

.page-heading--wrapper {
	margin-top: 3.75rem;
}

.page-heading--wrapper h2.h-group__lead {
	line-height: var(--lt-line-height-head);
}

#utility--menu ~ .page-heading--wrapper {
	margin-top: 6.75rem;
}

/*
.page-heading--wrapper + .general-content {
margin-top: 1.75rem;
}
*/
/* page-heading end */

/* image-text-column start */
.image-text-column {
	max-width: inherit;
}

.image-text-column h2,
.image-text-column h3 {
	color: var(--theme);
}

.image-text-column a:link,
.image-text-column a:visited {
	background-color: var(--theme);
	color: var(--offwhite);
	border-color: var(--theme);
	text-decoration: none;
}

.image-text-column a:hover,
.image-text-column a:active {
	background-color: #ffffff;
	color: var(--theme);
	border-color: var(--theme);
	text-decoration: none;
}

.image-text-column .image-overlay {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.image-text-column + .slope--left,
.image-text-column + .slope--right,
.image-text-column + .pinch--right,
.image-text-column + .pinch--left {
	padding: 8.25rem 0 6.25rem 0 !important;
	margin-top: -6.25rem;
}

@media (min-width: 1024px) {
	.image-text-column + .slope--left,
	.image-text-column + .slope--right,
	.image-text-column + .pinch--right,
	.image-text-column + .pinch--left {
		padding: 8.25rem 0 6.25rem 0 !important;
		margin-top: -6.25rem;
	}
}

/*
@media (min-width: 768px) {
.image-text-column + .slope--left,
.image-text-column + .slope--right,
.image-text-column + .pinch--right,
.image-text-column + .pinch--left {
  padding: 6.25rem 0 3.75rem 0;
  margin-top: -3.75rem;
}
}
*/

.image-text-column p.download {
	border: 2px solid var(--theme);
	padding: 1.25rem;
}

.image-text-column .downloadTitle {
	font-weight: 700;
	color: var(--theme);
	margin-bottom: 1.25rem;
	display: block;
}

/* image-text-column end */

/* clearing styles start */
/* clearing telephone extra styles start */
.h-group__lead a,
a.ctaButton {
	font-weight: 700;
}

@media (min-width: 768px) {
	.CTAmarginLeft {
		margin-left: 40px;
	}
}

/* clearing telephone extra styles end */

/* clearingMsg start */
.clearingMsg {
	color: var(--clearing);
	padding: 1.75rem;
	background-color: var(--theme);
	/* padding-bottom: var(--spacing);
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% calc(100% - var(--spacing)), 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 100% calc(100% - var(--spacing)), 0% 100%); */
}

.clearingMsg h2 {
	color: var(--clearing);
}

.clearingMsg .button {
	background: transparent;
	border: 0.25rem solid var(--clearing);
}

.clearingMsg .button:hover {
	background: var(--clearing);
	border: 0.25rem solid var(--clearing);
	color: var(--theme);
}

.clearingMsg a:link,
.clearingMsg a:visited {
	text-decoration: underline;
}

.clearingMsg a:hover,
.clearingMsg a:active {
	text-decoration: dashed;
}

/* UG listing msg */
#search-results li .card-body .clearingMsg {
	border-left: 1rem solid var(--clearing) !important;
	background-color: #fff !important;
	padding: 1rem !important;
	color: var(--navy);
	margin-bottom: 1.25rem;
}

/* clearingMsg end */

/* clearing how to apply tabs start */
input[name="tabs__ct"] {
	display: none;
}

input[name="tabs__ct"]#tab-1__ct:checked ~ .content__ct .tab__ct:nth-of-type(1) {
	display: inline-block;
}

input[name="tabs__ct"]#tab-1__ct:checked ~ .tabs__ct label:nth-child(1) {
	color: #ffffff;
	background-color: #008eb3;
}

input[name="tabs__ct"]#tab-1__ct:checked ~ .tabs__ct label:nth-child(1):after {
	width: calc(100% - 40px);
	transition: 0.3s;
}

input[name="tabs__ct"]#tab-2__ct:checked ~ .content__ct .tab__ct:nth-of-type(2) {
	display: inline-block;
}

input[name="tabs__ct"]#tab-2__ct:checked ~ .tabs__ct label:nth-child(2) {
	color: #ffffff;
	background-color: #008eb3;
}

input[name="tabs__ct"]#tab-2__ct:checked ~ .tabs__ct label:nth-child(2):after {
	width: calc(100% - 40px);
	transition: 0.3s;
}

.tabs__ct {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	position: relative;
	white-space: nowrap;
}

/*
.tabs__ct label {

  display: inline-block;
  padding: 2.25rem 2.75rem 0.5rem 2.75rem;
  position: relative;
  color: #008eb3;
  font-weight: 700;
  font-size: 1.75rem;
  letter-spacing: inherit;
  cursor: pointer;
}
.tabs__ct label:after {
  content: '';
  background: #F27AA0;
  width: 0;
  height: 4px;
  position: absolute;
  padding-left: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: .1s;
}
*/

.container__ct {
	width: 100%;
	margin: 1.75rem auto;
	overflow: hidden;
}

.container__ct .tab__ct {
	display: none;
	padding: 2.75rem 0;
}

/* clearing how to apply tabs end */

/* clearing styles end */

/* buttons start */
/* ctaButton */
@media (max-width: 768px) {
	a.ctaButton {
		display: block;
		margin-bottom: 2.25rem;
	}
}

/* buttons end */

/* notice box start */
.notice--box {
	text-align: center;
	-webkit-box-align: center;
	align-items: center;
	padding: 0.6875rem 1.25rem 0.5625rem;
	border: 0.25rem solid #ffbf47;
	border-color: #ffbf47;
	border-radius: 1.5rem;
	cursor: pointer;
	text-decoration: none !important;
	margin-top: 3.75rem;
}

.notice--box.emergency {
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: #990000;
	color: #990000;
	background-color: #fffcd4;
	font-size: var(--lt-heading__h3-font-size);
}

.notice--box.emergency,
.notice--box.warning {
	border-color: #990000;
}

.notice--box .fa {
	margin-right: 1.25rem;
}

.notice--box svg {
	margin-left: 1.25rem;
	height: 1.25rem;
	vertical-align: middle;
}

/* notice box end */

/* flipgrid show hide start */

.flipgrid--wrapper {
	max-width: 1400px;
	margin: 0 auto;
}

.entry {
	position: relative;
	overflow: hidden;
	margin: 1.25rem 0;
	padding: 20px 20px 4em 20px;
	background: #ffffff;
	box-shadow: 0 0 15px #999;
}

.entry-title,
.entry-title a {
	margin-top: 0;
	color: var(--theme);
	text-decoration: none;
}

.more-link {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 8px;
	background: #f27aa0;
	color: var(--theme);
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
	box-shadow: 0 0 10px #000;
}

.more-link:hover {
	background: #d93760;
}

.more-link:after {
	content: "\2193";
	margin-left: 8px;
	font-size: var(--lt-body-font-size);
}

.more-link.open:after {
	content: "\2191";
}

/* flipgrid show hide end

/* modules start */
.module--changes {
	padding: 1.75rem;
	background-color: #d4d4d4;
}

/* modules end */

/* definition list start */
/*
dl {
border: 3px double #ccc;
padding: 0.5em;
}
dt {
float: left;
clear: left;
min-width: 150px;
font-weight: bold;
}
dt::after {
content: ":";
}
dd {
margin: 0 0 0 200px;
padding: 0 0 0.5em 0;
}
*/
dl {
	display: grid;
	grid-template-columns: 33% 1fr;
	/* dt takes 33% width, dd takes remaining space */
	grid-gap: 1.25rem;
	/* Spacing between dt and dd */
}

dl dt {
	min-width: 180px;
	font-weight: bold;
}

dt::after {
	content: ":";
}

dl dt,
dl dd {
	padding: 0 1.25rem 0 0;
}

/* definition list end */

/* filter buttons / pills start */
.filter--group button {
	border-radius: 0;
	margin: 0 0.25rem 0.25rem 0;
	font-weight: normal;
	text-transform: none;
	padding: 0.5rem 0.85rem;
}

.filter--group button:active,
.filter--group button:hover,
.filter--group button:focus {
	background-color: var(--theme);
	color: #ffffff;
}

/* filter buttons / pills end */

/* modal start */
/* colorbox modal start */
#cboxLoadedContent {
	padding: 10px;
	background: #ffffff;
}

#modal-content {
	display: none;
}

#colorbox {
	text-align: center;
}

#colorbox .button {
	margin: 10px;
}

@media (max-width: 768px) {
	#colorbox {
		top: 100px !important;
		/* left: 5% !important; */
		width: 100% !important;
	}

	#colorbox .button {
		display: block;
		width: 80%;
		margin: 0 auto 20px;
		text-align: center;
	}

	#colorbox img {
		width: 100%;
	}

	.cb-youtube,
	.cb-images {
		width: 60% !important;
	}
}

/* colorbox modal end */
/* basic modal start */
/* The Modal (background) */
.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 100;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.9);
	/* Black w/ opacity */
}

/* Modal Content */
/* fix page scrolling to top bootstrap v3 modal-open class */
body.modal-open {
	overflow: visible;
}

/* end of fix */
.modal-content {
	position: relative;
	background-color: #fefefe;
	color: var(--theme);
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	/*width: 80%;*/
	width: clamp(400px, 80%, 980px);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
}

/* Add Animation */
@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0;
	}

	to {
		top: 0px;
		opacity: 1;
	}
}

.modal-header {
	padding: 2.75rem;
	background-color: var(--theme);
	color: #ffffff;
}

.modal-body {
	padding: 2.75rem;
}

.modal-footer {
	padding: 0.75rem 2.75rem;
	background-color: var(--theme);
	color: #ffffff;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: var(--lt-button-font-size);
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.modal .button:hover,
.modal .button:active {
	color: #ffffff;
}

/* basic modal end */

/* modal end */

/* quote stripe start */

/*
figure.quote--standard blockquote {
border-left: 10px solid var(--navy);
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
font-size: 1.75rem;
}
*/
/* blockquote p:first-of-type:before inherited from master style */

/*
figure.quote--standard blockquote p:first-of-type:before {
content: "";
}
figure.quote--standard blockquote:before {
color: var(--navy);
font-size: 4em;
content: open-quote;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
figure.quote--standard blockquote:after {
font-weight: bold;
}
figure.quote--standard blockquote p {
display: inline;
}
*/
.general-quote figure.quote--standard blockquote {
	width: 100%;
	margin: 1.75rem auto;
	padding: 1rem 1rem 1rem 1.2rem;
	border-left: 10px solid var(--lt-orange);
	line-height: var(--lt-line-height-body);
	position: relative;
	background: rgb(240, 245, 250);
}

.general-quote .general-shapes figure.quote--standard blockquote {
	background: transparent;
}

.general-quote figure.quote--standard blockquote::before {
	content: "\201C";
	color: var(--lt-orange);
	font-size: var(--lt-heading__h2-font-size);
	position: absolute;
	left: 10px;
	top: -10px;
	font-family: "Program OT";
}

.general-quote figure.quote--standard blockquote::after {
	content: "";
}

.general-quote figure.quote--standard blockquote p {
	margin-left: 1.8rem;
	font-size: var(--lt-body-font-size);
}

.general-quote figure.quote--standard blockquote p:first-of-type:before {
	content: "";
}

.general-quote figure.quote--standard blockquote p:last-of-type::after {
	font-family: "Program OT";
}

.general-quote figure.quote--standard cite {
	color: var(--theme);
	font-size: var(--lt-body-font-size);
}

.general-quote figure.quote--standard cite strong {
	color: var(--lt-orange);
	font-size: var(--lt-body-font-size);
}

.general-quote .general-content {
	margin-bottom: 0px !important;
}

/* quote stripe end */

/* tab arrow Iphone rotate issue fix start */
@media (max-width: 639px) {
	.course-information .tab .tab__bar ul:before {
		background-size: cover;
		background-image: url(https://www.leedstrinity.ac.uk/media/site-assets/css/arrow-left.png) !important;
	}

	.course-information .tab .tab__bar ul:after {
		background-size: cover;
		background-image: url(https://www.leedstrinity.ac.uk/media/site-assets/css/arrow-right.png) !important;
	}
}

/* tab arrow Iphone rotate issue fix end */

/* civic cookie overrides start */
#ccc .checkbox-toggle--slider .checkbox-toggle-off,
#ccc .checkbox-toggle--slider .checkbox-toggle-on {
	text-align: left !important;
}

#ccc button.ccc-notify-button span {
	text-transform: capitalize;
}

/* civic cookie overrides end */

/* ignore hero capitalisation start */
#uncaps .h-group__lead,
#uncaps .h-group__main {
	text-transform: none;
	margin-bottom: 1rem;
}

/* ignore hero capitalisation end */

/* siteimprove issue fixes start */
/* leave for now - casuing issues with nrw header styles. 
.banner .h-group__main {
margin: 0;
color: inherit;
background-color: rgb(14, 34, 52);
}
*/
/* siteimprove issue fixes end */

/* 2022, v2 start */

.header__buttons button {
	/*
padding: .75rem;
background: #D93760;
background: var(--navy);
border-radius: 50%;
color: var(--navy);*/
	background-color: rgb(238, 245, 249);
	border-color: rgb(238, 245, 249);
}

.banner .h-group__lead,
#banner--v2 .h-group__lead {
	color: var(--theme);
}

.banner .h-group__intro,
#banner--v2 .h-group__intro {
	margin-top: 1.25rem;
}

.banner .h-group__intro-small,
#banner--v2 .h-group__-small {
	font-size: var(--lt-heading__h3-font-size);
}

.banner .h-group__intro-small a,
#banner--v2 .h-group__-small a {
	color: var(--theme);
}

#banner--v2 .button,
#banner--v2 button {
	padding: 0.6875rem 1.25rem 0.5625rem;
	background: var(--theme);
	color: var(--navy);
	border: 0.15rem solid var(--theme);
	/* border-radius: 0rem; */
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

#banner--v2 .button:nth-of-type(2) {
	margin-left: 1.5rem;
	background: transparent;
	color: #ffffff;
}

@media (max-width: 768px) {
	#banner--v2 .button:nth-of-type(2) {
		display: table;
		margin-left: 0;
		margin-top: 1.25rem;
	}
}

#banner--v2 .button:hover,
#banner--v2 button:hover {
	background: #ffffff;
	border-color: var(--theme);
	color: var(--navy);
	background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
	border-color: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
}

/* clearing buttons start */
#clearingBody #banner--v2 .h-group__lead,
#banner--v2.clearing .h-group__lead {
	color: var(--clearing);
}

#clearingBody #banner--v2 .h-group__intro,
#banner--v2.clearing .h-group__intro {
	margin-top: 1.25rem;
}

#clearingBody #banner--v2 .button,
#clearingBody #banner--v2 button,
#clearingBody .h-group .button,
#clearingBody .h-group button,
#banner--v2.clearing .button,
#banner--v2.clearing button {
	padding: 0.6875rem 1.25rem 0.5625rem;
	background: var(--clearing);
	color: var(--navy);
	border: 0.15rem solid var(--clearing);
	/* border-radius: 0rem; */
	font-weight: 700;
	line-height: var(--lt-line-height-button);
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

#clearingBody #banner--v2 .button:nth-of-type(2),
#banner--v2.clearing .button:nth-of-type(2) {
	margin-left: 1.5rem;
	background: transparent;
	color: #ffffff;
}

#clearingBody #banner--v2 .button:hover,
#clearingBody #banner--v2 button:hover,
#clearingBody .h-group .button,
#clearingBody .h-group button,
#banner--v2.clearing .button:hover,
#banner--v2.clearing button:hover {
	background: var(--clearing);
	border-color: var(--clearing);
	color: var(--navy);
	background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
	border-color: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
}

/* clearing buttons end */

#banner--v2 button.flickity-button {
	color: #ffffff;
	border-color: #ffffff;
}

/* carousel v2 start */

/* carousel styles removed due to conflict and testing - find in carousel--old.css in media */

/* carousel v2 end */

/* portal start */
.portal__inner .button {
	background-color: var(--navy);
	border-color: var(--navy);
	color: #ffffff;
	border-radius: 1.5rem;
	font-weight: 700;
}

.portal__inner .button:hover,
.portal__inner .button:active {
	background: var(--navy);
	border-color: var(--navy);
	color: var(--theme);
	background-image: linear-gradient(rgba(32, 23, 23, 0.08), rgba(0, 0, 0, 0.08));
	border-color: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
}

/* portal end */

/* general .button added by Phil, Standard and Ghost start */
.h-group a.button,
.h-group a.button:visited,
.row .col a.button,
.row .col a.button:visited,
.h-group a.button.ghost,
.h-group a.button.ghost:visited,
.row .col a.button.ghost,
.row .col a.button.ghost:visited {
	background: var(--theme);
	color: var(--offwhite);
	border-color: var(--theme);
}

.h-group a.button:hover,
.h-group a.button:active,
.row .col a.button:hover,
.row .col a.button:active,
.h-group a.button.ghost:hover,
.h-group a.button.ghost:active,
.row .col a.button.ghost:hover,
.row .col a.button.ghost:active {
	/*background: var(--theme);*/
	background: #ffffff;
	color: var(--navy);
	border-color: var(--theme);
	background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
	border-color: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
}

/* clearing version start */
#clearingBody .h-group a.button,
#clearingBody .h-group a.button:visited,
#clearingBody .row .col a.button,
#clearingBody .row .col a.button:visited {
	background: var(--clearing);
	color: var(--navy);
	border-color: var(--clearing);
}

#clearingBody .h-group a.button:hover,
#clearingBody .h-group a.button:active,
#clearingBody .row .col a.button:hover,
#clearingBody .row .col a.button:active {
	background: var(--clearing);
	border-color: var(--clearing);
	color: var(--navy);
	background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
	border-color: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
}

#clearingBody .h-group a.button.ghost,
#clearingBody .h-group a.button.ghost:visited,
#clearingBody .row .col a.button.ghost,
#clearingBody .row .col a.button.ghost:visited {
	background: #ffffff;
	color: var(--navy);
	border-color: var(--clearing);
}

#clearingBody .h-group a.button.ghost:hover,
#clearingBody .h-group a.button.ghost:active,
#clearingBody .row .col a.button.ghost:hover,
#clearingBody .row .col a.button.ghost:active {
	background: var(--clearing);
	border-color: var(--clearing);
	color: var(--navy);
	background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
	border-color: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
}

/* clearing version end */

.social-media .row .col a.button,
.social-media .row .col a.button:visited {
	background: #ffffff;
	color: var(--navy);
	border-color: var(--navy);
}

.social-media .row .col a.button:hover,
.social-media .row .col a.button:active {
	background: var(--theme);
	color: #fff;
	border-color: var(--theme);
}

/* general .button added by Phil, Standard and Ghost end */

/* 2022, v2 end */

/* gecko chat override start */
.GeckoChatWidget .UnreadMessages .unread-msg-close {
	right: 8px;
}

#GeckoChatWidget .GeckoChatWidget .UnreadMessages {
	margin-bottom: 1rem !important;
	right: 1.4rem !important;
	border-radius: 10px;
	width: 320px;
	max-height: 400px;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	bottom: 110px;
	right: 30px;
	z-index: 9999;
	-webkit-animation: slideUp 0.3s linear forwards;
	animation: slideUp 0.3s linear forwards;
	padding: 25px 8px 10px 10px;
	font-family: Muli, Arial, sans-serif !important;
	-ms-flex-direction: column-reverse;
	flex-direction: column;
}

/* gecko chat override end */

/* carousel dots  start */
.flickity-page-dots .is-selected {
	border-color: #ffffff;
}

/* carousel dots end */
@media (max-width: 602px) {
	#GeckoChatWidget .GeckoChatWidget .UnreadMessages {
		margin-bottom: 0rem !important;
		bottom: 85px;
	}
}