/*
* theme-2023-24-hybrid.css
*/

/* colours */
:root {
	/* base colours (do not use directly) */
	--lt-colour-deepred: #4a0021;
	--lt-colour-orange: #f87f41;
	--lt-colour-black: #000000;
	--lt-colour-offwhite: rgb(243, 240, 240);
	--lt-colour-offblack: #302828;
	--lt-colour-stone: #dcd2c1;
	--lt-colour-aqua: rgb(148, 215, 200);
	--lt-colour-rose: rgb(249, 158, 176);
	--lt-colour-white: #ffffff;
	--lt-colour-blue: #a0c0e4;
	--lt-colour-transparent: #fff0;
	--lt-colour-red: #c12433;
	--lt-colour-light-yellow: #f7e286;

	/* theme colours */
	--lt-colour-primary: var(--lt-colour-deepred);
	--lt-colour-secondary: var(--lt-colour-stone);
	--lt-colour-tertiary: var(--lt-colour-orange);
	--lt-colour-quaternary: var(--lt-colour-aqua);
	--lt-colour-accent-primary: var(--lt-colour-rose);
	--lt-colour-accent-secondary: var(--lt-colour-blue);
	--lt-colour-clearing: var(--lt-colour-orange);
	--lt-colour-danger: var(--lt-colour-red);
	--lt-colour-accessible: var(--lt-colour-light-yellow);
	--lt-colour-neutral: var(--lt-colour-offwhite);

	/* Text colours to use on theme backgrounds */
	--lt-colour-transparent-text: var(--lt-colour-deepred);
	--lt-colour-primary-text: var(--lt-colour-stone);
	--lt-colour-secondary-text: var(--lt-colour-deepred);
	--lt-colour-tertiary-text: var(--lt-colour-black);
	--lt-colour-quaternary-text: var(--lt-colour-black);
	--lt-colour-accent-primary-text: var(--lt-colour-black);
	--lt-colour-accent-secondary-text: var(--lt-colour-black);
	--lt-colour-clearing-text: var(--lt-colour-black);
	--lt-colour-danger-text: var(--lt-colour-white);
	--lt-colour-neutral-text: var(--lt-colour-offblack);

	/* Lighter Theme Colors (for show/hide panels, etc.) */
	--lt-colour-transparent-light: color-mix(in srgb, var(--lt-colour-primary), white 20%);
	--lt-colour-primary-light: color-mix(in srgb, var(--lt-colour-primary), white 20%);
	--lt-colour-secondary-light: color-mix(in srgb, var(--lt-colour-secondary), white 30%);
	--lt-colour-tertiary-light: color-mix(in srgb, var(--lt-colour-tertiary), white 20%);
	--lt-colour-quaternary-light: color-mix(in srgb, var(--lt-colour-quaternary), white 35%);
	--lt-colour-accent-primary-light: color-mix(in srgb, var(--lt-colour-accent-primary), white 20%);
	--lt-colour-accent-secondary-light: color-mix(in srgb, var(--lt-colour-accent-secondary), white 20%);
	--lt-colour-clearing-light: color-mix(in srgb, var(--lt-colour-clearing), white 20%);
	--lt-colour-danger-light: color-mix(in srgb, var(--lt-colour-danger), white 20%);
	--lt-colour-neutral-light: color-mix(in srgb, var(--lt-colour-neutral), white 20%);

	/* Darker Text Theme Colors (for hover, icons, etc.) */
	--lt-colour-transparent-text-muted: color-mix(in srgb, var(--lt-colour-primary), var(--lt-colour-primary-text) 70%);
	--lt-colour-primary-text-muted: color-mix(in srgb, var(--lt-colour-primary), var(--lt-colour-primary-text) 70%);
	--lt-colour-secondary-text-muted: color-mix(in srgb, var(--lt-colour-secondary), var(--lt-colour-secondary-text) 70%);
	--lt-colour-tertiary-text-muted: color-mix(in srgb, var(--lt-colour-tertiary), var(--lt-colour-tertiary-text) 70%);
	--lt-colour-quaternary-text-muted: color-mix(in srgb, var(--lt-colour-quaternary), var(--lt-colour-quaternary-text) 70%);
	--lt-colour-accent-primary-text-muted: color-mix(in srgb, var(--lt-colour-accent-primary), var(--lt-colour-accent-primary-text) 70%);
	--lt-colour-accent-secondary-text-muted: color-mix(in srgb, var(--lt-colour-accent-secondary), var(--lt-colour-accent-secondary-text) 70%);
	--lt-colour-clearing-text-muted: color-mix(in srgb, var(--lt-colour-clearing), var(--lt-colour-clearing-text) 70%);
	--lt-colour-danger-text-muted: color-mix(in srgb, var(--lt-colour-danger), var(--lt-colour-danger-text) 70%);
	--lt-colour-neutral-text-muted: color-mix(in srgb, var(--lt-colour-neutral), var(--lt-colour-neutral-text) 70%);
}

/* layout */
:root {
	/* line heights */
	--lt-line-height-body: 1.5;
	--lt-line-height-head: 1.15;
	--lt-line-height-button: 1.25;

	/* font families */
	--lt-font-family-heading: 'neue-haas-grotesk-display', 'Arial Narrow', Arial, sans-serif;
	--lt-font-family-body: 'neue-haas-unica', Calibri, Candara, Segoe UI, Arial, sans-serif;

	/* font sizes */
	--lt-body-font-size: clamp(1rem, 2vw + 0.25rem, 1.15rem);
	--lt-body-font-size-sm: calc(var(--lt-body-font-size) * 0.85);
	--lt-body-font-size-xs: calc(var(--lt-body-font-size) * 0.85 * 0.85);

	/* button font sizes */
	--lt-button-font-size: clamp(1rem, 2vw + 0.25rem, 1.15rem);
	--lt-button-large-font-size: clamp(1.25rem, 2.25vw + 0.5rem, 1.75rem);
	--lt-button-jumbo-font-size: clamp(2rem, 4vw + 0.5rem, 2.5rem);

	/* heading font sizes */
	--lt-heading__h1-font-size: clamp(2.25rem, 4vw + 1rem, 3rem);
	--lt-heading__h2-font-size: clamp(1.75rem, 3vw + 0.5rem, 2rem);
	--lt-heading__h3-font-size: clamp(1.25rem, 2.5vw + 0.25rem, 1.5rem);
	--lt-heading__h4-font-size: clamp(1.15rem, 2vw + 0.25rem, 1.25rem);
	--lt-heading__h5-font-size: var(--lt-heading__h4-font-size);
	--lt-heading__h6-font-size: var(--lt-heading__h4-font-size);

	/* Heading Display Versions */
	--lt-heading__h1-display-font-size: clamp(3rem, 5vw + 1rem, 4rem);
	--lt-heading__h2-display-font-size: clamp(2rem, 3vw + 0.5rem, 3rem);
	--lt-heading__h3-display-font-size: clamp(1.75rem, 2.75vw + 0.25rem, 2.5rem);
	--lt-heading__h4-display-font-size: clamp(1.5rem, 2.5vw + 0.25rem, 2rem);
	--lt-heading__h5-display-font-size: var(--lt-heading__h4-display-font-size);
	--lt-heading__h6-display-font-size: var(--lt-heading__h4-display-font-size);

	/* Heading fonts weight */
	--lt-heading-font-weight-normal: 500;
	--lt-heading-font-weight-bold: 700;
	--lt-heading-font-weight-xbold: 900;
	--lt-heading-font-weight: var(--lt-heading-font-weight-normal);

	/* Body font Weights */
	--lt-body-font-weight-normal: 400;
	--lt-body-font-weight-bold: 700;
	--lt-body-font-weight-xbold: 900;
	--lt-body-font-weight: var(--lt-body-font-weight-normal);
}

/* Swiper */
:root {
	--swiper-pagination-color: rgba(74, 0, 33, 1);
	--swiper-pagination-bullet-inactive-color: rgba(74, 0, 33, 1);
}

/* general margins - single value */
:root {
	--lt-layout-margin-xs: 0.3375rem;
	--lt-layout-margin-sm: 0.675rem;
	--lt-layout-margin-md: 1.25rem;
	--lt-layout-margin-lg: 2.5rem;
	--lt-layout-margin-xl: 5rem;
	--lt-layout-margin: var(--lt-layout-margin-md);
}

/* general padding - single value */
:root {
	--lt-layout-padding-xs: 0.3375rem;
	--lt-layout-padding-sm: 0.675rem;
	--lt-layout-padding-md: 1.25rem;
	--lt-layout-padding-lg: 2.5rem;
	--lt-layout-padding-xl: 5rem;
	--lt-layout-padding: var(--lt-layout-padding-md);
}

/* border widths - single value */
:root {
	--lt-layout-border-width-xs: 0.03125rem;
	--lt-layout-border-width-sm: 0.0625rem;
	--lt-layout-border-width-md: 0.125rem;
	--lt-layout-border-width-lg: 0.25rem;
	--lt-layout-border-width-xl: 0.5rem;
	--lt-layout-border-width: var(--lt-layout-border-width-md);
	/* default */
}

/* buttons - was padding: 0.75rem 1rem; */
:root {
	--lt-button-padding-sm: 0.3125rem calc(0.3125rem * 1.5);
	--lt-button-padding-md: 0.675rem calc(0.675rem * 1.5);
	--lt-button-padding-lg: 1.25rem calc(1.25rem * 1.5);
	--lt-button-padding-xl: 2.5rem calc(2.5rem * 1.5);

	--lt-button-icon-spacing-sm: 0.3125rem;
	--lt-button-icon-spacing-md: 0.675rem;
	--lt-button-icon-spacing: var(--lt-button-icon-spacing-md);

	--lt-button-border-width: var(--lt-layout-border-width-md);
}

/* section margins */
:root {
	--lt-layout-section-margin-sm: 1rem 0;
	--lt-layout-section-margin-md: 2rem 0;
	--lt-layout-section-margin-lg: 4rem 0;
	--lt-layout-section-margin: var(--lt-layout-section-margin-md);
	/* default */
}

/* section padding */
:root {
	--lt-layout-section-padding-sm: 1rem;
	--lt-layout-section-padding-md: 2rem;
	--lt-layout-section-padding-lg: 4rem;
	--lt-layout-section-padding: var(--lt-layout-section-padding-md);
	/* default */
}

/* max width for readable text */
:root {
	--lt-layout-text-width-readable: 55rem;
}

/* flex/grid gaps */
:root {
	--lt-layout-gap-xxs: 0.25rem;
	--lt-layout-gap-xs: 0.5rem;
	--lt-layout-gap-sm: 1rem;
	--lt-layout-gap-md: 2rem;
	--lt-layout-gap-lg: 4rem;
	--lt-layout-gap: var(--lt-layout-gap-md);
	/* default */
}

:root {
	/* aspect ratios */
	--lt-layout-ratio-square: 1 / 1;
	--lt-layout-ratio-landscape: 3 / 2;
	--lt-layout-ratio-wide: 16 / 9;

	/* default */
	--lt-layout-ratio: var(--lt-layout-ratio-wide);
}

/* links */
:root {
	--lt-underline-max: 0.2rem;
	--lt-anim: 0.25s cubic-bezier(0.2, 0.6, 0.2, 1);
}

/* free text spacing (user-generated HTML) */
:root {
	--lt-freetext-margin: 0 0 var(--lt-layout-margin-md);
}

:root {
	--lt-style-focus: 0.25rem solid var(--lt-colour-accessible);
}

/* prettier-ignore */
/*@font-face {
    font-family: "Neue Haas Grotesk";
    font-style: normal;
    font-weight: var(--lt-body-font-weight-normal);
   src: url('/terminalfour/SiteManager?ctfn=download&fnno=60&ceid=b6c1a16c734146f2e03aa0414325109ef01db8f4') format('otf');
	  src: url("/media/fonts/NeueHaasGrotesk55Roman.otf") format("opentype");
}

@font-face {
    font-family: "Neue Haas Unica Pro";
    font-style: normal;
    font-weight: var(--lt-body-font-weight-normal);
    src: url('/terminalfour/SiteManager?ctfn=download&fnno=60&ceid=425803d87d5ba39e82da6b18336c1c62657b4824') format('otf');
	src: url('{{media id="73210" formatter="path/*"}}') format('opentype');
}*/

/* override browser box modal */
*,
::before,
::after {
	box-sizing: border-box;
}

/* Style HTML tags */

body {
	font-family: var(--lt-font-family-body);
	font-style: normal;
	font-size: var(--lt-body-font-size);
	line-height: var(--lt-line-height-body);
	margin: 0;
	overflow-x: hidden !important;
	margin-right: calc(100% - 100vw) !important;
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
	letter-spacing: normal;
}

img {
	width: 100%;
}

p {
	line-height: var(--lt-line-height-body);
	font-size: var(--lt-body-font-size);
	margin: 0 0 var(--lt-layout-margin-md);
}

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

h2 {
	font-size: var(--lt-heading__h2-font-size);
}

h3 {
	font-size: var(--lt-heading__h3-font-size);
}

h4 {
	font-size: var(--lt-heading__h4-font-size);
}

h5 {
	font-size: var(--lt-heading__h5-font-size);
}

h6 {
	font-size: var(--lt-heading__h6-font-size);
}

h1,
h2,
h3 {
	font-family: var(--lt-font-family-heading);
	font-style: normal;
	line-height: var(--lt-line-height-head);
	font-weight: var(--lt-heading-font-weight-normal);
}

h4,
h5,
h6 {
	font-family: var(--lt-font-family-body);
	font-style: normal;
	line-height: var(--lt-line-height-head);
	font-weight: var(--lt-body-font-weight-bold);
}

/* HTML Tags */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

ol,
p,
ul {
	margin: 0 0 var(--lt-layout-margin-md);
}

ol,
ul {
	padding-left: 1em;
	text-align: left;
}

li,
p {
	font-size: var(--lt-body-font-size);
	letter-spacing: normal;
	line-height: inherit;
}

button,
input,
select,
textarea {
	font-size: var(--lt-button-font-size);
	margin: 0;

	&[disabled] {
		opacity: 0.6;
		cursor: not-allowed;
	}
}

li {
	margin-bottom: 0.35rem;
}

.logo {
	background-color: var(--lt-colour-primary) !important;
}

a {
	color: inherit;
	text-decoration-color: var(--lt-colour-primary);
	text-decoration-line: underline;
	text-underline-offset: 0.15rem;
	line-height: var(--lt-line-height-body);
	transition: all 0.25s;

	&:hover {
		text-decoration-color: var(--lt-colour-primary);
		text-decoration-line: underline;
		text-underline-offset: 0.15rem;
		text-decoration-thickness: 0.2rem;
	}

	&:focus-visible {
		outline: var(--lt-style-focus);
	}

	&.lt-button {
		text-decoration: none;
		background-color: rgba(255, 255, 255, 0);
		color: var(--lt-colour-primary);
		border: var(--lt-button-border-width) solid var(--lt-colour-primary);

		&:hover {
			text-decoration: none;
			color: var(--lt-colour-secondary);
			background-color: var(--lt-colour-primary);
		}
	}
}

::selection {
	background-color: var(--lt-colour-black);
	color: var(--lt-colour-white);
}

:first-child {
	margin-top: 0;
}

:last-child {
	margin-bottom: 0;
}

abbr[title] {
	border-bottom: var(--lt-layout-border-width-sm) dotted;
}

b,
strong {
	font-weight: var(--lt-body-font-weight-bold);
}

dfn {
	font-style: italic;
}

hr {
	box-sizing: content-box;
	height: 0;
}

mark {
	background: #ff0;
	color: var(--lt-colour-black);
}

pre {
	white-space: pre-wrap;
}

q {
	quotes: '“' '”' '‘' '’';
}

sub,
sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5rem;
}

sub {
	bottom: -0.25rem;
}

img {
	border: 0;
}

figure {
	margin: 0;
}

legend {
	border: 0;
	padding: 0;
}

/* Change select favicon */
select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: none;
}

.select-fa,
.dt-length {
	height: 3rem;
	position: relative;
}

.select-fa::after,
.dt-length::after {
	content: '\f107';
	font-family: 'Font Awesome 7 Sharp';
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--lt-colour-primary);
	cursor: pointer;
	font-size: var(--lt-button-font-size);
	opacity: 1;
	pointer-events: none;
	transition:
		opacity 0.2s ease,
		transform 0.2s ease;
}

.select-fa:has(select:focus)::after,
.dt-length:has(select:focus)::after {
	opacity: 1;
	transform: translateY(-50%) rotate(180deg);
}

select {
	padding-right: 3rem;
}

/* default table styling start */

table {
	border-spacing: 0.5rem;
	border-collapse: collapse;
	box-sizing: border-box;
	text-indent: 0;
	width: 100%;
	margin: 3.75rem auto;
	text-align: left;
	table-layout: fixed;

	:is(th, td) {
		padding: 0.5rem 0.75rem;
	}
}

/* Table classes */
:is(table.lt-table--striped-rows, table.lt-table--striped-rows-neutral) {
	tbody tr:nth-child(odd) {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-primary);
	}

	tbody tr:nth-child(even) {
		background-color: var(--lt-colour-primary-light);
		color: var(--lt-colour-white);
	}

	tbody,
	td {
		padding: 0.25rem;
	}

	:is(th, td) {
		padding: 0.75rem 1rem;
	}
}

/* grey version overrides .lt-table--striped-rows */
.lt-table--striped-rows-neutral {
	tr:nth-child(even) {
		background-color: var(--lt-colour-offwhite);
		color: var(--lt-colour-black);
	}
}

/* Grid table styling */
table.lt-table--grid {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 2rem;
	background: var(--lt-colour-white);
	overflow: hidden;

	:is(th, td) {
		padding: 0.75rem 1rem;
		vertical-align: top;
		border: 0.125rem solid var(--lt-colour-primary);
	}

	th {
		background: var(--lt-colour-primary);
		color: var(--lt-colour-white);
		font-weight: var(--lt-body-font-weight-bold);
		text-align: left;
	}

	td {
		background: var(--lt-colour-white);
	}

	tr:nth-child(even) td {
		background-color: color-mix(in srgb, var(--lt-colour-primary), transparent 90%);
	}

	caption {
		caption-side: top;
		font-weight: var(--lt-body-font-weight-normal);
		color: var(--lt-colour-primary);
		margin-bottom: 0.5rem;
	}
}

/* DataTables */
.lt-table__dt-input {
	border: var(--lt-layout-border-width-sm) solid var(--lt-colour-primary);
}

.lt-table__dt-button {
	background-color: var(--lt-colour-primary);
	color: var(--lt-colour-secondary);

	&:hover {
		background-color: var(--lt-colour-secondary);
		color: var(--lt-colour-primary);
	}
}

.course-linkout {
	text-align: end;
}

/* End Table */

.lt-utility-table-wrapper--striped {
	table {
		tr:nth-child(even) {
			background-color: var(--lt-colour-primary-light);
			color: var(--lt-colour-white);
		}

		tbody tr:nth-child(odd) {
			background-color: var(--lt-colour-white);
		}

		tbody,
		td {
			padding: 0.25rem;
		}

		:is(th, td) {
			padding: 0.75rem 1rem;
		}
	}
}

.lt-utility-table-wrapper--grid {
	table {
		border-collapse: collapse;
		border-spacing: 0;
		width: 100%;
		margin-bottom: 2rem;
		background: var(--lt-colour-white);
		overflow: hidden;

		:is(th, td) {
			padding: 0.75rem 1rem;
			vertical-align: top;
			border: 0.125rem solid var(--lt-colour-primary);
		}

		th {
			background: var(--lt-colour-primary);
			color: var(--lt-colour-white);
			font-weight: var(--lt-body-font-weight-normal);
			text-align: left;
		}

		td {
			background: var(--lt-colour-white);
		}

		tr:nth-child(even) td {
			background-color: color-mix(in srgb, var(--lt-colour-primary), transparent 90%);
		}

		caption {
			caption-side: top;
			font-weight: var(--lt-body-font-weight-normal);
			color: var(--lt-colour-primary);
			margin-bottom: 0.5rem;
		}
	}
}

/* default table styling end */
img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto var(--lt-layout-margin-md);
}

p img {
	margin-bottom: 0;
}

picture {
	display: block;
	max-width: 100rem;
	margin: 0 auto;
}

figure {
	display: inline-block;
	margin: 2.5rem auto;
}

figure img {
	margin: 0;
}

figcaption {
	padding: 0.625rem 0;
	border-bottom: 0.125rem solid;
	font-size: 1rem;
	font-style: italic;
	line-height: 1.25;
}

svg {
	fill: currentColor;
	vertical-align: middle;
}

video {
	display: block;
	width: auto;
	height: auto;
	margin: 0 auto var(--lt-layout-margin-md);
}

iframe,
video {
	max-width: 100%;
}

iframe {
	margin: 0 auto;
	border: 0;
}

caption {
	border: 0.125rem solid;
	font-size: 1rem;
	text-align: left;
}

caption,
td,
th {
	padding: var(--lt-layout-padding-sm) var(--lt-layout-padding-md);
}

td,
th {
	border-width: 0.125rem 0;
	line-height: 1.25;
}

th {
	font-size: 1.125rem;
	font-weight: var(--lt-body-font-weight-normal);
}

td {
	font-size: 1rem;
}

thead th {
	padding: 0.9375rem 0.625rem;
	background: var(--lt-colour-primary);
	color: var(--lt-colour-white);
	border: 0;
	font-weight: var(--lt-body-font-weight-bold);
	text-transform: none;
}

ttr:nth-child(2n) td,
ttr:nth-child(2n) th {
	background: #f0f0f0;
}

ttr:nth-child(odd):last-child td,
ttr:nth-child(odd):last-child th {
	border-bottom: 0.25rem solid #f0f0f0;
}

strong {
	font-weight: 700;
}

sub {
	bottom: 0;
}

span {
	font-weight: inherit;
}

blockquote {
	margin: 2.5rem auto;
	font-weight: var(--lt-body-font-weight-normal);
}

blockquote p:first-of-type:before,
blockquote p:last-of-type:after {
	padding: 0 0.125em;
}

blockquote p:first-of-type:before {
	content: '“';
	position: absolute;
	transform: translateX(-100%);
}

blockquote p:last-of-type:after {
	content: '”';
}

cite {
	font-style: normal;
	font-weight: var(--lt-body-font-weight-normal);
	line-height: 1;
}

section {
	margin: 0 auto;
	padding-top: var(--lt-layout-section-padding-lg);
	padding-bottom: var(--lt-layout-section-padding-lg);
}

input[type='email'],
input[type='password'],
input[type='search'],
input[type='text'],
select,
textarea {
	box-sizing: border-box;
	padding: 0.75rem 1rem !important;
	background-color: transparent;
	box-shadow: none;
	color: inherit;
	font-weight: var(--lt-body-font-weight-normal);
	line-height: 1;
	transition: all 0.25s;
	width: 100%;
	border: 0rem;

	&[disabled] {
		opacity: 0.6;
		cursor: not-allowed;
	}
}

/* summary and details override start */
summary {
	display: list-item;
	cursor: pointer;
}

details[open] summary {
	margin-bottom: 0;
}

details[open] p:last-child {
	margin-bottom: 1rem;
}

details :last-child {
	margin-bottom: 0;
}

dl {
	display: grid;
	grid-template-columns: 33% 1fr;
	/* dt takes 33% width, dd takes remaining space */
	grid-gap: var(--lt-layout-gap-sm);
	/* Spacing between dt and dd */
}

/* definition list start */
dl dt {
	min-width: 11.25rem;
	font-weight: var(--lt-body-font-weight-normal);
}

dt::after {
	content: ':';
}

dl dt,
dl dd {
	padding: 0 var(--lt-layout-padding-md) 0 0;
}

/* definition list end */

/*End Tags*/

/* Start utility classes */

.inner,
.lt-layout-section__inner,
/* use this - more descriptive name */
.lt-layout-section-inner {
	width: 100%;
	max-width: 87.5rem;
	padding: 0 var(--lt-layout-padding-md);
	margin: 0 auto;
}

.h-group,
.lt-layout-width-readable

/* use this - more descriptive name */ {
	max-width: var(--lt-layout-text-width-readable);
}

.lt-layout-align-left {
	margin-right: auto;
}

.lt-layout-align-centre,
.lt-layout-align-center {
	margin-left: auto;
	margin-right: auto;
}

.lt-layout-align-right {
	margin-left: auto;
}

.lt-overflow--hidden,
/* use this */
.lt-layout-overflow-hidden {
	overflow: hidden;
}

/* for user-generated content */
.lt-layout-freetext {
	:is(h1, h2, h3, h4, ol, ul, p) + :is(h1, h2, h3, h4, ol, ul, p) {
		margin-top: var(--lt-layout-margin-md);
	}
}

.lt-utility-text-danger {
	color: var(--lt-colour-danger);
}

.lt-utility-bg-danger {
	background-color: color-mix(in srgb, var(--lt-colour-danger), white 20%);
}

/* aspect ratio utility classes */
/* default */
.lt-utility-ratio {
	aspect-ratio: var(--lt-layout-ratio);
}

/* variants */
.lt-utility-ratio--square {
	aspect-ratio: var(--lt-layout-ratio-square);
}

.lt-utility-ratio--landscape {
	aspect-ratio: var(--lt-layout-ratio-landscape);
}

.lt-utility-ratio--wide {
	aspect-ratio: var(--lt-layout-ratio-wide);
}

/* end utility classes*/

/* Start Skip Link */

.skiplink {
	position: absolute;
	left: -9999em;
}

