/*
* 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(240, 245, 250);
	--lt-colour-stone: #dcd2c1;
	--lt-colour-aqua: rgb(148, 215, 200);
	--lt-colour-rose: rgb(249, 158, 176);
	--lt-colour-blue: rgb(160, 192, 228);
	--lt-colour-white: #ffffff;
	--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);

	/* 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);

	/* 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 20%);
	--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 20%);
	--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%);

	/* 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) 20%);
	--lt-colour-primary-text-muted: color-mix(in srgb, var(--lt-colour-primary), var(--lt-colour-primary-text) 20%);
	--lt-colour-secondary-text-muted: color-mix(in srgb, var(--lt-colour-secondary), var(--lt-colour-secondary-text) 20%);
	--lt-colour-tertiary-text-muted: color-mix(in srgb, var(--lt-colour-tertiary), var(--lt-colour-tertiary-text) 20%);
	--lt-colour-quaternary-text-muted: color-mix(in srgb, var(--lt-colour-quaternary), var(--lt-colour-quaternary-text) 20%);
	--lt-colour-accent-primary-text-muted: color-mix(in srgb, var(--lt-colour-accent-primary), var(--lt-colour-accent-primary-text) 20%);
	--lt-colour-accent-secondary-text-muted: color-mix(in srgb, var(--lt-colour-accent-secondary), var(--lt-colour-accent-secondary-text) 20%);
	--lt-colour-clearing-text-muted: color-mix(in srgb, var(--lt-colour-clearing), var(--lt-colour-clearing-text) 20%);
	--lt-colour-danger-text-muted: color-mix(in srgb, var(--lt-colour-danger), var(--lt-colour-danger-text) 20%);
}

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

	/* 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);

	/* 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);

	/* Font Weights */
	--lt-font-weight--normal: 400;
	--lt-font-weight--bold: 700;
	--lt-font-weight--xbold: 900;
	--lt-font-weight: var(--lt-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 */
}

/* 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-font-weight--normal);
    src: url('https://cms.leedstrinity.ac.uk/terminalfour/SiteManager?ctfn=download&fnno=60&ceid=b6c1a16c734146f2e03aa0414325109ef01db8f4');
}

/* prettier-ignore */
@font-face {
    font-family: "Neue Haas Unica Pro";
    font-style: normal;
    font-weight: var(--lt-font-weight--normal);
    src: url('https://cms.leedstrinity.ac.uk/terminalfour/SiteManager?ctfn=download&fnno=60&ceid=425803d87d5ba39e82da6b18336c1c62657b4824');
}

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

/* Style HTML tags */

body {
	font-family: 'Neue Haas Grotesk', Arial, Helvetica Neue, Helvetica, sans-serif;
	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%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Neue Haas Unica pro', Arial, Helvetica Neue, Helvetica, sans-serif;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Neue Haas Unica pro', Arial, Helvetica Neue, Helvetica, sans-serif;
	line-height: var(--lt-line-height-head);
}

/* 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: 0.0625rem dotted;
}

b,
strong {
	font-weight: 700;
}

dfn {
	font-style: italic;
}

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

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

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
}

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;
}

/* 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 */

table.lt-table--striped-rows {
	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;
	}
}

/* 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-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-font-weight--bold);
		color: var(--lt-colour-primary);
		margin-bottom: 0.5rem;
	}
}

/* DataTables */
.lt-table__dt-input {
	border: 0.0625rem 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-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-font-weight--bold);
			color: var(--lt-colour-primary);
			margin-bottom: 0.5rem;
		}
	}
}

.lt-utility-table-wrapper--inverted {
}

/* 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: 500;
}

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: 700;
	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: 500;
}

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: inherit;
	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;
	background-color: transparent;
	box-shadow: none;
	color: inherit;
	font-weight: 500;
	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-font-weight--bold);
}

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%);
}

/* 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 */
.image-overlay {
	position: relative;
}

.image-overlay > img,
.image-overlay > picture {
	margin: 0 auto 2.5rem;
}

.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-cols--auto-cols {
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 23%), 1fr));
	}
}

/* shall remove after update news pages*/
.lt-layout-cols {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--lt-layout-gap-md);

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

	&.lt-layout-cols--sidebar-left {
		grid-template-columns: 1fr 3fr;
	}

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

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

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

/*Remove end*/

/* @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 ===*/

/* 
  Shared sticky header class
  Must be placed in a grid or flex column
  Requires the following HTML structure: div.lt-layout-sticky-title-column > div.lt-layout-sticky-title-column__inner > h2.lt-layout-sticky-title-column__heading 
*/

.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-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

/* prefer namespaced version */ {
	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: 2.5rem;
	}
}

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

/* Panels */
.panels {
	flex-wrap: wrap;
	width: 100%;
}

.panel,
.panels {
	display: flex;
}

.panel {
	flex: 0 0 auto;
	flex-direction: column;
	max-width: 100%;
	padding: var(--lt-layout-padding-lg) var(--lt-layout-padding-md);
	text-align: center;
	border: 0.25rem solid;
	border-width: 0.25rem 0.125rem;
}

.panel:first-child {
	border-left-width: 0.25rem;
}

.panel:last-child {
	border-right-width: 0.25rem;
}

.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
	word-break: break-word;
}

.panel p {
	font-weight: 700;
}

.panel__inner {
	max-width: 100%;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* End panels */

: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;
		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-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-theme), transparent 90%);
			}

			caption {
				caption-side: top;
				font-weight: var(--lt-font-weight--bold);
				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;
	}
}

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

/* Download section Styles */
.lt-section-file-download {
	.lt-section-file-download__link-wrapper {
		padding: var(--lt-layout-padding-md) 0;
	}
}

/* Swiper styles */
section.lt-slider--home {
	display: flex;
	width: 100%;
	max-width: 87.5rem;
	margin: 2em auto 2rem !important;
	float: none;
}

