/*
  Made by Elly Loel - https://ellyloel.com/
  With inspiration from:
    - Josh W Comeau - https://courses.joshwcomeau.com/css-for-js/treasure-trove/010-global-styles/
    - Andy Bell - https://piccalil.li/blog/a-modern-css-reset/
    - Adam Argyle - https://unpkg.com/open-props@1.3.16/normalize.min.css / https://codepen.io/argyleink/pen/KKvRORE

  Notes:
    - `:where()` is used to lower specificity for easy overriding.
*/
* {
  /* Remove default margin on everything */
  margin: 0;
  /* Remove default padding on everything */
  padding: 0;
  /* Calc `em` based line height, bigger line height for smaller font size and smaller line height for bigger font size: https://kittygiraudel.com/2020/05/18/using-calc-to-figure-out-optimal-line-height/ */
  line-height: calc(0.25rem + 1em + 0.25rem);
}

/* Use a more-intuitive box-sizing model on everything */
*,
::before,
::after {
  box-sizing: border-box;
}

/* Remove border and set sensible defaults for backgrounds, on all elements except fieldset progress and meter */
*:where(:not(fieldset, progress, meter)) {
  border-width: 0;
  border-style: solid;
  background-origin: border-box;
  background-repeat: no-repeat;
}

html {
  /* Allow percentage-based heights in the application */
  block-size: 100%;
  /* Making sure text size is only controlled by font-size */
  -webkit-text-size-adjust: none;
}

/* Smooth scrolling for users that don't prefer reduced motion */
@media (prefers-reduced-motion: no-preference) {
  html:focus-within {
    scroll-behavior: smooth;
  }
}
body {
  /* Improve text rendering */
  -webkit-font-smoothing: antialiased;
  /* https://marco.org/2012/11/15/text-rendering-optimize-legibility */
  text-rendering: optimizeSpeed;
  /* Allow percentage-based heights in the application */
  min-block-size: 100%;
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter#example_2 */
}

/* Improve media defaults */
:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, svg, video) {
  block-size: auto;
  max-inline-size: 100%;
}

/* Remove stroke and set fill colour to the inherited font colour */
:where(svg) {
  stroke: none;
  fill: currentColor;
}

/* Remove built-in form typography styles */
:where(input, button, textarea, select),
:where(input[type=file])::-webkit-file-upload-button {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}

/* Change textarea resize to vertical only and block only if the browser supports that */
:where(textarea) {
  resize: vertical;
}

@supports (resize: block) {
  :where(textarea) {
    resize: block;
  }
}
/* Avoid text overflows */
:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

/* Fix h1 font size inside article, aside, nav, and section */
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
:where(ul, ol)[role=list] {
  list-style: none;
}

/* More readable underline style for anchor tags without a class. This could be set on anchor tags globally, but it can cause conflicts. */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make it clear that interactive elements are interactive */
:where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
  cursor: pointer;
  touch-action: manipulation;
}

:where(input[type=file]) {
  cursor: auto;
}

:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
  cursor: pointer;
}

/* Animate focus outline */
@media (prefers-reduced-motion: no-preference) {
  :focus-visible {
    transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
  }
  :where(:not(:active)):focus-visible {
    transition-duration: 0.25s;
  }
}
:where(:not(:active)):focus-visible {
  outline-offset: 1px;
}

/* Make sure users can't select button text */
:where(button, button[type], input[type=button], input[type=submit], input[type=reset]),
:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
  text-align: center;
}

/* Disabled cursor for disabled buttons */
:where(button, button[type], input[type=button], input[type=submit], input[type=reset])[disabled] {
  cursor: not-allowed;
}

address {
  font-style: normal;
}

/* --Hover Mixin.--*/
/* -- Cross browser opacity.--*/
/* -- Animation.--*/
/**
 * Placeholder Color
 *
 */
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.sr-only:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #185571;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* ==========================================================================
   #Site Global Sizes
   ========================================================================== */
/**
 * This shall stop the z-index chaos
 */
/*--------------------------------------------------------------
# Animation Control
--------------------------------------------------------------*/
a, li, button,
a[href^=mailto] {
  -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}
.arrow-down svg {
  -webkit-animation: bounce 3s infinite;
  -moz-animation: bounce 3s infinite;
  -ms-animation: bounce 3s infinite;
  -o-animation: bounce 3s infinite;
  animation: bounce 3s infinite;
}