.skiplink:focus-visible,
.skiplink:visited {
	color: var(--lt-colour-white);
}

.skiplink:focus-visible {
	left: 0;
	z-index: 1;
	position: static;
}

#skiplink-container {
	text-align: center;
	background: #0b0c0c;
}

#skiplink-container div {
	text-align: left;
	margin: 0 auto;
	max-width: 63.75rem;
}

#skiplink-container .skiplink {
	display: inline-block;
	margin: 0.75em 0 0 1.87rem;
}

/* End Skip Link */

/* Image Overlay */

.lt-container {
	width: 100%;
	max-width: 87.5rem;
	padding: 0.5rem 0.5rem;
	margin: auto;
}

.lt-layout-button-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lt-layout-gap-sm);
	margin-top: var(--lt-layout-margin-md);
	margin-bottom: var(--lt-layout-margin-md);
}

/*=== Column container Start ===*/
.lt-layout-grid-cols {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--lt-layout-gap);

	&.lt-layout-grid-cols--sidebar-right {
		grid-template-columns: 3fr 1fr;
		gap: var(--lt-layout-gap-lg);
	}

	&.lt-layout-grid-cols--sidebar-left {
		grid-template-columns: 1fr 3fr;
		gap: var(--lt-layout-gap-lg);
	}

	&.lt-layout-grid-cols--one-col {
		grid-template-columns: 1fr;
	}

	&.lt-layout-grid-cols--two-cols {
		grid-template-columns: repeat(2, 1fr);
	}

	&.lt-layout-grid-cols--three-cols {
		grid-template-columns: repeat(3, 1fr);
	}

	&.lt-layout-grid-cols--four-cols {
		grid-template-columns: repeat(4, 1fr);
	}

	&.lt-layout-grid-cols--auto-cols {
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 23%), 1fr));
	}

	&.lt-layout-cols--auto-cols {
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 23%), 1fr));
	}
}

/* @todo replace with .lt-layout-grid-cols then delete */
.lt-grid-container

/* use this namespaced version */ {
	display: grid;
	grid-auto-flow: column;
	column-gap: var(--lt-layout-gap-md);

	&.lt-grid--sidebar-right {
		grid-template-columns: 3fr 1fr;
	}
}

/*=== Column container End ===*/

.lt-layout-sticky-title-column {
	height: 100%;

	& > .lt-layout-sticky-title-column__inner {
		position: sticky;
		top: 12rem;

		& > .lt-layout-sticky-title-column__heading {
			font-size: var(--lt-heading__h2-display-font-size);
			font-weight: var(--lt-body-font-weight-normal);
		}

		& > .lt-layout-sticky-title-column__subheading {
			margin-top: var(--lt-layout-margin-sm);
		}
	}
}

/* inline list styles */
.list-inline,
ul.lt-layout-list-inline {
	padding: 0;
	list-style-type: none;
	text-align: inherit;

	li {
		padding-left: 0;
		display: inline-block;
		vertical-align: middle;
		width: auto;
		margin-bottom: 0;
	}

	li:before {
		content: none;
	}

	li:last-child {
		margin-right: 0;
	}

	.list-inline--img li {
		margin-right: var(--lt-layout-margin-md);
	}
}

/* unstyled list styles */
.list-unstyled,
ul.lt-layout-list-unstyled

/* prefer namespaced version */ {
	padding: 0;
	list-style-type: none;
	text-align: inherit;

	li {
		padding-left: 0;
	}

	li:before {
		content: none;
	}
}

:is(section, nav).lt-theme {
	padding: 3.75rem 0;
}

/* Common Theme Styling - actual colours are redefined by themes - can be used both here, and in content types (for more maintainable CSS) */

:root {
	--lt-colour-theme: var(--lt-colour-primary);
	--lt-colour-theme-light: var(--lt-colour-primary-light);
	--lt-colour-theme-text: var(--lt-colour-primary-text);
	--lt-colour-theme-text-muted: var(--lt-colour-primary-text-muted);
}

.lt-theme--primary {
	--lt-colour-theme: var(--lt-colour-primary);
	--lt-colour-theme-light: var(--lt-colour-primary-light);
	--lt-colour-theme-text: var(--lt-colour-primary-text);
	--lt-colour-theme-text-muted: var(--lt-colour-primary-text-muted);
}

.lt-theme--secondary {
	--lt-colour-theme: var(--lt-colour-secondary);
	--lt-colour-theme-light: var(--lt-colour-secondary-light);
	--lt-colour-theme-text: var(--lt-colour-secondary-text);
	--lt-colour-theme-text-muted: var(--lt-colour-secondary-text-muted);
}

.lt-theme--tertiary {
	--lt-colour-theme: var(--lt-colour-tertiary);
	--lt-colour-theme-light: var(--lt-colour-tertiary-light);
	--lt-colour-theme-text: var(--lt-colour-tertiary-text);
	--lt-colour-theme-text-muted: var(--lt-colour-tertiary-text-muted);
}

.lt-theme--quaternary {
	--lt-colour-theme: var(--lt-colour-quaternary);
	--lt-colour-theme-light: var(--lt-colour-quaternary-light);
	--lt-colour-theme-text: var(--lt-colour-quaternary-text);
	--lt-colour-theme-text-muted: var(--lt-colour-quaternary-text-muted);
}

.lt-theme--transparent {
	--lt-colour-theme: var(--lt-colour-white);
	--lt-colour-theme-light: var(--lt-colour-transparent-light);
	--lt-colour-theme-text: var(--lt-colour-transparent-text);
	--lt-colour-theme-text-muted: var(--lt-colour-transparent-text-muted);
}

.lt-theme--accent-primary {
	--lt-colour-theme: var(--lt-colour-accent-primary);
	--lt-colour-theme-light: var(--lt-colour-accent-primary-light);
	--lt-colour-theme-text: var(--lt-colour-accent-primary-text);
	--lt-colour-theme-text-muted: var(--lt-colour-accent-primary-text-muted);
}

.lt-theme--accent-secondary {
	--lt-colour-theme: var(--lt-colour-accent-secondary);
	--lt-colour-theme-light: var(--lt-colour-accent-secondary-light);
	--lt-colour-theme-text: var(--lt-colour-accent-secondary-text);
	--lt-colour-theme-text-muted: var(--lt-colour-accent-secondary-text-muted);
}

/* shared theming (using theme vars) */
.lt-theme--primary,
.lt-theme--secondary,
.lt-theme--tertiary,
.lt-theme--quaternary,
.lt-theme--transparent,
.lt-theme--accent-primary,
.lt-theme--accent-secondary {
	/* background */
	background-color: var(--lt-colour-theme);

	/* text */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	span,
	strong,
	ul,
	li,
	dl {
		color: var(--lt-colour-theme-text);
	}

	/* buttons */
	.lt-button {
		background-color: var(--lt-colour-theme);
		border: var(--lt-button-border-width) solid var(--lt-colour-theme-text);
		color: var(--lt-colour-theme-text);
	}

	.lt-button:hover {
		background-color: var(--lt-colour-theme-text);
		border: var(--lt-button-border-width) solid var(--lt-colour-theme-text);
		color: var(--lt-colour-theme);
	}

	.lt-button:focus-visible {
		outline: var(--lt-style-focus);
	}

	.lt-button--icon-next::after {
		color: var(--lt-colour-theme-text);
	}

	.lt-button--icon-next:hover::after {
		color: var(--lt-colour-theme);
	}

	.lt-button--icon-prev::before {
		color: var(--lt-colour-theme-text);
	}

	.lt-button--icon-prev:hover::before {
		color: var(--lt-colour-theme);
	}

	.lt-button--transparent {
		background-color: var(--lt-colour-transparent);
		color: var(--lt-colour-theme-text);
		font-size: var(--lt-button-font-size);
		border-color: var(--lt-colour-theme-text);
	}

	.lt-button--transparent:hover {
		color: var(--lt-colour-theme);
		background-color: var(--lt-colour-theme-text);
	}

	.lt-button--transparent.lt-button--icon-next::after {
		font: var(--fa-font-sharp-solid);
		content: '\f04b';
		color: var(--lt-colour-theme-text);
	}

	.lt-button--transparent.lt-button--icon-next:hover::after {
		color: var(--lt-colour-theme);
	}

	.lt-button--close {
		background-color: var(--lt-colour-theme-text);
		color: var(--lt-colour-theme);
		border: var(--lt-button-border-width) solid var(--lt-colour-theme-text);
		font-size: var(--lt-button-font-size);
	}

	.lt-button--close:hover {
		background-color: var(--lt-colour-theme);
		color: var(--lt-colour-theme-text);
		border: var(--lt-button-border-width) solid var(--lt-colour-theme);
	}

	/* Anchor Link */

	.lt-link {
		text-decoration-line: underline;
		color: var(--lt-colour-theme-text, currentColor);
		text-decoration-color: var(--lt-colour-theme-text, currentColor);
		text-decoration-thickness: 0.02rem;
		text-underline-offset: 0.15rem;
		text-decoration-skip-ink: auto;
		transition:
			text-decoration-thickness var(--lt-anim, 0.25s ease),
			text-underline-offset var(--lt-anim, 0.25s ease),
			color var(--lt-anim, 0.25s ease);
	}

	.lt-link:hover,
	.lt-link:focus-visible {
		text-decoration-thickness: 0.12rem;
		text-underline-offset: 0.3rem;
	}

	.lt-link--icon-prev::before {
		font: var(--fa-font-sharp-solid);
		content: '\e780';
		display: inline-block;
		margin-right: var(--lt-button-icon-spacing);
	}

	.lt-link--icon-next::after {
		font: var(--fa-font-sharp-solid);
		content: '\f04b';
		display: inline-block;
		margin-left: var(--lt-button-icon-spacing);
	}

	/* End Links*/
	/* tables */
	.lt-table {
		background-color: var(--lt-colour-white);

		&.lt-table--striped-rows tbody tr:nth-child(odd) {
			background-color: var(--lt-colour-theme-light);
			color: var(--lt-colour-white);
		}

		&.lt-table--striped-rows tbody tr:nth-child(even) {
			background-color: var(--lt-colour-white);
			color: var(--lt-colour-primary);
		}

		thead,
		th {
			background-color: var(--lt-colour-theme);
			color: var(--lt-colour-theme-text);
		}
	}

	/* General Table Styles End */
	.lt-utility-table-wrapper--striped {
		table {
			tr:nth-child(even) {
				background-color: var(--lt-colour-theme-light);
				color: var(--lt-colour-white);
			}

			tbody tr:nth-child(odd) {
				background-color: var(--lt-colour-white);
			}

			tbody,
			td {
				padding: 0.25rem;
			}

			:is(th, td) {
				padding: 0.75rem 1rem;
			}
		}
	}

	.lt-utility-table-wrapper--grid {
		table {
			border-collapse: collapse;
			border-spacing: 0;
			width: 100%;
			margin-bottom: 2rem;
			background: var(--lt-colour-white);
			overflow: hidden;

			:is(th, td) {
				padding: 0.75rem 1rem;
				vertical-align: top;
				border: 0.125rem solid var(--lt-colour-theme-text);
			}

			th {
				background: var(--lt-colour-primary);
				color: var(--lt-colour-white);
				font-weight: var(--lt-body-font-weight-normal);
				text-align: left;
			}

			td {
				background: var(--lt-colour-white);
			}

			tr:nth-child(even) td {
				background-color: color-mix(in srgb, var(--lt-colour-theme), transparent 90%);
			}

			caption {
				caption-side: top;
				font-weight: var(--lt-body-font-weight-normal);
				color: var(--lt-colour-primary);
				margin-bottom: 0.5rem;
			}
		}
	}

	/* General Table Styles End */

	/* fig */
	figcaption {
		color: var(--lt-colour-theme);
		background-color: var(--lt-colour-theme-text);
	}

	hr {
		border-color: var(--lt-colour-theme-text);
		max-width: 87.5rem;
		margin: 0 auto;
	}
}

/* theme overrides */

/* primary theme overrides */
.lt-theme--primary {
	/* avoid too much whitespace when adjacent */
	& ~ .lt-theme--primary {
		margin-top: 0;
	}
}

/* secondary theme overrides */
.lt-theme--secondary {
	/* avoid too much whitespace when adjacent */
	& ~ .lt-theme--secondary {
		margin-top: 0;
	}
}

/* Tertiary theme overrides */
.lt-theme--tertiary {
	/* avoid too much whitespace when adjacent */
	& ~ .lt-theme--tertiary {
		margin-top: 0;
	}

	/* buttons */
	.lt-button {
		background-color: var(--lt-colour-white);
		border-color: var(--lt-colour-white);
		color: var(--lt-colour-black);
	}

	.lt-button:hover {
		background-color: var(--lt-colour-theme);
		border-color: var(--lt-colour-white);
		color: var(--lt-colour-white);
	}

	.lt-button--icon-next::after {
		color: var(--lt-colour-black);
	}

	.lt-button--icon-next:hover::after {
		color: var(--lt-colour-white);
	}
}

/* Transparent theme overrides */
.lt-theme--transparent {
	/* avoid too much whitespace when adjacent */
	& + .lt-theme--transparent {
		margin-top: 0;
		padding-top: 0;
	}

	/* use primary colour for buttons */

	.lt-button {
		background-color: var(--lt-colour-theme-text);
		color: var(--lt-colour-theme);
	}

	.lt-button:hover {
		background-color: var(--lt-colour-theme);
		color: var(--lt-colour-theme-text);
	}

	.lt-button--icon-next::after {
		color: var(--lt-colour-theme);
	}

	.lt-button--icon-next:hover::after {
		color: var(--lt-colour-theme-text);
	}

	.lt-button--icon-prev::before {
		color: var(--lt-colour-theme);
	}

	.lt-button--icon-prev:hover::before {
		color: var(--lt-colour-theme-text);
	}
}

/* Quaternary theme overrides */
.lt-theme--quaternary {
	/* avoid too much whitespace when adjacent */
	& + .lt-theme--quaternary {
		margin-top: 0;
	}
}

/* Accent Primary theme overrides */
.lt-theme--accent-primary {
	/* avoid too much whitespace when adjacent */
	& + .lt-theme--accent-primary {
		margin-top: 0;
	}
}

/* Accent Secondary theme overrides */
.lt-theme--accent-secondary {
	/* avoid too much whitespace when adjacent */
	& + .lt-theme--accent-secondary {
		margin-top: 0;
	}
}

input:focus::placeholder {
	color: #000 !important;
}

.summary h2 {
	color: var(--lt-colour-primary);
}

.tab {
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: var(--lt-colour-primary);
	}
}

.summary-list,
.lt-course__card-summary-list {
	h3 {
		font-weight: var(--lt-body-font-weight-normal);
	}

	.summary-list__item-content,
	.lt-course__card-summary-list__item-content {
		font-weight: var(--lt-body-font-weight-normal);
		font-size: var(--lt-body-font-size);
	}
}

#detail-placements,
#detail-study-abroad {
	text-transform: capitalize;
}

.summary__main:after {
	border-left-color: var(--lt-colour-primary);
	border-bottom: 0.25rem solid var(--lt-colour-primary);
}

.summary-list,
.lt-course__card-summary-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--lt-layout-gap-md) var(--lt-layout-gap-xs);
	margin: 0 0 2.5rem;
}

/* new grid area for mobile end */

.course-information .tab__content table thead tr th,
.course-information #tabordion .tab_container table thead tr th {
	background-color: var(--lt-colour-primary);
}

.course-information .tab__content #v_ci--entry table thead,
.course-information #tabordion .tab_container #v_ci--entry table thead,
#course--entry--content table thead {
	visibility: collapse;
}

.course-information .tab__content #v_ci--entry table caption,
.course-information #tabordion .tab_container #v_ci--entry table caption,
#course--entry--content table caption {
	background: var(--lt-colour-primary);
	color: var(--lt-colour-white);
	font-size: var(--lt-body-font-size);
	caption-side: top;
}

/* tabordion start */

/* courses override end */

.footer__row {
	background: var(--lt-colour-primary) !important;
}

/* graduate outcomes survey anchor start */
#graduate-outcomes::before {
	display: block;
	content: ' ';
	margin-top: -14.0625rem;
	height: 14.0625rem;
	visibility: hidden;
	pointer-events: none;
}

/* graduate outcomes survey anchor end */

/* nss anchor start */
.anchor #nss::before {
	display: block;
	content: ' ';
	margin-top: -14.0625rem;
	height: 14.0625rem;
	visibility: hidden;
	pointer-events: none;
}

/* nss anchor end */

/* stat box start */
.course--statBox {
	padding: 1.65rem;
	border: 0.35rem solid var(--lt-colour-primary);
}

/* stat box end */

.card__image {
	margin-bottom: 0;
}

/* Page heading section */

section.lt-section-page-heading {
	.lt-section-page-heading__wrapper {
		margin: 0 auto;

		p {
			text-align: left;
		}
	}

	.lt-section-page-heading__lead {
		font-size: var(--lt-heading__h2-font-size) !important;
		color: var(--lt-colour-primary);
		line-height: var(--lt-line-height-head);
	}
}

/* end Page heading section */

/* grid Item started */
.grid__fullwidth {
	padding-top: 1.75rem;
	padding-bottom: 1.75rem;

	.grid--gutter {
		display: block;
		margin: 0 auto;
		max-width: 87.5rem;
	}

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

	.grid--container {
		display: flex;
		flex-flow: row wrap;
		margin: 0 0 0 -0.5rem;
		min-width: 80%;
	}

	.grid__item {
		flex: 1 0 20%;
		min-width: 12.5rem;
		text-align: left;
	}

	.grid__lead {
		color: var(--lt-colour-primary);
	}

	h3 {
		margin-bottom: var(--lt-layout-margin-md);
		margin-top: 0;
		font-size: var(--lt-heading__h3-font-size);
	}

	.grid__strong {
		font-size: var(--lt-heading__h4-font-size);
		font-weight: var(--lt-body-font-weight-bold);
	}

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

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

/* new version end */
/* stats wrapper start */
/* statistics wrapper - temporary start */

/* awards section */
section.lt-section-awards {
	.lt-section-awards__heading-wrapper h2 {
		margin-bottom: 2rem;
	}

	.stats-wrapper {
		background-color: #e2e2e2;
		margin-top: 1.75rem;
		margin-bottom: 1.75rem;
	}

	.stats-wrapper .grid--container {
		padding-top: 1rem;
	}

	.stats-wrapper .grid--item strong {
		display: inline-block;
	}

	.stat-container {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap: var(--lt-layout-gap-sm);
	}

	.stat-single {
		display: flex;
		flex-direction: column;
		flex-basis: 100%;
		flex: 1;
	}

	.stat-single:nth-of-type(1) {
		flex-basis: 25%;
		padding-right: 1rem;
	}

	.stat-single:nth-of-type(2) {
		flex-basis: 75%;
	}

	.stat-single img {
		width: 100% !important;
		height: auto !important;
	}

	.stat-single svg {
		width: 80% !important;
		margin: 0 auto;
	}

	/* statistics wrapper - temporary end */
	section.stats-wrapper {
		background-color: var(--lt-colour-white);
		position: relative;
	}

	.stats-wrapper .h-group {
		margin-left: 0;
		padding-left: 0.5rem;
	}

	.stats-wrapper .grid--gutter .grid--container {
		padding-top: 0;
	}

	.stats-wrapper .grid--gutter .grid--container .grid--item {
		padding: 0 0.5rem 5.75rem;
	}

	.stats-wrapper .grid--item strong {
		display: inline-block;
	}

	.stat-container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
	}

	.stat-single {
		display: flex;
		flex-direction: column;
		flex-basis: 100%;
		flex: 1;
	}

	.stat-single a {
		margin-top: 1rem;
		display: inline-block;
	}

	.stat-single a:hover {
		text-decoration-color: var(--lt-colour-primary);
	}

	.stat-single a.button {
		background-color: var(--lt-colour-white);
	}

	.stat-single:nth-of-type(1) {
		flex-basis: 40%;
		padding-right: 1rem;
	}

	.stat-single:nth-of-type(2) {
		flex-basis: 60%;
	}

	/* stat icon */
	.stat-single i.fa-solid.fa-award {
		font-size: 5rem;
		color: var(--lt-colour-primary);
	}
}

/* end awards section */

/* stats wrapper end */

/* home course search block start */

/* course search section start */
#search-courses {
	width: 100%;
	margin-bottom: 2.25rem;
	border: var(--lt-button-border-width) solid var(--lt-colour-primary);
}

/* end course search section */

/* Start Style Fixed course navbar course Pages*/

.summary-list__item-content button {
	margin-bottom: 0.3125rem;
	font-size: var(--lt-button-font-size) !important;
}

.navbar-toggler {
	display: none;
}

.fa-bars {
	color: var(--lt-colour-offwhite);
}

/* CPD key details start */

#cpd--details {
	background-color: var(--lt-colour-secondary);
}

#cpd--details #course__details .course-details {
	padding: 2.25rem;
	margin: 0 auto;
	max-width: 87.5rem;
	background: var(--lt-colour-secondary);
	position: relative;
	z-index: 1;
	color: var(--lt-colour-primary);
	display: block;

	.grid--fullwidth {
		background-color: var(--lt-colour-secondary);

		.grid--gutter {
			display: flex;
			max-width: 55rem;
			margin: 0 auto;
			flex-wrap: wrap;

			.grid--item {
				flex: none;
			}
		}

		h2 {
			margin: 2rem 0;
		}
	}
}

#cpd--details #course__details .course-details .details-info-row {
	width: 100%;
}

#cpd--details #course__details .course-details .details-info-row .grid--gutter {
	max-width: 55rem;
	margin: 0 auto;
}

#detail-start-date .fa-solid {
	font-size: 1rem;
}

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

.button-search__icon {
	margin: 0 auto;
}

.news .full_article {
	background-color: var(--lt-colour-white);
	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;
	gap: var(--lt-layout-gap-sm);
	grid-template-columns: 20% 80%;
	margin: 0 1.75rem 1.75rem;
}

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

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

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

/* news end */

/* Start News By Year */
#news-by--year {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lt-layout-gap-md);
	padding: 5rem;
	justify-content: center;
}

#news-by--categories {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lt-layout-gap-md);
	padding: 5rem;
	justify-content: center;
}

.news-by-categories--title {
	margin: 3rem 12rem;
}

/* News Grid*/

.news-archive__cols {
	display: grid;
	grid-template-columns: 70% 30%;
	gap: var(--lt-layout-gap-md);

	.posts__grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--lt-layout-gap-sm);
	}
}

.news-sidebar__by-year h3 {
	margin-bottom: var(--lt-layout-margin-md);
	margin-top: 0;
}

.news-sidebar__by-category h3 {
	margin-bottom: var(--lt-layout-margin-md);
	margin-top: 2rem;
}

.posts__grid-item .card__image {
	background-color: transparent !important;
}

.posts__grid .posts__grid-item .card h3.h-h3 a {
	font-weight: var(--lt-body-font-weight-normal);
	line-height: var(--lt-line-height-button) !important;
}

/* g-general-content__block is used in events - @todo delete and use BEM/utility classes */

.g-general-content__block {
	a:hover {
		text-decoration-color: var(--lt-colour-primary);
		text-decoration-thickness: 0.125rem;
		transition: none;
	}

	& ~ .file-download {
		margin-bottom: 3.125rem;
	}

	& ~ .file-download ~ .g-general-content__block {
		margin-bottom: 3.125rem;
	}

	&:first-child {
		margin-top: 3.125rem;
	}

	&:not(:last-child) {
		margin-bottom: 3.125rem;
	}

	&:last-child {
		margin-bottom: 1.875rem;
	}
}

.g-general-content__col {
	text-align: left;

	.h-h4 {
		max-width: 13.9375rem;
		margin-left: 0;
	}

	p {
		max-width: 37.5rem;
	}

	img {
		width: 6.25rem;
		height: 6.25rem;
		-o-object-fit: contain;
		object-fit: contain;
		margin: 0;
		margin-bottom: var(--lt-layout-margin-md);
	}

	&:not(:last-child) {
		margin-bottom: 3.125rem;
	}
}

form.panel.event-search-widget {
	width: 100%;
}

.e-events-module {
	padding-top: 3rem;
	display: flex;
	gap: var(--lt-layout-gap-md);
}

.e-events-module .events_wrapper--list {
	width: 100%;
	margin-bottom: 0;
}

.e-events-module .events_wrapper--list form #search_field > input[type='text']:focus-visible {
	position: relative;
	background-color: #ffbf47;
}

a.ajax-load-link {
	display: flex;
	align-items: center;
	text-decoration: none;
}

#searchoptions-generic fieldset {
	border: 0;
	padding: 0;
}

#searchoptions-categories fieldset {
	border: 0;
	padding-bottom: 3.75rem;
}

th#current_month {
	text-align: center;
}

.e-events-module .events_wrapper--list form legend {
	margin-bottom: var(--lt-layout-margin-md);
}

.e-events-module .events_wrapper--list form input[type='text'] {
	margin-bottom: 2rem;
	background-color: var(--lt-colour-white);
	border: var(--lt-button-border-width) solid var(--lt-colour-primary) !important;
	box-shadow: none;
	border-radius: 0;
	margin-right: 0;
	width: 100%;
}

.e-events-module .events_wrapper--list form input[type='text']::placeholder {
	color: var(--lt-colour-primary);
}

.e-events-module .events_wrapper--list form #search_field {
	position: relative;

	label {
		display: none;
	}
}

.e-events-module .events_wrapper--list form button {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0.375rem;
	right: 0.4375rem;
	padding: 0;
	margin: 0;
	background: var(--lt-colour-primary);
	border: 0;
	border-radius: 100%;
	width: 2.125rem;
	height: 2.125rem;
}