.swiper {
	user-select: none;
	box-sizing: border-box;
	overflow: hidden;
	width: 50%;

	height: auto;

	padding: 0 0rem;
}

.swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
}

.swiper-slide-content {
	width: 100%;
	height: 100%;
	display: flex;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}

.lt-swiper__slide-sub-text {
	padding-left: 2.1rem;
}

.swiper-slide-content-0466 {
	align-items: center;
	justify-content: flex-end;
	flex-direction: row;
	padding: 0;
	gap: 0;
}

.swiper-slide-block-81cf {
	display: flex;
	box-sizing: border-box;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	background-color: rgba(220, 210, 193, 1);
	gap: 0;
	padding: 0;
}

.swiper-slide-image-22b2 {
	max-width: 100%;
	min-width: 0;
	max-height: 100%;
	min-height: 0;
	object-fit: cover;
}

.swiper-slide-text-e07e {
	color: rgba(74, 0, 33, 1);
	text-align: left;
	font-size: 2rem;
	line-height: var(--lt-line-height-body);
}

.lt-slider__head {
	width: 50%;
	background-image: url('https://www.leedstrinity.ac.uk/media/site-assets/svg/homepage-hero-bg1-v2.png');
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background-repeat: no-repeat;
	background-size: cover;

	h1 {
		font-size: clamp(2rem, 4rem, 5rem);
		color: var(--lt-colour-tertiary);
		padding: 2rem 0rem;
	}
}

.slider-pic__content {
	margin-bottom: 2rem;

	h2 {
		font-size: clamp(1.25rem, 2rem, 2.75rem) !important;
		color: var(--lt-colour-primary);
		padding: 0 0 1rem 2rem;
	}

	a {
		margin-left: 2rem;
		margin-bottom: 0.75rem;
	}
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
	position: relative;
}

span.swiper-pagination-bullet:focus-within {
	outline: var(--lt-style-focus);
}

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

.swiper-pagination-bullet {
	width: 1rem !important;
	height: 1rem !important;
}

/*Swiper*/
/** Swiper styles **/

:root {
	--swiper-navigation-top-offset: 10%;
}

h2.lt-swiper--head {
	max-width: 87.5rem;
	margin: 2rem auto;
}

.lt-swiper--text {
	user-select: none;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	max-width: 87.5rem;
	height: auto;
	padding: 0 0rem;
	margin: 0 auto;
	float: none;

	.swiper-slide {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		position: relative;
		box-sizing: border-box;
	}

	.swiper-slide-content {
		width: 100%;
		height: 100%;
		display: flex;
		position: relative;
		z-index: 1;
		box-sizing: border-box;
	}

	.swiper-slide-3f38 {
		background-color: var(--lt-colour-rose);
		padding: 1.5rem;
	}

	.swiper-slide-content-815a {
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 0 0rem;
		gap: 0;
	}

	.swiper-slide-block-10b5 {
		display: flex;
		box-sizing: border-box;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
		gap: var(--lt-layout-gap-md);
		padding: 0 0rem;
	}

	.swiper-slide-image-22b2 {
		max-width: 100%;
		min-width: 0;
		height: 23.43rem;
		max-height: 100%;
		min-height: 0;
		object-fit: cover;
	}

	.swiper-slide-text-3f0b {
		color: rgba(255, 255, 255, 1);
		text-align: left;
		font-size: 1rem;
		line-height: 1.5;
		padding-bottom: 0;
		padding-left: 0;

		h3 {
			margin-top: 0;
		}
	}
}

.swiper-pagination__text {
	text-align: center;
	margin: 2rem 0;
}

/*End Swiper*/

/* courses override start */

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

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

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

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

	.summary-list__item-content,
	.lt-course__card-summary-list__item-content {
		font-weight: var(--lt-font-weight--bold);
		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);
}

.course--summary .button {
	border-color: var(--lt-colour-primary);
}

.summary__aside .button {
	border-color: var(--lt-colour-primary);
	background-color: var(--lt-colour-primary);
	color: var(--lt-colour-primary);
}

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

#course--summary .btn--group button {
	background-color: var(--lt-colour-white);
	border: none;
	text-decoration: none;
	color: var(--lt-colour-offwhite);
	padding: 0;
	line-height: var(--lt-line-height-button);
	float: left;
	border-radius: unset;
	font-weight: var(--lt-font-weight--bold);
	font-size: var(--lt-button-font-size);
	margin: 0;
}

#course--summary .btn--group button::after {
	content: ' \f138';
	font-style: normal;
	font-family: 'Font Awesome 5 Pro';
	font-weight: var(--lt-font-weight--normal);
}

#course--summary .btn--group button.active {
	background-color: transparent;
	border: none;
	text-decoration: none;
	color: var(--lt-colour-primary);
	padding: 0;
	float: left;
	border-radius: unset;
	font-weight: var(--lt-font-weight--bold);
	font-size: var(--lt-button-font-size);
	margin: 0;
}

#course--summary .btn--group button.active:hover {
	background-color: transparent;
	border: none;
	text-decoration: none;
	color: var(--lt-colour-primary);
	padding: 0;
	line-height: var(--lt-line-height-button);
	float: left;
	border-radius: unset;
	font-weight: var(--lt-font-weight--bold);
	margin: 0;
}

#course--summary .btn--group button:last-child,
#course--summary .btn--group button.active:last-of-type {
	padding-left: 1.25rem;
}

#course--summary .btn--group button.active::after {
	content: '';
}

#course--summary .btn--group button:hover {
	background-color: var(--lt-colour-white);
	border: none;
	color: var(--lt-colour-offwhite);
	padding: 0;
	line-height: var(--lt-line-height-button);
	float: left;
	border-radius: unset;
	font-weight: var(--lt-font-weight--bold);
	margin: 0;
	text-decoration: underline;
}

#course--summary .btn--group button:last-child:hover {
	padding-left: 1.25rem;
}