/*
.site-header {
	 @include menu-animation;
	    animation-duration: 0.5s;
	    animation-fill-mode: both;
	    will-change: transform, opacity;

		&.floating-head-fixed_scrolled,
	  	&.header-up {
	    animation-name: slideDown;
	  }

	  &.header-down {
	    animation-name: slideUp;
	  }
}*/
@-webkit-keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@-moz-keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@-ms-keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@-o-keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes slideUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@-moz-keyframes slideUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@-ms-keyframes slideUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@-o-keyframes slideUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes slideUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
.site-header {
  -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
@media (min-width: 46.25em) {
  .site-header.floating-head-fixed_scrolled, .site-header.header-up {
    animation-name: slideDown;
  }
  .site-header.header-down {
    animation-name: slideUp;
  }
}

/* Lazy Loading
   ===========================================================*/
/* fade image in after load */
.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

@-webkit-keyframes fadein {
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  to {
    opacity: 1;
  }
}
@-ms-keyframes fadein {
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  to {
    opacity: 1;
  }
}
.swiper-slide-active .hero-slider__desc,
.element-fadein {
  opacity: 0;
  -webkit-animation: fadein 450ms .5s ease forwards;
  -moz-animation: fadein 450ms .5s ease forwards;
  -ms-animation: fadein 450ms .5s ease forwards;
  -o-animation: fadein 450ms .5s ease forwards;
  animation: fadein 450ms .5s ease forwards;
}

/*--------------------------------------------------------------
# Images
--------------------------------------------------------------*/
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 * 4. Rezise height for responsive images.
 */
img {
  max-width: 100%; /* [1] */
  font-style: italic; /* [2] */
  vertical-align: middle; /* [3] */
  height: auto; /* [3] */
}

.no-squish {
  flex: none;
}

.media img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

svg {
  fill: currentColor;
}

.main-btn svg {
  pointer-events: none;
}

.filled-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.curved-image {
  border-radius: 0.75rem;
}

.no-shrink {
  flex-shrink: 0;
}

/* SVG Sizing
========================================================================== */
.inline-text-icon {
  display: inline-block;
}

/* Hide SVG Region
   ========================================================================== */
.svg-region {
  display: none;
}

.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.svg-icon {
  width: 1em;
  height: 1em;
  position: relative;
  top: 0;
}

/*--------------------------------------------------------------
# Clearing
--------------------------------------------------------------*/
.clear::after {
  display: block;
  content: "";
  clear: both;
}

/*--------------------------------------------------------------
# Useful Classes
--------------------------------------------------------------*/
.f-width {
  width: 100%;
}

.f-height {
  height: 100%;
}

.pos-rel {
  position: relative;
}

.is-block {
  display: block;
}

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

.index-z-1 {
  z-index: 1;
}

.has-text-c {
  text-align: center;
}

@media (max-width: 61.24em) {
  .mobile-touch-hide {
    display: none;
  }
}

/* ==========================================================================
   #Site Grid Sizes
   ========================================================================== */
.g-wrap {
  grid-template-rows: auto;
  grid-row-gap: var(--wp--custom--layout--gutter-gap);
  grid-column-gap: var(--wp--custom--layout--gutter-gap);
}
@media (min-width: 46.25em) {
  .g-wrap {
    grid-row-gap: var(--wp--custom--layout--gutter-gap);
  }
}

/*Level Elements*/
.large-row-gap {
  grid-row-gap: 3.75rem;
}
@media (max-width: 46.24em) {
  .large-row-gap {
    grid-row-gap: var(--wp--custom--layout--block-gap-large);
  }
}

.g-full {
  grid-column: 1/-1;
}

.equal-spread {
  justify-content: space-between;
}

.g-12-default {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 46.25em) {
  .g-12-default {
    grid-template-columns: repeat(12, 1fr);
  }
}

.g-10-default {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 46.25em) {
  .g-10-default {
    grid-template-columns: repeat(10, 1fr);
  }
}

.uni-header__top--inner.g-12-default {
  grid-row-gap: 1.25rem;
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 61.25em) {
  .uni-header__top--inner.g-12-default {
    grid-template-columns: repeat(12, 1fr);
  }
}

.g-3-default {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 30em) {
  .g-3-default {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 46.25em) {
  .g-3-default {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 46.25em) {
  .g-3-default.centred-version {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 61.25em) {
  .g-3-default.centred-version {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 46.25em) {
  .g-3-default.centred-version > .highlight-article__box {
    grid-column: span 4;
  }
}
@media (min-width: 61.25em) {
  .g-3-default.centred-version > .highlight-article__box {
    grid-column: span 1;
  }
}

@media (min-width: 61.25em) {
  .g-3-default.centred-version > .highlight-article__box:nth-child(3n+3):nth-last-child(-n+3) {
    grid-column-start: 3;
    grid-column-end: 7;
  }
}
@media (min-width: 61.25em) {
  .g-3-default.centred-version > .highlight-article__box:nth-child(3n+3):nth-last-child(-n+3) {
    grid-column: span 1;
  }
}

.g-4-default {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 46.25em) {
  .g-4-default {
    grid-template-columns: repeat(4, 1fr);
  }
}

.g-5-default {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 46.25em) {
  .g-5-default {
    grid-template-columns: repeat(5, 1fr);
  }
}

.logos-row__grid.g-5-default {
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 46.25em) {
  .logos-row__grid.g-5-default {
    grid-template-columns: repeat(5, 1fr);
  }
}

.site-header .g-4-default {
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 46.25em) {
  .site-header .g-4-default {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 46.25em) {
  .entertainer-cols .g-4-default {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 61.25em) {
  .entertainer-cols .g-4-default {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 46.25em) {
  .g-2-default {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 46.25em) {
  .highlight-boxes__grid.g-2-default {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 61.25em) {
  .highlight-boxes__grid.g-2-default {
    grid-template-columns: repeat(2, 1fr);
  }
}

.g-2-default .site-row__title-sub,
.g-2-default .site-row__title {
  text-align: center;
}
@media (min-width: 46.25em) {
  .g-2-default .site-row__title-sub,
  .g-2-default .site-row__title {
    grid-column: 1/-1;
  }
}

@media (min-width: 46.25em) {
  .span-1 {
    grid-column: span 1/auto;
  }
}

@media (min-width: 46.25em) {
  .span-2 {
    grid-column: span 2/auto;
  }
}

@media (min-width: 46.25em) {
  .span-3 {
    grid-column: span 3/auto;
  }
}

@media (min-width: 46.25em) {
  .span-4 {
    grid-column: span 4/auto;
  }
}

@media (min-width: 46.25em) {
  .span-5 {
    grid-column: span 5/auto;
  }
}

@media (min-width: 46.25em) {
  .span-6 {
    grid-column: span 6/auto;
  }
}

@media (min-width: 46.25em) {
  .span-7 {
    grid-column: span 7/auto;
  }
}

@media (min-width: 46.25em) {
  .span-8 {
    grid-column: span 8/auto;
  }
}

@media (min-width: 46.25em) {
  .span-10 {
    grid-column: span 10/auto;
  }
}

:root {
  --desktop-header-height: 114px;
  --mobile-header-height: 98px;
  --search-radius: 30px;
}

/* Site Header
---------------------------------------------------------------------------------------------------- */
.site-header {
  background: var(--wp--preset--color--base);
  position: relative;
}
@media (max-width: 61.24em) {
  .site-header {
    max-height: 100vh;
    overflow-y: auto;
    overscroll-behavior-y: contain;
  }
}

.site-header > .site-header__inner {
  padding-top: max(var(--wp--custom--layout--gutter-gap), env(safe-area-inset-top));
  padding-bottom: max(var(--wp--custom--layout--gutter-gap), env(safe-area-inset-bottom));
  height: var(--mobile-header-height);
}
@media (min-width: 61.25em) {
  .site-header > .site-header__inner {
    height: var(--desktop-header-height);
  }
}

.site-header__site-title {
  padding-top: var(--wp--custom--layout--block-gap);
  padding-bottom: var(--wp--custom--layout--block-gap);
  margin-block-start: 0;
}

.site-header__site-title::after {
  content: "";
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 45%;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.site-header__site-title > .alignwide {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "local-title local-title local-title local-title . local-search";
  row-gap: var(--wp--custom--layout--block-gap);
}
@media (min-width: 61.25em) {
  .site-header__site-title > .alignwide {
    grid-column-gap: 0;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "local-title local-title local-title local-title . local-search";
  }
}

.site-header__site-title h1 {
  margin: 0;
  font-weight: var(--wp--custom--font-weight--bold);
  font-variation-settings: "wdth" 87.5;
  display: flex;
  font-size: var(--wp--preset--font-size--large);
  align-items: center;
  grid-area: local-title;
  z-index: 1;
}

.site-title {
  position: relative;
  text-decoration: none;
  color: var(--wp--preset--color--base);
  margin-left: 0;
  position: relative;
  z-index: 1;
  display: block;
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 46.25em) {
  .site-title {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.site-title:hover, .site-title:focus {
  text-decoration: underline;
}
.site-title:focus {
  outline: 2px solid inherit;
}

.header__site-logo {
  grid-area: local-title;
}

.site-title .site-title__home-icon {
  width: 15px;
  position: absolute;
  left: -23px;
  top: 10px;
  transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  visibility: none;
  opacity: 0;
}
@media (min-width: 46.25em) {
  .site-title .site-title__home-icon {
    top: 5px;
    width: 30px;
    left: -50px;
  }
}

.site-title:focus .site-title__home-icon,
.site-title:hover .site-title__home-icon {
  visibility: visible;
  opacity: 1;
}

.site-header__inner.g-wrap {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "header-logo header-logo header-logo header-logo . .  header-nav-open header-mini-search" "header-global-nav header-global-nav header-global-nav header-global-nav header-global-nav header-global-nav header-global-nav header-global-nav";
}
@media (min-width: 61.25em) {
  .site-header__inner.g-wrap {
    grid-column-gap: var(--wp--custom--layout--block-gap);
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "header-logo header-logo header-logo header-global-nav header-global-nav header-global-nav header-global-nav header-global-nav header-global-nav header-global-nav header-global-nav header-mini-search";
  }
}
@media (max-width: 61.24em) {
  .site-header__inner.g-wrap {
    grid-row-gap: 0;
  }
}

.header-global-navigation {
  display: none;
}
@media (min-width: 61.25em) {
  .header-global-navigation {
    grid-area: header-global-nav;
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }
}

.mobile-nav.is-layout-flex {
  justify-content: flex-end;
  grid-area: header-nav-open;
}
@media (max-width: 29.99em) {
  .mobile-nav.is-layout-flex {
    margin-right: var(--wp--custom--layout--padding-v);
  }
}
@media (min-width: 61.25em) {
  .mobile-nav.is-layout-flex {
    display: none;
  }
}

.mobile-nav.is-layout-flex > .menu-toggle--mini.menu-icon-open .menu-icon-close,
.mobile-nav.is-layout-flex > .menu-toggle--mini .menu-icon {
  display: block;
}

.mobile-nav.is-layout-flex > .menu-toggle--mini.menu-icon-open .menu-icon,
.mobile-nav.is-layout-flex > .menu-toggle--mini .menu-icon-close {
  display: none;
}

.site-header .uni-logo {
  grid-area: header-logo;
  width: 203px;
  color: var(--wp--preset--color--contrast);
}
@media (min-width: 61.25em) {
  .site-header .uni-logo {
    width: auto;
    max-height: 3.25rem;
  }
}

.header-compass {
  grid-area: header-mini-search;
  font-size: var(--wp--preset--font-size--small);
  justify-content: flex-end;
}

/* Header Search
--------------------------------------------- */
.header-search-btn {
  float: right;
}

.search-btn__area {
  grid-area: local-search;
  z-index: 2;
  align-items: flex-start;
  justify-content: flex-end;
}

.site-header__site-title .search-btn {
  justify-content: center;
  align-items: center;
  padding: 0.375rem;
  background-color: transparent;
  display: flex;
  border-radius: 50%;
  background-color: var(--wp--preset--color--uni-primary-blue);
  width: 30px;
  height: 30px;
}
@media (min-width: 61.25em) {
  .site-header__site-title .search-btn {
    width: 40px;
    height: 40px;
  }
}

.site-header__site-title .search-btn.active {
  color: var(--wp--preset--color--uni-primary-blue);
  background: var(--wp--preset--color--base);
}

.site-header__site-title .search-btn .close-icon,
.site-header__site-title .search-btn .search-icon {
  width: 15px;
}
@media (min-width: 61.25em) {
  .site-header__site-title .search-btn .close-icon,
  .site-header__site-title .search-btn .search-icon {
    width: 20px;
  }
}

.header-search__inner {
  place-items: center;
  place-content: end;
  height: 100%;
}

.search-btn > .search-icon,
.search-btn.active > .close-icon {
  display: block;
}

.search-btn > .close-icon,
.search-btn.active > .search-icon {
  display: none;
}

.header-search__bubble {
  background-color: var(--wp--preset--color--digital-dusk);
  padding: 5px 6px 5px;
  border-radius: var(--search-radius);
  width: 0;
  animation: fadeIn calc(var(--global-staggered-opacity-duration) * 0.5s) var(--global-animation-easing-function) both;
  animation-delay: calc(var(--global-staggered-delay) * 1s);
  height: 100%;
}
@media (min-width: 61.25em) {
  .header-search__bubble {
    right: -5px;
    padding-right: 60px;
    padding-left: 6px;
  }
}

.header-search.active .header-search__bubble {
  width: 100%;
}
@media (min-width: 61.25em) {
  .header-search.active .header-search__bubble {
    width: 410px;
  }
}

@media (min-width: 61.25em) {
  .header-search {
    position: absolute;
    top: -5px;
    width: 100%;
    z-index: 1;
  }
}

.header-search button[type=submit]:hover,
.header-search button[type=submit]:focus {
  color: white;
}

#searchButton {
  padding: var(--wp--preset--spacing--10);
}

.search-bar {
  display: none;
}

.search-bar.active {
  display: block;
  height: 50px;
}
@media (min-width: 61.25em) {
  .search-bar.active {
    background-color: transparent;
  }
}
@media (max-width: 61.24em) {
  .search-bar.active {
    grid-column: 1/-1;
    z-index: 1;
  }
}

.header-search form {
  display: flex;
  position: relative;
  color: var(--wp--preset--color--uni-primary-blue);
}

.header-search form {
  width: 100%;
  justify-content: space-between;
}

@media (min-width: 46.25em) {
  .header-search form {
    width: auto;
  }
}

.header-search input[type=search] {
  padding: clamp(10px, 0.625rem + (1vw - 3.2px) * 0.4082, 14px) 16px clamp(10px, 0.625rem + (1vw - 3.2px) * 0.4082, 14px) 30px;
  border: 2px solid;
  background-color: var(--wp--preset--color--base);
  width: 100%;
  font-weight: 500;
  font-size: var(--wp--preset--font-size--body-high);
  color: var(--wp--preset--color--contrast);
  line-height: 30px;
  border-radius: var(--search-radius);
}

.search-right .header-search input[type=search] {
  background-color: white;
}

.search-right .header-search {
  margin: 1.25rem 0;
}
@media (min-width: 61.25em) {
  .search-right .header-search {
    justify-content: flex-start;
  }
}

.wp-front .header-search input[type=search]::placeholder {
  color: var(--wp--preset--color--contrast);
  box-shadow: none;
}

.header-search input[type=search] {
  flex: 1;
}
@media (min-width: 61.25em) {
  .header-search input[type=search] {
    width: auto;
  }
}

.header-search input[type=search],
.header-search .header-search__btn {
  display: flex;
}

.header-search__bubble .search-icon {
  padding: 0;
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* @media (min-width: 61.25em) { .header-search input[type="search"] {  } } */
.header-search button[type=submit] {
  background-color: transparent;
  color: var(--wp--preset--color--contrast);
  padding: 12px;
  float: right;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.header-search__bubble .search-icon {
  padding: 0;
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.header-search__btn {
  padding: 0;
  position: absolute;
  right: 3px;
  top: 3px;
  bottom: 3px;
}

/* Admin Bar
--------------------------------------------- */
@media (min-width: 61.25em) {
  .admin-bar .site-header {
    padding-top: 32px;
  }
}

@media (max-width: 61.24em) {
  #wpadminbar {
    display: none !important;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2024-9-16 16:31:11
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/* ----------------------------------------------
 * Generated by Animista on 2024-9-16 16:34:2
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@keyframes pulse {
  0%, 100% {
    fill: #DB1A72;
  }
  50% {
    fill: #047E8B;
  }
}
.location-arrow {
  animation: pulse 3.5s infinite;
}

/* Site Footer --------------------------------- */
.site-footer {
  font-weight: 400;
  position: relative;
}
.site-footer.alignfull {
  margin-left: calc(-1 * var(--wp--custom--layout--padding));
  margin-right: calc(-1 * var(--wp--custom--layout--padding));
  max-width: 100vw;
}

.site-footer a {
  color: var(--wp--preset--color--base);
  text-decoration: none;
}
.site-footer a:hover, .site-footer a:focus {
  text-decoration: underline;
}
.site-footer a:focus {
  outline: 2px solid inherit;
}
@media (max-width: 61.24em) {
  .site-footer a {
    text-align: center;
    justify-content: center;
  }
}

.site-footer__upper {
  background: var(--wp--preset--color--uni-primary-blue);
  color: var(--wp--preset--color--base);
  padding-top: var(--wp--custom--super-spaces--vertical-spacing-30);
  padding-bottom: var(--wp--custom--super-spaces--vertical-spacing-30);
}

.site-footer__upper > .site-footer__contact,
.site-footer__upper > .site-footer__brand {
  place-content: center;
  grid-row-gap: var(--wp--custom--layout--block-gap);
}
@media (min-width: 46.25em) {
  .site-footer__upper > .site-footer__contact,
  .site-footer__upper > .site-footer__brand {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 46.25em) {
  .site-footer__upper > .site-footer__brand > .uni-logo {
    grid-column: span 1/auto;
  }
}
@media (max-width: 46.24em) {
  .site-footer__upper > .site-footer__brand > .uni-logo {
    justify-content: center;
  }
}

.site-footer__brand > .uni-logo > svg {
  max-width: 70%;
}
.site-footer__upper > .site-footer__brand > .social-icons {
  padding-top: var(--wp--custom--layout--block-gap);
  padding-bottom: var(--wp--custom--layout--block-gap);
  justify-content: center;
}
@media (min-width: 46.25em) {
  .site-footer__upper > .site-footer__brand > .social-icons {
    grid-column: span 2/-1;
    place-content: end;
    place-items: center;
    padding: 0;
  }
}

.social-icons li:not(:last-child) {
  margin-right: var(--wp--custom--layout--block-gap);
}

.site-footer__brand__linebreak {
  background-color: white;
  height: 1px;
  grid-column: 1/-1;
  order: 2;
  grid-row: 2;
}
@media (max-width: 46.24em) {
  .site-footer__brand__linebreak {
    margin: 20px 0 5px;
  }
}

.site-footer__upper > .site-footer__contact {
  padding-top: var(--wp--custom--super-spaces--vertical-spacing-30);
}

.site-footer__upper,
.site-footer__lower,
.site-footer__lower__sub {
  font-size: var(--wp--preset--font-size--body-high);
}

.footer-main-contact,
.footer-main {
  text-align: center;
}
@media (min-width: 46.25em) {
  .footer-main-contact,
  .footer-main {
    text-align: left;
  }
}

.footer-main-navigation {
  padding: var(--wp--custom--layout--block-gap) 0;
}
@media (min-width: 46.25em) {
  .footer-main-navigation {
    padding: 0;
  }
}

.footer-main li:not(:last-child) {
  margin-bottom: 0.625rem;
}
@media (min-width: 46.25em) {
  .footer-main li:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.footer-main-contact p {
  justify-content: center;
}
@media (min-width: 46.25em) {
  .footer-main-contact p {
    justify-content: flex-start;
  }
}

.footer-main-contact p:nth-of-type(1) {
  margin: 1.25rem 0;
}

.footer-main-contact .footer-icon {
  margin-right: 0.625rem;
}

.footer-main-map {
  justify-content: center;
}
@media (min-width: 46.25em) {
  .footer-main-map {
    justify-content: flex-end;
  }
}

.footer-main-map > a {
  max-width: 50%;
}
@media (min-width: 46.25em) {
  .footer-main-map > a {
    max-width: 12.5rem;
  }
}

.site-footer__lower {
  padding-top: calc(var(--wp--custom--super-spaces--vertical-spacing-20));
  padding-bottom: var(--wp--custom--super-spaces--vertical-spacing-20);
  background: var(--wp--preset--color--uni-primary-teal);
  color: var(--wp--preset--color--base);
  text-align: center;
}

.site-footer__lower__sub {
  padding-top: calc(var(--wp--custom--super-spaces--vertical-spacing-20));
  padding-bottom: var(--wp--custom--super-spaces--vertical-spacing-20);
  background: var(--wp--preset--color--uni-secondary-teal);
  color: var(--wp--preset--color--base);
}

.footer-lower a {
  display: block;
  text-decoration: none;
  padding: var(--wp--preset--spacing--10);
}
.footer-lower a:hover, .footer-lower a:focus {
  text-decoration: underline;
  color: inherit;
}
.footer-lower a:focus {
  outline: 2px solid inherit;
}

.footer-lower {
  text-align: center;
}

.footer-lower li {
  display: inline-block;
  margin: 0 0.9375rem;
}

.grid-outer__box {
  border-radius: var(--wp--custom--border-radius--large);
  background-color: var(--wp--preset--color--uni-secondary-blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.grid-outer__box.service-box {
  padding-top: 65px;
  padding-bottom: 65px;
  margin-bottom: var(--wp--custom--layout--gutter-gap);
}

.grid-inner__box {
  z-index: 2;
  color: var(--wp--preset--color--base);
}
@media (min-width: 46.25em) {
  .grid-inner__box {
    grid-column: 2/12;
  }
}

.grid-inner__box > .title-area {
  grid-row: 1;
}
@media (min-width: 46.25em) {
  .grid-inner__box > .title-area {
    grid-column: span 7;
  }
}

.grid-inner__box > .title-area .sub-title {
  margin-bottom: var(--wp--custom--layout--gutter-gap);
}

.service__inner-box a,
.grid-inner__box > .title-area .body-copy {
  color: var(--wp--preset--color--base);
}

.service-information-boxes {
  grid-column: 1/-1;
  --min: 455px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min)), 100%));
  grid-template-rows: 1fr;
}

.service-information-boxes.less-than-1 {
  justify-content: flex-start;
}

.service__inner-box {
  border: 1px solid var(--wp--preset--color--base);
  border-radius: var(--wp--custom--border-radius--medium);
  padding: 30px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  font-family: var(--wp--preset--font-family--inter-sans-serif);
}

.service-column > li:not(:last-child):not(.site-social-item) {
  margin-bottom: var(--wp--custom--layout--block-gap);
}

.service__inner-box > .title {
  font-size: var(--wp--preset--font-size--medium);
}

.service__inner-box > ul {
  margin: 0;
}

.service__inner-box > ul > li {
  align-items: flex-start;
  font-weight: var(--wp--custom--font-weight--semi-bold);
}

.service__inner-box .service-icon {
  margin-right: 10px;
  flex-shrink: 0;
}

/*--------------------------------------------------------------
# Navgitaion
--------------------------------------------------------------*/
.search-btn:hover .search-icon {
  animation: rotate 0.5s ease-in-out forwards;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(20deg); /* Adjust the degree of rotation as needed */
  }
}

.search-btn {
  /* Define the keyframes for the reverse rotation */
}
.search-btn .search-icon {
  animation: rotate-back 0.5s ease-in-out forwards;
}
@keyframes rotate-back {
  from {
    transform: rotate(20deg);
  }
  to {
    transform: rotate(0deg);
  }
}

.animation-hover:hover .compass-spin {
  -webkit-animation: compass-spin 2s infinite linear;
  animation: compass-spin 2s infinite linear;
}
@-webkit-keyframes compass-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes compass-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.header-navigation {
  margin-block-start: 0;
  list-style: none;
  -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow: auto;
  z-index: 1020;
  position: fixed;
  overflow: auto;
  width: 100%;
  height: 100dvh;
  color: white;
  left: 0;
  top: var(--mobile-header-height);
  right: 0;
  font-size: var(--wp--preset--font-size--body-high);
  visibility: hidden;
  opacity: 0;
  display: none;
  flex-direction: column;
}
@media (min-width: 61.25em) {
  .header-navigation {
    overflow: initial;
    position: relative;
    height: auto;
    width: auto;
    display: block;
    top: auto;
    visibility: visible;
    opacity: 1;
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
  }
}

.hero-colour-btn,
.header-navigation .col-title,
.site-header__site-title .nav-btn,
.header-navigation .nav-btn,
.header-navigation a {
  font-weight: 600;
  text-align: left;
  border-radius: 0;
  padding: var(--wp--custom--layout--gutter-gap) var(--wp--custom--layout--gutter-gap);
  color: var(--wp--preset--color--contrast);
  font-size: var(--wp--preset--font-size--nav-size);
}
@media (min-width: 61.25em) {
  .hero-colour-btn,
  .header-navigation .col-title,
  .site-header__site-title .nav-btn,
  .header-navigation .nav-btn,
  .header-navigation a {
    color: var(--wp--preset--color--base);
    padding: var(--wp--custom--layout--block-gap) var(--wp--custom--layout--gutter-gap);
  }
}

.header-navigation .nav-btn {
  padding: var(--wp--custom--layout--gutter-gap) 0;
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}
@media (min-width: 61.25em) {
  .header-navigation .nav-btn {
    padding: var(--wp--custom--layout--block-gap) 0;
  }
}

@media (min-width: 61.25em) {
  .header-navigation .has-sub-menu a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
  }
}
.header-navigation .col-title {
  color: var(--wp--preset--color--base);
}

@media (max-width: 61.24em) {
  .header-global-navigation .nav-btn {
    padding-left: 0;
    padding-right: 0;
  }
}

.site-header__site-title .nav-btn {
  padding: 0;
  justify-content: flex-end;
}

.has-pale-lavender-background-color.site-header__site-title .nav-btn {
  color: var(--wp--preset--color--pale-lavender);
}

.header-navigation .header-search-btn > .search-btn {
  padding: var(--wp--custom--layout--block-gap) var(--wp--custom--layout--gutter-gap);
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  padding-right: var(--wp--custom--layout--gutter-gap);
}

.header-navigation .header-search-btn > .search-btn.active {
  background-color: var(--wp--preset--color--pale-lavender);
}

.mega-hover-child-trigger[aria-expanded=true] + .mega-hover-child-menu {
  display: block;
}
@media (min-width: 61.25em) {
  .mega-hover-child-trigger[aria-expanded=true] + .mega-hover-child-menu {
    visibility: visible;
    opacity: 1;
  }
}

/* Left-aligned menu items */
.menu-toggle[aria-expanded=true] .open-children-btn-arrow,
.mega-hover-child-trigger[aria-expanded=true] .open-children-btn-arrow {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.open-children-btn > .open-children-btn-arrow {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.header-navigation .header-navigation_mini {
  order: 2;
}
@media (min-width: 61.25em) {
  .header-navigation .header-navigation_mini {
    order: 1;
    padding-top: 1.25rem;
    padding-bottom: 2.5rem;
  }
}

.header-navigation .header-navigation_list {
  order: 1;
  z-index: 1;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  gap: 0;
}
@media (min-width: 61.25em) {
  .header-navigation .header-navigation_list {
    width: auto;
    order: 2;
    z-index: 1;
    gap: 0 var(--wp--custom--layout--gutter-gap);
  }
}

.header-navigation .mini-nav {
  order: 2;
  margin-top: 0;
  background-color: var(--wp--preset--color--platinum-container);
}
@media (min-width: 61.25em) {
  .header-navigation .mini-nav {
    display: none;
  }
}

.header-navigation[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
}
@media (min-width: 61.25em) {
  .header-navigation[aria-hidden=true] {
    visibility: visible;
    opacity: 1;
  }
}

.header-navigation[aria-hidden=false],
.menu-active .header-navigation {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
  overflow-y: scroll;
}

@media (max-width: 61.24em) {
  .mobile-head,
  .header-navigation_list {
    margin: 0;
  }
}

.header-navigation .mini-nav > li,
.mega-hover-child-menu__list > li,
.header-navigation_list > li {
  border-bottom: 1px solid var(--wp--preset--color--border-grey-container);
  width: 100%;
}
@media (min-width: 61.25em) {
  .header-navigation .mini-nav > li,
  .mega-hover-child-menu__list > li,
  .header-navigation_list > li {
    border-bottom: 0;
    position: relative;
    width: auto;
  }
}

.has-pale-lavender-background-color .header-navigation_list > li {
  border-color: var(--wp--preset--color--pale-lavender-light);
}

.has-pale-lavender-background-color .mega-hover-child-trigger > .open-children-btn {
  color: var(--wp--preset--color--pale-lavender-light);
}

.open-children-btn-arrow {
  pointer-events: none;
}

/* Desktop Navigation--------------------------------- */
.mega-hover-child-menu__footer.flex-c,
.mega-hover-child-menu__intro {
  display: none;
}
@media (min-width: 61.25em) {
  .mega-hover-child-menu__footer.flex-c,
  .mega-hover-child-menu__intro {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
  }
}

.mega-hover-child-menu {
  max-width: 100%;
  display: none;
  z-index: 1020;
}
@media (min-width: 61.25em) {
  .mega-hover-child-menu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    min-width: 360px;
    inset: 100% auto auto 0px;
    width: auto;
  }
}

.has-sub-menu.open .mega-hover-child-menu {
  padding: 0 1.25rem 0;
}
@media (min-width: 61.25em) {
  .has-sub-menu.open .mega-hover-child-menu {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
    padding: 26px var(--wp--custom--layout--gutter-gap) var(--wp--custom--layout--gutter-gap);
    box-shadow: 0 0.2rem 0 rgba(0, 0, 0, 0.06);
    border-bottom-left-radius: var(--wp--custom--border-radius--medium);
    border-bottom-right-radius: var(--wp--custom--border-radius--medium);
  }
}

@media (min-width: 61.25em) {
  .has-sub-menu.open .mega-hover-child-menu.has-2-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 40vw;
  }
}

@media (min-width: 61.25em) {
  .has-sub-menu.open .mega-hover-child-menu.medium-menu {
    min-width: 40vw;
  }
}

@media (min-width: 61.25em) {
  .has-sub-menu.open .mega-hover-child-menu.big-menu,
  .has-sub-menu.open .mega-hover-child-menu.has-3-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 60vw;
  }
}

@media (min-width: 61.25em) {
  .has-sub-menu.open .mega-hover-child-menu.big-menu {
    min-width: 60vw;
  }
}

@media (min-width: 61.25em) {
  .has-sub-menu.open.menu-right-aligned .mega-hover-child-menu.medium-menu,
  .has-sub-menu.open.menu-middle-aligned .mega-hover-child-menu.medium-menu,
  .has-sub-menu.open.menu-right-aligned .mega-hover-child-menu.has-3-columns,
  .has-sub-menu.open.menu-middle-aligned .mega-hover-child-menu.has-3-columns {
    left: -28vw;
  }
}

@media (min-width: 61.25em) {
  .has-sub-menu.open .mega-hover-child-menu.has-4-columns {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 60vw;
  }
}

@media (min-width: 61.25em) {
  .has-sub-menu.open.menu-right-aligned .mega-hover-child-menu.big-menu,
  .has-sub-menu.open.menu-middle-aligned .mega-hover-child-menu.big-menu,
  .has-sub-menu.open.menu-right-aligned .mega-hover-child-menu.has-4-columns,
  .has-sub-menu.open.menu-middle-aligned .mega-hover-child-menu.has-4-columns {
    left: -50vw;
    min-width: var(--wp--custom--layout--content);
  }
}
@media (min-width: 75em) {
  .has-sub-menu.open.menu-right-aligned .mega-hover-child-menu.big-menu,
  .has-sub-menu.open.menu-middle-aligned .mega-hover-child-menu.big-menu,
  .has-sub-menu.open.menu-right-aligned .mega-hover-child-menu.has-4-columns,
  .has-sub-menu.open.menu-middle-aligned .mega-hover-child-menu.has-4-columns {
    left: -33vw;
    min-width: var(--wp--custom--layout--wide);
  }
}

@media (min-width: 61.25em) {
  .has-sub-menu.open.menu-right-aligned .mega-hover-child-menu.has-4-columns {
    left: -63vw;
    min-width: var(--wp--custom--layout--content);
  }
}
@media (min-width: 75em) {
  .has-sub-menu.open.menu-right-aligned .mega-hover-child-menu.has-4-columns {
    left: -47vw;
    min-width: var(--wp--custom--layout--wide);
  }
}

@media (min-width: 61.25em) {
  .has-sub-menu.open .mega-hover-child-menu.has-4-columns {
    max-width: 100%;
  }
}

.mega-hover-child-trigger[aria-expanded=true] + .mega-hover-child-menu {
  display: block;
}
@media (min-width: 61.25em) {
  .mega-hover-child-trigger[aria-expanded=true] + .mega-hover-child-menu {
    display: grid;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}

.menu-toggle > .open-children-btn,
.mega-hover-child-trigger > .open-children-btn {
  margin-right: 0.625rem;
}
@media (min-width: 61.25em) {
  .menu-toggle > .open-children-btn,
  .mega-hover-child-trigger > .open-children-btn {
    margin-left: 0.9375rem;
    margin-right: 0;
  }
}

@media (min-width: 61.25em) {
  .has-sub-menu .mega-hover-child-trigger.nav-btn::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 4px 0 4px;
    position: absolute;
    z-index: 1;
    transform: translateY(0.5rem);
    -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-delay: 1250ms;
    transition-property: translateY;
    bottom: 0;
    top: auto;
    right: 0;
    left: 0;
    z-index: 1040;
    margin: auto;
    border-color: transparent transparent transparent transparent;
  }
}

@media (min-width: 61.25em) {
  .has-sub-menu.open .mega-hover-child-trigger.nav-btn::after {
    transform: translateY(0.5rem);
    border-color: white transparent transparent transparent;
  }
}

.mega-hover-child-trigger[aria-expanded=true].nav-btn::before {
  transform: translateY(-0.625rem);
}

@media (min-width: 61.25em) {
  .mega-hover-child-menu__title {
    color: var(--wp--preset--color--midnight);
    border-bottom: 1px solid var(--wp--preset--color--midnight);
    padding-bottom: 0.9375rem;
    margin-bottom: var(--wp--custom--layout--block-gap);
  }
}

@media (min-width: 61.25em) {
  .mega-hover-child-menu__content-side {
    grid-area: mega-nav;
    padding: var(--wp--custom--layout--gutter-gap);
    border-bottom-left-radius: var(--wp--custom--border-radius--medium);
  }
}

.mega-hover-child-menu__list {
  column-gap: var(--wp--custom--layout--gutter-gap);
}

@media (min-width: 61.25em) {
  .mega-hover-child-menu__list.more-than-6-items {
    column-count: 2;
  }
}

@media (min-width: 61.25em) {
  .mega-hover-child-menu__list.more-than-12-items {
    column-count: 3;
  }
}

.nav-btn {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: transparent;
  text-align: left;
  text-decoration: none;
}
@media (min-width: 61.25em) {
  .nav-btn:hover, .nav-btn:focus {
    text-decoration: underline;
    background-color: initial;
  }
  .nav-btn:focus {
    outline: 2px solid inherit;
  }
}

.has-sub-menu.open .mega-hover-child-menu__list a:not(.current-sub-page) {
  color: white;
}
.has-sub-menu.open .mega-hover-child-menu__list a:not(.current-sub-page):hover, .has-sub-menu.open .mega-hover-child-menu__list a:not(.current-sub-page):focus {
  color: var(--wp--preset--color--base);
}
.has-sub-menu.open .mega-hover-child-menu__list a:not(.current-sub-page):focus {
  outline: 2px solid inherit;
}

.has-sub-menu.open .mega-hover-child-menu__list a.current-sub-page {
  text-decoration: underline;
}

.header-navigation .hero-contact-btn,
.has-sub-menu .nav-btn {
  justify-content: space-between;
}

.header-navigation .hero-contact-btn {
  order: 2;
}
@media (min-width: 61.25em) {
  .header-navigation .hero-contact-btn {
    display: none;
  }
}

.header-navigation .col-title {
  font-size: var(--wp--preset--font-size--body-high);
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: var(--wp--custom--layout--gutter-gap-v);
  padding-top: var(--wp--custom--layout--gutter-gap-v);
  font-variation-settings: "wdth" 87.5;
  font-family: var(--wp--preset--font-family--noto-sans-serif);
  font-weight: var(--wp--custom--font-weight--bold);
}
@media (min-width: 61.25em) {
  .header-navigation .col-title {
    font-size: var(--wp--preset--font-size--body-high);
    padding-left: var(--wp--custom--layout--gutter-gap);
    padding-right: var(--wp--custom--layout--gutter-gap);
    padding-top: 0;
    padding-bottom: 0;
    line-height: 22px;
    margin-bottom: 10px;
  }
}

.menu-toggle.wp-element-button {
  height: 100%;
  font-weight: var(--wp--custom--font-weight--bold);
  align-items: center;
  font-variation-settings: "wdth" 87.5;
  padding-top: var(--wp--custom--layout--gutter-gap);
  padding-bottom: var(--wp--custom--layout--gutter-gap);
  border-radius: 0;
  padding-left: max(var(--wp--custom--layout--gutter-gap), env(safe-area-inset-left));
  padding-right: max(var(--wp--custom--layout--gutter-gap), env(safe-area-inset-left));
  color: #fff;
}
@media (min-width: 61.25em) {
  .menu-toggle.wp-element-button {
    display: none;
  }
}
.menu-toggle.wp-element-button:hover, .menu-toggle.wp-element-button:focus {
  color: var(--wp--preset--color--base);
}
.menu-toggle.wp-element-button:focus {
  outline: 2px solid inherit;
}

.explore-menu .close-menu-btn {
  margin-left: auto;
}

/* Header Mini Navigation--------------------------------- */
html.mini-menu-active,
html.explore-menu-active {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden !important;
}
@media (min-width: 46.25em) {
  html.mini-menu-active,
  html.explore-menu-active {
    position: relative;
  }
}

@keyframes layerfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@keyframes layerfadeout {
  100% {
    opacity: 0;
  }
  0% {
    opacity: 0.8;
  }
}
.menu-overlay {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: var(--wp--preset--color--contrast);
  z-index: 1030;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  animation: layerfadeIn 0.2s;
}

.menu-overlay.visible {
  opacity: 0.8;
  visibility: visible;
  display: block;
}

.slide-panel {
  display: block;
  min-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  border: none;
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  background: var(--wp--preset--color--off-white);
  min-width: 85%;
  width: 85%;
  position: fixed;
  top: 0;
  bottom: 0;
  transition-delay: 0.3s;
  z-index: 1040;
  padding-left: max(var(--wp--custom--layout--gutter-gap), env(safe-area-inset-left));
  padding-right: max(var(--wp--custom--layout--gutter-gap), env(safe-area-inset-right));
  padding-top: max(var(--wp--custom--layout--gutter-gap), env(safe-area-inset-top));
  padding-bottom: max(var(--wp--custom--layout--gutter-gap), env(safe-area-inset-bottom));
}
@media (min-width: 46.25em) {
  .slide-panel {
    min-width: 20rem;
    width: 20rem;
  }
}

.header-global-navigation.slide-panel.left-panel {
  transform: translate3d(-100%, 0, 0);
  left: 0;
}
@media (min-width: 61.25em) {
  .header-global-navigation.slide-panel.left-panel {
    background-color: transparent;
    display: block;
    visibility: visible;
    position: relative;
    max-width: 100%;
    width: 100%;
    transform: translate3d(0, 0, 0);
    padding-left: 0;
    padding-right: 0;
    transition: none;
    overflow: unset;
  }
}

@media (min-width: 46.25em) {
  .header-mini__nav {
    justify-content: flex-end;
  }
}

.header-global-navigation .close-menu-btn {
  justify-content: flex-end;
}
@media (min-width: 61.25em) {
  .header-global-navigation .close-menu-btn {
    display: none;
  }
}

.slide-panel.right-panel {
  transform: translate3d(100%, 0, 0);
  right: 0;
}

.header-global-navigation.slide-panel.left-panel[aria-hidden=false],
.explore-menu.slide-panel.right-panel[aria-hidden=false] {
  transform: translate3d(0, 0, 0);
}

@media (min-width: 46.25em) {
  .explore-menu .close-menu-btn {
    display: block;
  }
}

.explore-menu__header {
  align-items: flex-start;
}

.explore-menu__header__title {
  font-size: var(--wp--preset--font-size--body-high);
  font-family: var(--wp--preset--font-family--noto-sans-serif);
  font-weight: 500;
  font-variation-settings: "wdth" 87.5;
  padding-right: 55px;
}

.mini-nav {
  align-items: center;
  width: 100%;
  flex-direction: column;
  gap: 0;
}
@media (min-width: 61.25em) {
  .mini-nav {
    width: auto;
    flex-direction: row;
    justify-content: flex-end;
    gap: var(--wp--custom--layout--block-gap);
  }
}

.mini-nav > li .nav-btn {
  font-variation-settings: "wdth" 87.5;
  font-weight: 500;
  font-family: var(--wp--preset--font-family--noto-sans-serif);
  color: var(--wp--preset--color--contrast);
}
@media (min-width: 61.25em) {
  .mini-nav > li .nav-btn {
    padding: initial;
  }
}

.mini-nav > li {
  width: 100%;
}
@media (min-width: 61.25em) {
  .mini-nav > li {
    display: inline-block;
    border-bottom: 0;
    width: auto;
  }
}

@media (min-width: 61.25em) {
  .mini-nav > li:not(:first-child) {
    margin-left: var(--wp--custom--layout--block-gap);
  }
}

.tablist .active {
  background-color: red;
}

.tab-area[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  display: none;
  pointer-events: none; /* Disable interaction with hidden content */
}

.tab-area[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  display: block; /* Make it visible */
  pointer-events: auto; /* Allow interaction with visible content */
}

.tab-area ul > li:not(:last-child) {
  margin-bottom: 0.625rem;
}

.tab-button__row {
  margin-top: 10px;
  margin-bottom: 20px;
  justify-content: space-between;
  --min: 110px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));
  grid-gap: 10px;
}

.tab-button {
  border-radius: var(--wp--custom--border-radius--small);
  border: 1px solid var(--wp--preset--color--border-grey);
  width: 100%;
  font-family: var(--wp--preset--font-family--inter-sans-serif);
  font-weight: 500;
}
.tab-button:hover, .tab-button:focus {
  background-color: var(--wp--preset--color--blue-sapphire);
  color: var(--wp--preset--color--base);
}
.tab-button:focus {
  outline: 2px solid inherit;
}

.tab-button.active {
  background-color: var(--wp--preset--color--blue-sapphire);
  color: var(--wp--preset--color--base);
}

.tab-button,
.hero-colour-btn {
  padding: 8px 10px;
}

/* ==========================================================================
   #DEFAULT FORM LAYOUTS
   ========================================================================== */
.wp-front fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.wp-front .frm_description {
  font-size: var(--wp--preset--font-size--small);
}
.wp-front .contact-form-boxes .frm_form_fields .frm_fields_container {
  min-width: 0;
}
.wp-front .frm_submit {
  justify-content: flex-end;
}
.wp-front .form-field {
  margin-bottom: var(--wp--custom--layout--block-gap);
}
.wp-front .frm_checkbox label {
  font-family: var(--wp--preset--font-family--inter-sans-serif);
}
.wp-front .frm_button_submit {
  background-color: var(--wp--preset--color--uni-secondary-blue);
  border-radius: var(--wp--custom--border-radius--small);
  border-color: var(--wp--preset--color--contrast);
  border-width: 0;
  color: var(--wp--preset--color--base);
  font-family: var(--wp--preset--font-family--inter-sans-serif);
  font-size: var(--wp--preset--font-size--body-copy);
  font-style: normal;
  font-weight: 600;
  line-height: inherit;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  text-decoration: none;
}
.wp-front label {
  color: var(--wp--preset--color--contrast);
  font-family: var(--wp--preset--font-family--noto-sans-serif);
  font-size: var(--wp--preset--font-size--body-copy);
  /*margin-bottom: math.div($nav-item-gap, 2);*/
  text-align: left;
  width: 100%;
  display: block;
  margin-bottom: var(--wp--preset--spacing--10);
}
.wp-front input[type=text] {
  background-color: red;
}
.wp-front textarea,
.wp-front :is(input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=password], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select:not(.filter-select)) {
  background-color: var(--wp--preset--color--border-grey-container);
  border: 1px solid var(--wp--preset--color--border-grey);
  color: var(--wp--preset--color--contrast);
  padding: var(--wp--preset--spacing--10);
  border-radius: var(--wp--custom--border-radius--medium);
  height: 2.5rem;
  width: 100%;
  font-size: var(--wp--preset--font-size--small);
}
.wp-front textarea {
  height: initial;
}
.wp-front input[readonly] {
  opacity: 0.5;
}
.wp-front ::-webkit-input-placeholder {
  font-size: var(--wp--preset--font-size--small);
  font-weight: var(--wp--custom--font-weight--semi-bold);
  opacity: 1;
  color: var(--wp--preset--color--contrast);
  /*color: $intro-text-grey;*/
}
.wp-front :-moz-placeholder {
  font-size: var(--wp--preset--font-size--small);
  font-weight: var(--wp--custom--font-weight--semi-bold);
  opacity: 1;
  color: var(--wp--preset--color--contrast);
  /*color: $intro-text-grey;*/
}
.wp-front ::-moz-placeholder {
  font-size: var(--wp--preset--font-size--small);
  font-weight: var(--wp--custom--font-weight--semi-bold);
  opacity: 1;
  color: var(--wp--preset--color--contrast);
  /*color: $intro-text-grey;*/
}
.wp-front :-ms-input-placeholder {
  font-size: var(--wp--preset--font-size--small);
  font-weight: var(--wp--custom--font-weight--semi-bold);
  opacity: 1;
  color: var(--wp--preset--color--contrast);
  /*color: $intro-text-grey;*/
}
.wp-front :focus {
  outline: 3px solid transparent;
  outline-offset: -3px;
}

/* === Header Bar === */
.site-header__site-title,
.theme-style-default .site-header__site-title {
  background-color: var(--wp--preset--color--uni-secondary-blue);
  color: var(--wp--preset--color--base);
}

.theme-style-default .site-title {
  color: var(--wp--preset--color--base);
}

.site-header__site-title::after,
.theme-style-default .site-header__site-title::after {
  background-color: #0E3D61; /* first angle color */
  background-image: linear-gradient(115deg, var(--wp--preset--color--uni-secondary-blue) 25%, transparent 25%), linear-gradient(115deg, transparent 40%, var(--wp--preset--color--uni-primary-blue) 40%); /* last angle */
}
@media (min-width: 46.25em) {
  .site-header__site-title::after,
  .theme-style-default .site-header__site-title::after {
    background-image: linear-gradient(115deg, var(--wp--preset--color--uni-secondary-blue) 30%, transparent 25%), linear-gradient(115deg, transparent 40%, var(--wp--preset--color--uni-primary-blue) 40%); /* last angle */
  }
}
@media (min-width: 61.25em) {
  .site-header__site-title::after,
  .theme-style-default .site-header__site-title::after {
    background-image: linear-gradient(115deg, var(--wp--preset--color--uni-secondary-blue) 35%, transparent 25%), linear-gradient(115deg, transparent 40%, var(--wp--preset--color--uni-primary-blue) 40%); /* last angle */
  }
}

/* === Digital Services === */
.site-footer.theme-style-digital-services {
  font-family: var(--wp--preset--font-family--inter-sans-serif);
  font-weight: 600;
}

.theme-style-digital-services .site-header__site-title {
  background-color: var(--wp--preset--color--techno-teal);
  color: var(--wp--preset--color--base);
}

.theme-style-digital-services .site-header__site-title::after {
  background-color: var(--wp--preset--color--optic-orange); /* first angle color */
  background-image: linear-gradient(115deg, var(--wp--preset--color--techno-teal) 25%, transparent 25%), linear-gradient(115deg, transparent 40%, var(--wp--preset--color--glitch-gold) 40%); /* last angle */
}
@media (min-width: 46.25em) {
  .theme-style-digital-services .site-header__site-title::after {
    background-image: linear-gradient(115deg, var(--wp--preset--color--techno-teal) 30%, transparent 25%), linear-gradient(115deg, transparent 40%, var(--wp--preset--color--glitch-gold) 40%); /* last angle */
  }
}
@media (min-width: 61.25em) {
  .theme-style-digital-services .site-header__site-title::after {
    background-image: linear-gradient(115deg, var(--wp--preset--color--techno-teal) 35%, transparent 25%), linear-gradient(115deg, transparent 40%, var(--wp--preset--color--glitch-gold) 40%); /* last angle */
  }
}

.theme-style-digital-services .site-header__site-title .search-btn {
  background-color: var(--wp--preset--color--uni-primary-blue);
  color: var(--wp--preset--color--base);
}
.theme-style-digital-services .site-header__site-title .search-btn:hover {
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--uni-primary-blue);
}

.theme-style-digital-services .site-header__site-title .search-btn.active {
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--uni-primary-blue);
}

.theme-style-digital-services .header-search .header-search__bubble {
  background-color: var(--wp--preset--color--digital-dusk);
}

.theme-style-digital-services .card__image--temp,
.theme-style-digital-services .grid-outer__box,
.theme-style-digital-services .menu-toggle.wp-element-button {
  background-color: var(--wp--preset--color--digital-dusk);
}
@media (min-width: 61.25em) {
  .theme-style-digital-services .card__image--temp,
  .theme-style-digital-services .grid-outer__box,
  .theme-style-digital-services .menu-toggle.wp-element-button {
    background-color: var(--wp--preset--color--digital-dusk);
  }
}

.theme-style-digital-services .site-footer__upper,
.theme-style-digital-services .header-navigation > :not(.mini-nav) .nav-btn,
.theme-style-digital-services .header-navigation {
  background-color: var(--wp--preset--color--digital-dusk-dark);
}
@media (min-width: 61.25em) {
  .theme-style-digital-services .site-footer__upper,
  .theme-style-digital-services .header-navigation > :not(.mini-nav) .nav-btn,
  .theme-style-digital-services .header-navigation {
    background-color: var(--wp--preset--color--digital-dusk);
  }
}

.theme-style-digital-services .header-navigation > :not(.mini-nav) .nav-btn,
.theme-style-digital-services .header-navigation {
  background-color: var(--wp--preset--color--base);
}
@media (min-width: 61.25em) {
  .theme-style-digital-services .header-navigation > :not(.mini-nav) .nav-btn,
  .theme-style-digital-services .header-navigation {
    background-color: var(--wp--preset--color--digital-dusk);
  }
}

.theme-style-digital-services .header-navigation .mega-hover-child-menu__list > li,
.theme-style-digital-services .header-navigation .header-navigation_list > li {
  border-color: var(--wp--preset--color--border-grey-container);
}

.theme-style-digital-services .site-footer__lower {
  background-color: var(--wp--preset--color--blue-sapphire);
}

.theme-style-digital-services .site-footer__lower__sub {
  background-color: var(--wp--preset--color--blue-sapphire);
  filter: brightness(80%);
}

.theme-style-digital-services .has-sub-menu.open .nav-btn {
  background-color: var(--wp--preset--color--digital-dusk-dark);
}
@media (min-width: 61.25em) {
  .theme-style-digital-services .has-sub-menu.open .nav-btn {
    background-color: var(--wp--preset--color--digital-dusk-dark);
  }
}

.theme-style-digital-services .has-sub-menu.open .mega-hover-child-menu .nav-btn,
.theme-style-digital-services .has-sub-menu.open .mega-hover-child-menu {
  background-color: var(--wp--preset--color--digital-dusk-dark);
}
@media (min-width: 61.25em) {
  .theme-style-digital-services .has-sub-menu.open .mega-hover-child-menu .nav-btn,
  .theme-style-digital-services .has-sub-menu.open .mega-hover-child-menu {
    background-color: var(--wp--preset--color--digital-dusk-dark);
  }
}

.theme-style-digital-services .has-sub-menu.open .mega-hover-child-trigger.nav-btn::after {
  border-color: var(--wp--preset--color--techno-teal) transparent transparent transparent;
}

.theme-style-default .has-sub-menu.open .mega-hover-child-trigger.nav-btn::after {
  border-color: var(--wp--preset--color--uni-secondary-blue) transparent transparent transparent;
}

@media (min-width: 61.25em) {
  .theme-style-digital-services .has-sub-menu.open .mega-hover-child-menu {
    border-top: 1px solid var(--wp--preset--color--techno-teal);
  }
}

@media (min-width: 61.25em) {
  .theme-style-default .has-sub-menu.open .mega-hover-child-menu {
    border-top: 1px solid var(--wp--preset--color--uni-secondary-blue);
  }
}

.theme-style-digital-services.site-footer .site-footer__upper a:hover, .theme-style-digital-services.site-footer .site-footer__upper a:focus {
  color: var(--wp--preset--color--techno-teal);
}
.theme-style-digital-services.site-footer .site-footer__upper a:focus {
  outline: 2px solid inherit;
}

.theme-style-default .site-header__site-title .search-btn,
.site-header__site-title .search-btn {
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--uni-primary-blue);
}

.theme-style-digital-services .site-footer__lower__sub {
  background-color: var(--wp--preset--color--blue-sapphire);
}

/* ===  Navigation === */
@media (min-width: 61.25em) {
  .theme-style-default .header-navigation,
  .header-navigation {
    background-color: var(--wp--preset--color--uni-primary-teal);
  }
}

.theme-style-default .menu-toggle.wp-element-button,
.menu-toggle.wp-element-button {
  background-color: var(--wp--preset--color--uni-primary-teal);
}

.theme-style-default .header-navigation > :not(.mini-nav) .nav-btn,
.header-navigation .nav-btn {
  background-color: white;
}
@media (min-width: 61.25em) {
  .theme-style-default .header-navigation > :not(.mini-nav) .nav-btn,
  .header-navigation .nav-btn {
    background-color: var(--wp--preset--color--uni-primary-teal);
  }
}

.header-navigation .mini-nav .nav-btn {
  background-color: var(--wp--preset--color--uni-background-alt);
}

.theme-style-default .has-sub-menu.open .nav-btn,
.theme-style-default .has-sub-menu.open .mega-hover-child-menu,
.has-sub-menu.open .nav-btn,
.has-sub-menu.open .mega-hover-child-menu {
  background-color: var(--wp--preset--color--uni-primary-teal);
}
@media (min-width: 61.25em) {
  .theme-style-default .has-sub-menu.open .nav-btn,
  .theme-style-default .has-sub-menu.open .mega-hover-child-menu,
  .has-sub-menu.open .nav-btn,
  .has-sub-menu.open .mega-hover-child-menu {
    background-color: var(--wp--preset--color--uni-primary-teal);
    border-top: none;
  }
}

@media (min-width: 61.25em) {
  .theme-style-default .has-sub-menu.open .mega-hover-child-menu,
  .has-sub-menu.open .mega-hover-child-menu {
    border-top: 1px solid var(--wp--preset--color--uni-secondary-blue);
  }
}

.theme-style-default .header-navigation .col-title,
.theme-style-default .site-header__site-title .nav-btn,
.header-navigation .col-title,
.site-header__site-title .nav-btn {
  color: var(--wp--preset--color--base);
}
@media (min-width: 61.25em) {
  .theme-style-default .header-navigation .col-title,
  .theme-style-default .site-header__site-title .nav-btn,
  .header-navigation .col-title,
  .site-header__site-title .nav-btn {
    color: var(--wp--preset--color--base);
  }
}

.header-navigation > :not(.mini-nav) .nav-btn,
.header-navigation a,
.theme-style-default .header-navigation > :not(.mini-nav) .nav-btn,
.theme-style-default .header-navigation a {
  color: var(--wp--preset--color--contrast);
}
@media (min-width: 61.25em) {
  .header-navigation > :not(.mini-nav) .nav-btn,
  .header-navigation a,
  .theme-style-default .header-navigation > :not(.mini-nav) .nav-btn,
  .theme-style-default .header-navigation a {
    color: var(--wp--preset--color--base);
  }
}

@media (max-width: 61.24em) {
  .header-navigation .nav-btn {
    background-color: var(--wp--preset--color--uni-primary-teal);
  }
}

.theme-style-default .has-sub-menu.open .nav-btn,
.has-sub-menu.open .nav-btn {
  color: var(--wp--preset--color--uni-primary-blue);
}
@media (max-width: 61.24em) {
  .theme-style-default .has-sub-menu.open .nav-btn,
  .has-sub-menu.open .nav-btn {
    color: var(--wp--preset--color--base);
  }
}
@media (min-width: 61.25em) {
  .theme-style-default .has-sub-menu.open .nav-btn,
  .has-sub-menu.open .nav-btn {
    color: var(--wp--preset--color--base);
  }
}

@media (max-width: 61.24em) {
  .theme-style-default .mega-hover-child-menu__list li,
  .theme-style-default .header-navigation_list,
  .theme-style-default .header-navigation_list > li:not(:last-child),
  .theme-style-default .mega-hover-child-menu__list li,
  .theme-style-default .header-navigation_list,
  .theme-style-default .header-navigation_list > li:not(:last-child) {
    border-bottom: 1px solid var(--wp--preset--color--border-grey-container);
  }
  .theme-style-digital-services .mega-hover-child-menu__list li:first-child,
  .theme-style-digital-services .header-navigation_list > li:first-child,
  .theme-style-default .mega-hover-child-menu__list li:first-child,
  .theme-style-default .header-navigation_list > li:first-child {
    border-top: 1px solid var(--wp--preset--color--border-grey-container);
  }
}
/* === Search Form === */
.theme-style-digital-services .header-search form input:focus,
.theme-style-digital-services form input:focus {
  outline-color: var(--wp--preset--color--techno-teal);
}

.theme-style-default .header-search form input:focus-visible,
.header-search form input:focus-visible {
  outline-color: var(--wp--preset--color--uni-primary-teal);
}

.theme-style-default .header-search input[type=search],
.header-search input[type=search] {
  border-color: var(--wp--preset--color--uni-primary-teal);
}

.theme-style-default .header-search button[type=submit]:hover,
.theme-style-default .header-search button[type=submit]:focus,
.header-search button[type=submit]:hover,
.header-search button[type=submit]:focus {
  color: white;
  background-color: var(--wp--preset--color--uni-secondary-blue);
}

.theme-style-default .header-search .header-search__bubble {
  background-color: var(--wp--preset--color--uni-secondary-teal);
}

/* === Forms === */
.theme-style-default.wp-front .frm_checkbox label a {
  color: var(--wp--preset--color--uni-secondary-blue);
}

.theme-style-digital-services.wp-front .frm_checkbox label a {
  color: var(--wp--preset--color--techno-teal);
}

html, body {
  height: 100%;
}

html.menu-active {
  overflow: hidden !important;
}

html {
  height: -webkit-fill-available;
}

body {
  min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
  line-height: var(--wp--custom--line-height--normal);
}

/* Root Variables */
:root {
  --global-staggered-opacity-duration: 0.9;
  --global-staggered-delay: 0.15;
  --global-animation-easing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

/* Keyframes for fade-in animation */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.newton-link {
  position: fixed;
  bottom: var(--wp--custom--super-spaces--vertical-spacing-20);
  right: var(--wp--custom--super-spaces--vertical-spacing-20);
  width: clamp(60px, 3.75rem + (1vw - 3.2px) * 4.3529, 97px);
  z-index: 1020;
}

.newton-link > img {
  width: 100%;
}

.newton-link {
  position: fixed;
  bottom: var(--wp--custom--super-spaces--vertical-spacing-20);
  right: var(--wp--custom--super-spaces--vertical-spacing-20);
  width: clamp(60px, 3.75rem + (1vw - 3.2px) * 4.3529, 97px);
  z-index: 1030;
}

.tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid var(--wp--preset--color--digital-dusk) 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: auto;
  right: 40px;
  margin-left: -13px;
  position: absolute;
  width: 0;
}

/* Tooltip styles */
/* Tooltip styles */
.tooltip {
  position: absolute;
  bottom: 110%; /* Position above the button */
  right: 0;
  background-color: var(--wp--preset--color--digital-dusk);
  color: white;
  padding: 20px 10px 26px 25px;
  border-radius: var(--wp--custom--border-radius--medium);
  box-shadow: 0 4px 6px rgba(var(--wp--preset--color--digital-dusk), 0.1);
  font-size: var(--wp--preset--font-size--small);
  line-height: 1.5;
  display: flex;
  align-items: flex-start;
  width: 310px;
  z-index: 1040;
  /* Start hidden by default */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}

/* Tooltip shown by default on page load (if not dismissed) */
.tooltip.show-on-load {
  opacity: 1;
  visibility: visible;
}

/* Tooltip hidden after dismissal */
.tooltip.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none; /* Prevent interaction */
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Tooltip shown on hover */
.newton-link:hover .tooltip {
  opacity: 1;
  visibility: visible;
}

/* Close button styles */
.close-tooltip {
  background: none;
  border: none;
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
  margin-left: auto;
  cursor: pointer;
  flex-shrink: 0;
}

.tooltip.hidden > .close-tooltip {
  width: 15px;
  opacity: 0.1;
}

/* Remove close button when shown on hover */
.newton-link:not(:hover) .tooltip.hover-only {
  display: none;
}

/* CSS pseudo-element styling */
.content-container,
.site-m-i {
  max-width: calc(var(--wp--custom--layout--wide) + 2 * var(--wp--custom--layout--padding));
  margin: 0 auto;
  padding-left: max(var(--wp--custom--layout--padding), env(safe-area-inset-left));
  padding-right: max(var(--wp--custom--layout--padding), env(safe-area-inset-left));
}

.is-layout-constrained > .site-m-i {
  padding-left: 0;
  padding-right: 0;
}

body.full-width-content {
  --wp--custom--layout--page: var(--wp--custom--layout--wide);
}

/* Entry Content
--------------------------------------------- */
h1.front {
  display: none;
}

.entry-header {
  padding-top: var(--wp--custom--layout--block-gap-large);
}

.site-inner {
  padding-left: max(var(--wp--custom--layout--padding), env(safe-area-inset-left));
  padding-right: max(var(--wp--custom--layout--padding), env(safe-area-inset-left));
  padding-bottom: var(--wp--custom--super-spaces--vertical-spacing-30);
}

.site-inner.has-background-last {
  padding-bottom: 0;
}

.entry-content > .wp-block-buttons {
  margin-top: var(--wp--custom--super-spaces--vertical-spacing-30);
  margin-bottom: var(--wp--custom--super-spaces--vertical-spacing-30);
}

body:not(.page-template-block-page) .entry-content > * .wp-block-group,
body:not(.page-template-block-page) .entry-content > * .wp-block-columns + .wp-block-columns {
  margin-top: var(--wp--custom--layout--gutter-gap);
}

body:not(.page-template-block-page) .wp-block-columns > .wp-block-column > *,
body:not(.page-template-block-page) .entry-content > *,
body:not(.page-template-block-page) .block-area > * {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wp--custom--layout--page);
}
body:not(.page-template-block-page) .wp-block-columns > .wp-block-column > *.alignwide,
body:not(.page-template-block-page) .entry-content > *.alignwide,
body:not(.page-template-block-page) .block-area > *.alignwide {
  max-width: var(--wp--custom--layout--wide);
}
body:not(.page-template-block-page) .wp-block-columns > .wp-block-column > *.alignfull,
body:not(.page-template-block-page) .entry-content > *.alignfull,
body:not(.page-template-block-page) .block-area > *.alignfull {
  margin-left: calc(-1 * var(--wp--custom--layout--padding));
  margin-right: calc(-1 * var(--wp--custom--layout--padding));
  max-width: 100vw;
}
@media (max-width: 46.24em) {
  body:not(.page-template-block-page) .wp-block-columns > .wp-block-column .outer-wrapper,
  body:not(.page-template-block-page) .entry-content .outer-wrapper,
  body:not(.page-template-block-page) .block-area .outer-wrapper {
    padding-left: max(var(--wp--custom--layout--padding), env(safe-area-inset-left));
    padding-right: max(var(--wp--custom--layout--padding), env(safe-area-inset-left));
  }
}

body:not(.page-template-block-page) .wp-block-group > * + *:not(.wp-block-column):not(.wp-block-column),
body:not(.page-template-block-page) .wp-block-columns > * + *:not(.wp-block-column):not(.wp-block-column),
body:not(.page-template-block-page) .block-area > * + *:not(.wp-block-column):not(.wp-block-column) {
  margin-top: var(--wp--style--block-gap);
}
body:not(.page-template-block-page) .wp-block-group:not(:first-child):not(.has-background),
body:not(.page-template-block-page) .wp-block-columns:not(:first-child):not(.has-background),
body:not(.page-template-block-page) .block-area:not(:first-child):not(.has-background) {
  margin-top: var(--wp--custom--layout--block-gap-large);
}
body:not(.page-template-block-page) .wp-block-group .alignfull.has-background + .alignfull.has-background,
body:not(.page-template-block-page) .wp-block-columns .alignfull.has-background + .alignfull.has-background,
body:not(.page-template-block-page) .block-area .alignfull.has-background + .alignfull.has-background {
  margin-top: 0;
}
body:not(.page-template-block-page) .wp-block-group .alignfull.has-background:first-child:not(.entry-content__first),
body:not(.page-template-block-page) .wp-block-columns .alignfull.has-background:first-child:not(.entry-content__first),
body:not(.page-template-block-page) .block-area .alignfull.has-background:first-child:not(.entry-content__first) {
  margin-top: calc(-1 * var(--wp--custom--layout--block-gap-large));
}
body:not(.page-template-block-page) .wp-block-group > .entry-content__first + .outer-wrapper,
body:not(.page-template-block-page) .wp-block-columns > .entry-content__first + .outer-wrapper,
body:not(.page-template-block-page) .block-area > .entry-content__first + .outer-wrapper {
  margin-top: 0;
}
body:not(.page-template-block-page) .wp-block-group .entry-content__first.alignfull + .outer-wrapper,
body:not(.page-template-block-page) .wp-block-group .entry-content__first.alignfull + .has-background,
body:not(.page-template-block-page) .wp-block-group .entry-content__first.alignfull + .alignfull,
body:not(.page-template-block-page) .wp-block-columns .entry-content__first.alignfull + .outer-wrapper,
body:not(.page-template-block-page) .wp-block-columns .entry-content__first.alignfull + .has-background,
body:not(.page-template-block-page) .wp-block-columns .entry-content__first.alignfull + .alignfull,
body:not(.page-template-block-page) .block-area .entry-content__first.alignfull + .outer-wrapper,
body:not(.page-template-block-page) .block-area .entry-content__first.alignfull + .has-background,
body:not(.page-template-block-page) .block-area .entry-content__first.alignfull + .alignfull {
  margin-top: 0;
}

body:not(.page-template-block-page) .entry-content p.entry-content__first, body:not(.page-template-block-page) .entry-content > * + *:not(.wp-block-column):not(.wp-block-column) {
  margin-top: var(--wp--style--block-gap);
}
body:not(.page-template-block-page) .entry-content:not(:first-of-type):not(.has-background) {
  margin-top: var(--wp--custom--layout--block-gap-large);
}
body:not(.page-template-block-page) .entry-content .alignfull.has-background + .alignfull.has-background {
  margin-top: 0;
}
body:not(.page-template-block-page) .entry-content .alignfull.has-background:first-child:not(.entry-content__first) {
  margin-top: calc(-1 * var(--wp--custom--layout--block-gap-large));
}
body:not(.page-template-block-page) .entry-content > .entry-content__first + .outer-wrapper {
  margin-top: 0;
}
body:not(.page-template-block-page) .entry-content .entry-content__first.alignfull + .outer-wrapper,
body:not(.page-template-block-page) .entry-content .entry-content__first.alignfull + .has-background,
body:not(.page-template-block-page) .entry-content .entry-content__first.alignfull + .alignfull {
  margin-top: 0;
}
body:not(.page-template-block-page) .entry-content .wp-block-group > .wp-block-group {
  margin-top: var(--wp--style--block-gap);
}

/* Spacing between elements */
/* Remove top margin for specific elements */
.wp-front .frm_checkbox label a,
.entry-content p > a,
.entry-content p em a,
.entry-content ul > li > a {
  font-weight: var(--wp--custom--font-weight--semi-bold);
}

p.reviewed-date {
  padding-top: var(--wp--custom--super-spaces--vertical-spacing-30);
}

/* Resource Colours
--------------------------------------------- */
.hero-colour-btn.communications-colour {
  background-color: var(--wp--preset--color--pale-lavender);
}

.hero-colour-btn.estates-facilities-colour {
  background-color: var(--wp--preset--color--unbleached-silk);
}

.hero-colour-btn.hr-staff-support-colour {
  background-color: var(--wp--preset--color--bubble-gum);
}

.hero-colour-btn.it-support-colour {
  background-color: var(--wp--preset--color--lavender-blue-container);
}

.hero-colour-btn.research-colour {
  background-color: var(--wp--preset--color--very-pale-yellow);
}

.hero-colour-btn.teaching-learning-colour {
  background-color: var(--wp--preset--color--navajo-white);
}

.hero-colour-btn.tools-apps-colour {
  background-color: var(--wp--preset--color--platinum-container);
}

.hero-colour-btn.resources-colour {
  background-color: var(--wp--preset--color--blue-sapphire);
  color: var(--wp--preset--color--off-white);
}

.notification-bar {
  padding-top: var(--wp--custom--layout--gutter-gap);
  padding-bottom: var(--wp--custom--layout--gutter-gap);
}

.notification-bar > .alert-content {
  border-radius: var(--wp--custom--border-radius--medium);
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 8px solid;
  color: var(--wp--preset--color--uni-text);
  padding-left: var(--wp--custom--layout--block-gap);
  padding-right: var(--wp--custom--layout--block-gap);
  padding-top: 0.625rem;
  padding-bottom: var(--wp--preset--spacing--10);
  max-width: calc(var(--wp--custom--layout--wide) + 2 * var(--wp--custom--layout--padding));
  margin: 0 auto;
  justify-content: space-between;
}

.notification-bar > .alert-content .box-title {
  font-size: var(--wp--preset--font-size--body-high);
  font-family: var(--wp--preset--font-family--noto-sans-serif);
  font-weight: 600;
  line-height: 1.15;
}

.notification-bar p {
  font-size: var(--wp--preset--font-size--small);
  margin: 0;
}

.notification-banner-red > .alert-content {
  background-color: var(--wp--preset--color--alert-red-container);
  border-color: var(--wp--preset--color--alert-red);
}

.notification-banner-red > .alert-content .close-icon {
  color: var(--wp--preset--color--alert-red);
}

.notification-banner-green > .alert-content {
  border-color: var(--wp--preset--color--success-green);
  background-color: var(--wp--preset--color--success-green-container);
}

.notification-banner-green > .alert-content .close-icon {
  color: var(--wp--preset--color--success-green);
}

/* Single Post
--------------------------------------------- */
.entry-header,
.entry-footer,
.after-entry,
.entry-comments {
  max-width: var(--wp--custom--layout--page);
  margin-left: auto;
  margin-right: auto;
}

.entry-footer {
  margin-top: 48px;
}

.block-area-after-post {
  margin: 32px 0;
}

.has-pale-lavender-background-color {
  color: var(--wp--preset--color--pale-lavender-light);
}

.row-title.g-wrap {
  position: relative;
  z-index: 1;
  grid-template-columns: 1fr;
  grid-template-areas: "title-middle";
}
@media (min-width: 46.25em) {
  .row-title.g-wrap {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: ". title-middle title-middle title-middle title-middle title-middle title-middle title-middle title-middle title-middle title-middle .";
  }
}

.row-title.g-wrap .title-area {
  grid-area: title-middle;
}

.card__image--temp,
.card__image,
.card__copy,
.card__title {
  margin-bottom: 10px;
}
@media (min-width: 46.25em) {
  .card__image--temp,
  .card__image,
  .card__copy,
  .card__title {
    margin-bottom: 15px;
  }
}

.card__title.card_title_side {
  font-size: var(--wp--preset--font-size--body-high);
}

.card__image--temp {
  background-color: var(--wp--preset--color--uni-primary-blue);
  min-height: 200px;
  justify-content: center;
  background-image: url(../../assets/theme/ds/ds-coloured-lines-bottom-right.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
  border-radius: var(--wp--custom--border-radius--large);
  width: 100%;
}

.lower-btn-footer {
  place-items: center;
}

.page-header .title-area {
  place-items: center;
}

.page-header.alignfull {
  margin-left: calc(-1 * var(--wp--custom--layout--padding));
  margin-right: calc(-1 * var(--wp--custom--layout--padding));
  max-width: 100vw;
}

.page-header {
  background-color: var(--wp--preset--color--cyber-cyan-light);
}

.page-header,
.wp-block-acf-posts-page-title-banner,
.wp-block-acf-posts-page-title-banner.has-background.alignfull {
  padding-top: var(--wp--custom--super-spaces--vertical-spacing-90);
  padding-bottom: var(--wp--custom--super-spaces--vertical-spacing-90);
}

.page-header::after,
.wp-block-acf-posts-page-title-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../../assets/images/title-banner-lines.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 0;
}

.page-header h2,
.wp-block-acf-posts-page-title-banner h2 {
  font-size: var(--wp--preset--font-size--medium);
  line-height: normal;
}

.title-area dl {
  z-index: 1;
  display: inline-flex;
  align-items: center;
}
@media (min-width: 61.25em) {
  .title-area dl {
    justify-content: center;
  }
}

@media (min-width: 61.25em) {
  .title-area dl:not(:last-child):not(.row-side-scroll) {
    margin-right: 15px;
  }
}
.title-area dl.row-side-scroll {
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  width: 100%;
}

.title-area dl > dt {
  scroll-snap-align: start;
  white-space: nowrap;
}

.title-area dl.row-side-scroll > * {
  scroll-snap-align: center; /* or start, end */
}

.title-area__row {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 61.25em) {
  .title-area__row {
    flex-direction: row;
  }
}

.title-area dl > *:not(:last-child) {
  margin-right: 5px;
}

.title-area dl .wp-element-button.is-style-outline {
  background-color: transparent;
  font-size: var(--wp--preset--font-size--small);
  padding-top: 5px;
  padding-bottom: 4px;
  font-weight: normal;
  white-space: nowrap;
}

.page-header .title-area.g-wrap,
.wp-block-acf-posts-page-title-banner .title-area.g-wrap {
  grid-row-gap: var(--wp--custom--layout--padding-v);
}

.page-header .title-area.g-wrap h1,
.wp-block-acf-posts-page-title-banner .title-area.g-wrap h1 {
  margin-bottom: var(--wp--custom--layout--padding-v);
}

.page-header .title-area .wp-block-acf-posts-page-title-banner .title-area {
  place-items: center;
}

.site-header .uni-logo {
  color: var(--wp--preset--color--contrast);
}

.g-wrap {
  grid-template-rows: auto;
  grid-row-gap: initial;
}

.wp-block-list {
  margin-left: 20px;
}

.is-layout-constrained > .alignwide {
  width: 100%;
}

/* Heading
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block-end: var(--wp--style--block-gap);
}

h3 > a {
  color: inherit;
  text-decoration: none;
}
h3 > a:hover, h3 > a:focus {
  text-decoration: underline;
}
h3 > a:focus {
  outline: 2px solid inherit;
}

.inner-row-title {
  font-size: var(--wp--preset--font-size--x-large);
}

/* text
--------------------------------------------- */
.wp-block-heading a {
  text-decoration: none;
}
.wp-block-heading a:hover, .wp-block-heading a:focus {
  text-decoration: underline;
}
.wp-block-heading a:focus {
  outline: 2px solid inherit;
}

.has-x-large-font-size {
  line-height: normal;
}

.wp-block-button.is-style-plain-text .wp-block-button__link.has-editor-arrow::after {
  content: "";
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  margin-left: 0.4em;
  vertical-align: middle;
  background-color: currentColor;
  /* Inline SVG as a mask */
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 5l7 7-7 7M5 12h14" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 5l7 7-7 7M5 12h14" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* Image
--------------------------------------------- */
img {
  display: block;
  max-width: 100%;
  height: auto;
}
img.emoji {
  max-width: 16px;
  display: inline-block;
}
img.alignleft {
  float: left;
  margin: 0 var(--wp--style--block-gap) var(--wp--style--block-gap) 0;
  max-width: calc(var(--wp--custom--layout--content) / 2);
}
img.alignright {
  float: right;
  margin: 0 0 var(--wp--style--block-gap) var(--wp--style--block-gap);
  max-width: calc(var(--wp--custom--layout--content) / 2);
}
img.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

figure.wp-caption {
  max-width: 100%;
}

.wp-block-image figcaption {
  font-size: var(--wp--preset--font-size--small);
  text-align: center;
}
@media (min-width: 46.25em) {
  .wp-block-image.alignleft {
    float: left;
    margin: var(--wp--style--block-gap) var(--wp--style--block-gap) var(--wp--style--block-gap) 0;
    max-width: 48vw;
  }
  .wp-block-image.alignright {
    float: right;
    margin: var(--wp--style--block-gap) 0 var(--wp--style--block-gap) var(--wp--style--block-gap);
    max-width: 48vw;
  }
  .content .entry-content > .wp-block-image.alignleft, .content .block-area > .wp-block-image.alignleft {
    max-width: calc(var(--wp--custom--layout--content) / 2);
    margin-left: calc((100vw - var(--wp--custom--layout--content)) / 2);
  }
  .content .entry-content > .wp-block-image.alignright, .content .block-area > .wp-block-image.alignright {
    max-width: calc(var(--wp--custom--layout--content) / 2);
    margin-right: calc((100vw - var(--wp--custom--layout--content)) / 2);
  }
}
@media (min-width: 75em) {
  .full-width-content .entry-content > .wp-block-image.alignleft, .full-width-content .block-area > .wp-block-image.alignleft {
    max-width: calc(var(--wp--custom--layout--wide) / 2);
    margin-left: calc((100vw - var(--wp--custom--layout--wide)) / 2);
  }
  .full-width-content .entry-content > .wp-block-image.alignright, .full-width-content .block-area > .wp-block-image.alignright {
    max-width: calc(var(--wp--custom--layout--wide) / 2);
    margin-right: calc((100vw - var(--wp--custom--layout--wide)) / 2);
  }
}

/* ICONS
--------------------------------------------- */
.hearts > .icon-box--image,
.icon-box-detail > .wp-block-group > figure,
.icon-box--image {
  flex-shrink: 0;
  width: 36px;
}

/* Separator
--------------------------------------------- */
.wp-block-separator {
  border: none;
  height: 1px;
  padding: 0;
}
.wp-block-separator.has-background {
  padding: 0;
}

/* Default Videos
--------------------------------------------- */
.wp-block-column iframe[src^="https://uol.cloud.panopto.eu/Panopto/"],
.wp-block-embed.is-type-video > .wp-block-embed__wrapper > iframe {
  border-radius: var(--wp--custom--border-radius--large);
}

.wp-block-column iframe[src^="https://uol.cloud.panopto.eu/Panopto/"] {
  width: 100%;
}

/* Button
--------------------------------------------- */
.wp-block-button > .frm_submit > .frm_button_submit,
.wp-element-button,
.wp-block-button > .wp-block-button__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wp-element-button.outline-btn {
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--contrast);
}

.arrow-left > svg {
  margin-right: 10px;
}

.wp-element-button.has-background,
.wp-block-button > .wp-block-button__link.has-background {
  padding: 11px 16px;
}
.wp-element-button:hover, .wp-element-button:focus,
.wp-block-button > .wp-block-button__link:hover,
.wp-block-button > .wp-block-button__link:focus {
  filter: none;
}
.wp-element-button:focus,
.wp-block-button > .wp-block-button__link:focus {
  outline: 2px solid inherit;
}

.arrow-right > .right-arrow {
  margin-left: 6px;
}

.wp-block-button.is-style-plain-text > .wp-block-button__link,
.wp-element-button.text-btn {
  color: var(--wp--preset--color--contrast);
  background-color: transparent;
  color: initial;
  padding: 0;
  justify-content: flex-start;
  font-weight: 600;
}
.wp-block-button.is-style-plain-text > .wp-block-button__link:hover, .wp-block-button.is-style-plain-text > .wp-block-button__link:focus,
.wp-element-button.text-btn:hover,
.wp-element-button.text-btn:focus {
  text-decoration: underline;
}
.wp-block-button.is-style-plain-text > .wp-block-button__link:focus,
.wp-element-button.text-btn:focus {
  outline: 2px solid inherit;
}

.wp-block-button.is-style-plain-text > .wp-block-button__link > .right-arrow {
  margin-left: 4px;
  margin-top: 0;
}

.wp-element-button.is-style-outline,
.wp-block-button.is-style-outline > .wp-block-button__link {
  border: 1px solid currentColor;
  padding: 6px 15px;
}
.wp-element-button.is-style-outline.has-background,
.wp-block-button.is-style-outline > .wp-block-button__link.has-background {
  padding: 6px 15px;
}
.wp-element-button.is-style-outline:not(.has-background),
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background) {
  background: var(--wp--preset--color--base);
}
.wp-element-button.is-style-outline:not(.has-text-color),
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color) {
  color: var(--wp--preset--color--uni-primary-blue);
}

.wp-block-button.is-style-outline.dl-arrow > .wp-block-button__link,
.wp-block-button.is-style-outline.right-arrow > .wp-block-button__link {
  padding-left: 7px;
}

.wp-block-button.right-arrow .wp-block-button__link::after,
.wp-block-button.is-style-outline.dl-arrow .wp-block-button__link::before,
.wp-block-button.is-style-outline.right-arrow .wp-block-button__link::before {
  content: "";
  display: inline-block;
  height: 25px;
  width: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 8px;
  vertical-align: middle;
}

.wp-block-button.is-style-plain-text.right-arrow .wp-block-button__link::after {
  content: "";
  display: inline-block;
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-left: 8px;
  vertical-align: middle;
}

.wp-block-button.right-arrow .wp-block-button__link::after {
  margin-left: 8px;
  margin-right: 0;
}

.wp-block-button.right-arrow .wp-block-button__link::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cg clip-path='url(%23clip0_540_980)'%3E%3Cpath d='M12.6312 9.75008H4.25C4.0375 9.75008 3.85937 9.67821 3.71562 9.53446C3.57187 9.39071 3.5 9.21258 3.5 9.00008C3.5 8.78758 3.57187 8.60946 3.71562 8.46571C3.85937 8.32196 4.0375 8.25008 4.25 8.25008H12.6312L8.95625 4.57508C8.80625 4.42508 8.73437 4.25008 8.74062 4.05008C8.74687 3.85008 8.825 3.67508 8.975 3.52508C9.125 3.38758 9.3 3.31571 9.5 3.30946C9.7 3.30321 9.875 3.37508 10.025 3.52508L14.975 8.47508C15.05 8.55008 15.1031 8.63133 15.1344 8.71883C15.1656 8.80633 15.1812 8.90008 15.1812 9.00008C15.1812 9.10008 15.1656 9.19383 15.1344 9.28133C15.1031 9.36883 15.05 9.45008 14.975 9.52508L10.025 14.4751C9.8875 14.6126 9.71562 14.6813 9.50937 14.6813C9.30312 14.6813 9.125 14.6126 8.975 14.4751C8.825 14.3251 8.75 14.147 8.75 13.9407C8.75 13.7345 8.825 13.5563 8.975 13.4063L12.6312 9.75008Z' fill='%23181C1F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_540_980'%3E%3Crect width='18' height='18' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.wp-block-button.is-style-plain-text.right-arrow .wp-block-button__link::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M374.7 278.6c12.5-12.5 12.5-32.8 0-45.3l-192-192c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L306.8 256 137.5 425.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l192-192h-.1Z'/%3E%3C/svg%3E");
}

.wp-block-button.is-style-outline.right-arrow .wp-block-button__link::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none' viewBox='0 0 24 25'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23181C1F' d='M16.175 13.5H5a.967.967 0 0 1-.713-.287A.968.968 0 0 1 4 12.5c0-.283.096-.52.287-.712A.967.967 0 0 1 5 11.5h11.175l-4.9-4.9a.916.916 0 0 1-.287-.7c.008-.267.112-.5.312-.7.2-.183.433-.28.7-.287.267-.009.5.087.7.287l6.6 6.6c.1.1.17.208.212.325.042.117.063.242.063.375s-.02.258-.063.375a.877.877 0 0 1-.212.325l-6.6 6.6a.933.933 0 0 1-.688.275c-.274 0-.512-.092-.712-.275-.2-.2-.3-.437-.3-.712 0-.275.1-.513.3-.713l4.875-4.875Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z' transform='translate(0 .5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.wp-block-button.is-style-outline.dl-arrow .wp-block-button__link::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none' viewBox='0 0 25 25'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23181C1F' d='M17.583 19.5c.416 0 .75-.334.75-.75a.748.748 0 0 0-.75-.75h-10.5a.748.748 0 0 0-.75.75c0 .416.334.75.75.75h10.5Zm-5.797-4.238a.748.748 0 0 0 1.094 0l4-4.25a.75.75 0 0 0-1.09-1.028l-2.707 2.875V6.25a.748.748 0 0 0-.75-.75.748.748 0 0 0-.75.75V12.86L8.88 9.987a.75.75 0 0 0-1.09 1.028l4 4.25-.004-.004Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z' transform='translate(.333 .5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.hero-colour-btn {
  border-radius: var(--wp--custom--border-radius--small);
  justify-content: space-between;
  align-items: center;
  font-size: var(--wp--preset--font-size--body-copy);
  color: var(--wp--preset--color--contrast);
  font-weight: 500;
  text-decoration: none;
}
.hero-colour-btn:hover, .hero-colour-btn:focus {
  filter: brightness(0.9);
}
.hero-colour-btn:focus {
  outline: 2px solid inherit;
}

.wp-element-button > .menu-icon-arrow,
.hero-colour-btn > .menu-icon-arrow {
  padding: 3px;
}

.curved-box {
  border: 1px solid var(--wp--preset--color--border-grey);
}

.curved-corners > a img,
.curved-corners img,
.curved-box > a img,
.curved-box img,
.curved-box,
.curved-corners {
  border-radius: var(--wp--custom--border-radius--large);
}

.outline-box {
  border: 1px solid var(--wp--preset--color--border-grey);
}

.custom-pagination {
  justify-content: space-between;
  align-content: center;
}
@media (min-width: 46.25em) {
  .custom-pagination {
    justify-content: center;
  }
}

.pagination-dots,
.pagination-number {
  display: none;
  align-self: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: var(--wp--preset--font-size--body-copy);
  font-weight: 600;
  justify-content: center;
  text-decoration: none;
  gap: var(--wp--preset--spacing--14-20);
  color: var(--wp--preset--color--uni-primary-blue);
}
.pagination-dots:hover, .pagination-dots:focus,
.pagination-number:hover,
.pagination-number:focus {
  background-color: var(--wp--preset--color--uni-primary-blue);
  color: var(--wp--preset--color--base);
}
.pagination-dots:focus,
.pagination-number:focus {
  outline: 2px solid inherit;
}
@media (min-width: 46.25em) {
  .pagination-dots,
  .pagination-number {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

.pagination-number.current {
  background-color: var(--wp--preset--color--uni-primary-blue);
  color: var(--wp--preset--color--base);
}

.pagination-btn {
  width: max-content;
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--contrast);
}

.pagination-btn:not(.disabled):hover, .pagination-btn:not(.disabled):focus {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
}
.pagination-btn:not(.disabled):focus {
  outline: 2px solid inherit;
}

.pagination-btn.disabled {
  cursor: default;
  opacity: 0;
}

.prev-btn.pagination-btn > .arrow {
  margin-right: 10px;
}

.next-btn.pagination-btn > .arrow {
  margin-left: 10px;
}

.status-box {
  border-top-left-radius: var(--wp--custom--border-width--medium);
  border-top-right-radius: var(--wp--custom--border-width--medium);
}

.status-box-upper {
  border-top-left-radius: var(--wp--custom--border-width--medium);
  border-top-right-radius: var(--wp--custom--border-width--medium);
}

.status-box-lower {
  border-bottom-left-radius: var(--wp--custom--border-width--medium);
  border-bottom-right-radius: var(--wp--custom--border-width--medium);
}

.status-box-lower {
  border: 1px solid;
}

.status-box-outer.service-issue > .status-box-lower {
  border-color: var(--wp--preset--color--alert-red);
}

.status-box-outer.service-happy > .status-box-lower {
  border-color: var(--wp--preset--color--success-green);
}

/* Form
--------------------------------------------- */
input,
select,
textarea {
  background: var(--wp--preset--color--base);
  border: var(--wp--custom--border-width--tiny) solid var(--wp--preset--color--contrast);
  border-radius: none;
  color: var(--wp--preset--color--contrast);
  font-size: var(--wp--preset--font-size--small);
  line-height: var(--wp--custom--line-height--normal);
  padding: 9px 12px;
  width: 100%;
  font-family: var(--wp--preset--font-family--inter-sans-serif);
}

input[type=checkbox],
input[type=submit] {
  width: auto;
}

select {
  line-height: 54px;
  height: 54px;
}

textarea {
  width: 100%;
  resize: vertical;
}

::-moz-placeholder {
  color: var(--wp--preset--color--contrast);
  opacity: 0.5;
}

::-ms-input-placeholder {
  color: var(--wp--preset--color--contrast);
}

::-webkit-input-placeholder {
  color: var(--wp--preset--color--contrast);
}

input:focus::-webkit-input-placeholder,
input:focus::-moz-placeholder,
input:focus:-ms-input-placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:focus::-moz-placeholder,
textarea:focus:-ms-input-placeholder {
  color: transparent;
}

label,
.wp-block-search__label,
.wpforms-container .wpforms-field-label {
  font-family: var(--wp--custom--typography--interface--font-family);
  letter-spacing: var(--wp--custom--typography--interface--letter-spacing);
  text-transform: var(--wp--custom--typography--interface--text-transform);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
}
label .wpforms-required-label,
.wp-block-search__label .wpforms-required-label,
.wpforms-container .wpforms-field-label .wpforms-required-label {
  color: inherit;
}

.comment-form-cookies-consent label,
.wpforms-container .wpforms-field-sublabel {
  font-weight: 400;
  font-family: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

/* Search Form
--------------------------------------------- */
.wp-block-search__input,
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
  border-color: var(--wp--preset--color--contrast);
}

.wp-block-search__button-inside .wp-block-search__input {
  border: none;
}

.wp-block-search__inside-wrapper {
  background: var(--wp--preset--color--base);
}

.wp-block-search__button {
  flex-shrink: 0;
}

.wp-block-search__icon-button .wp-block-search__button {
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wp-block-search__icon-button .wp-block-search__button.wp-element-button {
  padding: 0;
}
.wp-block-search__icon-button .wp-block-search__button svg {
  width: 36px;
}

.archive-header .wp-block-search {
  margin: 0 auto;
}

/* Page Banners
--------------------------------------------- */
.page-banner-w-background {
  justify-content: center;
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 50vw;
}
@media (min-width: 46.25em) {
  .page-banner-w-background {
    min-height: 350px;
  }
}

.page-banner-w-background::after {
  background-image: url(../images/banner-logo.svg);
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-position: center right;
  width: 65%;
  height: 100%;
  top: 0;
  right: -30vw;
  background-size: cover;
}
@media (min-width: 46.25em) {
  .page-banner-w-background::after {
    width: 50%;
    height: 100%;
    right: 0;
  }
}

/* CTAs
--------------------------------------------- */
.main-cta {
  position: relative;
}

.main-cta::before,
.main-cta::after {
  background-image: url(../images/banner-logo.svg);
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  width: 27%;
  height: 100%;
  top: 0;
  right: 0;
  background-size: contain;
}

.main-cta::before {
  left: -7%;
}

.main-cta::after {
  right: -15%;
}

.main-cta > .wp-block-columns {
  z-index: 1;
  position: relative;
}

@media (max-width: 61.24em) {
  .cta-text--content {
    text-align: center;
  }
}
.cta-text--button > .wp-block-buttons {
  justify-content: center;
}
@media (min-width: 46.25em) {
  .cta-text--button > .wp-block-buttons {
    justify-content: right;
  }
}

/* Group
--------------------------------------------- */
.has-background:not(.page-header):not(.wp-block-separator):not(.wp-element-button) {
  padding-top: var(--wp--custom--layout--block-gap);
  padding-bottom: var(--wp--custom--layout--block-gap);
}
.has-background:not(.page-header):not(.wp-block-separator):not(.wp-element-button).alignfull {
  padding-top: var(--wp--custom--layout--block-gap-large);
  padding-bottom: var(--wp--custom--layout--block-gap-large);
}

/* Accessible Colors
--------------------------------------------- */
.has-background {
  color: var(--wp--preset--color--contrast);
}

.has-unilincoln-blue-teal-gradient-gradient-background,
.has-unilincoln-blue-gradient-gradient-background,
.has-primary-background-color,
.has-secondary-background-color,
.has-tertiary-background-color,
.has-foreground-background-color {
  color: var(--wp--preset--color--white);
}

/* Custom Theme
--------------------------------------------- */
.editor-styles-wrapper .has-text-c {
  text-align: center;
}
.editor-styles-wrapper .g-wrap {
  display: grid;
}
.editor-styles-wrapper .pos-rel {
  position: relative;
}
.editor-styles-wrapper svg {
  fill: currentColor;
}

/* Tables
--------------------------------------------- */
.wp-block-coblocks-accordion .wp-block-table tbody tr td {
  font-size: initial;
}

.wp-block-coblocks-accordion .wp-block-table table {
  margin: 0;
  width: 100%;
  display: inline-table;
}

.wp-block-table table {
  margin: auto;
  overflow-x: auto;
  display: table;
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.wp-block-table thead {
  background-color: transparent;
}

.wp-block-table td, .wp-block-table th {
  border: none;
}

/* Table Body */
.wp-block-table thead tr th {
  font-family: var(--wp--preset--font-family--noto-sans-serif);
  font-weight: 600;
  background-color: var(--wp--preset--color--digital-dusk);
  color: var(--wp--preset--color--base);
  text-align: left;
  padding: var(--wp--custom--layout--padding) var(--wp--custom--layout--block-gap);
  font-size: var(--wp--preset--font-size--body-high);
  border: none;
  line-height: 15px;
}

.wp-block-table:has(thead) tr:first-child th:first-child {
  border-top-left-radius: var(--wp--custom--border-radius--medium);
  border-left: none;
}

.wp-block-table:has(thead) tr:first-child th:last-child {
  border-top-right-radius: var(--wp--custom--border-radius--medium);
  border-right: none;
}

.wp-block-table:not(:has(thead)) tr:first-child td:first-child {
  border-top-left-radius: var(--wp--custom--border-radius--medium);
}

.wp-block-table:not(:has(thead)) tr:first-child td:last-child {
  border-top-right-radius: var(--wp--custom--border-radius--medium);
}

.wp-block-table:not(:has(thead)) tr:first-child td {
  border-top: 1px solid var(--wp--preset--color--border-grey);
}

/* Table Rows - All rows */
.wp-block-table tbody td:first-child,
.wp-block-table tbody tr:first-child > td:first-child {
  border-left: 1px solid var(--wp--preset--color--border-grey);
}
.wp-block-table tbody td:last-child {
  border-right: 1px solid var(--wp--preset--color--border-grey);
}
.wp-block-table tbody tr:last-child td {
  border-bottom-color: var(--wp--preset--color--border-grey);
}

.wp-block-table tbody tr:last-child > td:first-child {
  border-bottom-left-radius: var(--wp--custom--border-radius--medium);
}
.wp-block-table tbody tr:last-child > td:last-child {
  border-bottom-right-radius: var(--wp--custom--border-radius--medium);
}
.wp-block-table tbody tr td {
  border-style: solid;
  border-bottom-width: 1px;
  font-size: var(--wp--preset--font-size--body-copy);
  line-height: 1.375rem;
  border-bottom: 1px solid var(--wp--preset--color--border-grey);
  border-top: none;
  border-left: none;
  border-right: none;
}

.wp-block-table tbody tr td:first-child {
  border-left-width: 1px;
}

.wp-block-table tbody tr td:last-child {
  border-right-width: 1px;
}

.wp-block-table thead th,
.wp-block-table tbody td {
  padding: var(--wp--custom--layout--padding) var(--wp--custom--layout--block-gap);
}