.e-events-module .events_wrapper--list form button:hover {
	background: var(--lt-colour-primary);
}

.e-events-module .events_wrapper--list form button:hover svg {
	fill: var(--lt-colour-primary);
}

.e-events-module .events_wrapper--list form button:focus-visible {
	background: #ffbf47;
}

.e-events-module .events_wrapper--list form button:focus-visible svg {
	fill: var(--lt-colour-primary);
}

.e-events-module .events_wrapper--list form button svg {
	fill: var(--lt-colour-white);
	width: 100%;
	margin: 0;
}

.e-events-module .events_wrapper--list .fa {
	margin-right: 0;
}

.e-events-module .events_wrapper--list nav {
	display: flex;
	column-gap: var(--lt-layout-gap-xs);
}

.e-events-module {
	.prev-search-link span.fa,
	.next-search-link span.fa {
		top: 0.12rem;
		position: relative;
	}

	.prev-search-link span.fa,
	#prev_month span.fa {
		margin-right: 0.35rem;
	}

	.next-search-link span.fa,
	#next_month span.fa {
		margin-left: 0.35rem;
	}
}

.e-events-module .events_wrapper--list nav a {
	display: flex;
	column-gap: 0;
	font-weight: var(--lt-body-font-weight-normal);
	text-underline-offset: 0.125rem;
}

.e-events-module .events_wrapper--list nav a:hover {
	text-decoration-color: var(--lt-colour-primary);
	text-decoration-thickness: 0.125rem;
	transition: none;
}

.e-events-module section .fa,
.e-events-module aside.e-events-calendar .fa {
	margin-right: 0;
}

.e-events-module section .fa::before,
.e-events-module aside.e-events-calendar .fa::before {
	font-size: var(--lt-button-font-size);
}

.e-events-calendar {
	display: none;
	/*flex;*/
	flex-direction: column;
}

.e-events-calendar table {
	overflow: inherit;
}

.view_period_switchers {
	margin-bottom: 3rem;
	display: inline-block;
}

.e-events-calendar .view-switchers {
	display: flex;
	justify-content: center;
	column-gap: var(--lt-layout-gap-sm);
	width: fit-content;
}

.e-events-calendar .view-switchers#view-switchers {
	margin: auto;
	margin-top: 3.25rem;
	margin-bottom: 0;
}

.e-events-calendar .view-switchers a {
	font-weight: var(--lt-body-font-weight-normal);
	text-decoration-thickness: var(--lt-layout-border-width-sm);
	text-underline-offset: 0.125rem;
}

.e-events-calendar .view-switchers a:hover {
	text-decoration-color: var(--lt-colour-primary);
	text-decoration-thickness: 0.125rem;
	transition: none;
}

.e-events-calendar .today {
	position: relative;
}

.e-events-calendar .today:after {
	content: '';
	width: 0.3125rem;
	height: 0.3125rem;
	background-color: var(--lt-colour-primary);
	border-radius: 624.9375rem;
	position: absolute;
	left: 50%;
	bottom: -0.3125rem;
	transform: translateX(-50%);
}

.s-search-categories {
	margin-top: 2.5rem;
	padding-top: 2.5rem;
	border-top: 0.25rem solid rgba(0, 0, 0, 0.2);
}

.s-search-categories form {
	border: 0;
	padding: 0;
	text-align: left;
}

.s-search-categories form input[type='checkbox']:focus-visible,
.s-search-categories form input[type='radio']:focus-visible {
	background: #ffbf47;
	outline: thin dotted var(--lt-colour-black);
	outline-offset: 0.125rem;
}

.s-search-categories ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.s-search-categories ul li label {
	font-weight: var(--lt-body-font-weight-normal);
	font-size: var(--lt-body-font-size);
	line-height: var(--lt-line-height-body);
	letter-spacing: normal;
	text-decoration-line: underline;
	text-decoration-thickness: var(--lt-layout-border-width-sm);
	text-underline-offset: 0.125rem;
}

.s-search-categories ul li label:hover {
	text-decoration-color: var(--lt-colour-primary);
	text-decoration-thickness: 0.125rem;
	transition: none;
}

.s-search-categories ul li:not(:last-child) {
	margin-bottom: 0.625rem;
}

.s-search-categories ul:not(:last-child) {
	margin-bottom: 2.5rem;
}

.s-search-categories .h5 {
	text-align: left;
	font-weight: var(--lt-body-font-weight-normal);
	font-size: var(--lt-heading__h5-font-size);
	line-height: var(--lt-line-height-head);
	letter-spacing: normal;
	margin-bottom: 1.4375rem;
}

.s-search-categories input[type='checkbox']:focus-visible,
.s-search-categories input[type='radio']:focus-visible {
	background-color: var(--lt-colour-accessible) !important;
}

.s-search-categories .calendar-button {
	border: 0.12rem solid var(--lt-colour-black);
	color: var(--lt-colour-black);
	background-color: var(--lt-colour-white);
	padding: 0.5rem 1.5rem;

	&:hover {
		color: var(--lt-colour-white);
		background-color: var(--lt-colour-primary);
	}
}

.event-info-box .event-info .categories_trigger {
	display: flow-root;
	margin-top: -0.625rem;
}

#calendar_events .snippet .date-stamp .month {
	margin-bottom: 0.75rem;
}

.event-card-section {
	text-align: left;
}

.event-card-section .section {
	padding-bottom: 3.125rem;
	margin-top: -2.5rem;
}

.event-card-section .section ul {
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--lt-layout-gap);
}

.event-card-section .section .tags__event ul {
	display: flex;
	gap: var(--lt-layout-gap-sm);
}

.event-card-section .section ul li:not(:last-child) {
	margin-bottom: 0rem;
}

.event-card-section .section .tags__event ul li:not(:last-child) {
	margin-bottom: 0;
}

.event-card-section ul.pagination {
	display: flex;
	flex-direction: row;
	list-style: none;
	gap: var(--lt-layout-gap-xxs);

	li a {
		padding: 0.125rem 0.5rem;
	}
}

/* lt-cards */
.card,
.lt-card,
.lt-course__card .lt-compnonets--card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-decoration: none;
	position: relative;
	height: 100%;
	gap: var(--lt-layout-gap-sm);
}

.lt-course__card a {
	text-decoration: none;
	line-height: var(--lt-line-height-button);
}

.card a:focus-visible,
.card a:focus-within {
	z-index: -1;
}

.card .h-h3 {
	text-align: left;
	text-decoration: underline;
	text-decoration-thickness: var(--lt-layout-border-width-sm);
	text-underline-offset: 0.1875rem;
	margin-top: 0;
	letter-spacing: normal;
	font-weight: var(--lt-body-font-weight-normal);
	max-width: 22.375rem;
	margin-left: 0;
	margin-bottom: 1.25rem;
	font-size: 1.25rem !important;
}

.card .h-h3:hover {
	text-decoration-thickness: 0.125rem;
}

.card .tags__event ul {
	row-gap: var(--lt-layout-gap-md);
}

.card p {
	text-align: left;
}

.card__image {
	position: relative;
	padding-top: 55%;
	margin-bottom: 1.0625rem;
}

.card__image img {
	position: absolute;
	top: 0;
	object-fit: contain;
}

.card__category {
	display: flex;
	font-weight: var(--lt-body-font-weight-normal);
	font-size: var(--lt-body-font-size);
	line-height: var(--lt-line-height-body);
	letter-spacing: normal;
	margin-bottom: 0.625rem;
}

.card__description {
	line-height: var(--lt-line-height-body);
	max-width: 22.375rem;
	font-size: var(--lt-body-font-size);
}

.card__description {
	font-size: var(--lt-body-font-size);
}

.card__date,
.lt-card__date {
	margin-bottom: 0;
	line-height: var(--lt-line-height-body);
	font-size: var(--lt-body-font-size);
}

.tags {
	display: flex;
	flex-wrap: wrap;
	column-gap: var(--lt-layout-gap-sm);
	row-gap: var(--lt-layout-gap-sm);
}

.tags__event ul {
	display: flex;
	flex-wrap: wrap;
	column-gap: var(--lt-layout-gap-sm);
	row-gap: var(--lt-layout-gap-sm);
	margin: 0;
	padding: 0;
	list-style: none;
}

.tags__event ul li {
	display: flex;
	align-items: flex-start;
	column-gap: var(--lt-layout-gap-xs);
	margin-bottom: 0;

	svg {
		margin-top: 0.1875rem;
	}
}

.tags__event ul li p {
	line-height: var(--lt-line-height-body);
}

.tags__event ul li p {
	font-size: var(--lt-body-font-size);
}

.tags__event svg path {
	fill: var(--lt-colour-primary) !important;
}

.event-button p a {
	display: flex;
	width: fit-content;
	margin-bottom: 1.875rem;
	margin-top: 1.875rem;
	padding: var(--lt-layout-padding-sm) var(--lt-layout-padding-md);
	background: transparent;
	border: 0.25rem solid var(--lt-colour-primary);
	border-color: var(--lt-colour-primary);
	border-radius: 1.5rem;
	font-weight: var(--lt-body-font-weight-normal);
	line-height: var(--lt-line-height-button);
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.25s;
}

.event-button p a:hover {
	background: var(--lt-colour-primary);
	border-color: var(--lt-colour-primary);
	border-radius: 3.75rem;
	font-size: var(--lt-body-font-size);
	line-height: var(--lt-line-height-body);
	font-weight: var(--lt-body-font-weight-normal);
	text-decoration: none;
}

.tag:hover {
	background: var(--lt-colour-primary);
}

.tag:focus-visible {
	outline: thin dotted var(--lt-colour-black);
	outline-offset: 0.12rem;
	border-color: #ffbf47;
}

.card--large h3.h-h3 {
	max-width: 31.25rem;
	margin-left: 0;
	font-size: var(--lt-heading__h3-font-size) !important;
	line-height: var(--lt-line-height-head) !important;
}

.card--large h3.h-h3:hover {
	cursor: pointer;
}

.card:hover {
	background: none;
}

.cta-card {
	position: relative;
}

.cta-card a {
	text-decoration: none;
}

.cta-card a::after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	background: rgba(255, 255, 255, 0);
}

.cta-card a:focus-visible,
.cta-card a:focus-within {
	outline: none;
	color: var(--lt-colour-primary);
}

.cta-card a:focus::after,
.cta-card a:focus-within::after {
	background-color: #ffbf47;
	outline: thin dotted;
	z-index: -1;
}

.cta-card a:hover .h-h3 {
	text-decoration-thickness: 0.12rem;
}

.cta-card img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	margin-bottom: 1.0625rem;
	height: 14.375rem;
}

.cta-card h3 {
	display: flex;
	text-align: left;
	font-weight: var(--lt-body-font-weight-normal);
	line-height: var(--lt-line-height-head);
	letter-spacing: normal;
	text-decoration-line: underline;
	text-decoration-thickness: var(--lt-layout-border-width-sm);
	text-underline-offset: 0.1875rem;
}

.cta-card h3:hover {
	text-decoration-thickness: 0.125rem;
}

.cta-card h3 {
	font-size: var(--lt-heading__h3-font-size);
}

.button,
button {
	border-radius: 0;
}

/* End Media 991  */

/* End - listacle */

/* modules start */
section.course--section-modules {
	background-color: var(--lt-colour-offwhite);
	margin-top: 0 !important;

	&:last-of-type {
		padding-bottom: 4.75rem;
	}

	.course-modules__block {
		display: flex;
	}

	.course-modules__block div:nth-of-type(2) {
		flex: 2;
	}

	.course-modules__block div:nth-of-type(1) {
		flex: 1;
		margin-right: 3rem;
	}

	.course-modules__block {
		margin: 2rem;
	}

	#course--modules--content .course-modules__block:not(:first-of-type):has(h3) {
		border-top: 0 solid var(--lt-colour-primary);
		padding-top: 1.75rem;
	}

	.course-modules__block details {
		border: 0.12rem solid var(--lt-colour-primary);
		padding: 0.5rem;
		margin-bottom: 0.5rem;
		font-weight: var(--lt-body-font-weight-normal);
	}

	.course-modules__block details:hover,
	.course-modules__block details[open]:hover,
	.course-modules__block details[open] {
		background-color: var(--lt-colour-white);
	}

	.course-modules__block details[open] summary {
		text-decoration: underline solid var(--lt-colour-primary);
		text-underline-offset: 0.5rem;
	}

	.course-modules__block details[open] summary:hover {
		text-decoration: underline 0.12rem var(--lt-colour-primary);
		text-underline-offset: 0.5rem;
	}

	.course-modules__block details[open] .module--info {
		padding: 0 1.25rem 1rem;
	}

	.course-modules__block .summary {
		display: block;
		border: 0.12rem solid var(--lt-colour-primary);
		padding: 0.5rem;
		margin-bottom: 0.5rem;
		padding-left: 1.65rem;
		font-weight: var(--lt-body-font-weight-normal);
	}

	.course-modules__block summary span,
	.course-modules__block .summary span {
		margin-left: 3rem;
	}
}

/* modules end */

/* Start New Sticky header  */
.sticky {
	position: fixed !important;
	transform: none !important;
	background-color: var(--lt-colour-primary) !important;
	top: 0;
	width: 100%;
	z-index: 9999;

	.logo {
		transform: none !important;
		padding: 0.85rem;
	}

	.logo svg {
		width: 8rem;
		height: 2rem;
	}

	.header__button svg {
		width: 1rem;
		height: 1rem;
	}

	.header__buttons button {
		padding: 1.5rem !important;
	}
}

/* END New Sticky Header */

.banner-title-box {
	color: var(--lt-colour-white);
}

/* course card block start */
.lt-section-course-by-campaign-subject {
	background-color: var(--lt-colour-stone);
	padding-top: var(--lt-layout-section-padding);
	padding-bottom: var(--lt-layout-section-padding);

	.lt-section-course-by-campaign-subject__wrapper {
		margin: 0 0 1.75rem;
	}

	.course--cards--block ttr,
	.course--cards--block ttr td .course--cards--block ttr:nth-child(2n),
	.course--cards--block ttr:nth-child(2n) td,
	.course--cards--block ttr:nth-child(odd) td,
	.course--cards--block thead tr:nth-child(odd) th {
		background-color: var(--lt-colour-stone);
	}

	.course--cards--block thead tr,
	.course--cards--block thead tr th {
		display: none;
	}

	.course--cards--block ttr {
		border-top: var(--lt-layout-border-width-sm) solid var(--lt-colour-primary);
	}

	.course--cards--block ttr:nth-child(odd):last-child td {
		border-bottom: var(--lt-layout-border-width-sm) solid var(--lt-colour-primary);
	}

	.course--cards--block thead tr th,
	.course--cards--block ttr td {
		vertical-align: middle;
		padding-top: 1rem;
		padding-bottom: 1rem;
		font-size: var(--lt-body-font-size);
	}

	.course--cards--block ttr td:first-of-type,
	.course--cards--block ttr td:last-of-type {
		font-size: var(--lt-body-font-size);
	}

	.course--cards--block ttr td:first-of-type {
		padding-left: 0;
	}

	.course--cards--block ttr td:last-of-type {
		padding-right: 0;
		text-align: right;
	}

	.course--cards-wrapper {
		padding: 0;
		margin: 0;
		display: flex;
		flex-wrap: wrap;
	}
}

.course--cards--block h3 {
	margin: 0 0 var(--lt-layout-margin-md);
}

/* course card block end */

/* section inner flex - used in courses first */
section .section--inner-flex {
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

section .section--inner-flex .section--inner-flex__col {
	flex: 1;
	margin-right: 5rem;
}

/* section inner flex - used in courses first */

/* sections */
/* offwhite */
section.course--section-fees {
	background-color: var(--lt-colour-offwhite);
	padding-bottom: 0 !important;
}

/* offwhite */

/* course section modules */
main > section.course--section-modules {
	margin-top: 4.75rem;
}

main > section.course--section-modules ~ section.course--section-modules {
	margin-top: 0;
}

section.course--section-modules.force-padding-bottom {
	padding-bottom: 7.75rem;
}

/* course section modules */

/* sections */

/* Starting Quote */
.quote--standard .row {
	display: flex;
	margin-bottom: 0;
}

/* Ending Quote */

/* Start Funnelback */
#search-facets {
	margin-top: 6.25rem;
}

.course-search .inner .form__field .button {
	border: var(--lt-button-border-width) solid var(--lt-colour-primary);
	border-radius: 0;
	box-shadow: none;
	border-left: none;
	margin-left: -0.3125rem;
	margin-top: -0.1875rem;
	line-height: var(--lt-line-height-button);
	background-color: var(--lt-colour-primary);
	color: var(--lt-colour-white);
	font-weight: var(--lt-body-font-weight-normal);
}

.course-search .inner .form__field .button:hover {
	background-color: var(--lt-colour-primary);
	color: var(--lt-colour-white);
}

.course-search .inner .form__field #search-input {
	background-color: var(--lt-colour-offwhite);
	border: var(--lt-button-border-width) solid var(--lt-colour-primary);
	border-radius: 0;
	box-shadow: none;
	margin-right: 0;
	flex-basis: 65%;
	margin-bottom: 0;
	width: 80%;
	padding: var(--lt-layout-padding-sm) var(--lt-layout-padding-md);
}

#search-facets .panel-default {
	border-color: var(--lt-colour-secondary) !important;
	padding: 1.5rem !important;
}

.flb-panel .panel-heading {
	padding: 0.4375rem 0rem !important;
}

.pagination > .active > a {
	background-color: var(--lt-colour-primary) !important;
	border-color: var(--lt-colour-primary) !important;
	color: var(--lt-colour-secondary) !important;
}

.pagination > li > a,
.pagination > li > span {
	color: var(--lt-colour-primary) !important;
}

/* End Funnelback */

/* Start Accordion */

.accordion-pane__content p .button:hover {
	color: var(--lt-colour-offwhite);
}

.accordion-pane__content p .button:after {
	font: var(--fa-font-sharp-solid);
	content: '\f04b';
	padding-left: 1.87rem;
	padding-right: 0;
	margin-right: 0;
	position: relative;
	right: 0;
	transition: unset;
	transform: none;
	bottom: auto;
	width: fit-content;
	height: auto;
	background-color: transparent;
}

.accordion-pane__content p .button:hover::after {
	font: var(--fa-font-sharp-solid);
	content: '\f04b';
	color: var(--lt-colour-offwhite) !important;
	padding-left: 1.87rem;
	padding-right: 0;
	margin-right: 0;
	position: relative;
	right: 0;
	transition: unset;
	transform: none;
	bottom: auto;
	width: fit-content;
	height: auto;
	background-color: transparent;
}

/* End Accordion */

/* Start Alumni page styling */
#alumni--profiles {
	max-width: 87.5rem !important;
	margin: auto;

	.grid--item {
		border: var(--lt-layout-border-width-sm) solid var(--lt-colour-primary);
		padding: 0 !important;
		flex: 0 0 19% !important;
		width: fit-content;
	}

	.grid--item h3 {
		text-decoration: underline;
		text-decoration-thickness: var(--lt-layout-border-width-sm);
		text-underline-offset: 0.1875rem;
		text-decoration-color: var(--lt-colour-primary);
		font-size: var(--lt-heading__h3-font-size);
	}

	.grid--item h3,
	.grid--item p {
		padding: 0 0.5rem 1rem;
	}

	.grid--item h3:hover,
	.grid--item p:hover {
		color: var(--lt-colour-primary);
		text-decoration-color: var(--lt-colour-primary) !important;
		text-decoration: underline;
	}

	.grid--item .alumni-grid--general__image img {
		width: 100%;
		margin-bottom: 0.75rem;
		height: 20.625rem;
	}

	.grid--item .h-alt {
		padding: 0.625rem;
		font-size: var(--lt-heading__h4-font-size) !important;
		font-weight: var(--lt-body-font-weight-normal);
		line-height: var(--lt-line-height-body);
		text-transform: none;
		border: 0 !important;
	}

	.grid--item .h-alt {
		display: inline-block;
		background: var(--lt-colour-white);
		padding: 0.625rem;
		font-size: var(--lt-heading__h4-font-size);
		font-weight: var(--lt-body-font-weight-normal);
		text-transform: none;
		border: var(--lt-layout-border-width-sm) solid var(--lt-colour-primary);
	}

	#alumni_filter {
		background-color: var(--lt-colour-offwhite);
		border: var(--lt-button-border-width) solid var(--lt-colour-primary);
		border-color: var(--lt-colour-primary);
		border-radius: 0.5rem;
		box-shadow: none;
		margin-right: 0;
	}
}

.grid--fullwidth.stats-wrapper {
	padding: 0 var(--lt-layout-padding-md);
	margin: 2rem auto;
	background: var(--lt-colour-secondary);
}

.grid--fullwidth.stats-wrapper h2 {
	color: var(--lt-colour-primary);
}

section.lt-section-news-spotlight {
	background: var(--lt-colour-secondary);

	.panel-header h2 {
		color: var(--lt-colour-primary);
		margin-bottom: 2.25rem;
	}

	.card a {
		color: var (--lt-colour-black);
	}

	.card a:hover {
		color: var(--lt-colour-primary) !important;
	}

	.card .card__category {
		color: var(--lt-colour-primary);
	}
}

/*Offcanvas start*/
.offcanvas {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 25;
	width: 100%;
	padding: 5rem 0 0;
	margin: 0;
	background: #f0f0f0;
	opacity: 0;
	transform: translateX(100%);
	transition: opacity 0.25s ease-in-out;
	min-height: 100vh;

	.offcanvas .inner {
		height: 100%;
		padding-top: 2.5rem;
		overflow-y: auto;
		transform: translateX(25%);
		transition: transform 0.25s;
	}

	.offcanvas .inner > :last-child {
		margin-bottom: 2.5rem;
	}
}

body[class*='is-offcanvas'] {
	overflow: hidden;
}

body[class*='is-offcanvas'] .offcanvas .inner {
	transform: translateX(0);
}

body.is-offcanvas--navigation .offcanvas--navigation,
body.is-offcanvas--search .offcanvas--search {
	transform: translateX(0);
	opacity: 1;
}

.offcanvas--search {
	label {
		text-transform: none;
		font-size: var(--lt-heading__h2-font-size);
	}
}

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

/* Canvas Search */

.search {
	.search__field {
		position: relative;
	}

	.lt-button.lt-button--search {
		position: absolute;
		top: 1.12rem;
		right: 0.1rem;
		width: 4rem;
		height: 3.3rem;
		padding: 0;
		border: 0;
		font-size: 1rem;
		background-color: var(--lt-colour-primary);

		i {
			color: var(--lt-colour-secondary);
		}

		&:hover {
			background-color: var(--lt-colour-secondary);

			i {
				color: var(--lt-colour-primary);
			}
		}
	}

	button span {
		position: absolute !important;
		height: var(--lt-layout-border-width-sm);
		width: var(--lt-layout-border-width-sm);
		overflow: hidden;
		clip: rect(var(--lt-layout-border-width-sm), var(--lt-layout-border-width-sm), var(--lt-layout-border-width-sm), var(--lt-layout-border-width-sm));
		white-space: nowrap;
	}

	h2 {
		font-size: clamp(1.75rem, 3vw + 0.5rem, 2rem);
	}

	input {
		width: 100%;
		padding: var(--lt-layout-padding-sm) var(--lt-layout-padding-sm);
		background: transparent !important;
		border-radius: 0px;
		font-size: clamp(1.25rem, 2.5vw + 0.25rem, 1.5rem);
		font-weight: var(--lt-body-font-weight-normal);
		border: var(--lt-layout-border-width) solid var(--lt-colour-deepred);
	}

	input {
		margin-top: 1rem !important;
	}

	.search__field span {
		width: 100%;
	}

	.search button {
		margin-right: 1px;
		margin-top: 1rem;
	}

	.search__field {
		position: relative;
	}
}

.search__field input:focus,
.search__field input:focus-visible {
	border-color: var(--lt-colour-accessible-border-color) !important;
	outline: none;
	box-shadow: none;
}

/* search breadcrumbs */

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

#search-facets-breadcrumb .facets-breadcrumb-label {
	margin-right: 0.3125rem;
}

#search-facets-breadcrumb .facets-applied {
	background-color: #f0f0f0;
	border: var(--lt-layout-border-width-sm) solid #eee;
	font-size: x-small;
	display: inline-block;
	padding: 0.12rem 0.25rem 0.12rem 0rem;
}

#search-facets-breadcrumb .facets-applied:not(:last-child) {
	margin-right: 0.3125rem;
	margin-bottom: 0.12rem;
}

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

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

/* end search breadcrumbs */

/* breadcrumbs start */

.lt-component-breadcrumbs {
	display: inline-flex;
	flex-wrap: wrap;
	text-align: left;
	margin: var(--lt-layout-margin-md) 0 var(--lt-layout-padding-sm);
	padding: 0;
	font-size: var(--lt-body-font-size);
	position: relative;
	list-style-type: none;

	li {
		display: inline-block;
	}

	li:first-child::before {
		content: '\f015';
		font-family: 'Font Awesome 7 Sharp';
		margin-right: 0.6rem;
		font-weight: var(--lt-body-font-weight-normal);
		top: 0;
		position: relative;
	}

	li:last-child {
		font-weight: var(--lt-body-font-weight-normal);
	}

	.lt-component-breadcrumbs__divider {
		margin: 0 0.85rem;
		position: relative;

		&::before {
			content: '\f105';
			font-family: 'Font Awesome 7 Sharp';
			font-weight: var(--lt-body-font-weight-normal);
			left: -0.35rem;
			position: absolute;
			top: -0.1rem;
		}
	}

	/* accessibility */
	a {
		min-height: 1.75rem;
		display: inline-block;
	}
}