#course--summary .btn--group button.hover::after {
	content: '';
}

.course-information .tab .button,
.course-information .tab button,
#v_ki--overview .button {
	border-radius: 0;
	border-color: var(--lt-colour-primary);
}

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

#v_ki--overview .button:hover,
.course-information .tab button:hover,
.course-information .tab .button:hover {
	background-color: var(--lt-colour-primary);
	color: var(--lt-colour-white);
}

/* new grid area for mobile start */
.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 */

#v_ki--study-fd span a,
#v_ki--study-fd span a:visited {
	color: var(--lt-colour-offwhite);
	text-decoration: none;
	font-size: var(--lt-button-font-size);
}

#v_ki--study-fd span a:active,
#v_ki--study-fd span a:hover {
	text-decoration: underline;
	font-size: var(--lt-button-font-size);
}

#v_ki--study-fd span a::after {
	content: ' \f138';
	font-style: normal;
	font-family: 'Font Awesome 5 Pro';
	font-weight: var(--lt-font-weight--normal);
}

.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 */

/*---------- tabordion nav */
#tabordion--wrapper {
	display: flex;
	margin-bottom: 0;
	padding-bottom: 0;
}

#tabordion {
	display: block;
	width: 100%;
	margin-bottom: 3.75rem;
	margin-top: 0;
}

.tabs {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 30%;
	border-radius: 0;
	background: var(--lt-colour-white);
}

.tabs li {
	text-align: left;
	padding: 0;
	padding-right: var(--lt-layout-padding-md);
	margin-bottom: var(--lt-layout-margin-md);
	transition: all 0.25s;
}

#tabordion .tabs li:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}

#tabordion .tabs li a {
	display: inline-flex;
	color: var(--lt-colour-primary);
	background: var(--lt-colour-white);
	border: 0.12rem solid var(--lt-colour-primary);
	align-items: center;
	font-size: var(--lt-button-font-size);
	padding: 0.6875rem 1.25rem 0.5625rem;
	font-weight: var(--lt-font-weight--bold);
	line-height: var(--lt-line-height-body);
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.25s;
}

#tabordion .tabs li a.selected,
#tabordion .tabs li a:hover {
	background: var(--lt-colour-primary);
	color: var(--lt-colour-white);
	padding-right: 1.75rem;
}

#tabordion .tabs li a svg {
	position: relative;
	vertical-align: middle;
	top: 0.3rem;
	/*right: 1.25rem;*/
	left: 0.75rem;
	width: 0.75rem;
	height: 0.75rem;
	transform: translateY(-50%);
	margin: 0;
	opacity: 0;
	transition: all 0.25s;
}

#tabordion .tabs li a.selected svg,
#tabordion .tabs li a:hover svg {
	opacity: 1;
	vertical-align: middle;
	fill: currentColor;
}

.tab_container {
	display: block;
	width: 70%;
	min-height: 31.25rem;
	text-align: left;
}

#tabordion div article {
	display: none;
	margin: 0;
	padding: 1.25rem 0.75rem;
}

#tabordion div article h3 {
	font-weight: var(--lt-font-weight--normal);
	font-size: var(--lt-heading__h3-font-size);
}

#tabordion div article p {
	margin: 0 0rem 1.25rem 0rem;
}

#tabordion div article button,
#tabordion div article .button {
	padding: 0.6875rem 1.25rem 0.5625rem;
	background: transparent;
	border-color: var(--lt-colour-primary);
	border-radius: 0;
	font-weight: var(--lt-font-weight--bold);
	line-height: var(--lt-line-height-button);
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.25s;
}

#tabordion div article button:hover,
#tabordion div article .button:hover {
	background: var(--lt-colour-primary);
	border-color: var(--lt-colour-primary);
	color: var(--lt-colour-white);
}

.tabs {
	display: none;
}

.tab_headings {
	margin: 0 0 0.25rem 0;
	font-size: var(--lt-heading__h4-font-size);
	font-weight: var(--lt-font-weight--normal);
	color: var(--lt-colour-white);
	text-decoration: none;
	padding: 0.75rem;
	background-color: var(--lt-colour-primary);
}

/* tabordion end */

/* 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 */

/* Start - Flex Container */

.flex-container > div:first-child {
	padding: 2.75rem 2.75rem 2.75rem;
	width: 70%;
}

.flex-container > div:last-child {
	width: 30%;
	margin-right: 0;
	overflow: hidden;
}

/* reverse order start */
.flex-container {
	align-items: flex-end;
}

/* flex-container addition to allow thirds start */
.flex-container.onetwo > *:nth-child(1) {
	width: calc(100% / 3 * 1);
}

.flex-container.onetwo > *:nth-child(2) {
	width: calc(100% / 3 * 2);
}

.flex-container.twoone > *:nth-child(1) {
	width: calc(100% / 3 * 2);
}

.flex-container.twoone > *:nth-child(2) {
	width: calc(100% / 3 * 1);
}

/* flex-container addition to allow thirds end */

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

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

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

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

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

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

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

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

.flex-container div p:last-child {
	margin-bottom: var(--lt-layout-margin-md);
}

/* flex container start - mixed content type end */
/* End - Flex Container */

/* grid card start */
.grid__gutter {
	display: block;
	margin: 0 auto;
	max-width: 80%;
}

.grid__container {
	display: flex;
	flex-flow: row wrap;

	/* offset margin to the left and avoid horizontal scrollbar*/
	min-width: 80%;
	grid-auto-flow: row;
	gap: var(--lt-layout-gap-md);
	text-align: left;
	margin: 3.75rem auto;
}

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

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

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

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

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

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

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

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

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

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

/* 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;
		/* offset margin to the left and avoid horizontal scrollbar*/
		min-width: 80%;
	}

	.grid__item {
		flex: 1 0 20%;
		/* less than 25% but more or equal to 20% to account for margins - when 4 across is required */
		min-width: 12.5rem;
		/* min-width on flex items not working in older ios so use media queries instead*/
		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-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: 400 !important;
	line-height: var(--lt-line-height-button) !important;
}