/* breadcrumb end */

/* error bar */
.lt-component-error-bar {
	max-width: var(--lt-layout-text-width-readable);
	margin: var(--lt-layout-margin-md) auto;
	color: var(--lt-colour-danger-text);
	border: var(--lt-button-border-width) solid var(--lt-colour-danger);
	padding: var(--lt-layout-padding-sm) var(--lt-layout-padding-md);
	background-color: var(--lt-colour-danger);

	&::before {
		font-family: 'Font Awesome 7 Sharp';
		content: '\f071';
		font-weight: 900;
		margin-right: var(--lt-layout-margin-xs);
	}
}

/* end error bar */

/* Unibuddy Styling */
.lt-section-unibuddy {
	a.button {
		background: var(--lt-colour-primary);
		color: var(--lt-colour-offwhite);
		border-color: var(--lt-colour-primary);
		border-radius: 0;
		font-weight: var(--lt-body-font-weight-normal);
		text-transform: none;
	}

	a:hover {
		color: var(--lt-colour-primary) !important;
		background-color: var(--lt-colour-secondary) !important;
	}

	h2 {
		color: var(--lt-colour-primary);
	}
}

/* end Unibuddy */

#search-results {
	.card-header,
	.lt-course__card-header {
		h4 a {
			color: var(--lt-colour-black);
		}
	}
}

#course--ug--list #search-results .search-result-ug {
	.card-header,
	.lt-course__card-header {
		background-color: var(--lt-colour-clearing) !important;
	}

	.card-body,
	.lt-course__card-body {
		border-color: var(--lt-colour-clearing) !important;
	}
}

#course--ug--list #search-results .search-result-pg {
	.card-header,
	.lt-course__card-header {
		background-color: var(--lt-colour-aqua) !important;
	}

	.card-body,
	.lt-course__card-body {
		border-color: var(--lt-colour-aqua) !important;
	}
}

.lt-section-course-list {
	.lt-course-list__container {
		.card-body,
		.lt-course__card-body {
			border: 0.25rem solid var(--lt-colour-secondary) !important;
			padding: 1rem !important;
			background-color: var(--lt-colour-white) !important;
		}
	}

	.search-result-default {
		.card-header,
		.lt-course__card-header {
			background-color: var(--lt-colour-secondary) !important;
		}

		.card-body .lt-course__card-body {
			border: 0.25rem solid var(--lt-colour-secondary) !important;
			padding: 1rem !important;
			background-color: var(--lt-colour-white) !important;
		}
	}

	h2.visible-print {
		color: var(--lt-colour-black);
	}

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

		.btn-default {
			background-color: var(--lt-colour-white);
			color: inherit;
			border-color: var(--lt-colour-white);
		}

		ul > li > a {
			font-size: var(--lt-body-font-size);
			text-transform: capitalize;
		}
	}

	#search-facets .badge {
		color: var(--lt-colour-rose);
	}

	.search-result-default,
	.search-result-course {
		.lt-course__card-header,
		.card-header {
			padding: 1rem !important;
			background-color: var(--lt-colour-secondary) !important;
		}
	}

	#search-results .card .card-header cite {
		color: var(--lt-colour-primary) !important;
		overflow-wrap: break-word;
	}

	.course-search-section .inner .course-search-section--left {
		padding-top: 0 !important;
	}

	.course-search-section .inner {
		padding-left: 0 !important;
	}
}

/* News */

.lt-section-news-headpost {
	position: relative;

	&__image {
		position: relative;
		padding-top: 67%;
	}
}

.lt-section-news-headpost__wrapper {
	gap: var(--lt-layout-gap-lg);
}

.lt-section-news-headpost__card {
	position: static;
	margin-bottom: 1.875rem;

	.lt-card,
	.lt-compnonets--card {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		text-decoration: none;
		height: 100%;

		&.lt-card--lg {
			gap: var(--lt-layout-gap-lg);
		}
	}

	.lt-card__category,
	.lt-card__title,
	.lt-card__description,
	.lt-card__date {
		color: var(--lt-colour-primary) !important;
		margin-bottom: 1.75rem;
	}
}

.lt-section-latest-news__header {
	.lt-section-latest-news__heading {
		color: var(--lt-colour-primary);
		font-size: var(--lt-heading__h2-font-size);
		margin-bottom: var(--lt-layout-margin-md);
	}
}

.lt-layout-section-article-head {
	position: relative;
	padding-bottom: 3.125rem;

	h1 {
		text-align: left;
		margin-bottom: var(--lt-layout-margin-md);
		font-weight: var(--lt-heading-font-weight-normal);
	}

	.lt-article-published {
		display: flex;
		align-items: center;
		column-gap: var(--lt-layout-gap-sm);
		margin-bottom: var(--lt-layout-margin-sm);
	}

	.lt-article__category {
		display: flex;
		flex-wrap: wrap;
		column-gap: var(--lt-layout-gap-sm);
		row-gap: var(--lt-layout-gap-sm);
		margin-bottom: var(--lt-layout-margin-md);
		font-size: var(--lt-body-font-size);
		font-weight: var(--lt-body-font-weight-normal);
	}

	.lt-article__sharer {
		display: flex;
		align-items: center;
		column-gap: var(--lt-layout-gap-lg);

		.lt-article__sharer-links {
			display: flex;
			align-items: center;
			column-gap: var(--lt-layout-gap-md);
		}
	}
}

.lt-layout-section-article-content {
	.lt-article-content__inner {
		margin: 2rem auto;
	}

	.lt-article-content__image {
		margin-bottom: 2rem;
	}
}

article.lt-article__item {
	display: block;
	justify-content: center;

	span.lt-article__item-tag {
		display: block;
		background: var(--lt-colour-primary);
		color: var(--lt-colour-secondary);
		padding: 0.25rem;
		width: fit-content;
	}
}

.masthead-post__card .card .card__category,
.masthead-post__card .card .h-h3,
.masthead-post__card .card .card__description,
.masthead-post__card .card .card__date,
.search-banner .h-h2,
.panel-header {
	color: var(--lt-colour-primary) !important;
	margin-bottom: 1.75rem;
}

.card__date {
	color: var(--lt-colour-primary) !important;
	display: flex;
	gap: var(--lt-layout-gap-xs);
	align-items: center;
	padding-top: 1rem;
}

.card__date svg path {
	fill: var(--lt-colour-primary) !important;
}

/* Masthead */

.masthead {
	background-color: var(--lt-colour-primary);
	color: var(--lt-colour-white);
	padding-top: 7.1875rem;
	padding-bottom: 1.5625rem;
}

.masthead h1 {
	text-align: left;
}

.masthead-post {
	position: relative;
}

.masthead-post__card > .card {
	position: static;
	margin-bottom: 1.875rem;
}

.masthead-post__image {
	position: relative;
	padding-top: 67%;
}

.masthead-post__image img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.masthead-article {
	position: relative;
	margin-top: 2.75rem;
	padding-top: 3.125rem;
	padding-bottom: 3.125rem;

	h1 {
		text-align: left;
		margin-bottom: 1.75rem;
		font-weight: var(--lt-heading-font-weight-normal);
	}

	.masthead-article__published {
		display: flex;
		align-items: center;
		column-gap: var(--lt-layout-gap-sm);
		margin-bottom: 1.125rem;
	}

	.masthead-article__published a:hover {
		text-decoration-thickness: 0.125rem;
		text-decoration-color: var(--lt-colour-primary);
		transition: none;
	}

	.masthead-article__published p,
	.masthead-article__published a {
		line-height: var(--lt-line-height-button);
		margin-bottom: 0;
	}

	.masthead-article__published p,
	.masthead-article__published a {
		font-size: var(--lt-button-font-size);
	}

	.masthead-article__published p:focus-visible,
	.masthead-article__published a:focus-visible {
		background-color: #ffbf47;
		outline: thin dotted var(--lt-colour-black);
		outline-offset: 0.125rem;
		color: var(--lt-colour-primary);
	}

	.tags__event + .masthead-article__category {
		margin-top: 1.875rem;
	}

	.masthead-article__category {
		display: flex;
		flex-wrap: wrap;
		column-gap: var(--lt-layout-gap-sm);
		row-gap: var(--lt-layout-gap-sm);
		margin-bottom: 1.4375rem;
	}

	.tags__event {
		margin-top: 1rem;
	}

	.masthead-article__sharer-links {
		display: flex;
		align-items: center;
		column-gap: var(--lt-layout-gap-xs);
	}

	.masthead-article__sharer-links a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.75rem;
		height: 2.75rem;
		text-decoration: none;
	}

	.masthead-article__sharer-links a svg {
		width: 1.125rem;
		height: 1.125rem;
	}

	.masthead-article__sharer-links span {
		font-size: var(--lt-body-font-size);
		line-height: var(--lt-line-height-body);
	}

	.masthead-article__sharer-links > div {
		display: flex;
		align-items: center;
		column-gap: var(--lt-layout-gap-sm);
	}

	.masthead-article__sharer-links > div a:hover {
		color: var(--lt-colour-primary);
	}
}

/* Search banner */

.search-banner {
	border-top: 0.25rem solid rgba(0, 0, 0, 0.2);
	border-bottom: 0.25rem solid rgba(0, 0, 0, 0.2);
	margin-bottom: 3.125rem;
	padding-top: 3.125rem;
	padding-bottom: 3.125rem;
}

.search-banner .h-h2 {
	text-align: left;
	margin-bottom: 0.625rem;
}

.search-banner form {
	margin-bottom: 1.25rem;
}

/* end news page search bar styles */

.posts__list .posts__list-item .card .card__category,
.posts__list .posts__list-item .card .card__category .h-h3 a,
.posts__list .posts__list-item .card .card__category .card__date {
	color: var(--lt-colour-primary);
}

/* Posts */

.featured-post {
	padding-bottom: 1.875rem;
	margin-bottom: 1.875rem;
	border-bottom: 0.25rem solid rgba(255, 255, 255, 0.2);
}

.featured-post__image {
	position: relative;
	margin-bottom: 1.25rem;
	padding-top: 67%;
}

.featured-post__image img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.posts__grid {
	margin-bottom: 1.875rem;
}

.posts__grid-item:not(:last-child) {
	margin-bottom: 1.875rem;
}

.posts__list-item {
	padding-bottom: 1.875rem;
	margin-bottom: 1.875rem;
	border-bottom: 0.25rem solid rgba(0, 0, 0, 0.2);
}

.posts__list-item:first-child {
	padding-top: 1.875rem;
	border-top: 0.25rem solid rgba(0, 0, 0, 0.2);
}

.posts__list-item:last-child {
	margin-bottom: 0;
}

.posts > .cols .col:not(:last-child) .card {
	padding-bottom: 1.875rem;
	margin-bottom: 1.875rem;
	border-bottom: 0.25rem solid rgba(255, 255, 255, 0.2);
}

/* Video */

.video {
	position: relative;
	padding-top: calc(9 / 16 * 100%);
}

.video img,
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.video__placeholder .button-play {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.video__placeholder:hover .button-play::before {
	background: #94b7cf;
}

/* Research section - post section */
.featured-post {
	align-items: flex-end !important;
	border-bottom: 0.25rem solid var(--lt-colour-primary75) !important;
}

/* Nav Button hiding */
.header__button.header__button--nav {
	display: none !important;
}

.menu-items {
	border-right: 0 !important;
	margin-right: 1rem;
}

.header__buttons button:focus-visible {
	color: var(--lt-colour-white) !important;
}

.lt-header {
	position: sticky;
	transform: none !important;
	background-color: var(--lt-colour-primary);
	top: 0;
	width: 100%;
	z-index: 99;

	.lt-container {
		padding: 0 0.5rem;
	}

	a.lt-logo {
		border: 0.1875rem solid #f7e28600;
		width: 10rem;
		box-sizing: content-box;
	}

	a.lt-logo:focus-visible {
		border: 0.1875rem solid var(--lt-colour-accessible);
		width: 10rem;
		box-sizing: content-box;
	}

	nav.lt-nav {
		padding: 0.5rem;
		font-size: 0;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	nav.lt-nav .lt-nav--items {
		display: flex;
		justify-content: flex-end;
		font-size: var(--lt-body-font-size);
	}

	nav.lt-nav .lt-nav--right {
		display: flex;
		align-items: center;
	}

	nav.lt-nav .expanded a.lt-nav--item {
		padding: 1rem;
		color: var(--lt-colour-white);
	}

	nav.lt-nav .expanded a.lt-nav--item::after {
		content: '\f077';
		font-family: 'Font Awesome 7 Sharp';
		font-size: var(--lt-body-font-size);
		padding-left: 0.375rem;
		position: relative;
		padding: 0 0.25rem 0 1rem;
		color: var(--lt-colour-primary);
	}

	nav.lt-nav .collapsed a.lt-nav--item {
		padding: 1rem;
		color: var(--lt-colour-white);
	}

	nav.lt-nav .collapsed a.lt-nav--item::before {
		content: '';
		position: absolute;
		width: 3rem;
		transform: scaleX(0);
		height: 0.125rem;
		bottom: 0.9375rem;
		left: 10%;
		background-color: var(--lt-colour-white);
		transform-origin: middle right;
		transition: transform 0.25s ease-out;
	}

	nav.lt-nav .collapsed a.lt-nav--item:hover::before {
		transform: scaleX(1);
		transform-origin: middle left;
	}

	nav.lt-nav .collapsed a.lt-nav--item:focus-visible {
		background-color: var(--lt-colour-primary);
	}

	nav.lt-nav .collapsed a.lt-nav--item:focus:hover::before {
		transform: scaleX(0);
	}

	nav.lt-nav .collapsed a.lt-nav--item::after {
		content: '\f078';
		font-family: 'Font Awesome 7 Sharp';
		font-size: var(--lt-body-font-size);
		padding-left: 0.375rem;
		position: relative;
		padding: 0 0.25rem 0 1rem;
		color: var(--lt-colour-white);
	}

	nav.lt-nav .lt-menu--buttons {
		padding-left: 1rem;
		float: right;
		display: flex;
	}

	nav.lt-nav button {
		height: 3.125rem;
		width: 3.125rem;
		padding: 0;
		border-radius: 100%;
		margin-right: 0.25rem;
		border: 0;
		background-color: var(--lt-colour-primary);
		color: var(--lt-colour-white);
		cursor: pointer;
	}

	nav.lt-nav button:focus-visible {
		background-color: var(--lt-colour-accessible);
		color: var(--lt-colour-primary);
	}

	nav.lt-nav button i {
		font-size: var(--lt-heading__h4-font-size);
	}

	nav.lt-nav button i:hover {
		color: var(--lt-colour-primary);
	}

	nav.lt-nav button i:focus-visible {
		color: var(--lt-colour-primary);
	}

	nav.lt-nav button:hover {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-primary);
	}

	nav.lt-nav ul {
		padding-left: 0;
		margin-top: 0;
		margin-bottom: 0;
		list-style: none;
	}

	nav.lt-nav ul li.lt-secondary--menu-item.clearing-link {
		background-color: var(--lt-colour-clearing);
		padding-right: 0.25rem;
		padding-left: 0.25rem;

		a {
			color: var(--lt-colour-black);
			padding-left: 0.25rem !important;
			padding-right: 0.25rem !important;
		}

		a:hover {
			color: var(--lt-colour-black);
			background-color: var(--lt-colour-clearing);
			border-color: var(--lt-colour-clearing);
		}
	}

	nav.lt-nav ul li.lt-secondary--menu-item {
		padding: 0.25rem 0 0.25rem 2rem;
	}

	nav.lt-nav ul li.lt-secondary--menu-item:last-child {
		padding-right: 1rem;
	}

	nav.lt-nav ul li.lt-secondary--menu-item a {
		color: var(--lt-colour-secondary);
		padding: 0 !important;
	}

	nav.lt-nav ul li.lt-secondary--menu-item a:after {
		content: '';
		position: absolute;
		width: 100%;
		transform: scaleX(0);
		height: 0.125rem;
		bottom: 0;
		left: 0;
		background-color: var(--lt-colour-stone);
		transform-origin: bottom right;
		transition: transform 0.25s ease-out;
	}

	nav.lt-nav ul li.lt-secondary--menu-item.clearing-link a:after {
		content: '';
		position: absolute;
		width: 100%;
		transform: scaleX(0);
		height: 0.125rem;
		bottom: 0;
		left: 0;
		background-color: var(--lt-colour-black);
		transform-origin: bottom right;
		transition: transform 0.25s ease-out;
	}

	nav.lt-nav ul li.lt-secondary--menu-item a:hover::after {
		transform: scaleX(1);
		transform-origin: bottom left;
	}

	nav.lt-nav ul li.lt-secondary--menu-item a:hover {
		color: var(--lt-colour-stone);
		background-color: var(--lt-colour-primary);
	}

	nav.lt-nav ul li {
		display: flex;
		font-size: var(--lt-body-font-size);
		position: relative;
	}

	nav.lt-nav ul li:first-child {
		padding-left: 0;
	}

	nav.lt-nav ul li:last-child {
		padding-right: 0;
	}

	nav.lt-nav ul li a {
		text-decoration: none;
		display: block;
		position: relative;
		padding: 1rem 0;
		font-size: var(--lt-body-font-size);
		font-weight: var(--lt-body-font-weight-normal);
	}

	/*To fix courses menu */
	.lt-mega--menu .lt-grid-container {
		padding: 2rem 1.25rem;
	}

	.lt-mega--menu .recommendations--buttons {
		display: flex;
		flex-wrap: wrap;
		gap: var(--lt-layout-gap-sm);
	}

	.lt-mega--menu {
		background: var(--lt-colour-stone);
		left: 0;
		margin-top: 3.5rem;
		padding-top: 1rem;
		padding-bottom: 5rem;
		position: fixed;
		text-align: left;
		width: 100%;
		z-index: 9999;
		overflow-y: auto;
	}

	.lt-mega--menu .lt-container.cf .lt-row {
		margin-left: 0;
		margin-right: 0;
		gap: var(--lt-layout-gap-md) 0;
	}

	.lt-mega--menu .lt-menu--content {
		padding: 2rem 1rem;
		background-color: var(--lt-colour-primary);
	}

	.lt-mega--menu .lt-menu--content .lt-mega--menu-heading {
		color: var(--lt-colour-stone);
		margin-top: 0;
	}

	.lt-mega--menu .lt-menu--content p.lt-text--stone {
		color: var(--lt-colour-stone) !important;
	}

	.lt-mega--menu .lt-form--field #search-input {
		background-color: var(--lt-colour-offwhite);
		border: var(--lt-button-border-width) solid var(--lt-colour-primary);
		border-color: var(--lt-colour-primary);
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		box-shadow: none;
		margin-right: 0;
		flex-basis: 65%;
		margin-bottom: 0;
		padding: 1rem 1.25rem;
	}

	.lt-mega--menu #course-section-search-button {
		height: 3.5rem !important;
		border-radius: 0 !important;
		flex-basis: 20%;
	}

	.lt-mega--menu .lt-menu--content a.btn {
		padding: 0.75rem 1rem !important;
		width: fit-content;
		text-align: center;
		margin: 1rem 0 0;
	}

	.lt-mega--menu .lt-menu--content a.btn:hover {
		color: var(--lt-colour-stone) !important;
		background-color: var(--lt-colour-primary);
		border: var(--lt-layout-border-width-sm) solid var(--lt-colour-stone);
	}

	.lt-mega--menu .lt-menu--content a.btn::after {
		font: var(--fa-font-sharp-solid);
		content: '\f04b';
		padding-left: 1.875rem;
		padding-right: 0;
		margin-right: 0;
		position: relative;
		right: 0;
		transition: unset;
		bottom: auto;
		width: fit-content;
		height: auto;
		background-color: transparent;
	}

	.lt-mega--menu .lt-menu--content.lt-bg--stone {
		background-color: var(--lt-colour-stone);
	}

	.lt-mega--menu .lt-menu--content.lt-bg--stone .lt-mega--menu-heading {
		color: var(--lt-colour-primary);
	}

	.lt-mega--menu .lt-mega--menu-heading {
		font-size: var(--lt-heading__h4-font-size) !important;
		font-weight: var(--lt-body-font-weight-normal);
		color: var(--lt-colour-primary);
		margin-bottom: 1.25rem;
	}

	.lt-mega--menu .lt-mega--menu-item {
		font-size: var(--lt-body-font-size) !important;
		color: var(--lt-colour-primary);
		padding: 0;
		display: flex;
		align-items: center;
	}

	.lt-mega--menu .lt-mega--menu-item::after {
		font: var(--fa-font-sharp-solid);
		content: '\f04b';
		padding-left: var(--lt-button-icon-spacing-sm);
		position: relative;
		transition: unset;
		transform: scaleX(0);
		bottom: auto;
		width: fit-content;
		height: auto;
		background-color: rgba(0, 0, 0, 0);
	}

	.lt-mega--menu .lt-mega--menu-item:hover::after {
		transform: scaleX(1);
		transform-origin: middle left;
	}

	.lt-mega--menu .lt-mega--menu-item a {
		text-decoration: underline !important;
		text-decoration-color: var(--lt-colour-primary) !important;
		text-underline-offset: var(--lt-layout-border-width-sm);
		display: block;
		position: relative;
		padding: 0.25rem 0;
		font-size: var(--lt-body-font-size);
		font-weight: var(--lt-body-font-weight-normal);
	}

	.lt-mega--menu .lt-mega--menu-item a:hover {
		text-decoration: 0.1875rem underline !important;
		text-decoration-color: var(--lt-colour-primary) !important;
		text-underline-offset: 0.1875rem;
	}

	.lt-mega--menu h2.lt-menu--headings {
		color: var(--lt-colour-stone);
		font-size: var(--lt-heading__h2-font-size);
	}

	.lt-mega--menu ul {
		float: left;
		margin-bottom: 1.25rem;
	}

	.lt-mega--menu ul:last-child {
		margin-right: 0;
	}

	# .lt-mega--menu a {
		color: var(--lt-colour-white);
		display: block;
		padding: 0.625rem 0;
	}

	.lt-mega--menu a:hover {
		color: var(--lt-colour-primary);
	}

	.lt-submenu {
		display: flex;
		flex-direction: column;
	}

	.lt-submenu a {
		font-weight: var(--lt-body-font-weight-normal);
		color: var(--lt-colour-primary);
	}

	.lt-droppable {
		position: static;
	}

	.lt-droppable:focus-visible {
		background-color: var(--lt-colour-stone);
	}

	.lt-droppable.expanded {
		background-color: var(--lt-colour-stone);
	}

	.lt-droppable.expanded a {
		color: var(--lt-colour-primary) !important;
		background-color: var(--lt-colour-stone);
	}

	.lt-droppable.expanded a.lt-button--transparent {
		color: var(--lt-colour-primary);
		border: 0.15rem solid var(--lt-colour-primary);
		padding: 1rem;
	}

	.lt-droppable.expanded a.lt-button--transparent:hover {
		background-color: var(--lt-colour-primary);
		color: var(--lt-colour-stone) !important;
	}

	.lt-droppable.expanded .lt-mega--menu {
		height: 80vh;
		scrollbar-width: none;
		transition: height 0.5s linear;
	}

	.lt-droppable .lt-submenu .lt-course-search-section--form .lt-form--field .lt-button--primary {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border: var(--lt-button-border-width) solid var(--lt-colour-primary) !important;
		border-left: none !important;
		margin-left: 0;
		font-weight: var(--lt-body-font-weight-normal);
		padding: 0.72rem;
		width: 30%;
		text-align: center;
	}

	.lt-droppable .lt-submenu .lt-course-search-section--form .lt-form--field .lt-button--primary:hover {
		background-color: var(--lt-colour-primary);
		color: var(--lt-colour-stone) !important;
	}

	.lt-droppable .lt-submenu .lt-course-search-section--form .lt-form--field .lt-search--input {
		flex: 1 0 auto;
		border: var(--lt-button-border-width) solid var(--lt-colour-primary);
		border-color: var(--lt-colour-primary);
		border-radius: 0;
		padding: var(--lt-layout-padding-sm) var(--lt-layout-padding-md);
		box-sizing: border-box;
		color: inherit;
		background-color: rgba(74, 0, 33, 0.1450980392);
		font-weight: var(--lt-body-font-weight-normal);
		line-height: var(--lt-line-height-head);
		transition: all 0.25s;
	}

	.lt-droppable .lt-submenu .lt-course-search-section--form .lt-form--field {
		margin-top: 1.25rem !important;
		display: flex;
	}

	.lt-droppable .lt-submenu .lt-course-search-section--form {
		flex-direction: column;
		align-items: flex-start;
	}

	.lt-droppable .lt-quick--search {
		display: flex;
		gap: var(--lt-layout-gap-xxs);
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.lt-droppable .lt-quick--search a.lt-button--transparent {
		width: fit-content;
		cursor: pointer;
	}

	.lt-droppable .lt-quick--search a.lt-button--transparent::after {
		font: var(--fa-font-sharp-solid);
		content: '\f04b';
		padding-left: var(--lt-button-icon-spacing-sm);
		position: relative;
		transition: unset;
		transform: none;
		bottom: auto;
		width: fit-content;
		height: auto;
		background-color: transparent;
	}

	/* Mega Menu Navigation */

	.lt-droppable.collapsed .lt-mega--menu {
		height: 0;
		padding: 0 2rem;
		transition: height 0.5s linear;
	}

	.lt-droppable.collapsed .lt-mega--menu * {
		display: none;
	}

	.lt-menu-expand--button {
		display: none;
	}

	.lt-rotate--down {
		transform: rotate(180deg);
	}

	.lt-rotate--up {
		transform: rotate(180deg);
	}

	.lt-responsive--navbar {
		display: flex;
		flex-direction: column-reverse;
	}

	/* mega menu override start */
	nav.lt-nav .collapsed a.lt-nav--item::after {
		content: '\f078';
		font-family: 'Font Awesome 7 Sharp';
		font-size: var(--lt-body-font-size);
		padding-left: 0.375rem;
		position: relative;
		padding: 0 0.25rem 0;
		color: var(--lt-colour-white);
	}

	nav.lt-nav .expanded a.lt-nav--item::after {
		content: '\f077';
		font-family: 'Font Awesome 7 Sharp';
		font-size: var(--lt-body-font-size);
		padding-left: 0.375rem;
		position: relative;
		padding: 0 0.25rem 0;
		color: var(--lt-colour-primary);
	}

	.lt-droppable.expanded .lt-mega--menu {
		height: fit-content;
		scrollbar-width: none;
		transition: height 0.5s linear;
		min-height: 60vh;
		max-height: 85vh;
	}

	.lt-mega--menu .lt-button--close {
		height: 2rem;
		width: 2rem;
		font-size: var(--lt-button-font-size);
		top: 0.1875rem;
		padding: 0;
		border-radius: 100%;
		border: var(--lt-button-border-width) solid var(--lt-colour-primary) !important;
		cursor: pointer;
		font-weight: var(--lt-body-font-weight-normal);
		margin: 0.5rem 1rem 0;
	}

	.lt-mega--menu .lt-button--close:hover {
		background-color: var(--lt-colour-secondary);
		border-color: var(--lt-colour-primary);

		i {
			color: var(--lt-colour-primary);
		}
	}

	.lt-mega--menu .lt-button--close:focus-visible {
		background-color: var(--lt-colour-secondary);
		border-color: var(--lt-colour-primary);

		i {
			color: var(--lt-colour-primary);
		}
	}

	.lt-mega--menu .lt-mega--menu-heading {
		font-size: var(--lt-heading__h3-font-size) !important;
		color: var(--lt-colour-primary);
		margin-bottom: 0.75rem !important;
		font-weight: var(--lt-body-font-weight-normal);
		display: block;
		line-height: var(--lt-line-height-head);
	}

	.lt-mega--menu ul {
		float: none !important;
		margin-bottom: 1.25rem !important;
	}

	.lt-mega--menu .lt-menu--content.leedsred .lt-mega--menu-heading {
		color: var(--lt-colour-white);
	}

	.lt-mega--menu .lt-menu--content.white .lt-mega--menu-heading {
		color: var(--lt-colour-primary);
	}

	.lt-mega--menu .lt-menu--content.white-menu-content {
		background-color: var(--lt-colour-white);
	}

	.lt-mega--menu .lt-menu--content.white-menu-content .lt-mega--menu-heading,
	.lt-mega--menu .lt-menu--content.white-menu-content .lt-text--stone {
		color: var(--lt-colour-black) !important;
	}

	/* study menu start */
	.lt-mega--menu .lt-form--field {
		display: flex;
		align-items: center;
	}

	nav.lt-nav .lt-course-search-section__form {
		margin: 0 0 var(--lt-layout-margin-lg) 0;
	}

	nav.lt-nav .lt-course-search-section__form input[type='search'] {
		border-radius: 0;
		border: var(--lt-button-border-width) solid var(--lt-colour-primary);
		padding: var(--lt-layout-padding-md);
		margin: var(--lt-layout-margin-md) 0;
		width: 75%;
		background: white;
		font-weight: var(--lt-body-font-weight-normal);
	}

	nav.lt-nav .lt-course-search-section__form button {
		display: block;
		border-radius: 0;
		border: var(--lt-button-border-width) solid var(--lt-colour-primary);
		width: 25%;
		padding: 0 var(--lt-layout-padding-md);
		font-weight: var(--lt-body-font-weight-normal);
		font-size: var(--lt-button-font-size);
	}

	nav.lt-nav .lt-course-search-section__form button:hover {
		background-color: transparent;
		color: var(--lt-colour-primary);
		border: var(--lt-button-border-width) solid var(--lt-colour-primary);
		font-size: var(--lt-button-font-size);
	}
}

button#ccc-icon.ccc-icon--dark:focus-visible svg {
	fill: var(--lt-colour-accessible) !important;

	#star path {
		fill: var(--lt-colour-primary);
	}
}

button#ccc-icon.ccc-icon--dark:hover svg {
	fill: var(--lt-colour-accessible) !important;

	#star path {
		fill: var(--lt-colour-primary);
	}
}

/* study menu end */

/* Page 404 start */

#copy404 .general-content {
	margin-bottom: 0.75rem;
}

#copy404 .general-content h1 {
	line-height: var(--lt-line-height-body);
	font-weight: var(--lt-heading-font-weight-normal);
}

#copy404 .course-search {
	margin-top: 0;
}

/* End Page 404 */

.news-slider__controllers {
	padding: 0 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.lt-two-column-mixed-content__ctas,
.flex-cta {
	width: 100% !important;
	display: flex;
	gap: var(--lt-layout-gap-sm);

	a {
		max-width: fit-content;
		text-decoration: none !important;
	}

	a:hover {
		text-decoration: none !important;
		max-width: fit-content;
	}
}

.flex-cta a {
	max-width: fit-content;
	text-decoration: none !important;
}

.flex-cta a:hover {
	text-decoration: none !important;
}

.article-content__inner {
	margin: 2rem auto;
}

.article-content__image {
	margin-bottom: 2rem;
}

/* Buttons */
button.lt-button--search {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	width: 10%;
	background-color: var(--lt-colour-primary);
	color: var(--lt-colour-white);
	border-bottom: 0px;
	border-top: 0px;
	border-right: 0px;

	&:hover {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-primary);
	}
}

.lt-button {
	padding: 0.75rem 1rem;
	font-size: var(--lt-button-font-size);
	width: fit-content;
	border: var(--lt-button-border-width) solid var(--lt-colour-primary);
	line-height: var(--lt-line-height-button);
	cursor: pointer;
	text-decoration: none !important;
	text-transform: none;
	transition: all 0.25s;
	display: inline-block;
	white-space: nowrap;

	&.lt-button--large {
		padding: var(--lt-button-padding-lg);
		font-size: var(--lt-button-large-font-size);
	}

	&.lt-button--jumbo {
		padding: var(--lt-button-padding-xl);
		font-size: var(--lt-button-jumbo-font-size);
	}

	&.lt-button--expanded {
		width: 100%;
		text-align: center;
	}

	&.lt-button--small {
		line-height: 0.5;
		padding: 0.675rem 0.5rem;
	}

	&[disabled] {
		opacity: 0.6;
		cursor: not-allowed;
	}
}

.lt-button.lt-button--icon-next::after {
	font: var(--fa-font-sharp-solid);
	content: '\f04b';
	padding-left: var(--lt-button-icon-spacing);
	padding-right: 0;
	margin-right: 0;
	position: relative;
	right: 0;
	transition: unset;
	transform: none;
	top: 2px;
	bottom: auto;
	width: fit-content;
	height: auto;
	background-color: var(--lt-colour-transparent);
}

.lt-button.lt-button--icon-prev::before {
	font: var(--fa-font-sharp-solid);
	content: '\e780';
	padding-left: 0;
	padding-right: var(--lt-button-icon-spacing);
	margin-right: 0;
	position: relative;
	right: 0;
	transition: unset;
	transform: scaleX(-1);
	bottom: auto;
	width: fit-content;
	height: auto;
	background-color: var(--lt-colour-transparent);
}

a.lt-button {
	&.lt-button--primary {
		background-color: var(--lt-colour-primary);
		color: var(--lt-colour-secondary);
		font-size: var(--lt-button-font-size);
		border: var(--lt-button-border-width) solid var(--lt-colour-primary);
	}

	&.lt-button--primary:hover {
		color: var(--lt-colour-primary);
		background-color: var(--lt-colour-secondary);
	}

	&.lt-button--primary.lt-button--icon-next::after {
		font: var(--fa-font-sharp-solid);
		content: '\f04b';
		color: var(--lt-colour-secondary);
	}

	&.lt-button--primary.lt-button--icon-next:hover::after {
		color: var(--lt-colour-primary);
	}

	&.lt-button--secondary {
		background-color: var(--lt-colour-secondary);
		color: var(--lt-colour-primary);
		border: var(--lt-button-border-width) solid var(--lt-colour-secondary);
	}

	&.lt-button--secondary:hover {
		color: var(--lt-colour-secondary);
		background-color: var(--lt-colour-primary);
		border: var(--lt-button-border-width) solid var(--lt-colour-primary);
	}

	&.lt-button--secondary.lt-button--icon-next::after {
		font: var(--fa-font-sharp-solid);
		content: '\f04b';
		color: var(--lt-colour-primary) !important;
	}

	&.lt-button--secondary.lt-button--icon-next:hover::after {
		color: var(--lt-colour-secondary);
	}

	/* Start White */
	&.lt-button--white {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-primary) !important;
		font-size: var(--lt-button-font-size);
		border: var(--lt-button-border-width) solid var(--lt-colour-white);
	}

	&.lt-button--white:hover {
		color: var(--lt-colour-white) !important;
		background-color: var(--lt-colour-transparent);
		border: var(--lt-button-border-width) solid var(--lt-colour-white);
	}

	&.lt-button--white.lt-button--icon-next::after {
		font: var(--fa-font-sharp-solid);
		content: '\f04b';
		color: var(--lt-colour-primary) !important;
	}

	&.lt-button--white.lt-button--icon-next:hover::after {
		color: var(--lt-colour-white) !important;
	}

	/* End white */

	&.lt-button--transparent {
		background-color: var(--lt-colour-transparent);
		color: var(--lt-colour-primary);
		font-size: var(--lt-button-font-size);
		border: var(--lt-button-border-width) solid var(--lt-colour-primary);
	}

	&.lt-button--transparent:hover {
		color: var(--lt-colour-secondary);
		background-color: var(--lt-colour-primary);
	}

	&.lt-button--transparent.lt-button--icon-next::after {
		font: var(--fa-font-sharp-solid);
		content: '\f04b';
		color: var(--lt-colour-primary);
	}

	&.lt-button--transparent.lt-button--icon-next:hover::after {
		color: var(--lt-colour-secondary);
	}
}

.show-sr {
	display: none;
}

.scrollable-table-wrapper {
	width: 100%;
	overflow-y: auto;
	margin-bottom: 1rem;
}

/* End Buttons */
#ltucontainer .container .sf-lists .reset-row {
	display: inline !important;
}

/* Search Pill */
.facet-template-container-custom .pill-container {
	display: flex !important;
	flex-wrap: wrap;
	gap: var(--lt-layout-gap-xs);
	margin-top: 1.75rem;
}

.facet-template-container-custom .pill-container .pill {
	border-radius: 0 !important;
	display: flex !important;
	align-items: center;
	border: var(--lt-layout-border-width-sm) solid var(--lt-colour-primary) !important;
}

/* page404 */
#page404 h1 {
	margin-bottom: 2rem;
	font-weight: var(--lt-body-font-weight-normal);
}

#page404 .course-search {
	margin-top: 1.75rem !important;
}

#page404 .form__field {
	flex-wrap: nowrap !important;
}

/* copy404 Styling */
#copy404 .col h2 {
	font-size: var(--lt-heading__h2-font-size) !important;
	margin-bottom: 2rem;
}

#copy404 .general-content ul {
	list-style: none;
	margin-right: 0 !important;
	margin-left: 0 !important;
	margin-bottom: 0.1325rem;
	padding-left: 0;
}

#copy404 a.rekai-pill-radius {
	border-radius: 0;
}

#copy404 .rek-prediction__item.rekai-pill {
	background: var(--lt-colour-primary);
	box-sizing: border-box;
	margin-right: 0.5rem;
	color: var(--lt-colour-secondary);
}

#copy404 .rek-prediction__item.rekai-pill a.rek-link {
	text-decoration: none !important;
	color: var(--lt-colour-secondary);
}

#copy404 .rek-prediction__item.rekai-pill:hover {
	background: var(--lt-colour-secondary);
	box-sizing: border-box;
	margin-right: 0.5rem;
	color: var(--lt-colour-primary);
	text-decoration: none !important;
}

#copy404 .rek-prediction__item.rekai-pill a.rek-link:hover {
	text-decoration: none !important;
	color: var(--lt-colour-primary);
}

/* Style Search course */
#ss-search-results .pl-3 li:focus-within {
	background-color: var(--lt-colour-accessible);
}

/* home carousal */
.home-carousel .carousel__item .promo .promo__main:before {
	background-color: var(--coral) !important;
}

/* Search pills */
.facet-template-container-custom .pill-container .pill.pillFilterBy {
	pointer-events: none;
	border: none !important;
}

/* promo override start */
.promo--lowercase .promo__lead {
	text-transform: lowercase;
}

.flickity-prev-next-button {
	border-color: var(--lt-colour-primary) !important;
}

.carousel__nav button.flickity-prev-next-button:hover {
	border-color: var(--lt-colour-primary) !important;
}

.flickity-page-dots .is-selected {
	border-color: var(--lt-colour-primary) !important;
}

.carousel__clearing_nav .flickity-prev-next-button {
	border-color: var(--clearing) !important;
}

.carousel__clearing_nav .flickity-page-dots .is-selected {
	border-color: var(--clearing) !important;
}

.carousel__clearing .flickity-prev-next-button,
#clearing.flickity-prev-next-button {
	border-color: var(--clearing) !important;
}

#clearing.carousel__nav button.flickity-prev-next-button:hover {
	border-color: var(--clearing) !important;
}

#clearing.flickity-page-dots .is-selected {
	border-color: var(--clearing) !important;
}

/* promo override end */

/* clearing course list styles */
section.clearing-course-search-section {
	.lt-layout-section-inner {
		margin-bottom: 2rem;
	}

	h2 {
		text-align: left;
		margin-bottom: 1.25rem;
	}

	.form__field {
		display: flex;
		flex-wrap: wrap;
		position: relative;
	}

	input[type='search'] {
		margin-left: 0;
		border-radius: 0;
		background-color: var(--lt-colour-offwhite);
	}

	.course-list-container th.course-list-container__th-year {
		text-align: left;
	}

	.course {
		border-top: var(--lt-layout-border-width-sm) solid var(--lt-colour-primary);

		&:hover td {
			background-color: var(--lt-colour-clearing);
		}

		th,
		td {
			text-align: left;
		}

		td.course__link {
			text-align: right;
		}

		td {
			background-color: var(--lt-colour-secondary);
		}
	}
}

/* end clearing course list styles */
/* clearing course list styles */
section.clearing-course-search-section .inner {
	max-width: 1000rem;
	margin-bottom: 2rem;

	h2 {
		text-align: left;
		margin-bottom: 1.25rem;
	}

	input[type='search'] {
		margin-left: 0;
		border-radius: 0;
		background-color: var(--lt-colour-offwhite);
	}

	.course-list-container th.course-list-container__th-year {
		text-align: left;
	}

	.course {
		border-top: var(--lt-layout-border-width-sm) solid var(--lt-colour-primary);

		&:hover td {
			background-color: var(--lt-colour-clearing);
		}

		th,
		td {
			text-align: left;
		}

		td.course__link {
			text-align: right;
		}

		td {
			background-color: var(--lt-colour-secondary);
		}
	}
}

/* end clearing course list styles */

/* basic modal start */
/* The Modal (background) */
.modal {
	display: none;
	position: fixed;
	z-index: 100;
	padding-top: 2rem;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.9);

	/* 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: var(--lt-colour-white);
		color: var(--lt-colour-primary);
		margin: auto;
		padding: 0;
		border: var(--lt-layout-border-width-sm) solid #888;
		width: clamp(25rem, 80%, 61.25rem);
		box-shadow:
			0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2),
			0 0.375rem 1.25rem 0 rgba(0, 0, 0, 0.2);
		animation-name: animatetop;
		animation-duration: 0.4s;

		.modal-title > * {
			color: var(--lt-colour-accent-primary-text);
		}

		.modal-body {
			h1,
			h2,
			h3,
			h4,
			h5,
			h6,
			p,
			span,
			strong,
			ul,
			li {
				color: var(--lt-colour-primary) !important;
			}

			.lt-section-info-box__modal-image {
				max-width: 16rem;
			}
		}
	}

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

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

	.modal-header {
		padding: 2.75rem;
		background-color: var(--lt-colour-primary);
		color: var(--lt-colour-white);
	}

	.modal-body {
		padding: 2.75rem;
	}

	.modal-footer {
		padding: 0.75rem 2.75rem;
		background-color: var(--lt-colour-primary);
		color: var(--lt-colour-white);
	}

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

	.close:hover,
	.close:focus-visible {
		color: var(--lt-colour-black);
		text-decoration: none;
		cursor: pointer;
	}

	.lt-button {
		cursor: pointer;
	}

	.modal-backdrop.fade {
		opacity: 0 !important;
		display: none;
	}
}

/* end Bootstrap modal styles */

/* course list start */

.list-unstyled .lt-course__card {
	margin-bottom: 2rem;
}

li.result .lt-course__card {
	gap: 0rem;
}

.course-header__badge,
.lt-course-header__badge {
	margin-top: 1rem;
}

/* course list end */

/* clearing variant start */

/* CTA List Campaign Variant list*/
.general-content-listacle {
	display: block;
	margin: 0 auto 3.75rem;
	max-width: 45rem;
	padding: 0;
}

.general-content-listacle .gradient-list a,
.general-content-listacle .gradient-list a:hover {
	text-decoration: none;
	opacity: 1;
	font-weight: var(--lt-body-font-weight-normal);
	border: none;
}

.general-content-listacle .gradient-list a:hover {
	color: var(--lt-colour-white);
}

.general-content-listacle .gradient-list a .list-item::before {
	content: ' ';
	position: absolute;
	z-index: -1;
	top: 100%;
	left: 0;
	width: calc(100% + 0.125rem);
	height: 100%;
	transition: 0.4s;
	border: none;
	font-weight: var(--lt-body-font-weight-normal);
}

.general-content-listacle .gradient-list a .list-item::after {
	content: ' ';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	padding: 0 0.125rem;
	width: var(--lt-layout-border-width-sm);
	height: 100%;
	transition: 0.4s;
}

.general-content-listacle .gradient-list a:hover .list-item::after {
	width: 100%;
	background-color: var(--lt-colour-primary);
	border: var(--lt-layout-border-width-sm) solid var(--lt-colour-primary);
	font-weight: var(--lt-body-font-weight-normal);
}

.general-content-listacle .list-item {
	background: transparent;
	border: var(--lt-layout-border-width-sm) solid var(--lt-colour-primary);
	counter-increment: gradient-counter;
	margin-top: 1rem;
	min-height: 3rem;
	position: relative;
	display: flex;
	padding-left: 1rem;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0.25rem 0.25rem 0.1875rem var(--lt-layout-border-width-sm) #f1f2f2;
	font-weight: var(--lt-body-font-weight-normal);
	font-size: var(--lt-heading__h4-font-size);
}

.general-content-listacle .list-item .fa-angle-right {
	background-color: var(--lt-colour-primary);
	font-size: var(--lt-heading__h1-font-size);
	color: var(--lt-colour-white);
	padding: 0.3125rem 0.625rem;
}

/* END CTA List Campaign Variant */
#clearing .general-content-listacle .gradient-list a:hover {
	color: var(--navy);
}

#clearing .general-content-listacle .gradient-list a:hover .list-item::after {
	background-color: rgb(24, 239, 172);
	border: var(--lt-layout-border-width-sm) solid rgb(24, 239, 172);
	border-radius: 0 0.5rem 0.5rem 0.5rem;
}

#clearing .general-content-listacle .list-item {
	background: white;
	background: transparent;
	border: var(--lt-layout-border-width-sm) solid #cacaca8c;
	box-shadow: 0.25rem 0.25rem 0.1875rem var(--lt-layout-border-width-sm) #f1f2f2;
	border-radius: 0 0.5rem 0.5rem 0.5rem;
}

#clearing .general-content-listacle .list-item .fa-angle-right {
	background-color: #18efac;
	color: black;
	border-radius: 0 0.5rem 0.5rem 0;
}

/* clearing variant end */

/* End - Clearing - Course list */

/* solid banner start */

section.solid,
.lt-component-header--solid {
	background-color: var(--lt-colour-primary);

	.banner-title-box,
	.lt-component-header__title-box {
		max-width: 37.5rem;
		background-color: var(--lt-colour-primary);
		margin: 0;
		padding: 0 0 var(--lt-layout-margin-lg) 0;
	}

	.banner-title-box h1,
	.banner-title-box h2,
	.lt-component-header__title {
		margin: 0 var(--lt-layout-margin-md) 0 0;
		padding: var(--lt-layout-padding-md) 0;
		text-transform: none;
		color: var(--lt-colour-white);
		font-size: var(--lt-heading__h1-font-size);
		font-weight: var(--lt-heading-font-weight-normal);
	}

	.banner-title__lead {
		color: var(--lt-colour-offwhite);
		font-weight: var(--lt-body-font-weight-normal);
		font-size: var(--lt-heading__h4-font-size);
		text-transform: none;
		background-color: var(--lt-colour-primary);
	}

	.banner-title__sub {
		color: var(--lt-colour-white);
		font-size: var(--lt-heading__h3-font-size);
		font-weight: var(--lt-body-font-weight-normal);
	}

	.h-group__intro {
		color: var(--lt-colour-secondary) !important;
	}
}

/* solid banner end */

/* Page Layout styles */

/* Profile Styles */
#profile--wrapper {
	background: #f0f5fa;
	display: inline-grid;
	width: 100%;
	text-align: center;
}

#profile--wrapper .grid--container {
	justify-content: center;
}

#profile--wrapper .grid {
	padding-top: 1rem;
}

#profile--wrapper .grid--fullwidth {
	background: none !important;
}

#profile--wrapper .row {
	padding: 2rem 5rem;
	justify-content: center;
}

#profile--wrapper .card {
	padding: 0;
	flex-direction: row !important;
}

#profile--wrapper .col-md-3 {
	flex: 0 0 auto;
	width: 24%;
	margin: 0 0.25rem 1rem 0.25rem;
}

#profile--wrapper .col-md-3 img {
	border-radius: 0.3125rem 0rem 0rem 0.3125rem;
	margin: 0 !important;
}

.modal-backdrop.fade {
	opacity: 0 !important;
	display: none;
}

#profile--wrapper .title {
	font-weight: var(--lt-body-font-weight-normal);
}

/* end multiple profiles */

/* start Fixed course navbar course Pages */
.course-information {
	padding-left: 0;
	padding-right: 0;
}

.fixed-top {
	top: 3.7rem !important;
}

.course-information .nav-link {
	color: var(--navy);
	font-size: var(--lt-body-font-size);
	font-weight: var(--lt-body-font-weight-normal);
	text-transform: uppercase;
}

.tab_container {
	padding: 0.625rem 15% 3% 10%;
	width: 100%;
}

.course-information .navbar-collapse {
	justify-content: center;
}

#tabordion div article {
	display: block !important;
	padding-top: 5.5rem;
}

#top-menu li.active a {
	border-bottom: 0.25rem solid var(--navy);
	color: #333;
	font-size: var(--lt-button-font-size);
	border-radius: 2.5rem !important;
}

.tab_container .summary__main {
	flex-basis: 100% !important;
}

/*spotlight Profile */
.profiles--section-display {
	width: 100%;
}

.profiles--section-display .inner {
	padding-left: 3.75rem;
}

.profile--cards-block .h-group {
	margin: 0 1.2rem !important;
}

.profile--cards-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.profile--cards-wrapper--row {
	width: 100%;
	padding: 2.75rem;
	padding-top: 0;
}

.profile--cards-wrapper .grid--item {
	max-width: 25%;
}

.profile--cards-wrapper--row .grid--item--row {
	display: grid;
	gap: var(--lt-layout-gap-md);
	grid-template-columns: 1fr 2fr;
	margin-bottom: 2.75rem;
}

.profile--cards-wrapper--row .grid--item--row .single-profile-details a.button:hover {
	color: var(--lt-colour-white) !important;
}

.profile--cards-wrapper--row .grid--item--row .side {
	background-color: #e2e2e2;
}

.profile--cards-wrapper--row .grid--item--row .main img.image--general {
	width: 100%;
	height: auto;
}

.profile--cards-wrapper .grid--item img {
	margin-bottom: 0;
}

.profile--cards-wrapper .single-profile-details {
	background: var(--lt-colour-secondary);
	padding: 1rem !important;
	margin: 0;
	color: var(--lt-colour-primary);
}

.profile--cards-wrapper .card-front--detail {
	display: flex;
	flex-direction: column;
}

.profile--cards-wrapper .single-profile-details .grid__main-name {
	color: var(--lt-colour-primary);
	font-weight: var(--lt-body-font-weight-normal);
	font-size: var(--lt-heading__h3-font-size) !important;
	text-transform: capitalize;
	margin: 0.75rem 0 0.75rem 0;
}

.profile--cards-wrapper .single-profile-details .grid__main-subject {
	padding: 0;
	text-transform: none;
	font-size: var(--lt-heading__h4-font-size) !important;
	font-weight: var(--lt-body-font-weight-normal);
	margin: 0.75rem 0 0 0;
	color: var(--lt-colour-primary);
}