/* News slider */
.lt-slideshow--section {
	width: 100%;

	.view-all--news {
		display: flex;
		align-items: flex-start;
		gap: var(--lt-layout-gap-md);
		flex-direction: column;
	}

	.prev-next--container {
		width: 90%;
		margin: 0 auto;
	}

	.news-slider__controllers .prev-next--container {
		width: fit-content;
	}

	.inner {
		max-width: 87.5rem;
		margin: 0 auto;
		position: relative;
		margin-bottom: 6.75rem;
	}

	.mySlides {
		padding: 4rem 4rem 0 4rem;
		display: none;
		width: 80%;
		margin: 0 auto;
	}

	.slide-item {
		min-height: 25rem;
		display: flex;
		align-items: center;
	}

	img {
		vertical-align: middle;
	}

	/* Img */
	.slider-img {
		width: 50%;
		min-height: 28.12rem;
	}

	/* Caption text */
	.slideshow-content--container {
		color: var(--lt-colour-primary);
		font-size: var(--lt-body-font-size);
		padding: 2rem;
		width: 50%;
		min-height: 34.37rem;
		background-color: var(--lt-colour-stone);
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

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

	h2 {
		font-size: var(--lt-heading__h2-font-size) !important;
		margin-bottom: 2rem;
	}

	/* Number text (1/3 etc) */
	.numbertext {
		color: #f2f2f2;
		font-size: var(--lt-body-font-size);
		padding: 0.5rem 0.75rem;
		position: absolute;
		top: 0;
	}

	/* The dots/bullets/indicators */
	.dot-container {
		width: 80%;
		text-align: right;
		margin: 0 auto;
		padding: 0 4rem;
	}

	.news-slider__controllers .dot-container {
		width: fit-content;
		text-align: unset;
		margin: 0;
		padding: 0;
	}

	.dot {
		cursor: pointer;
		height: 0.93rem;
		width: 0.93rem;
		margin: 0 0.12rem;
		background-color: none;
		border-radius: 50%;
		display: inline-block;
		border: 0.0625rem solid var(--lt-colour-primary);
		transition: background-color 0.6s ease;
	}

	.active,
	.dot:hover {
		background-color: var(--lt-colour-primary);
	}

	/* Fading animation */
	.fade {
		animation-name: fade;
		animation-duration: 1.5s;
	}

	@keyframes fade {
		from {
			opacity: 0.4;
		}

		to {
			opacity: 1;
		}
	}

	/* On smaller screens, decrease text size */

	.mySlides {
		padding: 4rem 0;
		display: none;
		width: 100%;
		margin: 0 auto;
	}

	.prev,
	.next {
		padding: 0.3125rem;
		color: black;
		font-weight: var(--lt-font-weight--normal);
		transition: 0.6s ease;
		border-radius: 0 0.1875rem 0.1875rem 0;
		user-select: none;
	}

	.slider-img {
		min-height: auto;
	}

	.slideshow-container h2 {
		color: var(--lt-colour-primary);
		font-size: var(--lt-heading__h2-font-size);
		width: 100%;
	}

	.slideshow-container .mySlides i.fa-chevron-right,
	.slideshow-container .mySlides i.fa-chevron-right {
		font-size: var(--lt-heading__h1-font-size);
	}

	.slideshow-content--container > *:not(:last-child) {
		margin-bottom: var(--lt-layout-margin);
	}

	.slideshow-content--container .h-alt {
		background-color: transparent;
		text-transform: none;
		padding-left: 0;
	}

	.slideshow-content--container h3 {
		margin-bottom: 3rem;
	}

	.view-all--news {
		display: flex;
		align-items: flex-end;
		gap: var(--lt-layout-gap-lg);
		justify-content: space-between;
		padding: 0;
	}

	.ga4-view-all-news:hover {
		color: var(--lt-colour-white) !important;
	}

	.ga4-view-all-news::after {
		font: var(--fa-font-sharp-solid);
		content: '\f04b';
		padding-left: var(--lt-layout-padding-md);
		padding-right: 0;
		margin-right: 0;
		position: relative;
		right: 0;
		transition: unset;
		transform: none;
		bottom: auto;
		width: fit-content;
		height: auto;
		color: var(--lt-colour-primary) !important;
		background-color: transparent;
		background-image: none;
	}

	.ga4-view-all-news:hover::after {
		color: var(--lt-colour-white) !important;
		background-color: transparent;
		background-image: none;
	}
}

/* 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: bold;
	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: 700;
	text-decoration-thickness: 0.0625rem;
	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: 700;
	font-size: var(--lt-body-font-size);
	line-height: var(--lt-line-height-body);
	letter-spacing: normal;
	text-decoration-line: underline;
	text-decoration-thickness: 0.0625rem;
	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: 700;
	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: #ffbf47 !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: 0.0625rem;
	text-underline-offset: 0.1875rem;
	margin-top: 0;
	letter-spacing: normal;
	font-weight: 700;
	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: 700;
	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-font-weight--bold);
	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-font-weight--bold);
	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: 700;
	line-height: var(--lt-line-height-head);
	letter-spacing: normal;
	text-decoration-line: underline;
	text-decoration-thickness: 0.0625rem;
	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;
}

section.course--section-modules:last-of-type {
	padding-bottom: 4.75rem;
}

section.course--section-modules .course-modules__block {
	display: flex;
}

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

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

section.course--section-modules .course-modules__block {
	margin: 2rem;
}

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

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

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

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

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

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

section.course--section-modules .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-font-weight--bold);
}

.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;
}

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

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

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

.sticky .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: 0.0625rem solid var(--lt-colour-primary);
	}

	.course--cards--block ttr:nth-child(odd):last-child td {
		border-bottom: 0.0625rem 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-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: 0.0625rem 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: 0.0625rem;
		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-font-weight--bold);
		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-font-weight--bold);
		text-transform: none;
		border: 0.0625rem 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-featured-cta {
	h2 + h3 {
		margin-top: 1rem;
	}

	&.fullWidth {
		background-color: var(--lt-colour-primary);
		padding: 0.1rem;
	}

	&.fullWidth--bg-offwhite {
		background-color: var(--lt-colour-offwhite);
		padding: 0.1rem;
	}

	img {
		min-height: 25rem;
		min-width: 25rem;
		object-fit: cover;
	}

	.no-Offset img {
		margin-top: 0;
	}

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

	.reverse .flex-container img {
		margin-left: 0;
		margin-right: 2.65rem;
		border-bottom: 0 solid var(--lt-colour-primary);
		border-left: 0 solid var(--lt-colour-primary);
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
		border-right: none;
		border-top-right-radius: 0;
	}

	a.lt-track-button:hover {
		text-decoration: none !important;
	}

	a:hover {
		text-decoration: underline;
	}

	a.lt-button {
		text-decoration: none;
	}

	.lt-section-featured-cta__content {
		/*background-color: var(--lt-colour-primary);
    color: var(--lt-colour-white);*/

		.lt-featured-cta__buttons {
			display: flex;
			gap: var(--lt-layout-gap-sm);
			flex-wrap: wrap;
		}
	}

	/* clearing - cta*/
	&.lt-section-featured-cta--clearing .lt-section-featured-cta__content {
		background-color: var(--lt-colour-clearing) !important;
		color: var(--lt-colour-primary);
	}

	&.lt-section-featured-cta--clearing .lt-section-featured-cta__content p {
		color: var(--lt-colour-primary) !important;
	}

	&.lt-section-featured-cta--clearing .lt-section-featured-cta__content a.button {
		background-color: var(--lt-colour-white) !important;
		color: var(--lt-colour-primary) !important;
		border-color: var(--lt-colour-white) !important;
		text-decoration: none !important;
	}

	&.lt-section-featured-cta--clearing .lt-section-featured-cta__content a.button:hover {
		color: var(--lt-colour-white) !important;
		background-color: var(--lt-colour-primary) !important;
		border-color: var(--lt-colour-primary) !important;
	}

	&.lt-section-featured-cta--clearing .lt-section-featured-cta__content a.button:hover::after {
		color: var(--lt-colour-white) !important;
	}

	&.lt-section-featured-cta--narrow {
		max-width: var(--lt-layout-text-width-readable);
	}
}

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;
}