.profile--cards-wrapper .modal-content .modal-header :is(h1, h2, h3, h4, h5, h6) {
	margin: 0.5rem auto 0;
	font-weight: var(--lt-heading-font-weight-normal);
}

.profile--cards-wrapper .text-left {
	text-align: left;
}

.profile--cards-wrapper .button {
	color: var(--lt-colour-white) f !important;
	background: var(--lt-colour-primary) !important;
	border-color: var(--lt-colour-primary) !important;
	align-items: center;
	border-radius: 0;
	font-weight: var(--lt-body-font-weight-normal);
	line-height: var(--lt-line-height-button);
	text-transform: capitalize;
	cursor: pointer;
	padding: 0.6875rem 1.25rem 0.5625rem;
}

.profile--cards-wrapper .button:hover {
	color: var(--lt-colour-primary) !important;
	background: var(--lt-colour-white) !important;
	border-color: var(--lt-colour-primary) !important;
	align-items: center;
}

.profile--cards-wrapper table td {
	background: var(--lt-colour-offwhite) !important;
}

.profile--cards-wrapper table th {
	background: var(--lt-colour-offwhite) !important;
	color: var(--lt-colour-primary) !important;
}

/* Modal */
.profile--cards-wrapper .modal-content {
	background-color: var(--lt-colour-offwhite) !important;
	color: var(--navy) !important;
}

.profile--cards-wrapper .text-center {
	text-align: center;
}

.profile--cards-wrapper .modal-content .modal-header img {
	max-width: 12rem !important;
	min-width: 12rem;
	max-height: 12rem !important;
	min-height: 12rem;
	border-radius: 6.25rem;
}

.profile--cards-wrapper .modal-header .profile-img {
	width: 12rem;
	height: 12rem;
	background-size: cover;
	border-radius: 55rem;
	background-position-y: 30%;
}

.profile--cards-wrapper .modal-header .modal-title {
	color: var(--lt-colour-primary);
}

.profile--cards-wrapper .modal-.modal-title {
	color: var(--lt-colour-primary);
}

.profile--cards-wrapper .modal- {
	padding: 0 2.7rem;
}

.profile--cards-wrapper .modal-p {
	color: var(--navy);
}

.profile--cards-wrapper table {
	margin: 2.75rem auto !important;
}

.profile--cards-wrapper .modal-tr {
	vertical-align: top;
}

.profile--cards-wrapper .profile--social {
	padding-bottom: 0.5rem;
	text-align: center;

	a.button + a.button {
		margin-left: 1rem;
	}
}

.profile--cards-wrapper .modal-footer {
	display: flex;
	justify-content: center;
	background: var(--lt-colour-offwhite);

	a.button + a.button {
		margin-left: 1rem;
	}
}

.profile--cards-wrapper ttr:nth-child(odd):last-child td,
ttr:nth-child(odd):last-child th {
	padding-bottom: 2.75rem;
	border-bottom: 0.25rem solid var(--lt-colour-primary);
}

.profile--cards-wrapper ttr:nth-child(odd):last-child th {
	padding-bottom: 2.75rem;
	border-bottom: 0.25rem solid var(--lt-colour-primary);
}

.profile--cards-wrapper .button i {
	margin-left: 0.375rem;
}

/* End Spotlight Profile */

/* Profile Styles end */

/* Start Video section */

.lt-section-video-stripe {
	.grid--fullwidth {
		padding: 0 2.25rem 2.25rem 0.25rem !important;
	}

	.video--section .grid--gutter {
		max-width: 90% !important;
	}
}

/* END Video panel */

/* Tabs Style Start  */

.lt-tab {
	display: inline-block;
	margin: 0;
	padding: 0.625rem;
	cursor: pointer;
	border: var(--lt-layout-border-width-sm) solid var(--navy);
	border-bottom: none;
	background-color: #f1f1f1;
	min-width: 8rem;
	text-align: center;
}

.lt-active {
	background-color: var(--navy);
	color: var(--lt-colour-offwhite);
}

.lt-tab-content {
	display: none;
	padding: 0.625rem;
	border: var(--lt-layout-border-width-sm) solid var(--navy);
	background: var(--navy);
	color: var(--lt-colour-offwhite);
}

/* Tabs/Pills v2.0 */
.lt-tabular .grid--item.image-tab {
	background-repeat: no-repeat;
	background-size: contain;
	min-width: 31.25rem;
	min-height: 31.25rem;
}

.lt-component-tabcordion,
.ootb-tabcordion {
	margin: 0 auto;
	border-radius: var(--lt-layout-border-width-md);

	&.hybrid-stone {
		background-color: var(--lt-colour-stone);
		float: revert;
		padding-top: 0.0015rem;
		padding-bottom: 1.75rem;
		margin-top: 0;
		margin-bottom: 0;
	}

	&.has-tabs {
		.lt-component-tabcordion--tabs,
		.ootb-tabcordion--tabs {
			opacity: 1;
			height: auto;
			visibility: visible;
		}

		.lt-component-tabcordion--entry,
		.ootb-tabcordion--entry {
			min-height: 0;

			&::before {
				display: none;
			}

			.lt-component-tabcordion--entry-content,
			.ootb-tabcordion--entry-content {
				opacity: 0;
				transition: opacity 400ms ease-in-out;
			}

			&.is-active .lt-component-tabcordion--entry-content {
				padding: var(--lt-layout-padding-lg);
				opacity: 1;
				transition: opacity 400ms ease-in-out;
			}

			&.is-active .ootb-tabcordion--entry-content {
				padding: var(--lt-layout-padding-lg);
				opacity: 1;
				transition: opacity 400ms ease-in-out;
			}
		}
	}

	.lt-component-tabcordion--tabs,
	.ootb-tabcordion--tabs {
		opacity: 0;
		height: 0;
		visibility: hidden;
		display: flex;
		flex-flow: wrap;
		margin: 0;
		list-style: none;
		padding: 0;

		.tab {
			display: block;
			color: var(--lt-colour-primary);
			border: var(--lt-button-border-width-sm) solid var(--lt-colour-primary);
			background-color: var(--lt-colour-secondary);
			min-width: 8rem;
			font-size: var(--lt-body-font-size);
			margin: 0 1rem 1rem 0;
			cursor: pointer;
		}

		.tab:hover,
		.tab:focus-visible {
			background: var(--lt-colour-primary);
			color: var(--lt-colour-secondary);
			border: var(--lt-layout-border-width-sm) solid var(--lt-colour-secondary);
		}

		.tab.is-active {
			background: var(--lt-colour-primary);
			color: var(--lt-colour-secondary);
			border: var(--lt-layout-border-width-sm) solid var(--lt-colour-secondary);
		}

		.tab.is-active:hover,
		.tab.is-active:focus-visible {
			background: var(--lt-colour-primary);
			color: var(--lt-colour-secondary);
			border: var(--lt-layout-border-width-sm) solid var(--lt-colour-secondary);
		}
	}

	.lt-component-tabcordion--entry,
	.ootb-tabcordion--entry {
		overflow: hidden;

		&::before {
			position: relative;
			content: attr(data-title);
			cursor: pointer;
			z-index: 1;
			background: var(--lt-colour-offwhite);
			color: var(--navy);
			padding: var(--lt-layout-padding-md);
			display: block;
		}

		&.is-active .lt-component-tabcordion--entry-content,
		&.is-active .ootb-tabcordion--entry-content {
			margin-top: 0;
			height: auto;
			opacity: 1;
			transition: margin 400ms ease-out -100ms;
		}

		&.is-active::before {
			background: var(--lt-colour-primary);
			color: var(--lt-colour-white);
		}
	}

	.lt-component-tabcordion--entry:hover,
	.lt-component-tabcordion--entry:focus-visible,
	.ootb-tabcordion--entry:hover,
	.ootb-tabcordion--entry:focus-visible {
		outline: none;
	}

	.lt-component-tabcordion--entry:hover::before,
	.lt-component-tabcordion--entry:focus::before,
	.ootb-tabcordion--entry:hover::before,
	.ootb-tabcordion--entry:focus::before {
		background: #535353;
	}

	.lt-component-tabcordion--entry.is-active:hover::before,
	.lt-component-tabcordion--entry.is-active:focus::before,
	.ootb-tabcordion--entry.is-active:hover::before,
	.ootb-tabcordion--entry.is-active:focus::before {
		background: var(--lt-colour-primary);
		color: var(--lt-colour-white);
	}

	.lt-component-tabcordion--entry-container,
	.ootb-tabcordion--entry-container {
		overflow: hidden;
		margin-bottom: var(--lt-layout-margin-sm);
	}

	.lt-component-tabcordion--entry-content,
	.ootb-tabcordion--entry-content {
		position: relative;
		margin-top: -100%;
		height: 0;
		opacity: 0;
		transition: margin 500ms ease-in;
		background-color: var(--lt-colour-secondary);

		h1,
		h2,
		h3,
		h4,
		li,
		span,
		p,
		strong {
			color: var(--lt-colour-primary) !important;
		}
	}

	.lt-component-tabcordion.hybrid-stone .lt-component-tabcordion--entry-content,
	.ootb-tabcordion.hybrid-stone .ootb-tabcordion--entry-content {
		background-color: var(--lt-colour-white);
	}

	.lt-component-tabcordion--entry-content .grid--gutter,
	.ootb-tabcordion--entry-content .grid--gutter {
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}

	.lt-component-tabcordion--entry-content .grid--item,
	.ootb-tabcordion--entry-content .grid--item {
		min-height: 10rem;
	}
}

/* End TabPills v2.0 */

/* Start winter weather */

.winter-weather {
	background-color: #afeeee;
	padding: 0.5rem;
	text-align: center;
}

.winter-weather__message {
	max-width: 62.5rem;
	margin: 0 auto;
}

.winter-weather__message .fade-in {
	opacity: 0;
	animation: fadeIn 1s ease-in-out 1s forwards;
}

.winter-weather__message i.fa-snowflake {
	margin: 0 0.25rem;
}

.winter-weather__message i.fa-caret-right {
	top: 0.125rem;
	position: relative;
}

/* end winter weather */

/* Show hide start*/
section.lt-section-show-hide {
	.details.lt-theme--transparent {
		margin-bottom: 1rem;
		background-color: var(--lt-colour-transparent);
		border: var(--lt-layout-border-md) solid var(--lt-colour-primary);

		summary {
			background: var(--lt-colour-transparent);
			padding: 1rem;
			color: var(--lt-colour-primary);
			border-bottom: var(--lt-layout-border-width-sm) solid var(--lt-colour-primary);
		}

		.details__info {
			background: var(--lt-colour-transparent);
			padding: var(--lt-layout-padding-md);
			color: var(--lt-colour-primary);
		}
	}

	.details.lt-theme--primary {
		margin-bottom: 1rem;
		background-color: var(--lt-colour-white);

		summary {
			background: var(--lt-colour-primary);
			padding: 1rem;
			color: var(--lt-colour-secondary);
		}

		.details__info {
			background: var(--lt-colour-primary-light);
			padding: var(--lt-layout-padding-md);

			p,
			strong,
			td,
			li {
				color: var(--lt-colour-white);

				a {
					color: var(--lt-colour-white);
					text-decoration: underline var(--lt-colour-white);
				}
			}
		}
	}

	.details.lt-theme--secondary {
		margin-bottom: 1rem;
		background-color: var(--lt-colour-white);

		summary {
			background: var(--lt-colour-secondary);
			padding: 0.75rem;
			color: var(--lt-colour-primary);
		}

		.details__info {
			background: var(--lt-colour-secondary-light);
			padding: var(--lt-layout-padding-md);
			color: var(--lt-colour-primary);
		}
	}

	.details.lt-theme--tertiary {
		margin-bottom: 1rem;

		summary {
			background: var(--lt-colour-tertiary);
			padding: var(--lt-layout-padding-sm);
			color: var(--lt-colour-primary);
		}

		.details__info {
			background: var(--lt-colour-tertiary-light);
			padding: var(--lt-layout-padding-md);
			color: var(--lt-colour-primary);
		}
	}
}

/* Show hide end */

/* End - campaign course selector */

/* Ug table styles Start */

#courseList_wrapper .form-control-sm {
	background-color: var(--lt-colour-offwhite);
	border: var(--lt-button-border-width) solid var(--lt-colour-primary);
	border-color: var(--lt-colour-primary);
	margin-bottom: var(--lt-layout-margin);
}

div.dataTables_wrapper div.dataTables_filter label {
	text-align: revert !important;
}

.submitter-group {
	float: right;
}

#pgce-table--filters {
	padding-bottom: 0;
}

#pgce-table--filters label {
	padding-left: 0;
}

#pgce-table--filters input[type='checkbox'] {
	border-radius: 0.2rem !important;
}

#courseList .sorting_1 {
	color: var(--lt-colour-primary);
}

#courseList .sorting_1:hover {
	color: var(--navy);
}

#courseList .search-summary {
	color: var(--navy) !important;
}

#courseList .badge-info {
	padding: 0.5rem 0.5rem;
	background-color: var(--lt-colour-primary);
}

/* start badge styles */

.lt-badge,
.lt-component-badge {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	flex: 0 0 auto;
	font-size: var(--lt-button-font-size);
	white-space: nowrap;
	padding: var(--lt-layout-padding-xs) var(--lt-layout-padding-sm);
	padding-left: var(--lt-layout-padding-md);

	border: 1px solid rgba(0, 0, 0, 0.18);
	/* Arrow tag cut */
	clip-path: polygon(0.9rem 0, 100% 0, 100% 100%, 0.9rem 100%, 0 50%);

	/*End Tag Badge*/
	&:empty {
		display: none;
	}

	&.lt-component-badge--primary {
		color: var(--lt-colour-primary-text);
		background-color: var(--lt-colour-primary);
	}

	&.lt-component-badge--primary[href]:hover,
	&.lt-component-badge--primary[href]:focus-visible {
		text-decoration: none;
		color: var(--lt-colour-primary-text);
		background-color: var(--lt-colour-primary-light);
	}

	&.lt-component-badge--secondary {
		color: var(--lt-colour-secondary-text);
		background-color: var(--lt-colour-secondary);
	}

	&.lt-component-badge--secondary[href]:hover,
	&.lt-component-badge--secondary[href]:focus-visible {
		color: var(--lt-colour-primary);
		background-color: var(--lt-colour-secondary-light);
		text-decoration: none;
	}

	&.lt-component-badge--light {
		color: var(--lt-colour-black);
		background-color: var(--lt-colour-offwhite);
	}

	&.lt-component-badge--light[href]:hover,
	&.lt-component-badge--light[href]:focus-visible {
		color: var(--lt-colour-black);
		background-color: var(--lt-colour-offwhite75);
		text-decoration: none;
	}

	&.lt-component-badge--dark {
		color: var(--lt-colour-offwhite);
		background-color: var(--lt-colour-black);
	}

	&.lt-component-badge--dark[href]:hover,
	&.lt-component-badge--dark[href]:focus-visible {
		color: var(--lt-colour-offwhite);
		background-color: var(--lt-colour-black75);
		text-decoration: none;
	}

	&:not([href]) {
		user-select: none;
	}
}

.lt-button .lt-badge {
	position: relative;
	top: -var(--lt-layout-border-width-sm);
}

/* end badge styles */

/* Site Improve Fixes */
.reset-focus {
	position: fixed;
}

/* course themes */
:is(body.hybrid-course, body.hybrid-course-pg, body.hybrid-course-apprenticeship) .lt-theme--deepred {
	background-color: var(--lt-colour-primary);

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	span,
	strong {
		color: white;
	}

	h2 {
		padding-right: 2.75rem;
		position: sticky;
		top: 12.5rem;
	}

	/*  PG moules section doesn't support sticky yet */
	.course-modules--postgraduate h2 {
		position: revert;
		top: 0;
	}

	a {
		color: var(--lt-colour-clearing);
		text-decoration-color: var(--lt-colour-clearing);
		font-weight: var(--lt-body-font-weight-normal);
	}

	a:hover {
		text-decoration: underline solid;
	}

	img.image--general {
		background-color: var(--lt-colour-white);
	}

	details {
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		p,
		span,
		strong {
			color: var(--lt-colour-primary);
		}
	}

	.course--modules--block .Core .summary strong {
		color: var(--lt-colour-primary);

		span {
			color: var(--lt-colour-primary);
			margin-left: 0;
		}
	}

	.course--modules--block .Optional .summary strong {
		color: var(--lt-colour-primary);

		span {
			color: var(--lt-colour-primary);
			margin-left: 0;
		}
	}

	.course--section-modules h2 {
		position: unset;
	}

	#course--modules--content-year-1 h2 {
		position: unset !important;
	}
}

/* End Deepred  */

/* Start white */
:is(body.hybrid-course, body.hybrid-course-pg, body.hybrid-course-apprenticeship) .lt-theme--white {
	h1,
	h2 {
		color: var(--lt-colour-primary);
		font-weight: var(--lt-heading-font-weight-normal);
	}

	h3,
	h4,
	h5,
	h6,
	p,
	span,
	strong,
	li {
		color: var(--lt-colour-black);
	}

	a:not(.lt-button) {
		color: var(--lt-colour-primary);
		text-decoration-color: var(--lt-colour-primary);
		font-weight: var(--lt-body-font-weight-normal);
	}

	img.image--general {
		background-color: var(--lt-colour-white);
	}

	#course--modules--content-year-1 h2 {
		position: unset !important;
	}
}

/* End White */

/* pills links */
.pill-link {
	position: relative;
	display: inline-flex;
	align-self: center;
	padding: 0;
	font-size: 0.875rem;
	font-weight: var(--lt-body-font-weight-normal);
	text-align: center;
	margin: 0.1rem 0.125rem 0.125rem 0.125rem;
	border-radius: 0;
	border: 0.125rem solid var(--lt-colour-primary);
	background-color: var(--lt-colour-primary);
	color: var(--lt-colour-secondary);
	text-decoration: none;
	transition: color 0.125s ease;
	cursor: pointer;
	vertical-align: middle;
	outline: none;
	white-space: nowrap;

	&:hover {
		background-color: var(--lt-colour-secondary);
		color: var(--lt-colour-primary);
		font-weight: inherit;
		text-decoration: none !important;
	}

	/* Link should fill container */
	& > a,
	& > .currentsection {
		padding: 0.5rem 1rem;
		text-decoration: none !important;
	}
}

/* end pills links */

/* footer start */
footer.lt-footer {
	background: var(--lt-colour-primary);
	color: var(--lt-colour-white);
	padding: var(--lt-layout-padding-xl) 0 var(--lt-layout-padding-md);
	z-index: 30;
	position: relative;

	.lt-footer__heading {
		font-weight: var(--lt-body-font-weight-normal);
		margin-bottom: 1.75rem;
		color: var(--lt-colour-white);
	}

	p {
		color: var(--lt-colour-white);
		font-size: var(--lt-body-font-size);
	}

	/* Anchor Link */

	.lt-link {
		text-decoration-line: underline;
		text-decoration-color: var(--lt-colour-text-primary, currentColor);
		text-decoration-thickness: 0.02rem;
		text-underline-offset: 0.15rem;
		text-decoration-skip-ink: auto;
		transition:
			text-decoration-thickness var(--lt-anim, 0.25s ease),
			text-underline-offset var(--lt-anim, 0.25s ease),
			color var(--lt-anim, 0.25s ease);
	}

	.lt-link:hover,
	.lt-link:focus-visible {
		text-decoration-thickness: 0.12rem;
		text-underline-offset: 0.3rem;
	}

	.lt-footer__row + .lt-footer__row {
		margin-top: var(--lt-layout-margin-lg);
	}

	.lt-footer__row--meta {
		padding: 0 0 1rem;
	}

	.lt-footer__contact .fa {
		text-align: center;
		min-width: 1.25rem;
		margin-right: 0.625rem;
	}
}

/* footer end */

/**
 * Optimization needed -- hybrid--2024.css
 */

/* courses start */
/*body.hybrid-course {

    h2,
    h3 {
        font-size: var(--lt-heading__h2-font-size) !important;
        text-transform: none !important;
        letter-spacing: normal;
        padding-bottom: var(--lt-layout-padding-md);
    }
}*/

body.hybrid-course .lt-navbar-courses .container {
	margin: 0 auto;
}

body.hybrid-course .navbar-collapse ul {
	max-width: 87.5rem;
}

body.hybrid-course .navbar-collapse ul li:last-child {
	margin-bottom: 0.3125rem !important;
}

body.hybrid-course .cta-year {
	margin-left: 0.25rem;
	border: var(--lt-layout-border-width-sm) solid var(--lt-colour-secondary);
	padding: 0.5rem 1rem;
	background-color: var(--lt-colour-secondary50);
	color: var(--lt-colour-secondary);
}

body.hybrid-course .course-details .details-info-row {
	width: 75%;
	background-color: var(--lt-colour-secondary);
	padding: 3rem;
}

#course__details .chooseYear h2 {
	padding: 2rem 2rem 0rem;
}

body.hybrid-course #course--about--content #info-about img.image--general {
	width: auto;
}

.course--section-fees h3,
.course--section-fees h4 {
	margin-bottom: 1rem;
}

#course--entry--content table caption {
	background-color: transparent !important;
	color: var(--lt-colour-primary);
	font-size: var(--lt-body-font-size);
	font-weight: var(--lt-body-font-weight-normal);
	caption-side: top;
	border: none;
	padding: 1.75rem;
}

#course--entry--content #info-entry-requirement tr:nth-child(2n) td,
#course--entry--content #info-entry-requirement td {
	background: transparent !important;
}

#course--entry--content #info-entry-requirement td {
	border-bottom: 0.125rem solid var(--lt-colour-primary);
}

#course--entry--content #info-entry-requirement tr:last-of-type td {
	border-bottom: none;
}

body.hybrid-course #unibuddy.unibuddy--container h2 {
	color: var(--lt-colour-primary) !important;
}

/* courses end */

.lt-layout-width-readable .panel.panel--single {
	width: 100%;
	background-color: var(--lt-colour-secondary);
	color: var(--lt-colour-primary);
	border-color: var(--lt-colour-secondary);
	padding: var(--lt-layout-padding-lg);

	h1,
	h2,
	h3 {
		color: var(--lt-colour-primary);
		margin-bottom: var(--lt-layout-margin-md);
		font-weight: var(--lt-heading-font-weight-normal);
	}

	p {
		color: var(--lt-colour-primary);
	}
}

/* courses start */

body.hybrid-course #course--details-clearing #applyucas-link #ucaslink a.button::after {
	font: var(--fa-font-sharp-solid);
	content: '\f04b';
	color: var(--lt-colour-white) !important;
	vertical-align: middle;
	margin-right: 0;
	position: relative;
	right: 0;
	transition: unset;
	transform: none;
	bottom: auto;
	width: fit-content;
	height: auto;
	margin-left: 1.25rem;
	text-decoration: none;
}

body.hybrid-course #course--details-clearing #applyucas-link #ucaslink a.button:hover::after {
	color: var(--lt-colour-primary) !important;
}

body.hybrid-course #applyucas-link #ucaslink a.button::after {
	font: var(--fa-font-sharp-solid);
	content: '\f04b';
	color: var(--lt-colour-primary) !important;
	vertical-align: middle;
	margin-right: 0;
	position: relative;
	right: 0;
	transition: unset;
	transform: none;
	bottom: auto;
	width: fit-content;
	height: auto;
	margin-left: 1.25rem;
	text-decoration: none;
}

body.hybrid-course #applyucas-link #ucaslink a.button:hover::after {
	color: var(--lt-colour-white) !important;
}

#graduate--inner-content a.button::after {
	font: var(--fa-font-sharp-solid);
	content: '\f04b';
	color: var(--lt-colour-primary) !important;
	vertical-align: middle;
	margin-right: 0;
	position: relative;
	right: 0;
	transition: unset;
	transform: none;
	bottom: auto;
	width: fit-content;
	height: auto;
	margin-left: 1.25rem;
	text-decoration: none;
}

/* courses end */

/* course spotlight (table) start */

/* course spotlight (table) end */

/* two column content start */
section.two-column-hybrid,
section.lt-section-two-column-mixed-content {
	margin: 0;
	padding: 0;

	.lt-two-column-mixed-content__container {
		max-width: calc(100rem - 4.75rem);
		align-items: center;
		gap: var(--lt-layout-gap-md);
		display: flex;
		min-height: 12.5rem;
		margin: 0px auto;
		padding: var(--lt-layout-padding-lg) 0rem;

		.lt-section-two-column-mixed-content__wrapper {
			h2,
			h3,
			h4 {
				margin-bottom: var(--lt-layout-margin);
			}
		}

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

		div {
			width: 100%;
			padding: 0;

			p:first-of-type {
				margin-top: 1.25rem;
			}
		}

		&.lt-reverse {
			flex-direction: row-reverse;
		}
	}
}

section.two-column-hybrid.hybrid-orange .h-group {
	h2,
	h3,
	p,
	li {
		color: var(--lt-colour-white);
	}
}

section.two-column-hybrid.hybrid-stone .h-group {
	h2,
	h3,
	p,
	li {
		color: var(--lt-colour-primary);
	}
}

/* fluid video exception start */

/* default columns content type start */
section.hybrid--columns-1-4 {
	margin-bottom: 2rem;
}

section.hybrid--columns-1-4 .cols .col h2,
section.hybrid--columns-1-4 .cols .col h3 {
	margin-bottom: 1rem;
}

/* default columns content type start */

/* stats start */
.grid--fullwidth.stats-wrapper {
	background-color: var(--lt-colour-white);
}

/* stats end */

/* quote section */
.lt-component-quote {
	figure.lt-component-quote__figure {
		border-left: 0.5rem solid var(--lt-colour-theme);
		padding-left: var(--lt-layout-section-padding-md);
	}

	blockquote {
		width: 100%;
	}

	figure.lt-component-quote__figure cite strong {
		font-size: var(--lt-body-font-size);
	}

	.lt-component-quote__image {
		overflow: hidden;
		height: fit-content;
	}
}

/* quote end */

/* spotlight news start */
.card--large h3.h-h3 {
	text-decoration-color: var(--lt-colour-black);
}

.feature-spotlight .card p.card__date {
	font-size: var(--lt-body-font-size);
}

.feature-spotlight .featured-post {
	border-bottom: 0.25rem solid var(--lt-colour-primary) !important;
	display: flex;
	justify-content: space-between;
	column-gap: var(--lt-layout-gap-lg);
	margin-bottom: 3.75rem;
	padding-bottom: 3.75rem;
}

.feature-spotlight .posts .card .h-h3 {
	text-decoration-color: var(--lt-colour-black) !important;
}

/* spotlight news end */

/* news general area start */
.lt-section-search-news {
	border-top-color: var(--lt-colour-secondary);
	border-bottom-color: var(--lt-colour-secondary);
}

.lt-section-search-news .lt-section-search-news__heading {
	margin-bottom: 3rem !important;
}

.lt-section-search-news .lt-section-search-news__field form .s-form-field {
	display: flex;
	border: 0.125rem solid var(--lt-colour-primary) !important;
	border-radius: 0;

	label {
		width: 100%;
	}

	input[type='search']:focus-visible {
		outline: 0rem !important;
	}
}

.lt-section-search-news .lt-section-search-news__field form .s-form-field .button:hover svg {
	fill: var(--lt-colour-white);
}

.masthead-article .masthead-article__category {
	font-size: var(--lt-body-font-size);
	font-weight: var(--lt-body-font-weight-normal);
}

.article-content .article-content__inner .credit-block,
.credit-block,
.lt-credit-block {
	background-color: var(--lt-colour-secondary);
	padding: var(--lt-layout-padding);
	margin-bottom: var(--lt-layout-margin);
}

/* news general area end */

.lt-component-credit-block {
	background-color: var(--lt-colour-secondary);
	padding: var(--lt-layout-padding);
	margin-bottom: var(--lt-layout-margin);

	.lt-component-credit-block__wrapper {
		gap: var(--lt-layout-gap-lg);
	}
}

/* blogs start */

.masthead {
	background-color: var(--lt-colour-primary) !important;
	padding-top: 3.125rem;
}

article span.h-alt {
	display: block;
	background: var(--lt-colour-primary);
	color: var(--lt-colour-secondary);
	padding: 0.25rem;
	width: fit-content;
}

.container--blog .h-alt {
	background: var(--lt-colour-primary);
	padding: 0.625rem;
	font-size: var(--lt-body-font-size);
	font-weight: var(--lt-body-font-weight-normal);
	line-height: var(--lt-line-height-head);
	text-transform: none;
	color: var(--lt-colour-white);
}

.container--blog section article h2 {
	line-height: var(--lt-line-height-head) !important;
	font-size: var(--lt-heading__h2-font-size) !important;
	margin-top: 0.2rem;
	margin: 1rem auto 1rem;
	font-weight: var(--lt-body-font-weight-normal);
	text-transform: none !important;
}

.container--blog section article a:link,
.container--blog section article a:hover,
.container--blog section article a:active,
.container--blog section article a:visited {
	line-height: var(--lt-line-height-head) !important;
}

.container--blog section article h2 a {
	text-decoration: underline;
	text-decoration-thickness: var(--lt-layout-border-width-sm);
}

.container--blog section a:hover {
	color: var(--lt-colour-primary);
}

.container--blog section article h2 a:hover {
	color: var(--lt-colour-primary);
	text-decoration-thickness: 0.1875rem;
}

.pagination {
	max-width: 87.5rem;
	margin: 0rem auto 4rem;

	a {
		padding: 0.25rem 0.5rem;
	}

	.currentpage {
		background: var(--lt-colour-primary);
		color: var(--lt-colour-white);
		padding: 0.25rem 0.5rem;
	}
}

article {
	i.fa-user-circle {
		color: var(--lt-colour-primary);
	}

	span.user {
		margin-left: 0.5rem;
		color: var(--lt-colour-primary);
	}
}

/* blogs end */

/* events start */
.s-search-categories form .category_form li label {
	color: var(--lt-colour-black) !important;
}

/* events end */

/* Data table's start */
#pgce-table--filters label {
	color: var(--lt-colour-black);
}

#pgce-table--filters label:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1.25rem;
	height: 1.25rem;
	border-radius: unset;
	background-color: transparent;
	border: none;
	transition: background-color 0.3s;
}

#pgce-table--filters thead th {
	padding: 0.9375rem 0.625rem;
	background: var(--lt-colour-primary);
	color: var(--lt-colour-white);
	border: 0;
	font-weight: var(--lt-body-font-weight-normal);
	text-transform: none;
}

#pgce-table--filters .badge {
	font-size: var(--lt-body-font-size);
	font-weight: var(--lt-body-font-weight-normal);
	color: #222222 !important;
	border: var(--lt-layout-border-width-sm) solid var(--lt-colour-primary);
	background-color: var(--lt-colour-secondary) !important;
	padding: 0.35rem 0.5rem;
}

/* Data tables end */

/* search stax start */
body.headersolid .header,
.header {
	background-color: var(--lt-colour-primary) !important;
}

body.headersolid .header.sticky {
	position: fixed !important;
	background-color: var(--lt-colour-primary) !important;
}

#search-facets .pl-3 li {
	border-color: var(--lt-colour-primary) !important;
}

.courses .text-left,
.courses .text-right {
	border-left: 0.1875rem solid var(--lt-colour-primary) !important;
}

.subheading,
.mode-heading {
	color: var(--lt-colour-primary) !important;
}

.subheading:hover {
	text-decoration: underline;
}

/* search stax end */

/* custom li columns start */
ul.li-two-col {
	columns: 2;
}

ul.li-three-col {
	columns: 3;
}

ul.li-four-col {
	columns: 4;
}

/* custom li columns end */

.lt-utility-display-desktop-only {
	display: block;
	padding-top: 0rem;
}

.lt-utility-display-mobile-only {
	display: none;
}

img {
	margin: 0 0 2.5rem;
}

.summary__aside {
	border: 0;
	background: var(--lt-colour-primary);
}

.summary-list,
.lt-course__card-summary-list {
	grid-template-columns: repeat(3, 1fr);
}

.grid--item .alumni-grid--general__image img {
	margin-bottom: 0.75rem;
	object-fit: cover;
}

.s-search-categories .h5 {
	margin-bottom: 1.25rem;
}

.event-card-section .section {
	padding-top: 1.75rem;
	padding-bottom: 4.375rem;
	margin-top: 0;
}

.card .h-h3 {
	margin-bottom: 1.875rem;
}

.card .h-h3:hover {
	text-decoration-thickness: 0.125rem;
}

.card--event {
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	border-bottom: 0.25rem solid rgba(0, 0, 0, 0.2);
	padding-bottom: 2rem;
}

.card--event::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 100%;
	border-left: 0;
}

.card--event .card__image {
	padding-top: 16.0625rem;
	width: 50%;
	margin-bottom: 0;
}

.card--event .card__image ~ div {
	width: 50%;
	padding: 0 2.625rem;
}

.cta-card img {
	margin-bottom: 1.875rem;
}

.cta-card img {
	height: 19.375rem;
}

.offcanvas--navigation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.offcanvas--navigation .inner {
	padding-right: 2.5rem;
}

section.course--section-modules .course-modules__block {
	display: block !important;
}

.masthead {
	padding-top: 9.375rem;
	padding-bottom: 3.125rem;
}

.masthead-article .h-h1 ~ .tags__event {
	margin-top: 0.625rem;
	font-weight: var(--lt-body-font-weight-normal);
}

.masthead-article__sharer-links a {
	width: 2rem;
	height: 2rem;
}

.masthead-article__sharer-links a svg {
	width: 0.9375rem;
	height: 0.9375rem;
}

.masthead-article__sharer-links > div {
	column-gap: 0.3125rem;
}

.lt-section-search-news__field {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--lt-layout-gap-md);

	form {
		margin: 0rem !important;
		width: 70%;
		margin-bottom: 0;
	}

	.b-button {
		width: 30%;
	}
}

.lt-section-search-news {
	padding-top: 3.8125rem;
	padding-bottom: 6.25rem;
}

.posts__list-item:first-child {
	padding-top: 0;
	border-top: 0;
}

.posts__list-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.posts > .cols .col:not(:last-child) .card {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.latest-posts .cols .col:last-child {
	width: 30%;
}

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;
}

#banner--v3 .carousel__nav {
	position: absolute;
	bottom: 2.5rem;
	left: 50%;
	display: -webkit-inline-box;
	display: inline-flex;
	margin: 0;
	transform: translateX(-50%);
}

body.hybrid.hybrid-course .fixed-top {
	top: 7.4rem !important;
}

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

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

.card .h-h3 {
	font-size: 1.375rem !important;
}

.card__image {
	margin-bottom: 1.625rem;
}

.card__date {
	font-size: var(--lt-body-font-size);
}

.card__category {
	font-size: var(--lt-body-font-size);
}

.card__description {
	font-size: var(--lt-body-font-size);
	line-height: var(--lt-line-height-body);
}

.tags__event ul li p {
	font-size: var(--lt-body-font-size);
}

.card--large h3.h-h3 {
	max-width: none;
	font-size: var(--lt-heading__h3-font-size) !important;
	line-height: var(--lt-line-height-head) !important;
}

.cta-card h3 {
	font-size: var(--lt-heading__h3-font-size);
}

.offcanvas .inner {
	padding-top: 3.75rem;
}

.offcanvas .inner > :last-child {
	margin-bottom: 3.75rem;
}

.masthead-post__wrapper {
	display: flex;
	column-gap: 2.5rem;
}

.masthead-post__card {
	width: 50%;
}

.masthead-post__card > .card {
	margin-bottom: 0;
}

.masthead-post__image {
	margin-bottom: 0;
	padding-top: 40%;
	width: 70%;
}

.masthead-article__published {
	p,
	a {
		font-size: var(--lt-button-font-size);
	}
}

.featured-post__image {
	margin-bottom: 0;
	padding-top: 36%;
	width: 60%;
}

.featured-post {
	padding-bottom: 3.75rem;
	margin-bottom: 3.75rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 9.1875rem;

	.card {
		width: 50%;
	}

	.card__category {
		display: none;
	}
}

/* Third-party styles (for widgets, etc. */

.gecko-chat-widget-app img {
	max-width: 12rem !important;
	/* !important needed to override inline styles */
}

/**
 * Hybrid-24 Course
 *
 * Note: body.hybrid.hybrid-course contains all the layout. The PG and Apprenticeship versions later only change the colours 
 */

body.hybrid-course {
	/* all base course styling rules here so the file is easier to read - responsive versions are below */
	margin-top: 0;

	#unibuddy.unibuddy--container h2 {
		color: var(--lt-colour-primary) !important;
	}

	.lt-navbar-courses {
		background-color: var(--lt-colour-orange) !important;
		border-bottom: 2px solid var(--lt-colour-primary);
		position: sticky;
		top: 7.6rem;
		z-index: 8;

		/* added with JS */
		&.fixed-top {
			position: sticky;
			top: 7rem;
			width: 100% !important;
			max-width: 100% !important;
			min-width: 100% !important;
			z-index: 9;
		}

		.container {
			margin: 0 auto;
			padding: 0 4.25rem;
			max-width: 1400px;
			background: var(--lt-colour-primary);
		}

		.navbar-collapse ul {
			max-width: 1400px;
		}

		.navbar-collapse li:last-child {
			margin-bottom: 0.3125rem !important;
		}

		.container {
			background-color: transparent;
		}

		li.active {
			background: var(--lt-colour-secondary);
			color: var(--lt-colour-primary);
		}

		li:first-child {
			margin-left: 0px;
		}

		.nav-item a {
			padding: 0.5rem;
			text-decoration: none;
			display: flex;
		}

		.nav-item.active {
			background: var(--lt-colour-secondary);
		}

		.nav-item.active a {
			background: var(--lt-colour-secondary);
		}

		.nav-item.active a:focus {
			background: var(--lt-colour-secondary) !important;
			color: var(--lt-colour-primary);
			outline: 2px solid #f7e286 !important;
		}
	}

	.course-navbar-mobile {
		padding-left: 2rem !important;
		left: 0;
		width: 100% !important;
		position: absolute;
		margin: 0.75rem auto !important;
		background: var(--lt-colour-primary);
		height: auto !important;
		display: flex !important;
		flex-direction: column;
		align-items: flex-start !important;

		li {
			margin-left: var(--lt-layout-margin-lg);
			height: 2.5rem;
		}
	}

	.course-information .nav-link {
		font-size: var(--lt-button-font-size);
		font-weight: var(--lt-body-font-weight-normal);
		text-transform: uppercase;
	}

	/* CT: Course Banner */
	.lt-section-course-banner {
		background-color: var(--lt-colour-primary);

		.lt-section-course-banner__title-col {
			padding: 4rem 3rem 4rem 1rem;
		}

		.lt-section-course-banner__title-col :is(.banner-title__main, .banner-title__lead, .banner-title__sub) {
			color: var(--lt-colour-white);
		}

		.lt-section-course-banner__image-col {
			padding: 4rem 3rem 4rem 1rem;
		}

		.lt-section-course-banner__title-col .banner-title__sub {
			font-weight: var(--lt-body-font-weight-normal);
			font-size: var(--lt-body-font-size);
		}
	}

	/* CT: Courses Details */
	section.lt-section-course-details {
		#choose-year-entry .key-year--buttons {
			display: flex;
			gap: 0.25rem;
		}

		.cta-year {
			font-weight: var(--lt-body-font-weight-normal);
			border: var(--lt-layout-border-width-md) solid var(--lt-colour-primary);
			padding: 0.1rem 0.5rem;
			background-color: var(--lt-colour-primary);
			color: var(--lt-colour-white);
		}

		.details-info-row {
			width: 75%;
			background-color: var(--lt-colour-secondary);
			padding: 3rem;
		}

		#course--about--content #info-about img.image--general {
			width: auto;
		}

		.course-details__col:first-of-type {
			background-color: var(--lt-colour-orange);
			order: 1;
		}

		.lt-section-course-details__year-selector {
			background-color: var(--lt-colour-primary);
			color: var(--lt-colour-white);
			padding: var(--lt-layout-padding-lg);
		}

		.lt-section-course-details__year-selector h2,
		.lt-section-course-details__year-selector h3 {
			color: var(--lt-colour-white) !important;
			font-size: 1.75rem !important;
			font-weight: var(--lt-body-font-weight-normal);
		}

		.yearDetails h2 {
			padding-bottom: 0;
		}

		.lt-section-course-details__ctas {
			display: flex;
			flex-wrap: wrap;
		}

		.lt-section-course-details__cta {
			padding: 0 0 var(--lt-layout-padding-md) var(--lt-layout-padding-lg);
		}

		.lt-section-course-details__year-selector span {
			font-size: 1rem;
			font-weight: var(--lt-body-font-weight-normal);
			border: var(--lt-layout-border-width-md) solid var(--lt-colour-secondary);
			padding: var(--lt-layout-padding-sm) var(--lt-layout-padding-md);
			margin: 0;
			background-color: var(--lt-colour-secondary);
			color: var(--lt-colour-primary);

			&.cta-year {
				border: var(--lt-layout-border-width-md) solid var(--lt-colour-orange);
				background-color: var(--lt-colour-orange);
				color: var(--lt-colour-primary);
			}
		}

		.lt-section-course-details__year-selector a {
			text-decoration: none;
		}

		.course-details__col .yearDetails {
			padding: var(--lt-layout-padding-md);

			h2,
			h3 {
				font-size: 1.75rem !important;
				font-weight: var(--lt-body-font-weight-normal);
			}

			dl {
				grid-gap: 0;
			}

			dl,
			dt,
			dd {
				font-size: var(--lt-body-font-size-md);
			}

			dd a {
				display: flex;
				flex-direction: row;
				align-items: center;
				text-decoration: none;

				&::after {
					font-family: 'Font Awesome 7 Sharp';
					font-size: 1.75rem;
					font: var(--fa-font-light);
					color: var(--lt-colour-primary) !important;
					position: relative;
					left: 0;
					transition: 0.25s;
					transform: none;
					margin-left: var(--lt-layout-margin-sm);
					text-decoration: none;
					content: '\f061';
				}

				&:hover {
					text-decoration: none;
				}

				span:hover {
					text-decoration: underline;
				}
			}
		}

		#detail-ctas {
			.detail--cta {
				padding: 0 0 var(--lt-layout-padding-md) var(--lt-layout-padding-lg);
			}

			.detail--cta:last-of-type {
				padding-bottom: var(--lt-layout-padding-lg);
			}
		}
	}

	/* section margin resets start */
	#course--about--content {
		margin-top: 0;
	}

	/* section margin resets end */

	/* grid block start */
	.inner.flex--block {
		display: grid !important;
		grid-template-columns: 1fr 3fr;
		column-gap: var(--lt-layout-gap-lg);
	}

	.flex--title {
		height: 100%;

		.flex--title-container {
			position: sticky;
			top: 200px;
			padding-bottom: var(--lt-layout-padding-lg);

			h2 {
				position: unset;
				top: auto;
			}
		}

		h2 {
			padding-right: 2.75rem;
			font-size: var(--lt-heading__h2-display-font-size);
			font-weight: var(--lt-body-font-weight-normal);
			position: sticky;
			top: 200px;
		}
	}

	section.course--section-modules .course--modules--block {
		display: block;
	}

	section.details--summary summary {
		padding: var(--lt-layout-padding-md);
	}

	.course--section-entry,
	.course--section-fees,
	#unibuddy.unibuddy--container {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-primary);
	}

	/* why study with us start */

	section.course--section-why-study {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-black);

		h2,
		h3,
		h4 {
			color: var(--lt-colour-primary);
		}

		p {
			color: var(--lt-colour-black);
		}
	}

	/* why study with us end */

	/* facilities start */

	section.course--section-facilities {
		background-color: #f69eb0;
		color: var(--lt-colour-primary);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-primary);
		}

		figure {
			width: 100%;
		}

		figcaption {
			text-align: right;
			display: inline-flex;
			align-items: flex-end;
			float: inline-end;
		}
	}

	/* facilities end */

	/* modules start */

	section.course--section-modules {
		background-color: var(--lt-colour-primary);
		margin: 0;

		h2,
		h3,
		h4,
		p,
		li {
			color: var(--lt-colour-white);
		}

		h2 {
			font-weight: var(--lt-body-font-weight-normal);
		}

		details {
			border-bottom: none;
			background-color: var(--lt-colour-white);
			color: var(--lt-colour-black);
			padding: 0;
			margin-bottom: 1.75rem;
		}

		span.Core .summary {
			border-top: none;
			border-right: none;
			border-left: none;
			border-image: initial;
		}

		span.Optional .summary {
			padding: var(--lt-layout-padding-md) !important;
			background: var(--lt-colour-orange);
			color: var(--lt-colour-primary);
			display: block;
			border: none;
			border-bottom: 2px solid var(--lt-colour-primary) !important;
			margin-bottom: 0.5rem;
			padding-left: 1.95rem;
		}

		details .module--info p {
			color: var(--lt-colour-black);
			font-weight: var(--lt-body-font-weight-normal);
			padding-left: var(--lt-layout-padding-lg);
		}
	}

	.course--modules--block .module--info {
		background-color: var(--lt-colour-orange50);
		padding: var(--lt-layout-padding-md);
	}

	section.course--section-study-abroad {
		background-color: var(--lt-colour-secondary);
		color: var(--lt-colour-black);

		h2,
		h3,
		h4,
		p,
		li {
			color: var(--lt-colour-white);
		}

		figure {
			width: 100%;
		}

		figcaption {
			text-align: right;
			display: inline-flex;
			align-items: flex-end;
			float: inline-end;
		}
	}

	/* study abroad end */

	/* learning and teaching start */

	section.course--section-landt {
		background-color: var(--lt-colour-primary);

		h2,
		h3,
		p,
		li {
			color: var(--lt-colour-white);
		}

		.lt-component-tabcordion--tabs,
		.ootb-tabcordion--tabs {
			margin-bottom: var(--lt-layout-padding-lg);

			.tab {
				background: var(--lt-colour-primary);
				border: var(--lt-layout-border-width-md) solid var(--lt-colour-white);
				color: var(--lt-colour-white);
				padding: 0.75rem;

				&.is-active {
					background: var(--lt-colour-white);
					border: var(--lt-layout-border-width-md) solid var(--lt-colour-white);
					color: var(--lt-colour-primary);

					.lt-component-tabcordion--entry-content,
					.ootb-tabcordion--entry-content {
						background: var(--lt-colour-white);
						border: var(--lt-layout-border-width-md) solid var(--lt-colour-white);
						color: var(--lt-colour-primary);
						padding: var(--lt-layout-padding-lg);
					}
				}
			}
		}

		.lt-component-tabcordion,
		.ootb-tabcordion--entry-content {
			padding: var(--lt-layout-padding-md);
			background-color: var(--lt-colour-white);
			color: var(--lt-colour-black);

			:is(h3, h4, p, li) {
				color: var(--lt-colour-black);
			}
		}
	}

	/* learning and teaching end */

	/* entry req start */
	section.course--section-entry {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-black);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-black);
		}

		td,
		tr:last-of-type td,
		tr:last-of-type {
			border-bottom: none !important;
		}
	}

	#info-entry-requirement {
		tr {
			border-bottom: 2px solid var(--lt-colour-orange);
		}

		td {
			display: block;

			&.tdtitle {
				font-size: 2rem;
			}
		}

		caption {
			display: none;
		}
	}

	/* entry req end */

	/* fees req start */
	section.course--section-fees {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-black);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-black);
		}

		h3 {
			margin: var(--lt-layout-margin-lg) 0 0 0;
			font-size: 2.5rem;
			font-weight: var(--lt-body-font-weight-normal);
		}

		.fees-box {
			background-color: var(--lt-colour-orange);
			color: var(--lt-colour-white);
			padding: 3rem;
			font-size: 1.35rem;

			strong {
				display: block;
				color: var(--lt-colour-primary);
				font-weight: var(--lt-body-font-weight-normal);
				font-size: 2rem;
			}

			a:link,
			a:active,
			a:visited {
				font-weight: var(--lt-body-font-weight-normal);
			}

			a:hover {
				color: var(--lt-colour-primary);
			}

			a::after {
				font: var(--fa-font-sharp-solid);
				content: '\f04b';
				padding-left: 0.75rem;
				padding-right: 0;
				margin-right: 0;
				position: relative;
				right: 0;
				transition: unset;
				bottom: auto;
				width: fit-content;
				height: auto;
				text-decoration-color: transparent !important;
				text-decoration: none !important;
				display: inline-block;
			}
		}
	}

	/* fees end */

	/* how to apply start */
	section.course--section-apply {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-black);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-black);
		}

		.course--apply-clearing-link {
			a {
				font-weight: var(--lt-body-font-weight-normal) !important;
				width: 80%;
				padding: 1.75rem;
				margin-top: var(--lt-layout-margin-md);
				border: 0.15rem solid var(--lt-colour-primary);
				background-color: var(--lt-colour-orange);
				color: var(--lt-colour-primary);

				&:hover {
					border: 0.15rem solid var(--lt-colour-primary);
					background-color: var(--lt-colour-white);
					color: var(--lt-colour-primary);
				}

				&::before {
					font-family: 'Font Awesome 7 Sharp';
					font-size: 1.75rem;
					color: var(--lt-colour-primary) !important;
					vertical-align: middle;
					position: relative;
					left: 0;
					transition: unset;
					transform: none;
					bottom: auto;
					width: fit-content;
					height: auto;
					margin-right: 20px;
					text-decoration: none;
				}
			}
		}

		.course--apply-clearing-guide-link a,
		.course--apply-get-in-touch-link a {
			font-weight: var(--lt-body-font-weight-normal) !important;
			width: 80%;
			padding: var(--lt-layout-padding-md);
			margin-top: var(--lt-layout-margin-md);
			border: 0.15rem solid var(--lt-colour-primary);
			color: var(--lt-colour-primary);

			&:hover {
				border: 0.15rem solid var(--lt-colour-primary);
				background-color: var(--lt-colour-primary);
				color: var(--lt-colour-white);

				&::before {
					color: var(--lt-colour-white) !important;
				}
			}
		}

		.course--apply-clearing-guide-link a::before {
			font-family: 'Font Awesome 7 sharp';
			content: '\e0c0';
			font-size: 1.75rem;
			color: var(--lt-colour-primary) !important;
			vertical-align: middle;
			position: relative;
			left: 0;
			transition: unset;
			transform: none;
			bottom: auto;
			width: fit-content;
			height: auto;
			margin-right: 20px;
			text-decoration: none;
		}

		.course--apply-clearing-link a::before {
			font-family: 'Font Awesome 7 sharp';
			content: '\e0c0';
			font-size: 1.75rem;
			color: var(--lt-colour-primary) !important;
			vertical-align: middle;
			position: relative;
			left: 0;
			transition: unset;
			transform: none;
			bottom: auto;
			width: fit-content;
			height: auto;
			margin-right: 20px;
			text-decoration: none;
		}

		.course--apply-get-in-touch-link a::before {
			font-family: 'Font Awesome 7 sharp';
			content: '\f0e0';
			font-size: 1.75rem;
			color: var(--lt-colour-primary) !important;
			vertical-align: middle;
			position: relative;
			left: 0;
			transition: unset;
			transform: none;
			bottom: auto;
			width: fit-content;
			height: auto;
			margin-right: 20px;
			text-decoration: none;
		}

		&::before {
			font-family: 'Font Awesome 7 sharp';
			font-size: 1.75rem;
			color: var(--lt-colour-primary) !important;
			vertical-align: middle;
			position: relative;
			left: 0;
			transition: unset;
			transform: none;
			bottom: auto;
			width: fit-content;
			height: auto;
			margin-right: 20px;
			text-decoration: none;
		}
	}

	/* how to apply end */

	/* unibuddy start */
	section.course--section-unibuddy {
		background-color: var(--lt-colour-secondary);
		color: var(--lt-colour-black);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-black);
		}

		a {
			border: 0.15rem solid var(--lt-colour-primary);
			background-color: var(--lt-colour-orange);
			color: var(--lt-colour-primary);

			&:hover {
				border: 0.15rem solid var(--lt-colour-primary);
				background-color: transparent;
				color: var(--lt-colour-primary);
			}
		}
	}

	/* unibuddy end */

	/* unistats start */
	section.course--section-discover .unistats__wrap {
		display: -webkit-box;
		display: flex;
		align-items: center;
		column-gap: var(--lt-layout-gap-lg);
	}

	/* unistats end */

	/* equal grids start */
	section .flex--content-grid-2 {
		display: grid;
		gap: var(--lt-layout-gap);
		grid-template-columns: 1fr 1fr;
	}

	section .flex--content-grid-3 {
		display: grid;
		gap: var(--lt-layout-gap);
		grid-template-columns: 1fr 1fr 1fr;
	}

	section .flex--content-grid-3 {
		display: grid;
		gap: var(--lt-layout-gap);
		grid-template-columns: 1fr 1fr 1fr;
	}

	section .flex--content-grid-4 {
		display: grid;
		gap: var(--lt-layout-gap);
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	section .flex--content-grid-5 {
		display: grid;
		gap: var(--lt-layout-gap);
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}

	/* equal grids end */

	/* grid card start */
	.flex--content .grid--card {
		background-color: var(--lt-colour-orange);
		color: var(--lt-colour-white);

		.grid__main,
		.grid__intro,
		.grid__strong,
		a.lt-button {
			padding-left: var(--lt-layout-padding-md);
			padding-right: var(--lt-layout-padding-md);
		}

		.grid__main {
			color: var(--lt-colour-black);
		}

		.grid__intro {
			margin-top: 0;
		}
	}

	/* grid card end */

	/* profiles grid start */

	.profiles--section-display {
		.profile--cards-block {
			.profile--cards-wrapper {
				gap: var(--lt-layout-gap);

				.grid--item {
					padding: 0;
				}

				.single-profile-details {
					background: var(--lt-colour-orange);
					padding: var(--lt-layout-padding-md) !important;
					margin: 0rem;
					color: var(--lt-colour-black);
				}
			}
		}
	}

	/* profiles grid end */
	/* apprenticeship specific styles */
	&.hybrid-course-apprenticeship #course__details .course-details__col:first-of-type {
		background-color: var(--lt-colour-secondary);
		order: 1;
	}

	#detail-overview p:first-of-type {
		color: var(--lt-colour-primary);
		font-size: var(--lt-body-font-size);
		line-height: var(--lt-line-height-body) !important;
	}

	section.course--section-modules .course--modules--block {
		details[open] {
			background-color: var(--lt-colour-white);
		}

		details {
			border: none !important;
			border-bottom: 2px solid var(--lt-colour-primary) !important;
			padding: 0.5rem;
			font-weight: var(--lt-body-font-weight-normal);
		}

		summary span,
		.summary span {
			font-size: var(--lt-body-font-size);
		}

		h3,
		h4 {
			margin-bottom: var(--lt-layout-margin-md);
		}
	}

	#course--entry--content table caption {
		background-color: transparent !important;
		color: var(--lt-colour-primary);
		font-size: var(--lt-body-font-size);
		font-weight: var(--lt-body-font-weight-normal);
		caption-side: top;
		border: none;
		padding: 1.75rem;
	}

	#course--entry--content #info-entry-requirement tr:nth-child(2n) td,
	#course--entry--content #info-entry-requirement td {
		background: transparent !important;
	}

	#course--entry--content #info-entry-requirement td {
		border-bottom: 2px solid var(--lt-colour-primary);
	}

	#course--entry--content #info-entry-requirement tr:last-of-type td {
		border-bottom: none;
	}

	/* learning and teaching start */

	section.course--section-why-study {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-black);
		margin: 0px auto;
	}

	section.course--section-modules {
		background-color: var(--lt-colour-primary);

		h2,
		h3,
		p,
		li {
			color: var(--lt-colour-white);
		}

		.course--modules--block {
			details {
				border-bottom: none;
				background-color: var(--lt-colour-white);
				color: var(--lt-colour-black);
				padding: 0;
				margin-bottom: var(--lt-layout-margin-md);

				.module--info p {
					color: var(--lt-colour-black);
					padding-left: var(--lt-layout-padding-lg);
				}
			}
		}

		summary,
		.summary {
			border: var(--lt-layout-border-width-md) solid var(--lt-colour-orange);
			background-color: var(--lt-colour-orange);
			color: var(--lt-colour-primary);
			padding: var(--lt-layout-padding-md) var(--lt-layout-padding-md) var(--lt-layout-padding-md) var(--lt-layout-padding-lg);
			font-weight: var(--lt-body-font-weight-normal);
		}

		/* fake summary needs additional styles */
		.summary {
			margin-bottom: 1.75rem !important;
			color: var(--lt-colour-primary);
		}

		.module-information__suffix {
			color: var(--lt-colour-primary) !important;
		}

		/* reduce old padding until switch to tabs end */
		#info-modules {
			table.moduleTable {
				th {
					background: var(--lt-colour-aqua);
					color: var(--lt-colour-primary);
				}

				td,
				p {
					color: var(--lt-colour-black);
					vertical-align: top;
				}

				p {
					strong,
					span {
						color: var(--lt-colour-black);
						vertical-align: top;
					}
				}
			}
		}
	}

	/* learning and teaching start */

	.lt-section-course-details #course__details .course-details__col .yearDetails {
		padding: var(--lt-layout-padding-lg);
	}

	section.course--section-modules .course--modules--content h2 {
		position: unset !important;
	}

	.inner.flex--block .flex--title .flex--title-container h2 {
		position: unset;
		top: auto;
	}

	.stats-wrapper .inner {
		padding: 4.75rem 4.75rem 1.75rem 4.75rem !important;
	}

	.course-information {
		padding-left: 0;
		padding-right: 0;
	}

	.course--statBox {
		margin-left: 10%;
		width: 80%;
		border: 0.35rem solid;
		margin-bottom: 3rem;
	}

	.tab_container {
		padding: 0;
		width: 100%;
	}

	.course-information .navbar-collapse {
		justify-content: center;
	}

	.explore-this-course {
		display: none;
	}

	#tabordion div article {
		display: block !important;
		padding: 5.75rem 4.75rem;
	}

	li {
		margin-left: 0rem;
	}

	.courseList .courseSearchRow #search-courses {
		margin-left: 0rem !important;
	}

	.tab_container .summary__main {
		flex-basis: 100% !important;
	}

	/* End Style Fixed course navbar course Pages*/

	.course-details {
		padding: var(--lt-layout-padding-lg);
		margin: 0 auto;
		max-width: 1400px;
		background: var(--lt-colour-white);
		color: var(--lt-colour-primary);

		.grid--fullwidth {
			padding-top: 0rem;
			padding-bottom: 0rem;
		}

		.details-info-row {
			width: 75%;
		}

		.grid--gutter {
			max-width: 100%;
			margin: 0;
		}

		.grid--item {
			width: 30%;
			min-width: 30%;
		}

		.details-buttons-row {
			width: 25%;
		}

		.grid--gutter {
			max-width: 100%;
			margin: 0;

			#detail-ctas {
				display: flex;
				flex-direction: column;
				gap: 0px;
			}

			.grid--item {
				width: 100%;
				min-width: 100%;
			}
		}
	}

	.navbar-collapse ul {
		padding-left: 0rem;
		max-width: 1400px;
		list-style-type: none;
		display: flex;
		margin: 0 auto;
		align-items: center;
		height: 2.5rem;
		z-index: 1;
		flex-wrap: wrap;
		overflow: hidden;
	}

	.letterbox {
		margin-top: 0rem;
		padding-top: 0px;
	}

	.general-content .image--general {
		max-width: 20rem !important;
	}

	.cta-year {
		font-weight: var(--lt-body-font-weight-normal);
		border-bottom: 2px solid var(--lt-colour-primary);
	}

	/* apply cta course */

	.carousel {
		max-width: 100%;
	}

	.general-content {
		margin-top: 0.75rem;
		margin-bottom: 0.75rem;
	}

	.content-type {
		--spacing: 2.25rem !important;
		padding: 0 !important;
	}

	.shadow-lg {
		box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 1.175) !important;
	}

	.course-details b {
		font-size: var(--lt-heading__h4-font-size);
		font-weight: var(--lt-body-font-weight-xbold);
		display: inline-block;
		padding-bottom: 1px;
		position: relative;
	}

	#ucaslink {
		margin-top: var(--lt-layout-margin-md);
	}

	/* Image with Border */

	.banner-title-box h1 {
		margin: var(--lt-layout-margin-md) 0;
		padding: 0;
		text-transform: none;
		font-size: var(--lt-heading__h1-font-size);
		font-weight: var(--lt-heading-font-weight-normal);
	}

	.summary .inner {
		flex-direction: column;
	}

	#course--about--content a {
		font-weight: var(--lt-body-font-weight-normal);
	}

	.section--inner-flex__col a {
		color: var(--lt-colour-primary);
		text-decoration-color: var(--lt-colour-primary);
		font-weight: var(--lt-body-font-weight-normal);

		:hover {
			color: var(--lt-colour-primary);
			text-decoration-thickness: 0.1625rem;
			text-underline-offset: 0.1875rem;
		}
	}

	#course--landt--content a {
		color: var(--lt-colour-primary);
		text-decoration-color: var(--lt-colour-primary);
		font-weight: var(--lt-body-font-weight-normal);

		&:hover {
			color: var(--lt-colour-primary);
		}
	}

	#info-entry-requirement a {
		color: var(--lt-colour-primary);
		text-decoration-color: var(--lt-colour-primary);
		font-weight: var(--lt-body-font-weight-normal);

		&:hover {
			color: var(--lt-colour-primary);
		}
	}

	.card .card-header .courseTitle a:hover {
		color: var(--lt-colour-primary);
	}

	.course-information .nav-link {
		color: var(--lt-colour-primary);
	}

	.course--statBox {
		border-color: var(--lt-colour-primary);
	}

	#top-menu nav-item.active {
		color: var(--lt-colour-primary) !important;
	}

	#top-menu li.active {
		color: var(--lt-colour-primary);
	}

	#top-menu li.active a {
		background: var(--lt-colour-primary) !important;
		border-radius: 0px !important;
		color: var(--lt-colour-secondary) !important;
	}

	#top-menu li.active a {
		color: var(--lt-colour-primary);
	}

	#top-menu li.active a:focus {
		background: var(--lt-colour-primary) !important;
		color: var(--lt-colour-secondary);
		border-radius: 0px !important;
		outline: 2px solid var(--lt-colour-accessible) !important;
	}

	#top-menu li.active a {
		color: var(--lt-colour-secondary);
	}

	.course-details .details-info-row strong {
		color: var(--lt-colour-primary);
	}
}