.search button {
	position: absolute;
	top: 0;
	right: 0;
	width: 3.75rem;
	height: 3.75rem;
	padding: 0;
	border: 0;
	font-size: 1rem;
}

.search button span {
	position: absolute !important;
	height: 0.0625rem;
	width: 0.0625rem;
	overflow: hidden;
	clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
	white-space: nowrap;
}

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

.search input {
	width: 100%;
	padding: 1rem 0.5rem;
	background: transparent !important;
	border-width: 0 0 0.25rem;
	border-radius: 0;
	font-size: clamp(1.25rem, 2.5vw + 0.25rem, 1.5rem);
	font-weight: 400;
}

/* 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: 0.0625rem 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: 1.25rem 0 0;
	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: 900;
		top: 0;
		position: relative;
	}

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

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

		&::before {
			content: '\f105';
			font-family: 'Font Awesome 7 Sharp';
			font-weight: 300;
			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 */

/* Study */
section + .grid--fullwidth .grid--gutter h3,
section.panel-m + .grid--fullwidth .grid--gutter h3 {
	margin-bottom: 1rem;
	color: var(--lt-colour-primary);
}

.grid--item .grid__lead {
	color: var(--lt-colour-black);
}

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

/* 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-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;
	margin-top: 2.75rem;
	padding-top: 3.125rem;
	padding-bottom: 3.125rem;

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

	.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: 700;
	}

	.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;
	}

	.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-navigation.lt-header {
	position: sticky;
	transform: none !important;
	background-color: var(--lt-colour-primary);
	top: 0;
	width: 100%;
	z-index: 99;
}

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

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

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

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

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

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

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

#lt-navigation nav.lt-nav .expanded a.lt-nav--item::after {
	content: '\f106';
	font-family: FontAwesome;
	font-size: var(--lt-body-font-size);
	padding-left: 0.375rem;
	position: relative;
	padding: 0 0.25rem 0 1rem;
	color: var(--lt-colour-primary);
}

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

#lt-navigation 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;
}

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

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

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

#lt-navigation nav.lt-nav .collapsed a.lt-nav--item::after {
	content: '\f107';
	font-family: FontAwesome;
	font-size: var(--lt-body-font-size);
	padding-left: 0.375rem;
	position: relative;
	padding: 0 0.25rem 0 1rem;
	color: var(--lt-colour-white);
}

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

#lt-navigation 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;
}

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

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

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

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

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

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);
	}
}

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

#lt-navigation 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);
	}
}

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

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

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

#lt-navigation 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;
}

#lt-navigation 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;
}

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

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

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

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

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

#lt-navigation 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-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-navigation .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-navigation .lt-mega--menu .lt-container.cf .lt-row {
	margin-left: 0;
	margin-right: 0;
	gap: var(--lt-layout-gap-md) 0;
}

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

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

#lt-navigation .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-navigation .lt-mega--menu .lt-menu--content a.btn {
	padding: 0.75rem 1rem !important;
	width: fit-content;
	text-align: center;
	margin: 1rem 0 0;
}

#lt-navigation .lt-mega--menu .lt-menu--content a.btn:hover {
	color: var(--lt-colour-stone) !important;
	background-color: var(--lt-colour-primary);
	border: 0.0625rem solid var(--lt-colour-stone);
}

#lt-navigation .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-navigation .lt-mega--menu .lt-menu--content.lt-bg--stone {
	background-color: var(--lt-colour-stone);
}

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

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

#lt-navigation .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-navigation .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-navigation .lt-mega--menu .lt-mega--menu-item:hover::after {
	transform: scaleX(1);
	transform-origin: middle left;
}

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

#lt-navigation .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-navigation .lt-mega--menu h2.lt-menu--headings {
	color: var(--lt-colour-stone);
	font-size: var(--lt-heading__h2-font-size);
}

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

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

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

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

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

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

#lt-navigation .lt-droppable {
	position: static;
}

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

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

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

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

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

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

#lt-navigation .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-font-weight--normal);
	padding: 0.72rem;
	width: 30%;
	text-align: center;
}

#lt-navigation .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-navigation .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-font-weight--normal);
	line-height: var(--lt-line-height-head);
	transition: all 0.25s;
}

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

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

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

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

#lt-navigation .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-navigation .lt-droppable.collapsed .lt-mega--menu {
	height: 0;
	padding: 0 2rem;
	transition: height 0.5s linear;
}

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

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

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

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

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

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

#lt-navigation nav.lt-nav .expanded a.lt-nav--item::after {
	content: '\f106';
	font-family: FontAwesome;
	font-size: var(--lt-body-font-size);
	padding-left: 0.375rem;
	position: relative;
	padding: 0 0.25rem 0;
	color: var(--lt-colour-primary);
}

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

#lt-navigation .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: 700;
	margin: 0.5rem 1rem 0;
}

#lt-navigation .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-navigation .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-navigation .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: 700;
	display: block;
	line-height: var(--lt-line-height-head);
}

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

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

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

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

#lt-navigation .lt-mega--menu .lt-menu--content.white-menu-content .lt-mega--menu-heading,
#lt-navigation .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;
}

#lt-navigation nav.lt-nav form#course-search-section-form {
	margin: 0 0 3rem 0;
}

#lt-navigation nav.lt-nav form#course-search-section-form input[type='search'] {
	border-radius: 0;
	border: var(--lt-button-border-width) solid var(--lt-colour-primary);
	padding: 1rem;
	margin: 1rem 0;
	width: 75%;
	background: white;
	font-weight: 700;
}

#lt-navigation nav.lt-nav form#course-search-section-form button {
	display: block;
	height: 3.5625rem;
	border-radius: 0;
	border: var(--lt-button-border-width) solid var(--lt-colour-primary);
	width: 25%;
	padding: 0 1rem;
	font-weight: 400;
	font-size: var(--lt-button-font-size);
	margin: 0.23rem 0.25rem 0.25rem 0;
}

#lt-navigation nav.lt-nav form#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);
}

/* study menu end */

/* Page 404 start */

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

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

#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) !important;
		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: 0.0625rem solid var(--lt-colour-primary) !important;
}

/* page404 */
#page404 h1 {
	margin-bottom: 2rem;
}

#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);
}

/* Search Box on focus */
.search input {
	margin-top: 1rem !important;
}

.search__field span {
	width: 100%;
}

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

.search input:focus-visible {
	border-width: 0 0 0 !important;
	border-radius: 0 !important;
}

.search .search__field {
	position: relative;
}

/* 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: 0.0625rem 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: 0.0625rem 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: 0.0625rem 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.19);
		animation-name: animatetop;
		animation-duration: 0.4s;

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

	/* 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-font-weight--bold);
	}

	.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-font-weight--bold);
	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-font-weight--bold);
}

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

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

.general-content-listacle .list-item {
	background: transparent;
	border: 0.0625rem 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 0.0625rem #f1f2f2;
	font-weight: var(--lt-font-weight--bold);
	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: 0.0625rem 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: 0.0625rem solid #cacaca8c;
	box-shadow: 0.25rem 0.25rem 0.1875rem 0.0625rem #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 */

/* campaign course selector */

.campaign-course-selector {
	& > div {
		margin-bottom: 1rem;
		width: 100%;
	}

	/* allows JS to hide icon */
	.campaign-course-selector__select-container {
		position: relative;
		margin-bottom: 0;

		&:not(.hide-icon)::after {
			font: var(--fa-font-sharp-solid);
			content: '\f04b';
			color: var(--lt-colour-white);
			position: absolute;
			right: 1rem;
			top: 35%;
			transform: translateX(-50%) rotate(90deg);
		}
	}

	select {
		width: 100%;
		border-radius: 0;
		line-height: var(--lt-line-height-body);
		background-color: var(--lt-colour-primary);
		color: white;
		background-image: none;
	}

	.campaign-course-selector__mobile-button-container a {
		margin-top: 1rem;
	}

	.campaign-course-selector__course-container {
		display: none;
		padding: 0 1.5rem 1.5rem;
		background-color: var(--lt-colour-secondary);
	}

	.campaign-course-selector__course-header {
		margin-top: 1.5rem;
	}

	.campaign-subject-area__course {
		padding: 1rem 0;
		border-bottom: 0.0625rem solid var(--lt-colour-primary);

		&.campaign-subject-area__course--last-visible {
			border-bottom: none;
		}
	}

	.campaign-subject-area__title {
		font-weight: var(--lt-font-weight--bold);
	}

	.campaign-course-selector__sticky-button-container {
		height: 100%;
		text-align: right;
	}

	a.campaign-subject-btn {
		&::after {
			font: var(--fa-font-sharp-solid);
			content: '\f04b';
			color: var(--lt-colour-white);
			padding-left: 1rem;
			position: relative;
			transform: none;
			width: fit-content;
			height: auto;
		}

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

/* 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 2.5rem 0;
	}

	.banner-title-box h1,
	.banner-title-box h2,
	.lt-component-header__title {
		margin: 0 1rem 0 0;
		padding: 1rem 0;
		text-transform: none;
		color: var(--lt-colour-white);
		font-size: var(--lt-heading__h1-font-size);
	}

	.banner-title__lead {
		color: var(--lt-colour-offwhite);
		font-weight: var(--lt-font-weight--bold);
		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-font-weight--bold);
	}

	.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-font-weight--bold);
}

/* 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-font-weight--bold);
	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-font-weight--bold);
	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-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;
}

.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-font-weight--bold);
	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: 0.0625rem 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: 0.0625rem 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;
}

.ootb-tabcordion {
	background: var(--lt-colour-white);
	margin: 0 auto;
	border-radius: 0.1875rem;
}

.ootb-tabcordion.hybrid-stone {
	background-color: var(--lt-colour-stone);
	float: revert;
	padding-top: 0.0015rem;
	padding-bottom: 1.75rem;
	margin-top: 0;
	margin-bottom: 0;
}

.ootb-tabcordion.has-tabs .ootb-tabcordion--tabs {
	opacity: 1;
	height: auto;
	visibility: visible;
}

.ootb-tabcordion.has-tabs .ootb-tabcordion--entry {
	min-height: 0;
}

.ootb-tabcordion.has-tabs .ootb-tabcordion--entry::before {
	display: none;
}

.ootb-tabcordion.has-tabs .ootb-tabcordion--entry.is-active .ootb-tabcordion--entry-content {
	opacity: 1;
	transition: opacity 400ms ease-in-out;
}

.ootb-tabcordion.has-tabs .ootb-tabcordion--entry .ootb-tabcordion--entry-content {
	opacity: 0;
	transition: opacity 400ms ease-in-out;
}

.ootb-tabcordion--tabs {
	opacity: 0;
	height: 0;
	visibility: hidden;
	display: flex;
	flex-flow: wrap;
	margin: 0;
	list-style: none;
	padding: 0;
}

.ootb-tabcordion--tabs .tab {
	display: block;
	color: var(--lt-colour-primary);
	border: 0.0625rem solid var(--lt-colour-primary);
	background-color: var(--lt-colour-stone);
	min-width: 8rem;
	font-size: var(--lt-body-font-size);
	margin: 0 1rem 1rem 0;
	cursor: pointer;
}

.ootb-tabcordion--tabs .tab:hover,
.ootb-tabcordion--tabs .tab:focus-visible {
	background: var(--lt-colour-primary);
	color: var(--lt-colour-white);
}

.ootb-tabcordion--tabs .tab.is-active {
	background: var(--lt-colour-primary);
	color: var(--lt-colour-secondary);
	border: 0.0625rem solid var(--lt-colour-secondary);
}

.ootb-tabcordion--tabs .tab.is-active:hover,
.ootb-tabcordion--tabs .tab.is-active:focus-visible {
	background: var(--lt-colour-primary);
	color: var(--lt-colour-secondary);
	border: 0.0625rem solid var(--lt-colour-secondary);
}

.ootb-tabcordion--entry {
	overflow: hidden;
}

.ootb-tabcordion--entry::before {
	position: relative;
	content: attr(data-title);
	cursor: pointer;
	z-index: 1;
	background: var(--lt-colour-offwhite);
	color: var(--navy);
	padding: 1rem;
	display: block;
}

.ootb-tabcordion--entry:hover,
.ootb-tabcordion--entry:focus-visible {
	outline: none;
}

.ootb-tabcordion--entry:hover::before,
.ootb-tabcordion--entry:focus::before {
	background: #535353;
}

.ootb-tabcordion--entry.is-active .ootb-tabcordion--entry-content {
	margin-top: 0;
	height: auto;
	opacity: 1;
	padding: 2rem;
	transition: margin 400ms ease-out -100ms;
}

.ootb-tabcordion--entry.is-active::before {
	background: var(--lt-colour-primary);
	color: var(--lt-colour-white);
}

.ootb-tabcordion--entry.is-active:hover::before,
.ootb-tabcordion--entry.is-active:focus::before {
	background: var(--lt-colour-primary);
	color: var(--lt-colour-white);
}

.ootb-tabcordion--entry-container {
	overflow: hidden;
	margin-bottom: 0.0625rem;
}

.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,
	span,
	p,
	strong {
		color: var(--lt-colour-primary) !important;
	}
}

.ootb-tabcordion.hybrid-stone .ootb-tabcordion--entry-content {
	background-color: var(--lt-colour-white);
}

.ootb-tabcordion--entry-content .grid--gutter {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.ootb-tabcordion--entry-content .grid--item {
	min-height: 10rem;
}

.ootb-tabcordion--entry-content a.more {
	color: #444;
}

.ootb-tabcordion--entry-content a.more:hover {
	color: #3bacff;
}

/* 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 {
	/* Set initial state */
	opacity: 0;

	/* Apply animation properties */
	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: 0.125rem solid var(--lt-colour-primary);

		summary {
			background: var(--lt-colour-transparent);
			padding: 1rem;
			color: var(--lt-colour-primary);
			border-bottom: 0.0625rem 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*/

/* Slideshow container */
.slideshow-container {
	background-color: white;
	position: relative;
	margin: auto;
}

/* Next & previous buttons */
.prev,
.next {
	cursor: pointer;
	/* position: absolute; */
	top: 50%;
	width: auto;
	padding: 1rem;
	margin-top: -1.375rem;
	color: black;
	font-weight: var(--lt-font-weight--normal);
	transition: 0.6s ease;
	border-radius: 0 0.1875rem 0.1875rem 0;
	user-select: none;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 0.1875rem 0 0 0.1875rem;
}

.prev:hover,
.next:hover {
	color: var(--lt-colour-primary);
}

/* Start Carousel Slider */

/* campaign course selector */

.campaign-course-selector {
	& > div {
		margin-bottom: 1rem;
		width: 100%;
	}

	/* allows JS to hide icon */
	.campaign-course-selector__select-container {
		position: relative;
		margin-bottom: 0;

		&:not(.hide-icon)::after {
			font: var(--fa-font-sharp-solid);
			content: '';
			color: var(--lt-colour-white);
			position: absolute;
			right: 1rem;
			top: 35%;
			transform: translateX(-50%) rotate(90deg);
		}
	}

	select {
		width: 100%;
		border-radius: 0;
		line-height: var(--lt-line-height-body);
		background-color: var(--lt-colour-primary);
		color: white;
		background-image: none;
	}

	.campaign-course-selector__course-container {
		display: none;
		/* shown with JS */
		padding: 0 1.5rem 1.5rem;
		background-color: var(--lt-colour-secondary);
	}

	.campaign-course-selector__course-header {
		margin-top: 1.5rem;
	}

	.campaign-subject-area__course {
		padding: 1rem 0;
		border-bottom: 0.0625rem solid var(--lt-colour-primary);

		&.campaign-subject-area__course--last-visible {
			border-bottom: none;
		}
	}

	.campaign-subject-area__title {
		font-weight: var(--lt-font-weight--bold);
	}

	.campaign-course-selector__sticky-button-container {
		height: 100%;
		text-align: right;
	}

	a#campaign-subject-btn {
		/* uses ID for specificity */
		position: sticky;
		top: 10rem;
		margin-top: 1.5rem;
		min-height: 6rem;
		font-size: var(--lt-button-font-size);
		background-color: var(--lt-colour-clearing);
		border-color: var(--lt-colour-clearing);
		color: white;
		text-decoration: none !important;
		text-wrap: pretty;

		&::after {
			font: var(--fa-font-sharp-solid);
			content: '\f04b';
			color: var(--lt-colour-white);
			padding-left: 1rem;
			padding-right: 0;
			margin-right: 0;
			position: relative;
			right: 0;
			transition: unset;
			transform: none;
			bottom: auto;
			width: fit-content;
			height: auto;
			background-color: transparent;
		}

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

/* 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 */
/**
              * Badges
              *
              * Can be either text (use DIV or SPAN) or links (detects HREF attributes)
              *
              * Available styles: primary, secondary, dark, light
              *
              * @example Standard badge: <div class="lt-badge"><?=$study_level_full ?></div>
              * @example Pill badge: <div class="lt-badge lt-badge-pill"><?=$study_level_full ?></div>
              */

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

	&:empty {
		display: none;
	}

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

	&.lt-badge-primary {
		color: var(--lt-colour-primary-text);
		background-color: var(--lt-colour-primary);
	}

	&.lt-badge-primary[href]:hover,
	&.lt-badge-primary[href]:focus-visible {
		text-decoration: none;
		color: var(--lt-colour-primary-text);
		background-color: var(--lt-colour-primary-light);
	}

	&.lt-badge-secondary {
		color: var(--lt-colour-secondary-text);
		background-color: var(--lt-colour-secondary);
	}

	&.lt-badge-secondary[href]:hover,
	&.lt-badge-secondary[href]:focus-visible {
		color: var(--lt-colour-primary);
		background-color: var(--lt-colour-secondary-light);
		text-decoration: none;
	}

	&.lt-badge-light {
		color: var(--lt-colour-black);
		background-color: var(--lt-colour-offwhite);
	}

	&.lt-badge-light[href]:hover,
	&.lt-badge-light[href]:focus-visible {
		color: var(--lt-colour-black);
		background-color: var(--lt-colour-offwhite75);
		text-decoration: none;
	}

	&.lt-badge-dark {
		color: var(--lt-colour-offwhite);
		background-color: var(--lt-colour-black);
	}

	&.lt-badge-dark[href]:hover,
	&.lt-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: -0.0625rem;
}

/* 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-font-weight--bold);
	}

	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;
		}
	}

	.two-column-hybrid .flex-container {
		max-width: 87.5rem;
	}

	.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);
	}

	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-font-weight--bold);
	}

	img.image--general {
		background-color: var(--lt-colour-white);
	}

	.two-column-hybrid .flex-container {
		max-width: 87.5rem;
	}

	#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: 400;
	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-top: var(--lt-layout-padding-xl);
	z-index: 30;
	position: relative;

	.lt-footer__heading {
		font-weight: 400;
		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: 0.0625rem 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: 700;
	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);

	h1,
	h2,
	h3 {
		color: var(--lt-colour-primary);
		margin-bottom: 1.25rem;
	}

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

/* single cta panel end */

.flex-container div p:first-of-type {
	margin-top: 1.25rem;
}

.flex-container > div {
	align-self: center;
}

.flex-container > div:first-child {
	padding: 2.75rem 2.75rem 2.75rem;
	width: 60%;
	margin-right: 0 !important;
}

.flex-container > div:last-child {
	width: 40%;
	margin-right: 0;
	overflow: hidden;
}

/* 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: 3.75rem 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: 3.75rem auto;

		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;
		}
	}
}

.two-column-hybrid .flex-container {
	max-width: calc(100rem - 4.75rem);
	align-items: center;
	gap: var(--lt-layout-gap-md);
}

.two-column-hybrid .flex-container h2 {
	font-size: var(--lt-heading__h2-font-size) !important;
}

.two-column-hybrid .flex-container div {
	width: 50%;
	padding: 0;
}

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 */
.two-column-hybrid .flex-container div.fluid-width-video-wrapper {
	width: 100% !important;
	max-height: 46.875rem;
}

/* 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: 700;
}

.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: 700;
	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: 700;
	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: 0.0625rem;
}

.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: 700;
	text-transform: none;
}

#pgce-table--filters .badge {
	font-size: var(--lt-body-font-size);
	font-weight: 300;
	color: #222222 !important;
	border: 0.0625rem 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,
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);
}

.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;
}

.image-overlay .inner {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.image-overlay > img,
.image-overlay > picture {
	margin-bottom: 0;
}

.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;
}

.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;
}

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

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

.image-link__inner .menu-ad h2.h-group__lead {
	font-size: var(--lt-heading__h2-font-size) !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 */
}