/* end body.hybrid.hybrid-course base CSS rules */

/*
 * Hybrid-24 Course apprenticeship styles
 *
 * These rules should only change colours
 */

body.hybrid-course.hybrid-course-apprenticeship {
	.lt-section-course-details .lt-section-course-details__year-selector {
		background-color: var(--lt-colour-primary);
		color: var(--lt-colour-white);
	}

	.course--modules--block .module--info {
		background-color: var(--lt-secondary50);
		padding: var(--lt-layout-padding-md);
	}

	.lt-section-course-details {
		.lt-section-course-details__year-selector {
			h2,
			h3 {
				color: var(--lt-colour-white);
				font-weight: var(--lt-body-font-weight-normal);
			}
		}
	}

	.lt-navbar-courses {
		background-color: var(--lt-colour-secondary) !important;
		border-bottom: 2px solid var(--lt-colour-primary);

		.container {
			background-color: transparent;
		}
	}

	#top-menu li a {
		color: var(--lt-colour-primary);
	}

	section.course--section-about {
		background-color: var(--lt-colour-primary);
		color: var(--lt-colour-white);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-white);
		}

		#course--about--content {
			#info-about {
				img.image--general {
					background-color: var(--lt-colour-white);
				}
			}

			a {
				color: var(--lt-colour-secondary);
				text-decoration-color: var(--lt-colour-secondary);

				&:hover {
					color: var(--lt-colour-secondary);
				}
			}
		}
	}

	section.course--section-why-study {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-black);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-black);
		}
	}

	section.course--section-facilities {
		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-primary);
		}
	}

	section.course--section-modules .summary {
		border: var(--lt-layout-border-width-md) solid var(--lt-colour-secondary) !important;
		background-color: var(--lt-colour-orange);
		color: var(--lt-colour-primary);
	}

	section.course--section-landt {
		.lt-component-tabcordion,
		.ootb-tabcordion--tabs {
			.tab {
				background: var(--lt-colour-primary);
				border: var(--lt-layout-border-width-md) solid var(--lt-colour-white);
				color: var(--lt-colour-white);

				&.is-active {
					background: var(--lt-colour-white);
					border: var(--lt-layout-border-width-md) solid var(--lt-colour-white);
					color: var(--lt-colour-primary);
				}
			}
		}

		.lt-component-tabcordion,
		.ootb-tabcordion--entry-content {
			background-color: var(--lt-colour-white);
			color: var(--lt-colour-black);

			ul li {
				strong,
				span,
				p {
					color: var(--lt-colour-black) !important;
				}
			}
		}

		h3,
		h4,
		p,
		li {
			color: var(--lt-colour-black) !important;
		}

		p {
			span {
				color: var(--lt-colour-black) !important;
			}

			strong {
				color: var(--lt-colour-black) !important;
			}
		}
	}

	section.course--section-entry {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-black);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-black);
		}

		#course--entry--content #info-entry-requirement table tbody tr {
			border-bottom: 2px solid var(--lt-colour-secondary) !important;
		}
	}

	section.course--section-fees {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-black);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-black);
		}

		.fees-box {
			background-color: var(--lt-colour-secondary);
			color: var(--lt-colour-black);

			strong {
				display: block;
				color: var(--lt-colour-primary);
			}

			a:link,
			a:active,
			a:visited {
				color: var(--lt-colour-black);
				text-decoration-color: var(--lt-colour-primary);
			}

			a:hover {
				color: var(--lt-colour-black);
				text-decoration: underline;
			}
		}
	}

	section.course--section-apply {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-black);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-black);
		}

		.course--apply-clearing-link a,
		.course--apply-clearing-guide-link a,
		.course--apply-get-in-touch-link a {
			border: var(--lt-layout-border-width-md) solid var(--lt-colour-primary);
			background-color: var(--lt-colour-secondary) !important;
			color: var(--lt-colour-primary);
		}

		.course--apply-clearing-link a:hover,
		.course--apply-clearing-guide-link a:hover,
		.course--apply-get-in-touch-link a:hover {
			border: var(--lt-layout-border-width-md) solid var(--lt-colour-primary);
			background-color: var(--lt-colour-white) !important;
			color: var(--lt-colour-primary);
		}

		.course--apply-clearing-link a::before,
		.course--apply-clearing-guide-link a::before,
		.course--apply-get-in-touch-link a::before {
			color: var(--lt-colour-primary) !important;
		}
	}

	section.course--section-unibuddy {
		background-color: var(--lt-colour-secondary);
		color: var(--lt-colour-black);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-black);
		}

		a {
			border: var(--lt-layout-border-width-md) solid var(--lt-colour-primary);
			background-color: var(--lt-colour-secondary);
			color: var(--lt-colour-primary);

			&:hover {
				border: 0.15rem solid var(--lt-colour-primary);
				background-color: transparent;
				color: var(--lt-colour-primary);
			}
		}
	}

	.general-quote figure.quote--standard blockquote {
		border-left: 10px solid var(--lt-colour-secondary);
		line-height: var(--lt-line-height-body);
		background: var(--lt-colour-white);

		&::before {
			color: var(--lt-colour-primary);
		}

		.general-quote figure.quote--standard cite {
			color: var(--lt-colour-black);
		}
	}

	section.course--section-modules {
		details {
			border-bottom: none;
			background-color: var(--lt-colour-white);
			color: var(--lt-colour-black);

			.module--info p {
				color: var(--lt-colour-black);
			}
		}

		summary,
		.summary {
			border: var(--lt-layout-border-width-md) solid var(--lt-colour-secondary) !important;
			background-color: var(--lt-colour-secondary) !important;
			color: var(--lt-colour-primary);

			strong {
				color: var(--lt-colour-primary) !important;
			}
		}

		/* reduce old padding until switch to tabs end */
		#info-modules table.moduleTable {
			th {
				background: var(--lt-colour-secondary);
				color: var(--lt-colour-primary);

				td,
				p {
					color: var(--lt-colour-black);
				}

				p {
					strong,
					span {
						color: var(--lt-colour-black);
					}
				}
			}
		}
	}

	section details {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-black);
	}

	section summary {
		border: var(--lt-layout-border-width-md) solid var(--lt-colour-secondary) !important;
		background-color: var(--lt-colour-secondary) !important;
		color: var(--lt-colour-primary);
	}

	section details.summary {
		border: var(--lt-layout-border-width-md) solid var(--lt-colour-secondary) !important;
		background-color: var(--lt-colour-secondary);
		color: var(--lt-colour-primary);
	}

	section .details__info p {
		color: var(--lt-colour-black);
	}

	section .details__info table.course-structure tbody tr {
		border-bottom: var(--lt-layout-border-width-md) solid var(--lt-colour-primary);
	}

	section .details__info table.course-structure tbody tr:nth-child(odd) td,
	tbody tr:nth-child(odd) th,
	section .details__info table.course-structure tbody tr:nth-child(2n) td,
	tbody tr:nth-child(2n) th {
		background: var(--lt-colour-secondary) 25;
	}

	section.course--section-study-abroad {
		background-color: var(--lt-colour-secondary);
		color: var(--lt-colour-black);
	}

	section.course--section-study-abroad h2,
	section.course--section-study-abroad h3,
	section.course--section-study-abroad h4,
	section.course--section-study-abroad p {
		color: var(--lt-colour-black);
	}
}

/*
Apprenticeship Styles End
 */

/*
 * Hybrid-24 Course pg
 *
 * These rules should only change colours
 */

body.hybrid-course.hybrid-course-pg {
	a i:hover {
		color: var(--lt-colour-aqua);
	}

	details {
		margin-bottom: var(--lt-layout-margin-md);
		border-bottom: none;
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-black);
	}

	summary,
	.summary {
		border: var(--lt-layout-border-width-md) solid var(--lt-colour-aqua) !important;
		background-color: var(--lt-colour-aqua) !important;
		color: var(--lt-colour-primary);
	}

	section.course--section-why-study {
		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-black);
		}
	}

	section.course--section-facilities {
		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-primary);
		}
	}

	.details__info {
		p {
			color: var(--lt-colour-black);
		}

		table.course-structure tr {
			border-bottom: var(--lt-layout-border-width-md) solid var(--lt-colour-primary);

			&:nth-child(odd) td,
			&:nth-child(odd) th,
			&:nth-child(2n) td,
			&:nth-child(2n) th {
				background: var(--lt-colour-aqua);
				color: var(--lt-colour-black);
			}
		}
	}

	.lt-section-course-details {
		.course-details__col:first-of-type {
			background-color: var(--lt-colour-aqua);
			order: 1;
		}

		.lt-section-course-details__year-selector {
			background-color: var(--lt-colour-primary);
			color: var(--lt-colour-white);
			padding: var(--lt-layout-padding-md);

			h2,
			h3 {
				color: var(--lt-colour-white);
			}
		}
	}

	.course--modules--block .module--info {
		background-color: var(--lt-colour-aqua50);
		padding: var(--lt-layout-padding-md);
	}

	/* details end */

	.lt-navbar-courses {
		background-color: var(--lt-colour-aqua) !important;
		border-bottom: 2px solid var(--lt-colour-primary);

		.container {
			background-color: transparent;
		}
	}

	#top-menu li a {
		color: var(--lt-colour-primary);
	}

	section.course--section-about {
		background-color: var(--lt-colour-primary);
		color: var(--lt-colour-white);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-white);
		}

		#course--about--content {
			#info-about img.image--general {
				background-color: var(--lt-colour-white);
			}

			#info-about a {
				color: var(--lt-colour-aqua);
				text-decoration-color: var(--lt-colour-aqua);

				&:hover {
					color: var(--lt-colour-aqua);
				}
			}
		}
	}

	/* study abroad start */
	section.course--section-study-abroad {
		background-color: var(--lt-colour-aqua);
		color: var(--lt-colour-black);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-black);
		}
	}

	section.course--section-landt {
		.lt-component-tabcordion .tab,
		.ootb-tabcordion--tabs .tab {
			background: var(--lt-colour-primary);
			border: var(--lt-layout-border-width-md) solid var(--lt-colour-white);
			color: var(--lt-colour-white);

			&.is-active {
				background: var(--lt-colour-white);
				border: var(--lt-layout-border-width-md) solid var(--lt-colour-white);
				color: var(--lt-colour-primary);
			}
		}

		.lt-component-tabcordion--entry-content,
		.ootb-tabcordion--entry-content {
			background-color: var(--lt-colour-white);
			color: var(--lt-colour-black);

			h3,
			h4,
			p,
			li {
				color: var(--lt-colour-black) !important;
			}

			p {
				span {
					color: var(--lt-colour-black) !important;
				}

				strong {
					color: var(--lt-colour-black) !important;
				}
			}

			ul li strong,
			ul li span,
			ul li p,
			ul li strong span {
				color: var(--lt-colour-black) !important;
			}
		}
	}

	section.course--section-entry {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-black);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-black);
		}

		#course--entry--content #info-entry-requirement table tbody tr {
			border-bottom-color: var(--lt-colour-aqua) !important;
		}
	}

	section.course--section-fees {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-black);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-black);
		}

		.fees-box {
			background-color: var(--lt-colour-aqua);
			color: var(--lt-colour-black);
			padding: var(--lt-layout-padding-lg);

			strong {
				color: var(--lt-colour-primary);
			}

			a:link,
			a:active,
			a:visited {
				color: var(--lt-colour-black);
				text-decoration-color: var(--lt-colour-primary);
			}

			a:hover {
				color: var(--lt-colour-black);
			}

			a::after {
				background-color: var(--lt-colour-transparent);
			}
		}
	}

	/* fees end */

	/* how to apply start */
	section.course--section-apply {
		background-color: var(--lt-colour-white);
		color: var(--lt-colour-black);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-black);
		}

		.course--apply-clearing-link a,
		.course--apply-clearing-guide-link a,
		.course--apply-get-in-touch-link a {
			border-color: var(--lt-colour-primary);
			background-color: var(--lt-colour-aqua) !important;
			color: var(--lt-colour-primary);
		}

		.course--apply-clearing-link a:hover,
		.course--apply-clearing-guide-link a:hover,
		.course--apply-get-in-touch-link a:hover {
			border: var(--lt-layout-border-width-md) solid var(--lt-colour-primary);
			background-color: var(--lt-colour-white) !important;
			color: var(--lt-colour-primary);
		}

		.course--apply-clearing-link a::before,
		.course--apply-clearing-guide-link a::before,
		.course--apply-get-in-touch-link a::before {
			color: var(--lt-colour-primary) !important;
		}
	}

	section.course--section-unibuddy {
		background-color: var(--lt-colour-aqua);
		color: var(--lt-colour-black);

		h2,
		h3,
		h4,
		p {
			color: var(--lt-colour-black);
		}

		a {
			border-color: var(--lt-colour-primary);
			background-color: var(--lt-colour-aqua);
			color: var(--lt-colour-primary);

			&:hover {
				border-color: var(--lt-colour-primary);
				background-color: transparent;
				color: var(--lt-colour-primary);
			}
		}
	}

	.general-quote figure.quote--standard {
		blockquote {
			border-left-color: var(--lt-colour-aqua);
			line-height: var(--lt-line-height-body);
			background: var(--lt-colour-white);

			&::before {
				color: var(--lt-colour-primary);
				font-size: var(--lt-heading__h1-font-size);
			}
		}

		cite {
			color: var(--lt-colour-black);
			font-size: var(--lt-body-font-size);
		}
	}

	#course--about--content a {
		color: var(--lt-colour-aqua);
	}

	.course-information .nav-link {
		color: var(--lt-colour-aqua);
	}

	#top-menu .nav-item.active {
		color: var(--lt-colour-aqua) !important;
	}

	#top-menu li.active {
		color: var(--lt-colour-aqua);
	}

	.course-details .details-info-row strong {
		color: var(--lt-colour-aqua);
	}

	.course--statBox {
		border-color: var(--lt-colour-aqua);
	}
}

/* end .hybrid-course */