@charset "utf-8";
@view-transition {
  navigation: auto;
}
html {
  padding: 0;
  margin: 0;
  height: 100%;
  min-height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
  font-size: 16px;
  background: #fbfaff;
  scroll-padding-top: 5.75rem;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  interpolate-size: allow-keywords;
}
@media only screen and (max-width: 37.4375em) {
  html {
    font-size: 0.9em;
  }
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  padding: 0;
  margin: 0;
  min-height: 100vh;
  position: relative;
  max-width: 100vw;
  display: flex;
  min-width: 100%;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  font-size: 1em;
  background: #fbfaff;
  color: #1f1f1f;
  font-family: "Inter", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  line-height: 1.6;
}
body a {
  color: var(--secondary-brand-color);
  text-decoration: underline;
}
body a:active {
  color: color-mix(in srgb, var(--primary-brand-color) 70%, white);
  text-decoration: none;
}
/*======== IMPORT 101-LIBS ========*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/*====
	The LESS Toolbox contains mixins, textures and other useful elements.
	I have reduced this considerably, because Autoprefixer in CK2 handles much of the heavy lifting.
	Toolbox is not for styling mixins or variables: use the relevant variables files for those.
====*/
/*==== MEDIA QUERIES BREAKPOINTS ====*/
/* ---- Example deployment

section {
    @media @mobile {
      background: orange;
    }
    @media @tablet {
      background: purple;
    }
    @media @desktop {
      background: green;
    }
    @media @desktop-xl {
      background: blue;
    }
    @media @desktop, @desktop-xl {
      color: black;
    }
}

*/
/* !REMEMBER TO COMMENT THIS OUT FOR PRODUCTION! ====*/
/*
#dimensions {
  position:fixed;
  bottom:7rem;
  right:0;
  z-index:120001;
  background:rgba(255,255,255,0.8);
  padding:@space-em;
  font-size:0.7rem;
  box-shadow:0 1px 2px rgba(0,0,0,0.3);
}
*/
/*.iex {
	body {
		&:before {
			display:none;
		}
	}
}*/
/* ==========================================================================
   Helper classes
   ========================================================================== */
/* ==== Originally from HTML5 Boilerplate—downloaded 01/09/2012—and then realised in LESS by Chris Mounsey, 01/09/2012 ==== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.visuallyhidden .focusable:active,
.visuallyhidden .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
*/
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  /*
a[href]:after {
        content: " (" attr(href) ")";
        }
*/
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
	 * Don't show links for images, or javascript/internal links
	 */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3,
  #container .single-event-wrap .content-wrapper-inner .content-headline h2 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3,
  #container .single-event-wrap .content-wrapper-inner .content-headline h2 {
    page-break-after: avoid;
  }
  .user-menu,
  .display-panel,
  .user-menu-toggle,
  .app-menu {
    display: none;
  }
  .app-header {
    position: static;
  }
  .display-panel {
    top: 0 !important;
    left: 0 !important;
  }
}
/*======== IMPORT 01-GLOBAL ========*/
/*==== DEFAULT SITE MEASUREMENTS ====*/
/*==============================================================================
  These elements will rarely change, so we shunt them to the bottom of the file
==============================================================================*/
/*==== HIDE ELEMENTS USING POSITION (FOR TRANSITIONS) ====*/
/*==== EVIL BROWSER FALL-BACK COLUMN VARIABLES ====*/
/*==== COLOURS (or colors) ====*/
/*==== Colour Palette for VerseOne VW25 ====*/
html {
  --primary-brand-color: #8454f4;
  --secondary-brand-color: #5b4195;
  --accent-color: #317766;
  --subhead-color: #317766;
  --theme-tint: #e2d4f4;
  --brand-gradient: linear-gradient(69deg, #f0e4ff 0%, #eafff8 100%);
  --primary-brand-filter: brightness(0) saturate(100%) invert(36%) sepia(55%) saturate(1671%) hue-rotate(233deg) brightness(95%) contrast(101%);
}
html.site-area-2 {
  --primary-brand-color: #005eb8;
  --secondary-brand-color: #003087;
  --accent-color: #005eb8;
  --subhead-color: #005eb8;
  --theme-tint: #e4f3ff;
  --brand-gradient: linear-gradient(69deg, #e4f3ff 0%, #f0e4ff 100%);
  --primary-brand-filter: brightness(0) saturate(100%) invert(25%) sepia(50%) saturate(3063%) hue-rotate(194deg) brightness(93%) contrast(102%);
}
html.site-area-3 {
  --primary-brand-color: #dd6205;
  --secondary-brand-color: #6e3102;
  --accent-color: #dd6205;
  --subhead-color: #dd6205;
  --theme-tint: #f2e2d5;
  --brand-gradient: linear-gradient(70deg, #f2e2d5 0%, #f0e4ff 100%);
  --primary-brand-filter: brightness(0) saturate(100%) invert(35%) sepia(82%) saturate(1613%) hue-rotate(10deg) brightness(97%) contrast(96%);
}
@media (prefers-color-scheme: dark) {
  /*
  body {
    &:before {
      background:lighten(@color1,15%);
      color:white;
      text-align:center;
      position:fixed;
      top:0;
      left:0;
      right:0;
      z-index:9999;
      padding:@space-em;
      content:"Nora runs, with the wolves, in Dark Mode!";
    }
  }
*/
}
/*==== FONT SETTINGS (including Icon Fonts) ====*/
/*<a href="#rss" class="icon-alone">
	<span aria-hidden="true" data-icon="&#x25a8;"></span>
	<span class="screen-reader-text">RSS</span>
</a>*/
.icon-only {
  display: block;
}
.icon-only .screen-reader-text {
  /* Reusable, toolbox kind of class */
  position: absolute;
  top: -9999px;
  left: -9999px;
}
/* ==========================================================================
   Font Awesome Integration
   ========================================================================== */
@font-face {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: 400;
  src: url("/fw-fonts/font-awesome-current/fa-regular-400.eot");
  src: url("/fw-fonts/font-awesome-current/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/fw-fonts/font-awesome-current/fa-regular-400.woff2") format("woff2"), url("/fw-fonts/font-awesome-current/fa-regular-400.woff") format("woff"), url("/fw-fonts/font-awesome-current/fa-regular-400.ttf") format("truetype"), url("/fw-fonts/font-awesome-current/fa-regular-400.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: 900;
  src: url("/fw-fonts/font-awesome-current/fa-solid-900.eot");
  src: url("/fw-fonts/font-awesome-current/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/fw-fonts/font-awesome-current/fa-solid-900.woff2") format("woff2"), url("/fw-fonts/font-awesome-current/fa-solid-900.woff") format("woff"), url("/fw-fonts/font-awesome-current/fa-solid-900.ttf") format("truetype"), url("/fw-fonts/font-awesome-current/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: 300;
  src: url("/fw-fonts/font-awesome-current/fa-light-300.eot");
  src: url("/fw-fonts/font-awesome-current/fa-light-300.eot?#iefix") format("embedded-opentype"), url("/fw-fonts/font-awesome-current/fa-light-300.woff2") format("woff2"), url("/fw-fonts/font-awesome-current/fa-light-300.woff") format("woff"), url("/fw-fonts/font-awesome-current/fa-light-300.ttf") format("truetype"), url("/fw-fonts/font-awesome-current/fa-light-300.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "Font Awesome Brands";
  font-style: normal;
  font-weight: normal;
  src: url("/fw-fonts/font-awesome-current/fa-brands-400.eot");
  src: url("/fw-fonts/font-awesome-current/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/fw-fonts/font-awesome-current/fa-brands-400.woff2") format("woff2"), url("/fw-fonts/font-awesome-current/fa-brands-400.woff") format("woff"), url("/fw-fonts/font-awesome-current/fa-brands-400.ttf") format("truetype"), url("/fw-fonts/font-awesome-current/fa-brands-400.svg#fontawesome") format("svg");
}
.fonticon,
[data-icon]:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[data-icon]:before {
  content: attr(data-icon);
  speak: none;
}
/*==== STANDARD TYPOGRAPHY ====*/
@font-face {
  font-family: 'Righteous';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/righteous/v18/1cXxaUPXBpj2rGoU7C9mjw.ttf) format('truetype');
}
b,
strong {
  font-weight: 800;
}
/*==== FONT UNITS (some fonts have different default weights) ====*/
h1,
h2,
h3,
h4,
h5,
h6,
#container .single-event-wrap .content-wrapper-inner .content-headline h2 {
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  margin: 1.2em 0 0.4em 0;
}
h1 *:not(a),
h2 *:not(a),
h3 *:not(a),
h4 *:not(a),
h5 *:not(a),
h6 *:not(a) {
  font-family: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
h6 {
  font-size: 1em;
}
h5 {
  font-size: 1.25em;
}
h4 {
  font-size: 1.5em;
}
h3 {
  font-size: 2em;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 1.4;
  font-weight: 800;
}
h2,
#container .single-event-wrap .content-wrapper-inner .content-headline h2 {
  font-size: 2.5em;
  line-height: 1.2;
  font-weight: 800;
}
h2 * {
  line-height: inherit !important;
}
.content-headline h2 {
  margin: 0.2em 0 0.4em 0;
}
.list-content .content-headline {
  text-align: center;
}
.col .list-content .content-headline {
  text-align: left;
}
.list-content .content-headline h2 {
  font-size: 2em;
  margin-bottom: 3.75rem;
}
.main-editor-output {
  margin-trim: block;
}
.main-editor-output > *:first-child {
  margin-top: 0;
}
.main-editor-output > *:last-child {
  margin-bottom: 0;
}
.main-editor-output a {
  word-break: break-word;
}
.main-editor-output p .cta {
  margin-top: 0.8em;
}
.main-editor-output span {
  font-family: "Inter", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.6;
}
.slide-text-container p .cta {
  margin-top: 0.8em;
}
ol,
ul {
  margin: 0.8em 0.4em;
  padding: 0;
}
ol li,
ul li {
  color: rgba(31, 31, 31, 0.9);
  margin: 0.6em 1.6em;
}
p {
  margin: 0.4lh 0;
}
blockquote {
  max-width: 50em;
  margin-left: auto;
  margin-right: auto;
  margin: 3em auto;
  padding: 1em 3em;
  background: none;
  position: relative;
}
@media only screen and (max-width: 37.4375em) {
  blockquote {
    padding: 0.5em 2.5em;
  }
}
blockquote:before,
blockquote:after {
  position: absolute;
  display: block;
  width: 100%;
  font-size: 3rem;
  height: 1px;
  color: var(--secondary-brand-color);
  color: rgb(from var(--primary-brand-color) r g b / 0.2);
}
blockquote:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f10d";
  display: inline-block;
  top: -0.2rem;
  left: 0;
  line-height: 0;
  background: linear-gradient(to right, transparent, 4rem, rgb(from var(--primary-brand-color) r g b / 0.2), 4rem, rgb(from var(--primary-brand-color) r g b / 0.2));
}
blockquote:after {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f10e";
  display: inline-block;
  bottom: -0.2rem;
  right: 0;
  text-align: right;
  line-height: 0.2;
  background: linear-gradient(to left, transparent, 4rem, rgb(from var(--primary-brand-color) r g b / 0.2), 4rem, rgb(from var(--primary-brand-color) r g b / 0.2));
}
blockquote p {
  font-style: italic;
}
table {
  border: 1px solid rgba(150, 150, 150, 0.4);
  margin: 3.2em auto;
  border-collapse: collapse;
  line-height: 1.4;
  font-size: 0.9em;
}
table caption {
  text-align: center;
  font-weight: bold;
  padding-bottom: 0.8em;
}
table th,
table td {
  padding: 0.8em 1.2em;
}
table thead th {
  background: rgb(from var(--primary-brand-color) r g b / 0.2);
  border: 1px solid rgb(from var(--primary-brand-color) r g b / 0.4);
  font-size: 0.7em;
  text-align: center;
  padding: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
table thead th:first-child {
  border-left: none;
}
table tbody tr:nth-child(even) {
  background-color: rgba(100, 100, 100, 0.05);
}
table tbody tr:last-child td,
table tbody tr:last-child th {
  border-bottom: none;
}
table tbody th,
table tbody td {
  border-bottom: 1px solid silver;
}
table tbody th {
  text-align: right;
}
table tbody td {
  border-left: 1px solid rgba(192, 192, 192, 0.3);
}
@media only screen and (max-width: 37.4375em) {
  table:not(.matrixQuestions) thead tr th {
    display: none;
  }
  table:not(.matrixQuestions) tbody {
    font-size: 0.9em;
  }
  table:not(.matrixQuestions) tbody tr th,
  table:not(.matrixQuestions) tbody tr td {
    display: block;
    text-align: right;
  }
  table:not(.matrixQuestions) tbody tr td {
    border: none;
    border-bottom: 1px solid #ccc;
  }
  table:not(.matrixQuestions) tbody tr td:before {
    content: attr(data-th);
    font-weight: 700;
    float: left;
  }
  table:not(.matrixQuestions) tbody tr td:first-child {
    background: var(--primary-brand-color);
  }
  .pers-set-tab-content table:not(.matrixQuestions) tbody tr td .fee-controls-form {
    float: none;
    width: auto;
    display: inline-block;
  }
}
@media only screen and (min-width: 3@spacing-gap-lg) and (max-width: 72.6em) {
  table:not(.matrixQuestions) thead tr th {
    display: none;
  }
  table:not(.matrixQuestions) tbody {
    font-size: 0.9em;
  }
  table:not(.matrixQuestions) tbody tr th,
  table:not(.matrixQuestions) tbody tr td {
    display: block;
    text-align: right;
  }
  table:not(.matrixQuestions) tbody tr td {
    border: none;
    border-bottom: 1px solid #ccc;
  }
  table:not(.matrixQuestions) tbody tr td:before {
    content: attr(data-th);
    font-weight: 700;
    float: left;
  }
  table:not(.matrixQuestions) tbody tr td:first-child {
    background: var(--primary-brand-color);
  }
  .pers-set-tab-content table:not(.matrixQuestions) tbody tr td .fee-controls-form {
    float: none;
    width: auto;
    display: inline-block;
  }
}
.main-content .type-textcontent p:first-of-type:not(:only-of-type) {
  font-weight: 500;
}
/*==== A:HREF BEHAVIOUR ====*/
/*
a[rel*="external"] {
	text-decoration:none;
	&:after {
		content:"\f08e";
		&:extend(.fonticon);
		margin-left:@space-px;
		color:@light-grey;
		vertical-align:top;
		font-size:90%;
		text-decoration:none;
	}
}
*/
.main-editor-output a[href*="//"]:not([href*="verseonecloud.com"]):not([href*="verseone.com"]):not([href*=".local"]):not([href*="twitter.com"]):not([href*="linkedin.com"]):not([href*="facebook.com"]):not([href*="instagram.com"]):after {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f08e";
  display: inline-block;
  margin: auto 0 auto 0.2em;
}
.cta-tertiary,
.cta-secondary,
.cta-primary,
.cta {
  all: unset;
  background: var(--secondary-brand-color);
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  border-radius: 5px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), inset 0 -4px 0px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
  transition: 0.2s ease-in-out;
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.9);
  padding: 20px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.cta-tertiary:hover,
.cta-secondary:hover,
.cta-primary:hover,
.cta:hover {
  text-decoration: underline;
  transform: translateY(-2px);
}
.cta-tertiary:focus-visible,
.cta-secondary:focus-visible,
.cta-primary:focus-visible,
.cta:focus-visible {
  background: yellow;
  color: black;
}
.cta-tertiary:active,
.cta-secondary:active,
.cta-primary:active,
.cta:active {
  background: color-mix(in srgb, var(--primary-brand-color) 80%, black);
}
.cta-tertiary *,
.cta-secondary *,
.cta-primary *,
.cta * {
  font-family: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}
.cta-tertiary.form-in-new-window:before,
.cta-secondary.form-in-new-window:before,
.cta-primary.form-in-new-window:before,
.cta.form-in-new-window:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ca";
  display: inline-block;
  margin-right: 0.4em;
}
.cta-tertiary + [class*="cta"],
.cta-secondary + [class*="cta"],
.cta-primary + [class*="cta"],
.cta + [class*="cta"] {
  margin-left: 2em;
}
.cta-tertiary {
  background: #ffffff;
  color: var(--secondary-brand-color);
  border-color: var(--secondary-brand-color) !important;
  box-shadow: 0 0 0 0 var(--secondary-brand-color), inset 0 -4px 0px 1px var(--secondary-brand-color), inset 0 1px 0 0 var(--secondary-brand-color);
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
button {
  all: unset;
  background: var(--secondary-brand-color);
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  border-radius: 5px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), inset 0 -4px 0px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
  transition: 0.2s ease-in-out;
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.9);
  padding: 20px;
  cursor: pointer;
  display: inline-block;
}
button:hover {
  text-decoration: underline;
  transform: translateY(-2px);
}
button:focus-visible {
  background: yellow;
  color: black;
}
button:active {
  background: color-mix(in srgb, var(--primary-brand-color) 80%, black);
}
button.actn-secondary {
  all: unset;
  background: var(--secondary-brand-color);
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  border-radius: 5px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), inset 0 -4px 0px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
  transition: 0.2s ease-in-out;
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.9);
  padding: 20px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  z-index: 2;
  background: #ffffff;
  color: var(--secondary-brand-color);
  border-color: var(--secondary-brand-color) !important;
  box-shadow: 0 0 0 0 var(--secondary-brand-color), inset 0 -4px 0px 1px var(--secondary-brand-color), inset 0 1px 0 0 var(--secondary-brand-color);
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
button.actn-secondary:hover {
  text-decoration: underline;
  transform: translateY(-2px);
}
button.actn-secondary:focus-visible {
  background: yellow;
  color: black;
}
button.actn-secondary:active {
  background: color-mix(in srgb, var(--primary-brand-color) 80%, black);
}
button.actn-secondary * {
  font-family: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}
button.actn-secondary.form-in-new-window:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ca";
  display: inline-block;
  margin-right: 0.4em;
}
button.actn-secondary + [class*="cta"] {
  margin-left: 2em;
}
.icn-btn {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0.4em 0.8em;
  color: var(--primary-brand-color);
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.icn-btn .btn-txt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.icn-btn .btn-txt .focusable:active,
.icn-btn .btn-txt .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.icn-btn:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0c9";
  display: inline-block;
  transition: 0.25s linear;
}
.site-header-row .header-controls {
  padding: 0.4em 0;
  margin: auto 0 auto 1.5rem;
  display: flex;
}
.site-header-row .header-controls .icn-btn {
  border: 2px solid var(--primary-brand-color);
  margin: auto 0 auto 0.8em;
  padding: 0.6em;
  line-height: 1;
  border-radius: 3em;
  font-size: 1em;
}
.site-header-row .header-controls .icn-btn:hover {
  border: 2px solid var(--primary-brand-color);
  background: var(--primary-brand-color);
}
.site-header-row .header-controls .actn-toggle-search {
  z-index: 11;
}
.site-header-row .header-controls .actn-toggle-search:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f002";
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  align-content: center;
}
.site-header-row .header-controls .actn-toggle-mobile-menu {
  display: none;
}
.site-header-row .header-controls .actn-toggle-mobile-menu:before {
  width: 16px;
  height: 16px;
  text-align: center;
  align-content: center;
}
@media only screen and (min-width: 3@spacing-gap-lg) and (max-width: 72.6em) {
  .site-header-row .header-controls .actn-toggle-mobile-menu {
    display: inline-block;
  }
}
@media only screen and (max-width: 37.4375em) {
  .site-header-row .header-controls .actn-toggle-mobile-menu {
    display: inline-block;
  }
}
.site-header-row .header-controls .actn-toggle-mobile-menu.menu-open:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00d";
  display: inline-block;
}
@media only screen and (min-width: 3@spacing-gap-lg) and (max-width: 72.6em) {
  .site-header-row .header-controls .site-header-row .placement-row-wrapper:has(.type-menuplacement) {
    background: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(5px) saturate(120%);
    backdrop-filter: blur(5px) saturate(120%);
    padding-top: 5.75rem;
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    height: 100%;
    transform: translateY(100%);
    transition: 0.25s linear;
  }
  .site-header-row .header-controls .site-header-row .placement-row-wrapper:has(.type-menuplacement) .menu {
    display: block;
    padding-left: 2em;
  }
  .mobile-menu-open .site-header-row .header-controls .site-header-row .placement-row-wrapper:has(.type-menuplacement) {
    transform: translateY(0);
    transition: 0.4s linear;
  }
}
@media only screen and (max-width: 37.4375em) {
  .site-header-row .header-controls .site-header-row .placement-row-wrapper:has(.type-menuplacement) {
    background: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(5px) saturate(120%);
    backdrop-filter: blur(5px) saturate(120%);
    padding-top: 5.75rem;
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    height: 100%;
    transform: translateY(100%);
    transition: 0.25s linear;
  }
  .site-header-row .header-controls .site-header-row .placement-row-wrapper:has(.type-menuplacement) .menu {
    display: block;
    padding-left: 2em;
  }
  .mobile-menu-open .site-header-row .header-controls .site-header-row .placement-row-wrapper:has(.type-menuplacement) {
    transform: translateY(0);
    transition: 0.4s linear;
  }
}
.search-menu-open .site-header-row .header-controls .actn-toggle-search:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00d";
  display: inline-block;
}
/*==== COMMON IMAGES ====*/
/*-------- Image Paths --------*/
/*-------- Image Units --------*/
img {
  max-width: 100%;
  height: auto;
}
.main-editor-output img {
  max-width: 100%;
  height: auto;
}
.main-editor-output img + img {
  margin-left: 1.25em;
}
.main-editor-output .content-image-aligned-left {
  float: left;
  margin: 0.6em 3rem 1.2em -3rem !important;
  padding: 0 !important;
}
.main-editor-output .content-image-aligned-right {
  float: right;
  margin: 0.6em -3rem 1.6em 3rem !important;
  padding: 0 !important;
}
iframe {
  display: block;
  margin: 0 auto;
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*==== COMMON TEXTURES ====*/
@keyframes animate-grad {
  from {
    background-position-x: 0;
  }
  to {
    background-position: 100%;
  }
}
/*==== FORM AND INPUT ELEMENTS ====*/
fieldset {
  margin: 0.8em 0;
  border: 1px solid silver;
  border-radius: 8px;
}
legend {
  font-weight: 700;
  padding: 0 0.4em;
}
input[type="submit"] {
  all: unset;
  background: var(--secondary-brand-color);
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  border-radius: 5px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), inset 0 -4px 0px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
  transition: 0.2s ease-in-out;
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.9);
  padding: 20px;
  cursor: pointer;
  display: inline-block;
  box-shadow: none;
}
input[type="submit"]:hover {
  text-decoration: underline;
  transform: translateY(-2px);
}
input[type="submit"]:focus-visible {
  background: yellow;
  color: black;
}
input[type="submit"]:active {
  background: color-mix(in srgb, var(--primary-brand-color) 80%, black);
}
/*==== MIXINS CAN SIT FURTHER DOWN THE FILE ====*/
[placeholder]:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease;
  opacity: 0;
}
:-moz-placeholder {
  color: #666666;
}
::-moz-placeholder {
  color: #666666;
}
:-ms-input-placeholder {
  color: #666666;
}
::-webkit-input-placeholder {
  color: #666666;
}
.color1 .content-headline h2 {
  color: var(--primary-brand-color);
}
.color2 .content-headline h2 {
  color: var(--primary-brand-color);
}
select {
  box-sizing: border-box;
  margin-right: 1em;
  padding: 8px;
  background: #fbfaff;
  border-radius: 4px;
  border: 1px solid var(--accent-color);
  border-radius: 8px;
}
select:only-of-type {
  width: 100%;
}
textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 0.6em;
  padding: 16px 24px;
  background: #fbfaff;
  border: 2px solid var(--accent-color);
  border-radius: 40px;
  padding: 0.4em;
  border-radius: 8px;
}
textarea:hover,
textarea:focus {
  outline: none;
}
textarea:required {
  background: rgba(239, 71, 111, 0.1);
}
textarea:invalid {
  background: rgba(239, 71, 111, 0.05);
}
input[type="text"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="time"] {
  box-sizing: border-box;
  width: 100%;
  padding: 0.6em;
  padding: 16px 24px;
  background: #fbfaff;
  border: 2px solid var(--accent-color);
  border-radius: 40px;
}
input[type="text"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
input[type="email"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="time"]:hover,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="time"]:focus {
  outline: none;
}
input[type="text"]:required,
input[type="search"]:required,
input[type="password"]:required,
input[type="tel"]:required,
input[type="url"]:required,
input[type="email"]:required,
input[type="date"]:required,
input[type="datetime"]:required,
input[type="datetime-local"]:required,
input[type="time"]:required {
  background: rgba(239, 71, 111, 0.1);
}
input[type="text"]:invalid,
input[type="search"]:invalid,
input[type="password"]:invalid,
input[type="tel"]:invalid,
input[type="url"]:invalid,
input[type="email"]:invalid,
input[type="date"]:invalid,
input[type="datetime"]:invalid,
input[type="datetime-local"]:invalid,
input[type="time"]:invalid {
  background: rgba(239, 71, 111, 0.05);
}
/*==== GENERALISED COMPONENTS, e.g. placeholder panel styles ====*/
/*==== New Accordion and Toggle Elements: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/details ====*/
details {
  max-width: 44em;
  margin-left: auto;
  margin-right: auto;
  background: rgb(from var(--primary-brand-color) r g b / 0.04);
  border: 1px solid var(--primary-brand-color);
  border-radius: 5px;
  padding: 0.8rem 1.6rem 0 1.6rem;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  overflow: hidden;
  font-family: "Inter", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6;
}
details + details {
  margin-top: 0.8em;
}
details:last-of-type {
  margin-bottom: 1.6em;
}
details > summary {
  font-family: "Inter", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 1.6;
  cursor: pointer;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
  background: rgb(from var(--primary-brand-color) r g b / 0.1);
  border-bottom: 1px solid var(--primary-brand-color);
  border-radius: 5px 5px 0 0;
  padding: 0.8em 0.8em;
  margin: -0.8rem -1.6rem 0 -1.6rem;
}
details > summary:hover {
  background: rgb(from var(--primary-brand-color) r g b / 0.2);
}
details > summary + div {
  max-height: 0;
  transition: max-height 0.4s linear;
}
details:open > summary + div,
details[open] > summary + div {
  transition: max-height 0.4s ease-out;
  max-height: 15em;
}
details:not([open]) > summary + div {
  max-height: 0;
  transition: max-height 0.4s linear;
}
.menu .menu-item,
.menu .list-content-item {
  overflow: hidden;
}
.menu .menu-item.case-study-new:before,
.menu .list-content-item.case-study-new:before {
  content: "Fresh Case Study";
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.75em;
  position: absolute;
  top: 0;
  right: 50%;
  transform: translateX(50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  padding: 8px;
  color: #ffffff;
  background: #49C0D8;
  border: 1px solid #49C0D8;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 0 0 4px 4px;
}
.single-content .header-group .subhead,
.list-content .header-group .subhead {
  display: inline-block;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: var(--subhead-color);
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.single-content .header-group h2,
.list-content .header-group h2,
.single-content .header-group h3,
.list-content .header-group h3 {
  margin-top: 0.4em;
}
.slider li .header-group .subhead {
  display: inline-block;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: var(--subhead-color);
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.slider li .header-group h2,
.slider li .header-group h3 {
  margin-top: 0.4em;
}
.favourite-container {
  font-size: 1rem;
}
.favourite-container .favourite-object {
  font-size: 1.2em;
}
.favourite-icon-wrap {
  float: right;
  display: inline-block;
  font-size: 1rem;
}
.favourite-icon-wrap .favourite-object {
  display: inline-block;
  padding: 0 0.4em;
}
.favourite-icon-wrap .favourite-object:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f08a";
  display: inline-block;
  color: rgba(31, 31, 31, 0.35);
}
.favourite-icon-wrap .favourite-object:hover:before,
.favourite-icon-wrap .favourite-object:focus:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f004";
  display: inline-block;
  color: #ffd166;
}
.favourite-icon-wrap .favourite-object.unfavourite-this:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f004";
  display: inline-block;
  color: #ffd166;
}
.favourite-icon-wrap .favourite-object.unfavourite-this:hover:before,
.favourite-icon-wrap .favourite-object.unfavourite-this:focus:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f08a";
  display: inline-block;
  color: #1f1f1f;
}
.favourite-icon-wrap .favourite-object.favourite-page:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f097";
  display: inline-block;
  color: rgba(31, 31, 31, 0.6);
}
.favourite-icon-wrap .favourite-object.favourite-page:hover:before,
.favourite-icon-wrap .favourite-object.favourite-page:focus:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02e";
  display: inline-block;
  color: #ffd166;
}
.favourite-icon-wrap .favourite-object.favourite-page.unfavourite-this:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02e";
  display: inline-block;
  color: #ffd166;
}
.favourite-icon-wrap .favourite-object.favourite-page.unfavourite-this:hover:before,
.favourite-icon-wrap .favourite-object.favourite-page.unfavourite-this:focus:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f097";
  display: inline-block;
  color: #1f1f1f;
}
.no-headline .content-headline {
  display: none;
}
.DatetimeField {
  position: relative;
}
.ui-datetime {
  position: absolute;
  width: 34em;
  max-width: 100%;
  top: auto;
  left: 0;
  margin-top: 3px;
  background: white;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
  padding: 0.8em 1.2em;
  font-size: 0.6em;
  display: flex;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
}
.ui-datetime table {
  border: 1px solid #858585;
  min-height: 200px;
}
.ui-datetime table th {
  background: var(--primary-brand-color);
  border: 1px solid color-mix(in srgb, var(--primary-brand-color) 50%, black);
}
.ui-datetime table th,
.ui-datetime table td {
  text-align: center;
  padding: 0.8em 0;
}
.ui-datetime table td {
  border: 1px solid #858585;
  background: white;
  padding: 0;
}
.ui-datetime table td.ui-datetime-unselectable {
  color: rgba(31, 31, 31, 0.4);
  background: rgba(31, 31, 31, 0.1);
}
.ui-datetime table td a {
  display: block;
  padding: 0.4em;
  text-decoration: none;
}
.ui-datetime table td a:hover {
  background: var(--primary-brand-color);
  color: contrast(var(--primary-brand-color), #1f1f1f, white);
}
.ui-datetime .ui-datetime-calendar {
  flex: 4 4 20em;
  width: auto !important;
}
.ui-datetime .ui-datetime-clock {
  flex: 1 1 5em;
  height: 100% !important;
  margin-left: 1.2em !important;
}
.ui-datetime .ui-datetime-clock .ui-datetime-time {
  font-weight: 700;
}
.ui-datetime .ui-datetime-calendar-all .ui-datetime-header .ui-datetime-month {
  font-weight: 700;
}
.ui-datetime .ui-datetime-slider-hour,
.ui-datetime .ui-datetime-slider-mins {
  padding: 0;
}
.ui-datetime .ui-datetime-slider {
  margin: 0.4em auto;
  width: 8px;
  background: rgba(31, 31, 31, 0.1);
  border: 1px solid rgba(31, 31, 31, 0.15);
  position: relative;
  border-radius: 4px;
}
.ui-datetime .ui-datetime-slider .ui-datetime-slider-handle {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid var(--primary-brand-color);
  background: color-mix(in srgb, var(--primary-brand-color) 80%, white);
  border-radius: 16px;
  margin: -1px 0 -1px -6px;
  padding: 0;
}
.ui-datetime .ui-datetime-slider .ui-datetime-slider-handle:hover {
  background: color-mix(in srgb, var(--primary-brand-color) 70%, white);
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4);
}
.ui-datetime .ui-datetime-slider .ui-datetime-slider-handle:active {
  background: color-mix(in srgb, var(--primary-brand-color) 50%, white);
}
.ui-datetime a {
  cursor: pointer;
}
.ui-datetime table {
  margin: 0;
  table-layout: fixed;
}
.ui-datetime .ui-datetime-title {
  text-align: center;
  padding: 0.4em 0;
}
.ui-datetime .ui-datetime-prev {
  float: left;
}
.ui-datetime .ui-datetime-next {
  float: right;
}
.page-placement.intro-text {
  text-align: center;
}
.page-placement.type-droplet {
  max-width: 100%;
}
/*
li:first-child:nth-last-child(1) {
	width: 100%;
}
*/
/*
li:first-child:nth-last-child(2),
li:first-child:nth-last-child(2) ~ li {
	width: 50%;
}
*/
/*
li:first-child:nth-last-child(3),
li:first-child:nth-last-child(3) ~ li {
	width: 33.3333%;
}
*/
.system-dialog {
  position: fixed;
  top: -100vh;
  border: 1px solid silver;
  padding: 0.8em 1.6em;
  margin: auto;
  min-width: 10em;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
  transition: 0.4s linear;
  z-index: 999999;
}
.system-dialog.system-dialog-open {
  top: 50vh;
  transform: translateY(-50%);
  transition: 0.25s linear;
}
.system-dialog:backdrop {
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(5px) saturate(120%);
          backdrop-filter: blur(5px) saturate(120%);
}
/*==== ANIMATIONS ====*/
@keyframes fly-in-left {
  to {
    left: 10%;
  }
}
@keyframes banner-color-cycle {
  0% {
    background: hsl(0, 100%, 40%);
  }
  18% {
    background: hsl(20, 100%, 40%);
  }
  20% {
    background: hsl(45, 100%, 40%);
  }
  40% {
    background: hsl(90, 70%, 40%);
  }
  45% {
    background: hsl(135, 100%, 40%);
  }
  50% {
    background: hsl(180, 100%, 40%);
  }
  62.5% {
    background: hsl(225, 80%, 50%);
  }
  75% {
    background: hsl(270, 80%, 50%);
  }
  87.5% {
    background: hsl(315, 80%, 50%);
  }
  100% {
    background: hsl(0, 80%, 50%);
  }
}
@keyframes now-visible {
  60% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes scale-up {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
/*==== ICONS SHOULD ALL BE STATED IN THIS FILE ====*/
/*======== IMPORT 02-SITE-STRUCTURE ========*/
/*==== SET MAIN VARIABLES TO CONTROL PAGE STRUCTURE ====*/
/*==== Footer ====*/
/*==== Typography ====*/
/*==== Components ====*/
/* === Modules ====*/
.site-header-row + [class^="site-"],
.site-header-row + [class^="main-"] {
  padding-top: 5.75rem;
}
.js-enabled .main-content {
  opacity: 0;
}
.page-loaded .main-content {
  opacity: 1;
  transition: 0.5s ease-in;
}
.site-footer-row .placement-row-1-up .placement-inner,
.site-content-top-row .placement-row-1-up .placement-inner,
.site-content-bottom-row .placement-row-1-up .placement-inner {
  max-width: 72.1875rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.1875rem;
  padding-right: 2.1875rem;
}
.placement-row:not(.placement-row-1-up) {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2.1875rem;
       column-gap: 2.1875rem;
  row-gap: 3.75rem;
  margin-inline: auto;
  max-width: 72.1875rem;
  padding-left: 2.1875rem;
  padding-right: 2.1875rem;
  height: 100%;
}
.placement-row:not(.placement-row-1-up) .page-placement {
  flex: 1 0 18em;
}
@media only screen and (max-width: 37.4375em) {
  .placement-row:not(.placement-row-1-up) .page-placement {
    flex-basis: 100%;
  }
}
.main-cols-container {
  display: grid;
  -moz-column-gap: 2.1875rem;
       column-gap: 2.1875rem;
  width: 100%;
  margin-inline: auto;
  max-width: 85.625rem;
  padding-left: 2.1875rem;
  padding-right: 2.1875rem;
}
.main-cols-container .placement-row {
  padding-left: 0;
  padding-right: 0;
}
.layout_0_0 .main-cols-container {
  grid-template-columns: 1fr;
}
.layout_1_0 .main-cols-container {
  grid-template-columns: 14rem 1fr;
}
.layout_0_1 .main-cols-container {
  grid-template-columns: 1fr 14rem;
}
.layout_1_1 .main-cols-container {
  grid-template-columns: 14rem 1fr 14rem;
}
.main-cols-container .col.left {
  order: 1;
}
.main-cols-container .wrapper {
  order: 2;
  min-width: 0;
}
.main-cols-container .col.right {
  order: 3;
}
.main-cols-container .col {
  position: relative;
}
.main-cols-container .col:after,
.main-cols-container .col:before {
  content: "";
  position: absolute;
  background-color: rgba(66, 62, 55, 0.1);
  z-index: 1;
  inline-size: 1px;
  block-size: 100%;
  inset-block-start: 0;
  inset-inline-start: calc((2.1875rem / 2) * -1);
}
.main-cols-container .col:after {
  inset-inline-start: auto;
  inset-inline-end: calc((2.1875rem / 2) * -1);
}
.main-cols-container .col.left:before {
  content: none;
}
.main-cols-container .col.right:after {
  content: none;
}
@media only screen and (max-width: 72.6em) {
  #container .main-cols-container {
    grid-template-columns: 1fr;
  }
  #container .main-cols-container .wrapper {
    order: -1;
  }
  #container .main-cols-container .col:after,
  #container .main-cols-container .col:before {
    content: none;
  }
}
.placement-row-wrapper {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}
.placement-row-wrapper:has(.banner, .theme-background, .video-banner, .fw-carousel, .type-recurringeventsearch) {
  margin-bottom: 0;
  margin-top: 0;
}
.placement-row-wrapper:has(
    .text-image-half-split,
    .awards-list,
    .type-menuplacement,
    .flip-cards,
    .example-sites,
    .type-blogsminilist,
    .recurring-event-item:only-child
  ) {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
}
@media only screen and (max-width: 72.6em) {
  .placement-row-wrapper:has(
    .text-image-half-split,
    .awards-list,
    .type-menuplacement,
    .flip-cards,
    .example-sites,
    .type-blogsminilist,
    .recurring-event-item:only-child
  ) {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }
}
.col .placement-row-wrapper {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}
.site-content-top-row:has(+ .dynamic-cols-wrapper) .placement-row-wrapper:last-of-type {
  margin-bottom: 0;
}
/*==== ACCESSIBILITY BAR ====*/
#fontsizedown {
  background-image: url("../images/access-bar/textdown.png") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
#fontsizeup {
  background-image: url("../images/access-bar/textup.png") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
#webpagecontrast0 {
  background-image: url("../images/access-bar/contrast-normal.png") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
#webpagecontrast1 {
  background-image: url("../images/access-bar/contrast-soft.png") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
#webpagecontrast2 {
  background-image: url("../images/access-bar/contrast-high.png") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.container {
  width: 100%;
}
.container .accessibility-controls {
  display: none;
  font-size: 0.7rem;
  position: relative;
  z-index: 99;
  font-size: 0.8rem;
}
.container .accessibility-controls > .content-container {
  position: relative;
  padding-bottom: 0.4em;
  display: flex;
}
@media only screen and (max-width: 37.4375em) {
  .container .accessibility-controls {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.4em 1.5rem;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: 0.25s linear;
    display: none;
  }
  .mobile-menu-open.container .accessibility-controls {
    display: block;
    opacity: 1;
    transition: 0.3s linear;
  }
}
@media only screen and (min-width: 3@spacing-gap-lg) and (max-width: 72.6em) {
  .container .accessibility-controls {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.4em 1.5rem;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: 0.25s linear;
    display: none;
  }
  .mobile-menu-open.container .accessibility-controls {
    display: block;
    opacity: 1;
    transition: 0.3s linear;
  }
}
.container .accessibility-controls .placement-row-wrapper {
  margin-bottom: 0;
  padding: 0;
}
.container .accessibility-controls .placement-row-wrapper .placement-row {
  justify-content: flex-end;
}
.container .accessibility-controls .skip-links,
.container .accessibility-controls .accessbar {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  margin: 0.4em 0.4em 0 0;
}
.container .accessibility-controls .skip-links li,
.container .accessibility-controls .accessbar li {
  padding: 0;
  margin: 0;
}
.container .accessibility-controls .skip-links li,
.container .accessibility-controls .accessbar li {
  display: inline-block;
}
.container .accessibility-controls .skip-links li a,
.container .accessibility-controls .accessbar li a {
  border-left: none;
  margin-left: 0.4em;
  margin-right: 0.2em;
  color: rgba(255, 255, 255, 0.6);
}
.container .accessibility-controls .skip-links li:first-child,
.container .accessibility-controls .accessbar li:first-child {
  border: none;
}
.container .accessibility-controls .skip-links li:first-child a,
.container .accessibility-controls .accessbar li:first-child a {
  margin-left: 0;
}
.container .accessibility-controls .access-tools .access-options-label {
  display: inline-block;
  color: rgba(255, 255, 255, 0.6);
}
@media only screen and (max-width: 37.4375em) {
  .container .accessibility-controls .access-tools .access-options-label {
    color: rgba(255, 255, 255, 0.6);
  }
}
.container .accessibility-controls #change-textsize,
.container .accessibility-controls #change-contrast {
  display: inline-block;
}
.container .accessibility-controls #change-textsize input,
.container .accessibility-controls #change-contrast input {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  width: 1.4em;
  height: 1.4em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 1.4em;
  padding: 0;
  vertical-align: middle;
  margin: 0.2em;
}
.container .accessibility-controls #change-textsize input:before,
.container .accessibility-controls #change-contrast input:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.container .accessibility-controls .page-placement {
  margin-bottom: 0;
}
.container .accessibility-controls .page-placement.type-droplet .social-icons-wrap {
  font-size: 0.5rem;
  height: auto;
  padding: 0.4em 0 0.4em 3.6em;
  justify-content: flex-end;
  float: right;
  border-left: 2px solid #ddd;
  margin-top: 0.2em;
}
@media only screen and (max-width: 37.4375em) {
  .container .accessibility-controls .access-controls-wrapper {
    padding: 0.4em 0;
    text-align: center;
    flex: 1 1 auto;
  }
}
.container .accessibility-controls .type-menuplacement li {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.container .accessibility-controls .type-menuplacement a {
  color: rgba(255, 255, 255, 0.6);
}
.container .accessibility-controls .type-menuplacement .menu-placement-wrapper .menu.standard-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: right;
  font-size: 0.9em;
  padding-top: 0.4em;
}
.container .accessibility-controls .type-menuplacement .menu-placement-wrapper .menu.standard-list li {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 37.4375em) {
  .container .accessibility-controls .type-menuplacement .menu-placement-wrapper .menu.standard-list {
    text-align: center;
  }
}
@media only screen and (min-width: 3@spacing-gap-lg) and (max-width: 72.6em) {
  .container .accessibility-controls .type-menuplacement .menu-placement-wrapper .menu.standard-list {
    text-align: center;
  }
}
.container .accessibility-controls .type-menuplacement .menu-placement-wrapper .menu.standard-list li {
  display: inline-block;
  text-align: right;
  padding: 0 0.4em;
}
.container .accessibility-controls .type-menuplacement .menu-placement-wrapper .menu.standard-list li:first-child {
  border: none;
}
.container .accessibility-controls .type-menuplacement .menu-placement-wrapper .menu.standard-list li a {
  display: block;
  padding: 0.4em;
  line-height: 1;
}
.container .accessibility-controls .type-menuplacement .menu-placement-wrapper .menu.standard-list li a .main-link-text {
  display: block;
}
.menu-stuck #container .accessibility-controls li,
.menu-stuck #container .skip-links li {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.menu-stuck #container .accessibility-controls li a,
.menu-stuck #container .skip-links li a {
  color: rgba(0, 0, 0, 0.5);
}
.menu-stuck #container .accessibility-controls li a:visited,
.menu-stuck #container .skip-links li a:visited {
  text-decoration: none;
}
/*==== HEADER ====*/
.site-header-row {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  background-color: #ffffff;
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.site-header-row .site-header-row-inner {
  flex: 1 1 100%;
  margin-left: 3rem;
  margin-right: 3rem;
}
@media only screen and (max-width: 37.4375em) {
  .site-header-row .site-header-row-inner {
    margin: auto 1.5rem;
  }
}
.site-header-row .site-header-row-inner > .content-container {
  max-width: unset;
  display: flex;
  align-content: center;
  font-size: 0.9em;
  align-items: center;
  height: 100%;
}
@media only screen and (max-width: 37.4375em) {
  .site-header-row .site-header-row-inner > .content-container {
    gap: 1.5rem;
  }
}
.site-header-row .site-header-row-inner .logo-container {
  margin: auto 0;
  z-index: 2;
}
@media only screen and (min-width: 3@spacing-gap-lg) and (max-width: 72.6em) {
  .site-header-row .site-header-row-inner .logo-container .logo-wrapper {
    background-image: url("../images/main-logo/mob-logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 2.5em;
    height: 2.5em;
  }
  .site-header-row .site-header-row-inner .logo-container .logo-wrapper img {
    visibility: hidden;
  }
}
.site-header-row .site-header-row-inner .placement-row-wrapper {
  flex: 1 1 auto;
  margin-top: auto;
  margin-bottom: auto;
}
.site-header-row .logo-wrapper {
  margin: auto 0;
  display: block;
  width: 9em;
  width: clamp(9em, 10vw, 14em);
  min-height: 44px;
  align-content: center;
}
.site-header-row .logo-wrapper img {
  width: 100%;
  height: auto;
}
.site-header-row .placement-row-wrapper .placement-row {
  display: block;
}
.site-header-row .search-toggle-wrapper {
  display: flex;
  position: relative;
}
.site-header-row .search-toggle-wrapper form {
  position: absolute;
  top: -2px;
  left: auto;
  right: -2px;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
  width: 0;
  width: 2.5em;
  height: 2.5em;
  max-width: 48rem;
  z-index: 99;
  visibility: hidden;
}
.site-header-row .search-toggle-wrapper form .advanced-search {
  display: none;
}
.site-header-row .search-toggle-wrapper form label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.site-header-row .search-toggle-wrapper form label .focusable:active,
.site-header-row .search-toggle-wrapper form label .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.site-header-row .search-toggle-wrapper form input[type="search"] {
  background: #fbfaff;
  border-radius: 60px;
  padding: 0.6em;
  border: 4px solid var(--secondary-brand-color);
}
.site-header-row .search-toggle-wrapper form .submit-wrap {
  position: absolute;
  top: 2px;
  right: 1px;
  width: 3em;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-header-row .search-toggle-wrapper .actn-search {
  all: unset;
  width: 3em;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0 60px 60px 0;
  transition: background 0.2s ease-in-out;
}
.site-header-row .search-toggle-wrapper .actn-search:hover {
  background: var(--secondary-brand-color);
}
.site-header-row .search-toggle-wrapper .actn-search:hover:before {
  color: #ffffff;
}
.site-header-row .search-toggle-wrapper .actn-search:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f002";
  display: inline-block;
  color: var(--secondary-brand-color);
  font-size: 1.25em;
  position: absolute;
  pointer-events: none;
  transition: color 0.2s ease-in-out;
  right: 10px;
}
.site-header-row .search-toggle-wrapper .actn-search .btn-txt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.site-header-row .search-toggle-wrapper .actn-search .btn-txt .focusable:active,
.site-header-row .search-toggle-wrapper .actn-search .btn-txt .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.site-header-row .search-toggle-wrapper .search-toggle {
  background: none;
  box-shadow: none;
  padding: 0;
  border: 2px solid var(--secondary-brand-color);
  border-radius: 3em;
  width: 2.5em;
  height: 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0s 0.3s ease-in-out;
}
.site-header-row .search-toggle-wrapper .search-toggle:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f002";
  display: inline-block;
  color: var(--secondary-brand-color);
  font-size: 1.25em;
}
.site-header-row .search-toggle-wrapper .search-toggle .btn-txt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.site-header-row .search-toggle-wrapper .search-toggle .btn-txt .focusable:active,
.site-header-row .search-toggle-wrapper .search-toggle .btn-txt .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.site-header-row .search-toggle-wrapper.open form {
  width: 50vw;
  pointer-events: all;
  visibility: visible;
}
.site-header-row .search-toggle-wrapper.open .search-toggle {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
/*==== SITE BANNER ROW ====*/
.site-banner-row {
  background: var(--brand-gradient);
}
.js-enabled .site-banner-row {
  opacity: 0;
}
.page-loaded .site-banner-row {
  opacity: 1;
  transition: 0.5s ease-in;
}
.site-banner-row .content-container {
  max-width: 100%;
}
.site-banner-row .placement-row-wrapper {
  display: flex;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.site-banner-row .placement-row-wrapper .placement-row {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.site-banner-row .placement-row-wrapper .placement-row .page-placement {
  margin: 0;
}
.site-banner-row .placement-row-wrapper .placement-row .type-textcontent {
  background: rgba(255, 255, 255, 0.9);
  padding: 1.5rem;
  margin: 1.5rem auto;
  border-radius: 12px;
  max-width: 85.625rem;
  width: 100%;
  overflow: hidden;
}
.site-banner-row .placement-row-wrapper .placement-row .type-textcontent .flex-layout .metadata-info {
  display: none;
}
.site-banner-row .placement-row-wrapper .placement-row .content-main-image {
  max-height: 18em;
}
.site-banner-row .placement-row-wrapper .placement-row .text-column {
  margin-top: auto;
  margin-bottom: auto;
}
/*==== SITE BANNER ROW ====*/
.site-nav-row {
  padding: 0;
  margin: 0;
}
.site-nav-row .content-container {
  max-width: 100%;
  margin: 0;
}
.site-nav-row .content-container .placement-row-wrapper {
  margin: 0;
}
.site-nav-row .page-placement.type-slideshow .slider {
  min-height: 80dvh;
  flex: 100%;
  margin: 0;
}
.site-nav-row .page-placement.type-slideshow .slider .individual-slides {
  height: 100%;
  position: relative;
  margin: 0;
}
.site-nav-row .page-placement.type-slideshow .slider .individual-slides .slide-inner {
  max-width: 67.8125rem;
  position: static;
  margin: 0;
  flex: 0 0 100%;
  border-radius: 0;
  padding-bottom: 2.5rem;
}
.site-nav-row .page-placement.type-slideshow .slider .individual-slides .slide-img-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 100%;
  margin: 0;
}
.site-nav-row .page-placement.type-slideshow .slider .individual-slides .slide-img-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
}
.site-nav-row .page-placement.type-slideshow .slider .individual-slides .img-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.site-nav-row .page-placement.type-slideshow .slider .individual-slides .slide-text-container {
  -webkit-backdrop-filter: blur(8px) saturate(120%);
  backdrop-filter: blur(8px) saturate(120%);
  background: rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.8), 0 8px 24px rgba(0, 0, 0, 0.3);
  padding: 3rem 3rem 1.5rem 3rem;
  border-radius: 0.4em;
  width: clamp(100%, 40vw, 55ch);
  max-width: 55ch;
  font-size: 1.1em;
  font-weight: 400;
}
.accessibility-wrapper,
.language-wrapper {
  position: fixed;
  z-index: 8;
  left: -11.25em;
  transform: translateY(-50%);
  transition: left 0.2s 0.1s;
}
.accessibility-wrapper .language-toggle,
.language-wrapper .language-toggle {
  position: absolute;
  left: calc(100% - 2px);
  min-width: 15px;
}
.accessibility-wrapper.open,
.language-wrapper.open {
  left: 0;
}
.accessibility-wrapper .toggle-button,
.language-wrapper .toggle-button {
  position: absolute;
  left: calc(100% - 2px);
  top: 0;
}
.toggle-button {
  padding: 20px 10px 20px 14px;
  transform: none;
  background-color: #ffffff;
  color: #606060;
  box-shadow: none;
  border-radius: 0 4px 4px 0;
  border: 2px solid #000000;
  border-right: 4px solid #000000;
  border-left: none;
  transition: all 0.2s 0.1s;
  line-height: 1;
}
.js-enabled .toggle-button {
  opacity: 0;
}
.page-loaded .toggle-button {
  opacity: 1;
  transition: 0.5s ease-in;
}
@media only screen and (max-width: 72.6em) {
  .toggle-button {
    padding: 10px 20px 10px 20px;
  }
}
.toggle-button:hover {
  transform: none;
}
.toggle-button:hover span {
  text-decoration: underline;
}
.toggle-button span {
  writing-mode: sideways-lr;
}
.toggle-button .closed-text {
  display: none;
}
.toggle-button.open .open-text {
  display: none;
}
.toggle-button.open .closed-text {
  display: block;
}
.toggle-button.open .closed-text:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00d";
  display: inline-block;
  margin-top: 1em;
  font-weight: 300;
}
.toggle-button.hide {
  left: 0;
}
.chatbot-tools,
.accessibility-tools,
.language-select {
  background: #ffffff;
  border: 2px solid #000000;
  display: flex;
  width: 11.25em;
  flex-direction: column;
  max-height: 25em;
  overflow-y: auto;
  padding: 14px;
}
.chatbot-tools .toggle-container,
.accessibility-tools .toggle-container,
.language-select .toggle-container {
  visibility: hidden;
  transition: visibility 0.2s 0.1s;
}
.chatbot-tools a,
.accessibility-tools a,
.language-select a {
  color: #606060;
}
.chatbot-tools a:hover,
.accessibility-tools a:hover,
.language-select a:hover {
  text-decoration: underline;
}
.language-select {
  height: 25rem;
}
.language-wrapper.open .chatbot-tools .toggle-container,
.chatbot-wrapper.open .chatbot-tools .toggle-container,
.language-wrapper.open .language-select .toggle-container,
.chatbot-wrapper.open .language-select .toggle-container {
  visibility: visible;
}
.toggle-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  text-align: center;
  line-height: 1;
  margin-bottom: 1.25em;
  margin-top: 1.25em;
}
.language-wrapper {
  top: calc(50% + 10px);
}
@media only screen and (max-width: 72.6em) {
  .language-wrapper {
    display: none;
  }
}
.accessibility-wrapper {
  top: 40%;
}
.accessibility-toggle {
  border-radius: 0 35px 35px 0;
  padding: 10px;
}
@media only screen and (max-width: 37.4375em) {
  .accessibility-toggle {
    padding: 5px;
  }
}
.accessibility-toggle:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f29a";
  display: inline-block;
  display: flex;
  transform: rotate(90deg);
  font-size: 2em;
  writing-mode: sideways-lr;
}
@media only screen and (max-width: 37.4375em) {
  .accessibility-toggle:before {
    font-size: 1.5em;
  }
}
.accessibility-toggle.open {
  padding: 20px 10px 20px 14px;
  border-radius: 0 4px 4px 0;
}
.accessibility-toggle.open:before {
  content: none;
}
.accessibility-toggle .open-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.accessibility-toggle .open-text .focusable:active,
.accessibility-toggle .open-text .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.accessibility-dialog,
.accessibility-tools {
  padding: 0.625em;
}
.accessibility-dialog ol,
.accessibility-tools ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.accessibility-dialog ol li,
.accessibility-tools ol li {
  padding: 0;
  margin: 0;
}
.accessibility-dialog .skip-links,
.accessibility-tools .skip-links {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.accessibility-dialog .skip-links .accessibility-policy,
.accessibility-tools .skip-links .accessibility-policy,
.accessibility-dialog .skip-links .cookie-policy,
.accessibility-tools .skip-links .cookie-policy {
  display: none;
}
.accessibility-dialog .skip-links a,
.accessibility-tools .skip-links a {
  text-decoration: none;
  color: #606060;
}
.accessibility-dialog .skip-links a:hover,
.accessibility-tools .skip-links a:hover {
  text-decoration: underline;
}
.accessibility-dialog #accessbar,
.accessibility-tools #accessbar {
  margin-block: 1em;
}
.accessibility-dialog #accessbar #change-contrast,
.accessibility-tools #accessbar #change-contrast {
  display: flex;
  gap: 0.5em;
}
.accessibility-dialog #accessbar #change-contrast input,
.accessibility-tools #accessbar #change-contrast input {
  text-indent: -9999px;
  background-color: #0000;
  border: 0;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  padding: 0;
  box-shadow: none;
}
.accessibility-dialog #accessbar #change-contrast input#webpagecontrast0,
.accessibility-tools #accessbar #change-contrast input#webpagecontrast0 {
  border: 1px solid #005eb8;
  box-shadow: inset 0 0 0 2px #ffffff;
}
.accessibility-dialog #accessbar #change-contrast input#webpagecontrast1,
.accessibility-tools #accessbar #change-contrast input#webpagecontrast1 {
  border: 1px solid #000000;
  background-color: #a3a3a3;
}
.accessibility-dialog #accessbar #change-contrast input#webpagecontrast2,
.accessibility-tools #accessbar #change-contrast input#webpagecontrast2 {
  border: 1px solid #000000;
  background-color: #808080;
}
.chatbot-wrapper {
  position: fixed;
  right: -16em;
  top: 50%;
  transform: translateY(-50%);
  transition: right 0.2s 0.1s;
  z-index: 8;
}
@media only screen and (max-width: 72.6em) {
  .chatbot-wrapper {
    right: -4px;
    top: auto;
    bottom: -4px;
    transform: translateX(0%);
  }
  .chatbot-wrapper .chatbot-tools {
    display: none;
  }
}
@media only screen and (min-width: 3@spacing-gap-lg) and (max-width: 72.6em) {
  .chatbot-wrapper {
    top: 60%;
  }
}
.chatbot-wrapper.open {
  right: -2px;
}
.chatbot-wrapper .chatbot-toggle {
  writing-mode: sideways-rl;
  border-left: 2px solid #000000;
  border-right: none;
  position: absolute;
  right: calc(100% - 2px);
  top: 0;
  border-radius: 4px 0 0 4px;
  transition: all 0.2s 0.1s;
}
.chatbot-wrapper .chatbot-toggle span {
  writing-mode: sideways-rl;
}
@media only screen and (max-width: 72.6em) {
  .chatbot-wrapper .chatbot-toggle {
    position: relative;
    border-right: 2px solid #000000;
    right: 30px;
  }
  .chatbot-wrapper .chatbot-toggle span {
    writing-mode: horizontal-tb;
  }
}
.chatbot-wrapper .chatbot-tools {
  width: 16em;
  min-height: 25em;
}
.chatbot-wrapper .content-panel {
  max-width: 11.5em;
  margin-inline: auto;
}
.chatbot-dialog .social-links,
.chatbot-wrapper .social-links {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  margin-top: 1.25em;
  justify-content: center;
  gap: 1.5em;
}
.chatbot-dialog .social-links li,
.chatbot-wrapper .social-links li {
  padding: 0;
  margin: 0;
}
.chatbot-dialog .social-links a,
.chatbot-wrapper .social-links a {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  background-color: #ef476f;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.chatbot-dialog .social-links a:before,
.chatbot-wrapper .social-links a:before {
  color: #ffffff;
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f09a";
  display: inline-block;
}
.chatbot-dialog .social-links a[href*="linkedin"]:before,
.chatbot-wrapper .social-links a[href*="linkedin"]:before {
  content: "\f0e1";
}
.chatbot-dialog .social-links a[href*="x.com"]:before,
.chatbot-wrapper .social-links a[href*="x.com"]:before {
  content: "\f167";
}
.chatbot-dialog .launch-support-call-wrap,
.chatbot-wrapper .launch-support-call-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}
.chatbot-dialog .launch-support-call-wrap .cta + .cta,
.chatbot-wrapper .launch-support-call-wrap .cta + .cta {
  margin-left: 0;
}
.chatbot-dialog .launch-support-call-wrap .cta,
.chatbot-wrapper .launch-support-call-wrap .cta {
  text-align: center;
  color: #ffffff;
  padding: 13px 10px;
}
.chatbot-dialog .app-credits,
.chatbot-wrapper .app-credits {
  margin-top: auto;
}
.chatbot-dialog .app-credits p,
.chatbot-wrapper .app-credits p {
  font-size: 0.75em;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.3125em;
}
.chatbot-dialog .app-credits p:before,
.chatbot-wrapper .app-credits p:before {
  content: url("../images/logos/vocol-support.svg");
  width: 40px;
  height: 40px;
}
.language-dialog,
.chatbot-dialog,
.accessibility-dialog {
  position: fixed;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  inset: 0;
  z-index: 9;
  border: none;
  background: #fbfaff;
}
.language-dialog.open,
.chatbot-dialog.open,
.accessibility-dialog.open {
  display: flex;
}
.language-dialog header,
.chatbot-dialog header,
.accessibility-dialog header {
  display: flex;
  align-items: center;
}
.dialog-close {
  border-radius: 50%;
  padding: 0;
  width: 2.5em;
  height: 2.5em;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog-close .closed-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.dialog-close .closed-text .focusable:active,
.dialog-close .closed-text .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.dialog-close:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00d";
  display: inline-block;
  color: #ffffff;
}
.chatbot-dialog .app-credits {
  margin-top: 2em;
}
.language-dialog header {
  margin-top: 8em;
}
.language-dialog .language-select-wrapper {
  max-height: calc(100vh - 70px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.utility-dialog header {
  position: relative;
}
.utility-dialog .dialog-close {
  position: absolute;
  right: -4.5em;
}
/*==== MAIN CONTENT STYLES ====*/
.main-content .site-content-top-row,
.main-content .site-article-footer-row {
  padding-bottom: 0.75rem;
}
.main-content .site-content-bottom-row {
  margin-bottom: 0.75rem;
}
.main-content .middle {
  min-height: 1px;
}
.main-article-area-7 > h2 {
  margin: 3rem;
}
.breadcrumb .breadcrumb-list {
  list-style-type: none;
  margin: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 0.8em;
  margin: 0.4em 0;
  color: #454545;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.breadcrumb .breadcrumb-list li {
  padding: 0;
  margin: 0;
}
.breadcrumb .breadcrumb-list .focusable:active,
.breadcrumb .breadcrumb-list .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.breadcrumb a {
  display: inline-block;
  margin-left: 0.4em;
  margin-right: 0.4em;
}
.breadcrumb .current {
  font-weight: 700;
}
.breadcrumb .favourite-icon-wrap {
  margin-left: auto;
  margin-top: -1.7em;
}
.breadcrumb .favourite-icon-wrap .favourite-object:before {
  font-size: 1.4em;
}
.page-utils-links-wrap {
  text-align: center;
}
.page-utils-links-wrap .page-utils {
  display: inline-block;
  margin: 0.4em 0.8em;
}
.page-utils-links-wrap .page-utils:hover {
  text-decoration: none;
}
.page-utils-links-wrap .page-utils:before {
  margin-right: 0.4em;
}
.page-utils-links-wrap .page-utils.ref-page-top:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0aa";
  display: inline-block;
}
.page-utils-links-wrap .page-utils.ref-print:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02f";
  display: inline-block;
}
.page-utils-links-wrap .page-utils.ref-email:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f064";
  display: inline-block;
}
.page-utils-links-wrap .page-utils.ref-sitemap:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0e8";
  display: inline-block;
}
.page-utils-links-wrap .page-utils.ref-contact:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f10b";
  display: inline-block;
}
.site-content-bottom-row .content-items-list:not(.text-content-collection) .list-content-item {
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(3px) saturate(120%);
          backdrop-filter: blur(3px) saturate(120%);
  border: none;
  box-shadow: 0 -1px 0 1px rgba(255, 255, 255, 0.5), -1px 0 0 1px rgba(255, 255, 255, 0.2), 1px 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 8px 24px 0 rgba(0, 0, 0, 0.5);
  border-radius: 1em;
  overflow: hidden;
}
.site-content-bottom-row .content-items-list:not(.text-content-collection) .list-content-item:hover {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 -1px 0 1px rgba(255, 255, 255, 0.5), -1px 0 0 1px rgba(255, 255, 255, 0.5), 1px 0 0 1px rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 22px 24px -16px rgba(0, 0, 0, 0.5);
}
/*==== FOOTER STRUCTURE ====*/
.site-footer-row {
  margin-top: auto;
  background: #062477;
  overflow: hidden;
}
.site-area-2 .site-footer-row {
  background: #003087;
}
.site-area-3 .site-footer-row {
  background: #6e3103;
}
.site-footer-row .site-footer {
  font-size: 0.8em;
  letter-spacing: 0.05em;
  color: #ffffff;
}
.site-footer-row .site-footer a {
  color: #ffffff;
}
.site-footer-row .site-footer .metadata-info {
  display: none;
}
.site-footer-row .site-footer .placement-row-wrapper {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.site-footer-row .site-footer .placement-row-wrapper:first-child {
  margin-top: 0;
}
.site-footer-row .site-footer .placement-row-wrapper:last-child {
  margin-top: 0;
}
.site-footer-row .site-footer .placement-row-wrapper .placement-row {
  gap: 3.75rem;
  row-gap: 1.875rem;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 72.6em) {
  .site-footer-row .site-footer .placement-row-wrapper .placement-row {
    flex-direction: column;
    padding-inline: 2.1875rem;
    text-align: center;
  }
  .site-footer-row .site-footer .placement-row-wrapper .placement-row .content-headline h2 {
    text-align: center;
  }
  #container .site-footer-row .site-footer .placement-row-wrapper .placement-row > div:first-child {
    margin-left: 0;
  }
}
.site-footer-row .site-footer .placement-row-wrapper .placement-row > div {
  padding-top: 3rem;
  flex: 1;
}
.site-footer-row .site-footer .placement-row-wrapper .placement-row > div:first-child {
  margin-left: max(2rem, calc(50vw - min(104rem, 100vw) / 2));
}
.site-footer-row .site-footer .placement-row-wrapper .placement-row:after {
  content: "";
  background-image: url("../images/assets/verseone-map.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: min(664px, 35%);
  margin-left: auto;
  background-position: top right;
}
.site-area-3 .site-footer-row .site-footer .placement-row-wrapper .placement-row:after {
  background-image: url("../images/assets/verseone-map-sh.png");
}
@media only screen and (max-width: 37.4375em) {
  .site-footer-row .site-footer .placement-row-wrapper .placement-row-3-up.placement-row-2 .last-child p {
    justify-self: center;
  }
}
.site-footer-row .site-footer .placement-row-wrapper .placement-row-3-up.placement-row-2 .last-child a {
  text-decoration: none;
}
.site-footer-row .site-footer .placement-row-wrapper .placement-row-3-up.placement-row-2 .last-child a:after {
  display: none;
}
.site-footer-row .site-footer .page-placement .content-headline {
  margin-top: 0;
}
.site-footer-row .site-footer .page-placement .content-headline h2 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1.2em;
  border: none;
  text-align: left;
}
.site-footer-row .site-footer .page-placement .main-editor-output h2,
.site-footer-row .site-footer .page-placement .main-editor-output h3 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-top: 0;
  font-size: 1.125rem;
}
.site-footer-row .site-footer .page-placement .main-editor-output p:has(a) {
  margin: 1rem 0;
}
.site-footer-row .site-footer .page-placement .menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.site-footer-row .site-footer .page-placement .menu li {
  padding: 0;
  margin: 0;
}
.site-footer-row .site-footer .page-placement .menu .menu-item a {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-weight: 600;
  display: block;
  padding: 0.8em;
  font-size: 1.125rem;
}
.site-footer-row .site-footer .page-placement .menu .menu-item:first-child a {
  padding-top: 0;
}
.site-footer-row .site-footer .site-credits-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-inline: 2.1875rem;
  background: #ffffff;
  padding-block: 2.5rem;
}
.site-footer-row .site-footer .site-credits-container a,
.site-footer-row .site-footer .site-credits-container p {
  color: #1f1f1f;
  margin: 0;
}
@media only screen and (max-width: 37.4375em) {
  .site-footer-row .site-footer .site-credits-container {
    justify-content: center;
  }
}
.site-footer-row .site-footer .site-credits-container .client-credits {
  flex: 1 1 auto;
}
@media only screen and (max-width: 37.4375em) {
  .site-footer-row .site-footer .site-credits-container .client-credits .customer-copyright {
    text-align: center;
  }
}
.site-footer-row .site-footer .site-credits-container .client-credits .customer-copyright:after {
  content: ". All rights reserved.";
}
.site-footer-row .site-footer .site-credits-container .verseone-credits {
  flex: 1 1 auto;
  text-align: right;
}
@media only screen and (max-width: 37.4375em) {
  .site-footer-row .site-footer .site-credits-container .verseone-credits .powered-by-verseone {
    text-align: center;
  }
}
.site-header-row .placement-row-wrapper {
  margin-inline: auto;
}
#container .site-header-row .placement-row-wrapper {
  display: block;
}
.site-header-row ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.site-header-row ol li {
  padding: 0;
  margin: 0;
}
.site-header-row .main-link-text {
  font-family: "Montserrat", sans-serif;
}
.site-header-row .icn-btn {
  padding: 0;
  display: none;
}
.site-header-row .icn-btn:before {
  content: none;
}
.site-header-row .menu {
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-enabled .site-header-row .menu {
  opacity: 0;
}
.page-loaded .site-header-row .menu {
  opacity: 1;
  transition: 0.5s ease-in;
}
.site-header-row .mobile-submenu-toggle {
  box-shadow: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1px solid var(--secondary-brand-color);
}
.site-header-row .mobile-submenu-toggle .button-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.site-header-row .mobile-submenu-toggle .button-text .focusable:active,
.site-header-row .mobile-submenu-toggle .button-text .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
@media only screen and (min-width: 72.6em) {
  .site-header-row .mobile-submenu-toggle {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    text-indent: -9999px;
    /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
  }
  .site-header-row .mobile-submenu-toggle .focusable:active,
  .site-header-row .mobile-submenu-toggle .focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }
  .site-header-row .mobile-submenu-toggle:focus {
    position: static;
    text-indent: 0;
    margin: 0;
    clip: auto;
    width: 1.5rem;
    height: 1.5rem;
  }
}
.site-header-row .mobile-submenu-toggle:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f078";
  display: inline-block;
  color: var(--secondary-brand-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-header-row .mobile-submenu-toggle[aria-expanded="true"] {
  transform: rotate(180deg);
}
.site-header-row .output-level-1 a {
  color: var(--secondary-brand-color);
}
.site-header-row .output-level-1 .menu-item-img {
  display: none;
}
.site-header-row .output-level-1 > .menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-header-row .output-level-1 > .menu-item > a {
  padding: 1.875rem;
  padding: 1.875rem clamp(1em, 1.5vw, 1.875rem);
  font-size: 1.25rem;
  font-weight: 800;
  text-decoration: none;
  display: block;
}
.site-header-row .output-level-1 > .menu-item > a .menu-item-desc {
  display: none;
}
.site-header-row .output-level-1 > .has-children > a {
  position: relative;
}
.site-header-row .output-level-1 > .has-children > a:before {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  bottom: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--accent-color);
  left: 50%;
  transition: all 0.25s linear;
  transform: translateX(-50%) scale(0);
}
@media only screen and (max-width: 72.6em) {
  .site-header-row .output-level-1 > .has-children > a:before {
    content: none;
  }
}
.site-header-row .output-level-1 > .has-children:has([aria-expanded="true"]) a:before {
  transform: translateX(-50%) scale(1);
}
.site-header-row .output-level-1 > .has-children:has([aria-expanded="true"]) .output-level-2 {
  display: grid;
}
.site-header-row .output-level-2 {
  display: none;
  grid-template-columns: repeat(2, 1fr);
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 40px 60px 80px;
  background: #fbfaff;
  border: 1px solid #8d8d8f;
  box-shadow: 0 4px 0 0 #8d8d8f, 0 8px 8px 0 #8d8d8f;
  border-radius: 8px;
  gap: 1rem;
  transform: translateY(16px);
}
.site-header-row .output-level-2.level-2-open {
  display: grid;
}
.site-header-row .output-level-2 .menu-item-desc {
  height: 0;
  opacity: 0;
  text-decoration: none;
  font-weight: 400;
  font-size: 1rem;
  color: #1f1f1f;
  transition: all 0.25s linear;
  flex-basis: 100%;
}
.site-header-row .output-level-2 a {
  font-size: 1.125rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  color: #1f1f1f;
  overflow: hidden;
  text-decoration: none;
}
.site-header-row .output-level-2 a .main-link-text {
  text-decoration: underline;
}
.site-header-row .output-level-2 a:hover {
  color: var(--primary-brand-color);
}
.site-header-row .output-level-2 a:hover .main-link-text {
  text-decoration: underline;
}
.site-header-row .output-level-2 a:hover .menu-item-desc {
  display: block;
  height: auto;
  opacity: 1;
}
@media only screen and (max-width: 72.6em) {
  .site-header-row .output-level-2 a:hover .menu-item-desc {
    display: none;
  }
}
.site-header-row .output-level-2 .menu-item-img {
  display: none;
}
.site-header-row .output-level-2:before {
  content: "";
  height: 16px;
  top: -16px;
  position: absolute;
  width: 100%;
}
@media only screen and (max-width: 72.6em) {
  .site-header-row {
    min-height: 5.75rem;
  }
  .site-header-row .menu .menu-item {
    position: relative;
    flex-wrap: wrap;
  }
  .site-header-row .menu .mobile-submenu-toggle {
    position: relative;
    right: -2rem;
  }
  .site-header-row .type-menuplacement {
    position: fixed;
    top: 5.75rem;
    right: 0;
    left: 0;
    height: 0;
    z-index: 1;
    background: #fbfaff;
    transform-origin: top center;
    transition: 0.4s ease-out;
    padding: 0 1.5rem;
    overflow: hidden;
  }
  .mobile-menu-open .site-header-row .type-menuplacement {
    transition: 0.25s ease-in;
    overflow-y: scroll;
    padding: 1.5rem;
    height: 100dvh;
  }
  .site-header-row .type-menuplacement .menu {
    display: block;
    text-align: center;
  }
  .site-header-row .type-menuplacement .menu.output-level-1 > li > a > .main-link-text {
    text-decoration: underline;
  }
  .site-header-row .type-menuplacement .menu .menu-item {
    margin: 1.5rem 0;
  }
  #container .site-header-row .type-menuplacement .menu .menu-item.has-children > a {
    margin-left: 26px;
  }
  .site-header-row .type-menuplacement .menu .menu-item .output-level-2 {
    padding: 0;
    transform: none;
    box-shadow: none;
    height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    position: relative;
    background: none;
    flex-basis: 100%;
    border: none;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
  }
  .site-header-row .type-menuplacement .menu .menu-item .output-level-2 > li {
    margin: 0.5rem 0;
  }
  .site-header-row .type-menuplacement .menu .menu-item .output-level-2 > li > a {
    text-decoration: none;
    justify-content: center;
  }
  .site-header-row .type-menuplacement .menu .menu-item .output-level-2 > li > a > .main-link-text {
    font-size: 1.125rem;
  }
  .site-header-row .type-menuplacement .menu .menu-item .level-2-open.output-level-2 {
    transform: none;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .site-header-row .type-menuplacement .menu .menu-item .level-2-open.output-level-2:after {
    display: none;
  }
  .site-header-row .type-menuplacement .output-level-1 > .menu-item > a {
    padding: 15px 10px;
  }
  .mobile-menu-open .site-header-row {
    background: #fbfaff;
  }
}
.site-header-row .menu-item-products .output-level-2 .menu-item-img {
  display: block;
  width: 60px;
}
.new-controls {
  display: flex;
  gap: 1.25em;
}
.js-enabled .new-controls {
  opacity: 0;
}
.page-loaded .new-controls {
  opacity: 1;
  transition: 0.5s ease-in;
}
.new-controls .icn-btn {
  display: none;
  width: 2.5em;
  height: 2.5em;
  border: 2px solid var(--secondary-brand-color);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.new-controls .icn-btn:before {
  color: var(--secondary-brand-color);
  font-size: 1.25rem;
  font-weight: 300;
}
@media only screen and (max-width: 72.6em) {
  .new-controls .icn-btn {
    display: flex;
  }
}
.new-controls .actn-toggle-language:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1ab";
  display: inline-block;
}
.new-controls .actn-toggle-mobile-menu:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0c9";
  display: inline-block;
}
.new-controls .actn-toggle-mobile-menu:hover {
  box-shadow: none;
}
.new-controls .actn-toggle-mobile-menu.menu-open {
  background: var(--secondary-brand-color);
}
.new-controls .actn-toggle-mobile-menu.menu-open:before {
  content: "\f00d";
  color: #fbfaff;
}
/*==== Pod Menu Items ====*/
.pod-menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid: auto-flow / repeat(auto-fit, minmax(min(19em, 100%), 1fr));
  gap: 5em;
  row-gap: 1.875rem;
}
.pod-menu li {
  padding: 0;
  margin: 0;
}
.pod-menu:has(.menu-pod:nth-child(2):last-child) {
  justify-content: center;
  gap: 2.1875em;
  grid: auto-flow / repeat(auto-fit, minmax(auto, 26em));
}
.pod-menu:has(.menu-pod:nth-child(2):last-child) .main-page-pod-link {
  background: #fbfaff;
}
@media only screen and (max-width: 37.4375em) {
  .pod-menu:has(.menu-pod:nth-child(2):last-child) {
    grid: auto-flow / repeat(auto-fit, minmax(min(100%, 26em), 1fr));
  }
}
.pod-menu .menu-pod {
  display: grid;
  position: relative;
  grid-template-areas: "top" "middle" "bottom";
  grid-template-rows: auto auto auto;
  grid-template-columns: auto;
  align-content: flex-start;
  transform-origin: center center;
  transition: 0.2s ease-in-out;
  background: #fbfaff;
  border: 1px solid var(--theme-tint);
  box-shadow: 0 4px 0 0 var(--theme-tint), 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  border: 1px solid var(--primary-brand-color);
  box-shadow: 0 4px 0 0 var(--primary-brand-color);
}
.pod-menu .menu-pod > h3 {
  margin: 0.4em 0;
}
.pod-menu .menu-pod > h3 > .subhead {
  font-size: 0.6em;
}
.pod-menu .menu-pod > h3 a {
  padding: 0.8rem;
}
.pod-menu .menu-pod .content-main-image {
  grid-area: top;
  padding: 0;
  margin: 0;
  height: 10em;
  overflow: hidden;
  opacity: 0.85;
  transition: 0.4s linear;
  border-radius: 1em 1em 0 0;
}
.pod-menu .menu-pod .content-main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.pod-menu .menu-pod a {
  text-decoration: none;
}
.pod-menu .menu-pod:hover {
  transform: translateY(-0.8em);
  transition: 0.2s ease-in-out;
}
.pod-menu .menu-pod:hover a {
  text-decoration: none;
}
.pod-menu .menu-pod:hover .content-main-image {
  opacity: 1;
  transition: 0.25s linear;
}
.pod-menu .menu-pod .main-page-pod-link {
  display: flex;
  flex-direction: column;
  padding: 0.8rem;
}
.pod-menu .menu-pod .main-page-pod-link .main-image-wrapper {
  height: 15em;
  overflow: hidden;
  margin: -0.8rem -0.8rem 0 -0.8rem;
}
.pod-menu .menu-pod .main-page-pod-link .main-image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.pod-menu .menu-pod .main-page-pod-link .pod-content .content-headline {
  font-size: 0.8em;
  position: relative;
}
.pod-menu .menu-pod .main-page-pod-link .pod-content .content-headline h2 {
  margin: 0.8em 0 1.2em 0;
  position: relative;
}
#container #main-page-content .pod-menu .menu-pod .main-page-pod-link .pod-content .content-headline h2 {
  font-size: 1.5em;
  border-bottom: none;
}
.pod-menu .menu-pod .main-page-pod-link .pod-content .content-headline h2:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 7.5rem;
  height: 1px;
  background-color: var(--accent-color);
}
.pod-menu .menu-pod .main-page-pod-link .pod-content .content-headline .title-text-wrap {
  color: var(--primary-brand-color);
}
.pod-menu .menu-pod .main-page-pod-link .pod-content .content-headline .menu-item-desc {
  text-align: center;
  color: #1f1f1f;
  font-family: "Inter", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6;
  font-size: 1.2em;
}
.pod-menu .menu-pod.icon-display .main-image-wrapper img {
  filter: contrast(0) brightness(200%);
  position: relative;
  z-index: 1;
}
.pod-menu .menu-pod.icon-display .main-page-pod-link:before {
  content: "";
  background-image: url("../images/menu/Lower-O_Purple-500.svg");
  background-repeat: no-repeat;
  background-size: 75% 150px;
  height: 100%;
  position: absolute;
  top: -30px;
  right: 0;
  left: 0;
  background-position: top center;
  transition: transform 0.3s ease-in-out;
}
.site-area-2 .pod-menu .menu-pod.icon-display .main-page-pod-link:before {
  background-image: url("../images/menu/Lower-O_NHS-500.svg");
}
.site-area-3 .pod-menu .menu-pod.icon-display .main-page-pod-link:before {
  background-image: url("../images/menu/Lower-O_SH-500.svg");
}
.pod-menu .menu-pod.icon-display:nth-child(2n) .main-page-pod-link:before {
  background-image: url("../images/menu/R-Counter_Purple-500.svg");
}
.site-area-2 .pod-menu .menu-pod.icon-display:nth-child(2n) .main-page-pod-link:before {
  background-image: url("../images/menu/R-Counter_NHS-500.svg");
}
.site-area-3 .pod-menu .menu-pod.icon-display:nth-child(2n) .main-page-pod-link:before {
  background-image: url("../images/menu/R-Counter_SH-500.svg");
}
.pod-menu .menu-pod.icon-display:nth-child(3n) .main-page-pod-link:before {
  background-image: url("../images/menu/Lower-V_Purple-500.svg");
}
.site-area-2 .pod-menu .menu-pod.icon-display:nth-child(3n) .main-page-pod-link:before {
  background-image: url("../images/menu/Lower-V_NHS-500.svg");
}
.site-area-3 .pod-menu .menu-pod.icon-display:nth-child(3n) .main-page-pod-link:before {
  background-image: url("../images/menu/Lower-V_SH-500.svg");
}
.pod-menu .menu-pod.icon-display:hover .main-page-pod-link:before {
  transform: scale(1.4);
}
.pod-menu .menu-pod .menu-pod-children-container {
  display: none;
}
.pod-menu .menu-pod.icon-display .main-image-wrapper {
  width: 3.375em;
  height: auto;
  margin: 0.8em auto 2.4em auto;
}
.pod-menu .menu-pod.icon-display .main-image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.main-content .menu-headline {
  font-size: 0.9em;
  margin-top: 0;
}
.main-content .menu-headline h2 {
  margin-bottom: 3.75rem;
}
.main-content .menu.standard-list,
.main-content .menu.description-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid: auto-flow / repeat(auto-fit, minmax(min(16em, 100%), 1fr));
  gap: 1.5rem;
  row-gap: 1.5rem;
}
.main-content .menu.standard-list li,
.main-content .menu.description-list li {
  padding: 0;
  margin: 0;
}
.main-content .menu.standard-list .menu-item,
.main-content .menu.description-list .menu-item {
  padding: 0;
  margin: 0;
  display: flex;
}
.main-content .menu.standard-list .menu-item > a,
.main-content .menu.description-list .menu-item > a {
  flex: 1 1 auto;
  display: grid;
  grid-template-areas: "img link" "img desc";
  grid-template-columns: 2.8em auto;
  grid-template-rows: auto auto;
  text-decoration: none;
  padding: 0.8em;
  border-radius: 0.4em;
}
.main-content .menu.standard-list .menu-item > a:hover,
.main-content .menu.description-list .menu-item > a:hover {
  background: rgb(from var(--primary-brand-color) r g b / 0.08);
}
.main-content .menu.standard-list .menu-item > a:hover .main-link-text,
.main-content .menu.description-list .menu-item > a:hover .main-link-text {
  text-decoration: underline;
}
.main-content .menu.standard-list .menu-item.icon-display .menu-item-img img,
.main-content .menu.description-list .menu-item.icon-display .menu-item-img img {
  wdith: 100%;
  height: auto;
}
.main-content .menu.standard-list .main-link-text,
.main-content .menu.description-list .main-link-text,
.main-content .menu.standard-list .menu-item-desc,
.main-content .menu.description-list .menu-item-desc {
  display: block;
}
.main-content .menu.standard-list .menu-item-img,
.main-content .menu.description-list .menu-item-img {
  grid-area: img;
  padding: 0.4em 0.8em 0.4em 0;
}
.main-content .menu.standard-list .menu-item-img img,
.main-content .menu.description-list .menu-item-img img {
  max-width: 100%;
  height: auto;
}
.main-content .menu.standard-list .main-image-wrapper,
.main-content .menu.description-list .main-image-wrapper {
  grid-area: img;
  padding: 0.4em 0.8em 0.4em 0;
}
.main-content .menu.standard-list .main-link-text,
.main-content .menu.description-list .main-link-text {
  grid-area: link;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.main-content .menu.standard-list .menu-item-desc,
.main-content .menu.description-list .menu-item-desc {
  grid-area: desc;
  font-size: 0.9em;
  line-height: 1.4;
  color: #1f1f1f;
}
.type-menuplacement:has(.menu.description-list .thumbnail-display) .placement-inner {
  max-width: 85.625rem;
}
.menu.description-list:has(.thumbnail-display) {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid: auto-flow / repeat(auto-fit, minmax(min(16em, 100%), 1fr));
  gap: 1.25rem;
  row-gap: 1.25rem;
}
.menu.description-list:has(.thumbnail-display) li {
  padding: 0;
  margin: 0;
}
.menu.description-list:has(.thumbnail-display) .menu-item {
  background: #fbfaff;
  border: 1px solid var(--theme-tint);
  box-shadow: 0 4px 0 0 var(--theme-tint), 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  position: relative;
  transition: 0.2s ease-in-out;
}
.menu.description-list:has(.thumbnail-display) .menu-item:hover {
  transform: translateY(-0.8em);
}
.menu.description-list:has(.thumbnail-display) .menu-item:hover a {
  background: none;
  text-decoration: none;
}
.menu.description-list:has(.thumbnail-display) .menu-item a {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.menu.description-list:has(.thumbnail-display) .menu-item .main-image-wrapper,
.menu.description-list:has(.thumbnail-display) .menu-item .menu-item-img {
  padding: 0;
  flex: 0 0 12.5em;
}
.menu.description-list:has(.thumbnail-display) .menu-item .main-image-wrapper img,
.menu.description-list:has(.thumbnail-display) .menu-item .menu-item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.menu.description-list:has(.thumbnail-display) .menu-item .main-link-text {
  text-decoration: underline;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  margin-top: 1rem;
  font-weight: 800;
  line-height: 1.2;
  color: var(--secondary-brand-color);
}
.menu.description-list:has(.thumbnail-display) .menu-item .menu-item-desc,
.menu.description-list:has(.thumbnail-display) .menu-item .main-link-text {
  padding-left: 1rem;
  padding-right: 1rem;
}
.menu.description-list:has(.thumbnail-display) .menu-item .menu-item-desc {
  padding-bottom: 1rem;
  font-size: 1rem;
  height: 100%;
  color: #606060;
  font-weight: 400;
  position: relative;
}
.menu.description-list:has(.thumbnail-display) .menu-item .menu-item-desc:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5em;
  background: linear-gradient(to bottom, rgba(251, 250, 255, 0), rgba(251, 250, 255, 0.8), #fbfaff);
}
/*======== IMPORT 03-STANDARD-ELEMENTS ========*/
/*==== SINGLE CONTENT ====*/
.content-item {
  position: relative;
}
.content-item .content-headline + .fee-controls-wrapper {
  position: absolute;
  right: 0;
  top: -0.8em;
}
.placement-row-1-up .type-textcontent .content-item-inner {
  max-width: 53.375em;
  margin-left: auto;
  margin-right: auto;
}
.placement-row-1-up .type-textcontent .content-item-inner:has(.content-main-image) {
  max-width: 100%;
}
.placement-row-1-up .type-textcontent .content-wrapper-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  gap: 3rem;
}
@media only screen and (max-width: 37.4375em) {
  .placement-row-1-up .type-textcontent .content-wrapper-inner {
    flex-direction: column;
  }
}
.placement-row-1-up .type-textcontent .content-wrapper-inner .content-main-image {
  flex: 1 1 10em;
  order: 2;
}
.placement-row-1-up .type-textcontent .content-wrapper-inner .content-main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
@media only screen and (max-width: 37.4375em) {
  .placement-row-1-up .type-textcontent .content-wrapper-inner .content-main-image {
    order: 1;
    width: 10em;
    height: 10em;
    border-radius: 20em;
    overflow: hidden;
    border: 4px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    margin: 0 auto;
  }
}
.placement-row-1-up .type-textcontent .content-wrapper-inner .main-editor-output {
  flex: 1 1 10em;
  order: 1;
}
.placement-row-1-up .type-textcontent.text-icon-image .content-main-image {
  max-width: 8em;
  margin: 0 3rem;
  order: 1;
}
.placement-row-1-up .type-textcontent.text-icon-image .content-main-image img {
  filter: brightness(20%);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top right;
     object-position: top right;
}
.placement-row-1-up .type-textcontent.text-icon-image .main-editor-output {
  order: 2;
}
.placement-row-1-up .type-textcontent .flex-layout {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  align-items: flex-start;
}
@media only screen and (max-width: 37.4375em) {
  .placement-row-1-up .type-textcontent .flex-layout {
    gap: 0.4em;
  }
}
.placement-row-1-up .type-textcontent .flex-layout .text-column {
  flex: 2 2 18em;
  max-width: 44em;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 37.4375em) {
  .placement-row-1-up .type-textcontent .flex-layout .text-column {
    order: 1;
  }
}
.placement-row-1-up .type-textcontent .flex-layout .content-main-image {
  flex: 1 1 9em;
  margin: 1.5rem 0.8em;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}
@media only screen and (max-width: 37.4375em) {
  .placement-row-1-up .type-textcontent .flex-layout .content-main-image {
    order: 0;
    margin: 0 3rem;
    flex: 1 1 auto;
  }
}
.placement-row-1-up .type-textcontent .flex-layout .content-main-image img {
  max-height: 24em;
}
.placement-row-1-up .type-textcontent .flex-layout .content-main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.placement-row-1-up .type-textcontent .flex-layout .metadata-info {
  flex: 1 0 100%;
  order: 2;
  font-size: 0.9em;
  font-weight: 700;
}
@media only screen and (max-width: 37.4375em) {
  .placement-row-1-up .type-textcontent .flex-layout .metadata-info {
    margin-top: 1.2em;
  }
}
.main-editor-output ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
  counter-reset: li;
}
.main-editor-output ol li {
  padding: 0;
  margin: 0;
}
.main-editor-output ol > li {
  margin: 0.4em 0 0.4em 2.5em;
  padding: 0.2em 0;
  display: inline-block;
}
.main-editor-output ol > li:before {
  counter-increment: li;
  content: counter(li);
  float: left;
  display: block;
  margin: 0 0 0 -2.5em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  background: var(--primary-brand-color);
  background: #84fab0;
  background: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
  color: white;
  font-weight: 700;
  text-align: center;
  border-radius: 50%;
}
.main-editor-output ol > li h3 {
  margin-top: 0.2em;
}
.main-editor-output ol > li p {
  margin: 0.26666667em 0;
}
.main-editor-output h3 {
  scroll-margin-top: 4rem;
  scroll-snap-margin: 4rem;
}
.main-editor-output h3 a {
  scroll-margin-top: 4rem;
  scroll-snap-margin: 4rem;
}
.placement-row-1-up .type-textcontent .main-editor-output ol {
  max-width: 100%;
  -moz-columns: 2 auto;
       columns: 2 auto;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
@media only screen and (max-width: 37.4375em) {
  .placement-row-1-up .type-textcontent .main-editor-output ol {
    -moz-columns: 1 auto;
         columns: 1 auto;
    display: flex;
    flex-wrap: wrap;
  }
  .placement-row-1-up .type-textcontent .main-editor-output ol li {
    flex: 1 1 18em;
    padding-left: 0.8em;
    padding-right: 0.8em;
  }
}
.type-droplet,
.type-textcontent {
  max-width: 100%;
}
.type-droplet iframe,
.type-textcontent iframe {
  margin-top: 1.6em;
  max-width: 100%;
}
.placement-row-wrapper:has(.type-textcontent):nth-child(even) .main-editor-output {
  order: 2;
}
.placement-row-wrapper:has(.type-textcontent):nth-child(even) .content-main-image {
  order: 1;
}
.placement-row-wrapper:has(.type-textcontent):nth-child(even) .flex-layout .text-column {
  order: 2;
}
@media only screen and (max-width: 37.4375em) {
  .placement-row-wrapper:has(.type-textcontent):nth-child(even) .flex-layout .text-column {
    order: 1;
  }
}
.solution-stats ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.solution-stats ul li {
  padding: 0;
  margin: 0;
}
.solution-stats ul li {
  position: relative;
  text-align: center;
  flex: 1 1 10em;
}
.solution-stats ul li:before {
  content: "";
  position: absolute;
  display: block;
  width: 10em;
  height: 10em;
  border-radius: 50%;
  left: 50%;
  margin-left: -5em;
  background: rgb(from var(--primary-brand-color) r g b / 0.2);
  z-index: 0;
}
.solution-stats ul li p {
  font-weight: 700;
  margin: 0.4em 1.5rem;
  position: relative;
  z-index: 1;
}
.solution-stats ul li strong {
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-size: 8em;
  display: block;
  color: var(--primary-brand-color);
  margin-bottom: -1.5rem;
}
/*==== DEFAULT CONTENT LIST STYLES ====*/
.template-navigation-link .back-to-blog-home:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f053";
  display: inline-block;
  margin-right: 0.4em;
}
.template-navigation-link .back-to-blog-home:hover {
  text-decoration: none;
}
.back-to-list {
  display: block;
  position: relative;
  margin: 0 0 0.8rem 0;
  border-bottom: 1px solid #ddd;
  font-size: 0.7em;
  font-weight: 700;
  transition: 0.4s ease;
  padding: 0.4em 0.8em 0.4em 2.4em;
}
.back-to-list:hover {
  background: var(--primary-brand-color);
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  border-color: var(--primary-brand-color);
  transition: 0.25s linear;
}
.back-to-list:before,
.back-to-list:after {
  background: var(--primary-brand-color);
  color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  bottom: -1px;
  padding: 0.4em;
  vertical-align: middle;
  line-height: 2;
}
.back-to-list:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f137";
  display: inline-block;
  margin-right: 0.4em;
  left: 0;
}
.content-items-list:not(.text-content-collection) {
  gap: 5em;
  row-gap: 1.875rem;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid: auto-flow / repeat(auto-fit, minmax(min(19em, 100%), 1fr));
  gap: 1.25rem;
  row-gap: 4.375rem;
}
.content-items-list:not(.text-content-collection) li {
  padding: 0;
  margin: 0;
}
.content-items-list:not(.text-content-collection) li {
  padding: 0;
  margin: 0;
}
.content-items-list:not(.text-content-collection) .list-content-item {
  display: grid;
  grid-template-areas: "top" "middle" "bottom";
  grid-template-rows: auto auto auto;
  grid-template-columns: auto;
  align-content: flex-start;
  transform-origin: center center;
  transition: 0.2s ease-in-out;
  background: #fbfaff;
  border: 1px solid var(--theme-tint);
  box-shadow: 0 4px 0 0 var(--theme-tint), 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  position: relative;
}
.content-items-list:not(.text-content-collection) .list-content-item > h3 {
  margin: 0.4em 0;
}
.content-items-list:not(.text-content-collection) .list-content-item > h3 > .subhead {
  font-size: 0.6em;
}
.content-items-list:not(.text-content-collection) .list-content-item > h3 a {
  padding: 0.8rem;
}
.content-items-list:not(.text-content-collection) .list-content-item .content-main-image {
  grid-area: top;
  padding: 0;
  margin: 0;
  height: 10em;
  overflow: hidden;
  opacity: 0.85;
  transition: 0.4s linear;
  border-radius: 1em 1em 0 0;
}
.content-items-list:not(.text-content-collection) .list-content-item .content-main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.content-items-list:not(.text-content-collection) .list-content-item a {
  text-decoration: none;
}
.content-items-list:not(.text-content-collection) .list-content-item:hover {
  transform: translateY(-0.8em);
  transition: 0.2s ease-in-out;
}
.content-items-list:not(.text-content-collection) .list-content-item:hover a {
  text-decoration: none;
}
.content-items-list:not(.text-content-collection) .list-content-item:hover .content-main-image {
  opacity: 1;
  transition: 0.25s linear;
}
.content-items-list:not(.text-content-collection) .list-content-item h3 {
  order: 2;
  font-size: 1.25rem;
  margin-bottom: 0.8em;
}
.content-items-list:not(.text-content-collection) .list-content-item h3 .subhead {
  position: relative;
  top: -0.6em;
}
.content-items-list:not(.text-content-collection) .list-content-item h3 a {
  display: block;
  text-decoration: underline;
}
.content-items-list:not(.text-content-collection) .list-content-item h3 a:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.content-items-list:not(.text-content-collection) .list-content-item .content-item-container > *:not(figure) {
  display: none;
}
.list-content .single-content .content-item-inner {
  max-width: 44em;
  margin-left: auto;
  margin-right: auto;
}
.list-content .single-content .content-item-inner:has(.content-main-image) {
  max-width: 100%;
}
.content-wrapper-paginator-options {
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size: 0.9em;
  margin: 2.4em 0 0.4em 0;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 37.4375em) {
  .content-wrapper-paginator-options {
    flex-wrap: wrap;
  }
}
.content-wrapper-paginator-options .page-nav-count .page-number {
  font-weight: 700;
}
.content-wrapper-paginator-options .page-nav-count .total-pages-number {
  font-weight: 700;
}
.content-wrapper-paginator-options .page-nav:before,
.content-wrapper-paginator-options .page-nav:after {
  transition: 0.3s ease;
}
.content-wrapper-paginator-options .page-nav:hover:before,
.content-wrapper-paginator-options .page-nav:hover:after {
  transition: 0.15s ease;
}
.content-wrapper-paginator-options .page-nav.goto-prev-page {
  margin-right: 0.8em;
}
.content-wrapper-paginator-options .page-nav.goto-prev-page:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f053";
  display: inline-block;
  transform: translateX(0);
}
.content-wrapper-paginator-options .page-nav.goto-prev-page:hover:before {
  transform: translateX(-0.4em);
}
.content-wrapper-paginator-options .page-nav.goto-next-page {
  margin-left: 0.8em;
}
.content-wrapper-paginator-options .page-nav.goto-next-page:after {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f054";
  display: inline-block;
  transform: translateX(0);
}
.content-wrapper-paginator-options .page-nav.goto-next-page:hover:after {
  transform: translateX(0.4em);
}
.content-wrapper-paginator-options .results-totals-count {
  margin-left: auto;
}
.content-wrapper-paginator-options .results-totals-count .total-results {
  font-weight: 700;
}
.content-wrapper-paginator-options .pagination-item {
  margin: auto 0.8em;
}
.content-wrapper-paginator-options .pagination-item .btn {
  background: none;
  text-decoration: underline;
  padding: 0;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  color: #0137AF;
}
.content-wrapper-paginator-options .pagination-item .btn:hover {
  color: #0137AF;
  background: rgba(1, 55, 175, 0.05);
  text-decoration: none;
  transform: none;
  box-shadow: none;
}
/*==== Content Collection: CM, 04/06/2025 ====*/
.type-contentcollection .content-collection-wrapper .content-headline {
  text-align: center;
  margin-bottom: 0.8em;
}
.type-contentcollection .content-collection-wrapper .content-headline p {
  font-family: "Inter", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6;
}
.type-contentcollection .text-content-collection {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid: auto-flow / repeat(auto-fit, minmax(min(18em, 100%), 1fr));
  gap: 4.5rem;
  row-gap: 1.5rem;
  margin: 3rem 0;
  font-size: 0.8em;
}
.type-contentcollection .text-content-collection li {
  padding: 0;
  margin: 0;
}
.type-contentcollection .text-content-collection .list-content-item {
  position: relative;
}
.type-contentcollection .text-content-collection .list-content-item .content-main-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 2em;
  width: auto;
  grid-area: top;
}
.type-contentcollection .text-content-collection .list-content-item .content-main-image:before {
  content: "";
  display: block;
  width: 4em;
  height: 4em;
  background: rgb(from var(--primary-brand-color) r g b / 0.1);
  border-radius: 50%;
  position: absolute;
  top: -1em;
  left: -1em;
}
.type-contentcollection .text-content-collection .list-content-item .content-main-image img {
  height: 100%;
  width: auto;
}
.type-contentcollection .text-content-collection .list-content-item .item-headline {
  font-size: 0.7em;
}
.type-contentcollection .text-content-collection .list-content-item .item-headline h3 {
  line-height: 1.1;
  margin: 0.4em 0 0.8em 0;
}
.type-contentcollection .text-content-collection .list-content-item .content-wrapper-inner p:first-of-type {
  font-family: "Inter", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.6;
}
.type-contentcollection .text-content-collection .list-content-item:has(.content-main-image) .item-headline {
  padding-top: 3.5em;
}
.type-contentcollection .text-content-collection .list-content-item:has(.content-main-image) .item-headline h3 {
  margin: 0.8em 0 0.8em 0;
}
.type-contentcollection.cc-larger-images .text-content-collection {
  font-size: 1em;
}
.type-contentcollection.cc-larger-images .text-content-collection .list-content-item {
  position: relative;
}
.type-contentcollection.cc-larger-images .text-content-collection .list-content-item .content-main-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 6em;
  width: auto;
  grid-area: top;
}
.type-contentcollection.cc-larger-images .text-content-collection .list-content-item .content-main-image:before {
  content: "";
  display: block;
  width: 12em;
  height: 12em;
  background: rgb(from var(--primary-brand-color) r g b / 0.1);
  border-radius: 50%;
  position: absolute;
  top: -3em;
  left: -3em;
}
.type-contentcollection.cc-larger-images .text-content-collection .list-content-item .content-main-image img {
  height: 100%;
  width: auto;
}
.type-contentcollection.cc-larger-images .text-content-collection .list-content-item .item-headline {
  font-size: 0.7em;
}
.type-contentcollection.cc-larger-images .text-content-collection .list-content-item .item-headline h3 {
  line-height: 1.1;
  margin: 0.4em 0 0.8em 0;
}
.type-contentcollection.cc-larger-images .text-content-collection .list-content-item .content-wrapper-inner p:first-of-type {
  font-family: "Inter", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.6;
}
.type-contentcollection.cc-larger-images .text-content-collection .list-content-item:has(.content-main-image) .item-headline {
  padding-top: 7.5em;
}
.type-contentcollection.cc-larger-images .text-content-collection .list-content-item:has(.content-main-image) .item-headline h3 {
  margin: 0.8em 0 0.8em 0;
}
.type-contentcollection.cc-larger-images .text-content-collection .list-content-item .item-headline {
  font-size: 1em;
}
.type-contentcollection.cc-larger-images .text-content-collection .list-content-item .content-main-image:before {
  display: none;
}
/*==== MEDIA ELEMENTS ====*/
.media-download:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ed";
  display: inline-block;
  margin-right: 0.4em;
}
/*==== Site Search Forms and Results ====*/
.site-search input[type="search"]::-webkit-search-decoration,
.site-search input[type="search"]::-webkit-search-cancel-button,
.site-search input[type="search"]::-webkit-search-results-button,
.site-search input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.site-search input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}
.site-search input[type="search"],
.site-search input[type="text"] {
  border: none;
  border-bottom: 2px solid rgba(66, 62, 55, 0.1);
  color: #444444;
  padding: 0.4em 0.8em;
  width: 100%;
  max-width: 42.5rem;
  position: relative;
  box-sizing: border-box;
  transition: 0.4s ease;
  padding: 16px 24px;
  background: #ffffff;
  border: 2px solid var(--secondary-brand-color);
  border-radius: 40px;
}
.site-search input[type="search"]:focus,
.site-search input[type="text"]:focus {
  outline-style: none;
  background: rgba(255, 255, 255, 0.6);
  border-bottom-color: #711ee6;
  transition: 0.25s ease;
}
.site-search #site-search-form input[type="search"] {
  border-radius: 40px 0 0 40px;
}
.site-search #site-search-form input[type="submit"] {
  margin: 0;
  height: 100%;
  border-radius: 0 40px 40px 0;
}
.site-search .search-inputs {
  display: flex;
  flex-wrap: wrap;
}
.site-search .search-inputs label {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.8em;
  color: #1f1f1f;
  align-content: center;
  margin-right: 1rem;
}
@media only screen and (max-width: 37.4375em) {
  .site-search .search-inputs label {
    align-content: flex-start;
    flex-basis: 100%;
    margin-bottom: 1rem;
  }
}
.site-search .search-inputs input[type="search"] {
  flex: 2 2 8em;
  min-height: 44px;
}
.site-search .search-inputs .submit-wrap input[type="submit"] {
  padding: 0 0.8em;
}
.site-search #site-search-form {
  padding: 0;
}
.main-article-area-7 .site-search #site-search-form {
  border-bottom: 0;
}
.site-search .advanced-search {
  display: none;
}
.accessibility-controls .site-search .content-headline,
.site-header-row .site-search .content-headline,
.site-banner-row .site-search .content-headline,
.site-nav-row .site-search .content-headline {
  display: none;
}
/*---- MAIN ARTICLE AREA 7 SEARCH ----*/
.main-article-area-7 [data-placement-class="SiteSearch"] .content-headline {
  text-align: center;
}
.main-article-area-7 [data-placement-class="SiteSearch"] .content-headline h2 {
  margin-bottom: 3.75rem;
}
.main-article-area-7 #site-search-form {
  border-bottom: 1px solid #ddd;
}
.main-article-area-7 #site-search-form .search-inputs {
  display: flex;
  justify-content: center;
}
.main-article-area-7 #site-search-form .type-select-buttons {
  font-size: 0.9em;
  padding: 0;
  margin: 1.875rem 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  justify-content: center;
}
.main-article-area-7 #site-search-form .type-select-buttons .search-type-options {
  display: inline-block;
}
.main-article-area-7 #site-search-form .type-select-buttons label {
  display: block;
  padding: 8px;
  background: #fbfaff;
  border-radius: 4px;
  border: 1px solid var(--secondary-brand-color);
  border-radius: 8px;
  font-weight: 600;
}
.main-article-area-7 #site-search-form .type-select-buttons label:before {
  margin-right: 0.3em;
}
.main-article-area-7 #site-search-form .type-select-buttons .category-search-filter:has(input:checked) label,
.main-article-area-7 #site-search-form .type-select-buttons .search-type-options:has(input:checked) label {
  background: var(--primary-brand-color);
  color: #ffffff;
  border: 1px solid #575164;
}
.main-article-area-7 #site-search-form .type-select-buttons input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.main-article-area-7 #site-search-form .type-select-buttons input .focusable:active,
.main-article-area-7 #site-search-form .type-select-buttons input .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.main-article-area-7 #site-search-form .type-select-buttons input[type="checkbox"] + label:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f096";
  display: inline-block;
}
.main-article-area-7 #site-search-form .type-select-buttons input[type="checkbox"]:checked + label:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f14a";
  display: inline-block;
  width: 13px;
}
.main-article-area-7 .site-search-results-container {
  padding: 3.75rem 0 0;
}
.main-article-area-7 .site-search-results-container .site-search-results {
  margin: 0 -0.75rem;
  padding: 0.5em 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  display: grid;
  grid: auto-flow / repeat(auto-fit, minmax(18em, 1fr));
}
@media only screen and (max-width: 37.4375em) {
  .main-article-area-7 .site-search-results-container .site-search-results {
    flex-wrap: wrap;
  }
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item {
  flex: 1 1 18em;
  margin: 0.75rem;
  padding: 0.4em 1.4rem 2.4em 1.4rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border-top: 2px solid var(--primary-brand-color);
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  transition: 0.25s ease;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
  transition: 0.25s ease;
  border-color: #ef476f;
  background: #ffffff;
  transform: translateY(-0.4rem);
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item .entity-type {
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #999;
  font-weight: 700;
  font-size: 0.6em;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  border-bottom: 1px dotted rgba(66, 62, 55, 0.3);
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item .entity-type:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0c2";
  display: inline-block;
  margin-right: 0.4em;
  font-size: 12px;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item .entity-type.document:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0f6";
  display: inline-block;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item .entity-type.event:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f073";
  display: inline-block;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item .entity-type.job:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0b1";
  display: inline-block;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item .entity-type.contact:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f2be";
  display: inline-block;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item .entity-type.text-content:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f036";
  display: inline-block;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item .entity-type.property:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f015";
  display: inline-block;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item .entity-type.venue:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f041";
  display: inline-block;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item .entity-type.content-list:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ca";
  display: inline-block;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item .entity-type.category:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ca";
  display: inline-block;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item h3 {
  margin: 0.4em 0;
  font-size: 1.2em;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item h3 a {
  display: block;
  padding: 0.5em 0 0.2em 0;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item h3 a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item h3 a:hover {
  text-decoration: none;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item p {
  margin: 0.4em 0;
  color: #1f1f1f;
  font-size: 0.8em;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item mark {
  background: rgba(239, 71, 111, 0.25);
  font-style: normal;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item .page-url-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item .page-url-list li {
  margin: 0.5em 0.5em 0.5em 0;
  display: inline-block;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item .page-url-list li a {
  display: inline-block;
  padding: 0.5em;
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item .search-ranking-bar {
  position: absolute;
  bottom: 0.8em;
  right: 1.4rem;
  left: 1.4rem;
  overflow: hidden;
  background: #f4f4f4;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.main-article-area-7 .site-search-results-container .site-search-results .search-result-item .search-ranking-bar .search-ranking-score {
  height: 8px;
  background-color: #ef476f;
  background: linear-gradient(to right, #ef476f, #711ee6);
}
.global-pagination {
  font-size: 0.8em;
  padding: 0 0 0.7em 0;
  border-bottom: 1px solid rgba(66, 62, 55, 0.1);
  text-align: center;
}
/*==== SITEMAP ====*/
[data-placement-class="SiteMap"] .sitemap {
  list-style-type: none;
  padding: 0;
  margin: 0;
  counter-reset: sitemap-level;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid: auto-flow / repeat(auto-fit, minmax(20em, 1fr));
}
[data-placement-class="SiteMap"] .sitemap li {
  padding: 0;
  margin: 0;
}
[data-placement-class="SiteMap"] .sitemap li {
  counter-increment: sitemap-level;
}
[data-placement-class="SiteMap"] .sitemap > li {
  flex: 1 1 20em;
  margin: 0.4em 3rem 1.5rem 3rem;
}
[data-placement-class="SiteMap"] .sitemap h3 {
  font-size: 1.4em;
}
[data-placement-class="SiteMap"] .sitemap h3:before {
  content: counters(sitemap-level, ".", decimal-leading-zero);
  margin-right: 0.4em;
  display: inline-block;
}
[data-placement-class="SiteMap"] .sitemap ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
  padding: 0.4em 0 0.4em 1.6rem;
  counter-reset: sitemap-level;
}
[data-placement-class="SiteMap"] .sitemap ol li {
  padding: 0;
  margin: 0;
}
[data-placement-class="SiteMap"] .sitemap ol li {
  counter-increment: sitemap-level;
  padding-left: 0;
  margin: 0.6em 0;
}
[data-placement-class="SiteMap"] .sitemap ol li:before {
  content: counters(sitemap-level, ".");
  margin-left: -4rem;
  margin-top: 0.16em;
  display: inline-block;
  font-size: 0.8em;
  width: 4rem;
  text-align: right;
  vertical-align: top;
}
[data-placement-class="SiteMap"] .sitemap ol li a {
  display: inline-block;
  line-height: 1.2;
  margin-left: 0.6rem;
}
/*==== CMS FORMS BUILDER ====*/
.form-privacy-notice {
  display: none;
}
.form fieldset {
  border: 1px solid rgba(66, 62, 55, 0.2);
  border-radius: 4px;
  padding: 0.4em 0;
}
.form fieldset legend {
  font-weight: 700;
  border: 1px solid rgba(66, 62, 55, 0.2);
  border-radius: 4px;
  padding: 0.4em 0.8em;
  margin-bottom: 0.4em;
}
.form fieldset .labelman {
  color: #ef476f;
  font-size: 0.8em;
}
.form fieldset p.labelman {
  font-size: 0.7em !important;
}
.form fieldset .row {
  margin: 0.4em 0;
  padding: 0.4em 0.4em 0.4em 0.8em;
  border-top: 1px dotted rgba(66, 62, 55, 0.3);
  transition: 0.25s linear;
}
.form fieldset .row:focus-within label {
  font-weight: 700;
}
.form fieldset label {
  padding: 0.4em 0;
  display: inline-block;
  position: relative;
  font-size: 1em;
}
.form fieldset label .labelman {
  position: absolute;
  left: -1em;
}
.form fieldset .field {
  margin: 0;
}
.form fieldset .field label {
  margin-left: 0.2em;
}
.form fieldset .field input + label {
  color: #3e3e3e;
}
.form fieldset .field input:checked + label {
  color: #1f1f1f;
  font-weight: 700;
}
.form .button_row {
  margin-top: 0.6em;
  padding-top: 0.8em;
  border-top: 1px dotted #ddd;
}
.form {
  font-size: 0.9rem;
  margin: 1.875rem 0;
}
.form fieldset {
  display: flex;
  flex-wrap: wrap;
}
.form fieldset .row {
  flex: 1 1 100%;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.form fieldset .row[data-ff-ac="INFO"] {
  flex: 1 1 100%;
  font-weight: 700;
}
.form fieldset .row[data-ff-ac="DigitalSignature"] {
  flex: 1 1 30em;
}
.form fieldset .row[data-ff-ac="DigitalSignature"] .digital_signature {
  border: 1px solid silver;
  margin-bottom: 0.8em;
}
.form fieldset .row[data-ff-ac="DigitalSignature"] .digital_signature .jSignature {
  box-sizing: border-box;
  height: 180px;
  max-height: 180px;
}
.form fieldset .row[data-ff-ac="DigitalSignature"] .digisig_field {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.form fieldset .row[data-ff-ac="DigitalSignature"] .digisig_field .focusable:active,
.form fieldset .row[data-ff-ac="DigitalSignature"] .digisig_field .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.form fieldset .row .field select,
.form fieldset .row .field input[type="number"] {
  margin-left: 0.4em;
}
.form fieldset .row .field select:first-of-type {
  margin-left: 0;
}
.form fieldset .row .field label {
  padding: 0;
}
.form fieldset legend,
.form fieldset p.labelman,
.form fieldset .form-privacy-notice,
.form fieldset .button_row {
  flex: 1 1 100%;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.form fieldset .button_row {
  padding-bottom: 0.4em;
}
.form .form-image-wrap {
  display: inline-block;
}
.form .form-image-wrap.form-question-image {
  width: 3em;
  height: 3em;
  padding: 0.4em;
  margin: 0 0.4em 0 -1.2rem;
}
.form .form-image-wrap.form-question-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.matrixQuestions {
  border: none;
}
.matrixQuestions tr {
  border-right: 1px solid #ccc;
}
.progressborder {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.4);
  margin: 0.4em 0;
}
.progressborder .progressbar {
  font-size: 0.6em;
  background: linear-gradient(to right, #711ee6, #ef476f);
  padding: 0.4em 0.8em;
}
.progressborder .progressbar p {
  font-weight: 700;
  margin: 0;
}
.progressborder .progressbar p span {
  font-weight: 400;
}
/*==== VARIOUS MAPS ====*/
#container .map-wrapper {
  height: 350px;
  position: relative;
}
/*==== STANDARD A-Z STYLES ====*/
#container .a-to-z-letters,
#container .smb-a-to-z ul {
  font-size: 1rem;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.4em;
}
#container .a-to-z-letters li,
#container .smb-a-to-z ul li {
  padding: 0;
  margin: 0;
}
#container .a-to-z-letters li,
#container .smb-a-to-z ul li {
  flex: 1 1 auto;
  text-align: center;
}
#container .a-to-z-letters li a,
#container .smb-a-to-z ul li a {
  border: 1px solid #CCC;
  background: #f4f4f4;
  display: block;
  padding: 0.2em 0.6em;
  text-decoration: none;
  font-weight: 700;
}
#container .a-to-z-letters li a:hover,
#container .smb-a-to-z ul li a:hover {
  background: #711ee6;
  color: #ffffff;
}
#container .a-to-z-letters li.selected a,
#container .smb-a-to-z ul li.selected a {
  background: white;
  font-weight: bold;
}
/*==== 404 ERROR PAGE ====*/
.error-404 body {
  display: flex;
  padding: 0.4rem 3rem;
}
.error-404 #container {
  max-width: 50vw;
  margin: auto;
}
.error-404 #logotype {
  width: 200px;
  margin: 0 0 0.4em 0;
  border: none;
}
.error-404 #logotype img {
  width: 100%;
  height: auto;
  filter: brightness(0);
}
.error-404 #hero-row .group-header h2:before {
  content: "404";
  display: block;
  font-size: 3.2em;
}
.error-404 #hero-row .group-header h2:after {
  content: "Page not found";
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.5em;
  display: block;
}
.error-404 h2 {
  border: none;
}
.error-404 h2.page-headline {
  line-height: 1.2;
  font-size: 1rem;
  color: #1f1f1f;
  font-weight: 400;
  display: none;
}
.error-404 h2.page-headline + p:before {
  content: "Whatever was here just isn't anymore. It's obviously a glitch: please accept our apologies.";
  display: block;
  margin-bottom: 1em;
  font-weight: 700;
}
.error-404 h2.page-headline + p:after {
  content: "Or if you know vaguely what you're looking for, perhaps a search might help?";
  display: block;
  margin-top: 1.8em;
}
.error-404 h3 {
  display: none;
}
.error-404 .homepage-link {
  all: unset;
  background: var(--secondary-brand-color);
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  border-radius: 5px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), inset 0 -4px 0px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
  transition: 0.2s ease-in-out;
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.9);
  padding: 20px;
  cursor: pointer;
  display: inline-block;
}
.error-404 .homepage-link:hover {
  text-decoration: underline;
  transform: translateY(-2px);
}
.error-404 .homepage-link:focus-visible {
  background: yellow;
  color: black;
}
.error-404 .homepage-link:active {
  background: color-mix(in srgb, var(--primary-brand-color) 80%, black);
}
.error-404 .search-inputs {
  display: flex;
  margin-top: 1.8em;
}
.error-404 .search-inputs label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.error-404 .search-inputs label .focusable:active,
.error-404 .search-inputs label .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.error-404 .search-inputs .submit-wrap {
  display: flex;
}
.error-404 .search-inputs .submit-wrap input {
  flex: 1 1 auto;
  height: 100%;
  margin: 0;
  border-radius: 0 2px 2px 0;
  padding-top: 0;
  padding-bottom: 0;
}
.error-404 #footer-row {
  margin-top: 3em;
}
@media only screen and (max-width: 37.4375em) {
  .error-404 #footer-row {
    margin-top: 1.2em;
  }
}
.error-404 #footer-row .group-content {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8em;
}
.error-404 #footer-row .footer-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  flex: 1 1 auto;
}
.error-404 #footer-row .footer-list li {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 37.4375em) {
  .error-404 #footer-row .footer-list.copyright {
    text-align: center;
  }
}
.error-404 #footer-row .footer-list.verseone-credit {
  text-align: right;
}
@media only screen and (max-width: 37.4375em) {
  .error-404 #footer-row .footer-list.verseone-credit {
    text-align: center;
  }
}
/*==== LOGIN AND REGISTRATION STYLES ====*/
#container .login-wrapper .notification {
  padding: 0.4rem 0.8rem;
  font-weight: 700;
  text-align: center;
}
#container .login-wrapper .notification.error {
  background: #ffd166;
  color: white;
  opacity: 0.95;
}
#container .login-wrapper .login-keepmeloggedin-wrapper {
  font-size: 0.9em;
  display: block;
  margin: 0.4em 0;
  padding: 0.4em 0;
}
#container .login-wrapper .login-keepmeloggedin-wrapper .primary-lbl {
  font-weight: 700;
}
#container .login-wrapper .login-keepmeloggedin-wrapper .warning-lbl {
  font-style: italic;
  font-size: 0.8em;
}
#container .login-wrapper .login-button-wrapper .forgot-password {
  margin-left: 0.8em;
  display: inline-block;
}
#container #logonForm .error {
  background: #ffd166;
  color: white;
  opacity: 0.95;
}
/*==== FAVOURITES PLACEMENT ====*/
#container .favourites-list .content-items-list {
  margin-top: 0.8em;
}
#container .favourites-list .content-items-list .list-content-item {
  display: block;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}
#container .favourites-list .content-items-list .list-content-item:first-child {
  border-top: 1px dotted #ccc;
}
#container .favourites-list .content-items-list .list-content-item > a {
  display: block;
  padding: 0.4em 1.4rem 0.4em 0.4em;
}
#container .favourites-list .content-items-list .list-content-item > a:hover {
  background: rgba(113, 30, 230, 0.05);
}
#container .favourites-list .content-items-list .list-content-item .favourite-icon-wrap {
  position: absolute;
  top: 0.2em;
  right: 0;
}
/*==== PERSONAL SETTINGS PLACEMENT ====*/
#container .personal-settings-wrapper .pers-set-container {
  display: flex;
}
#container .personal-settings-wrapper .pers-set-container .pers-set-tabs {
  flex: 1 1 10em;
  margin-right: -1px;
}
@media only screen and (max-width: 37.4375em) {
  #container .personal-settings-wrapper .pers-set-container .pers-set-tabs {
    flex: 1 1 1em;
  }
}
#container .personal-settings-wrapper .pers-set-container .pers-set-tabs .pers-set-tabs-nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: 1px solid #ccc;
  border-right: none;
  position: relative;
  background: #f3f3f3;
  font-size: 90%;
}
#container .personal-settings-wrapper .pers-set-container .pers-set-tabs .pers-set-tabs-nav li {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 37.4375em) {
  #container .personal-settings-wrapper .pers-set-container .pers-set-tabs .pers-set-tabs-nav {
    max-width: 3.3em;
  }
}
#container .personal-settings-wrapper .pers-set-container .pers-set-tabs .pers-set-tabs-nav .pers-set-tab.current-tab a {
  border-right: 1px solid white;
  background: white;
}
#container .personal-settings-wrapper .pers-set-container .pers-set-tabs .pers-set-tabs-nav .pers-set-tab a {
  display: block;
  padding: 0.8em;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
@media only screen and (max-width: 37.4375em) {
  #container .personal-settings-wrapper .pers-set-container .pers-set-tabs .pers-set-tabs-nav .pers-set-tab a {
    height: 3em;
    overflow: hidden;
    text-decoration: none;
  }
  #container .personal-settings-wrapper .pers-set-container .pers-set-tabs .pers-set-tabs-nav .pers-set-tab a:before {
    display: block;
    margin-bottom: 4em;
    text-align: center;
  }
}
#container .personal-settings-wrapper .pers-set-container .pers-set-tabs .pers-set-tabs-nav .pers-set-tab:first-child a {
  border-top: none;
}
#container .personal-settings-wrapper .pers-set-container .pers-set-tab-content {
  flex: 3 3 30em;
  border: 1px solid #ccc;
  padding: 0.4em 0.8em;
  background: white;
}
@media only screen and (max-width: 37.4375em) {
  #container .personal-settings-wrapper .pers-set-container .pers-set-tab-content {
    padding: 0 0.8em;
  }
}
#container .personal-settings-wrapper .pers-set-container .pers-set-tab-content h3 {
  margin: 0.4em 0 0.8em 0;
  border-bottom: 2px solid #ddd;
  padding-bottom: 0.4em;
}
#container .personal-settings-wrapper .pers-set-container .pers-set-tab-content table {
  margin: 0.4em 0;
  width: 100%;
  max-width: 100%;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
#container .personal-settings-wrapper .pers-set-container .personal-settings-tabbed-content .ui-tabs-nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  border-left: 1px solid #ddd;
}
#container .personal-settings-wrapper .pers-set-container .personal-settings-tabbed-content .ui-tabs-nav li {
  padding: 0;
  margin: 0;
}
#container .personal-settings-wrapper .pers-set-container .personal-settings-tabbed-content .ui-tabs-nav .ui-state-default {
  flex: 1 1 auto;
  border: 1px solid #ddd;
  border-left: none;
  background: #f3f3f3;
}
#container .personal-settings-wrapper .pers-set-container .personal-settings-tabbed-content .ui-tabs-nav .ui-state-default.ui-tabs-active {
  border-bottom-color: white;
  background: white;
}
#container .personal-settings-wrapper .pers-set-container .personal-settings-tabbed-content .ui-tabs-nav .ui-state-default .ui-tabs-anchor {
  display: block;
  padding: 0.8em;
}
#container .personal-settings-wrapper .pers-set-container .personal-settings-tabbed-content .ui-tabs-panel {
  display: none;
}
#container .personal-settings-wrapper .pers-set-container .personal-settings-tabbed-content .ui-tabs-panel:first-child {
  display: block;
}
#container .personal-settings-wrapper a[href*=process_runs]:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ae";
  display: inline-block;
}
#container .personal-settings-wrapper a[href*=draft_instances]:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f040";
  display: inline-block;
}
#container .personal-settings-wrapper a[href*=topic_subscriptions]:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f143";
  display: inline-block;
}
/*==== FEE CONTROLS (that exist before the FEE stylesheet is called) ====*/
#container .fee-page-activator {
  position: fixed;
  left: 0.6em;
  bottom: 0.6em;
  z-index: 9997;
}
@media only screen and (min-width: 90em) {
  #container .fee-page-activator {
    bottom: 1.2em;
  }
}
@media only screen and (max-width: 37.4375em) {
  #container .fee-page-activator {
    display: none;
  }
}
#container .fee-page-activator .fee-page-activator-label {
  display: inline-block;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  font-weight: 700;
  color: #111111;
  overflow: hidden;
  height: 3rem;
  width: 3rem;
}
#container .fee-page-activator .fee-page-activator-label:hover {
  background: #ffd166;
}
#container .fee-page-activator .fee-page-activator-label:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f040";
  display: inline-block;
  height: 3rem;
  width: 3rem;
  line-height: 3rem;
  text-align: center;
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.9);
}
#container .fee-page-activator .fee-page-activator-label .btn-txt {
  display: block;
}
/*======== IMPORT 04-MODULES ========*/
/*==== MENU BUILDER (a complicated beast with many variables) ====*/
/*==== I got ChatGPT to write me a slideshow using scroll-snap ====*/
.slideshow-wrapper .content-item-inner {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.slideshow-wrapper .content-item-inner::-webkit-scrollbar {
  display: none;
}
.slideshow-wrapper .slider {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.slideshow-wrapper .slider .individual-slides {
  flex: 0 0 100%;
  max-width: 100%;
  scroll-snap-align: start;
  box-sizing: border-box;
}
.slideshow-wrapper .decoration-left,
.slideshow-wrapper .decoration-right {
  position: absolute;
  top: 0;
  width: 50px;
  height: 100%;
  pointer-events: none;
  z-index: 10;
  display: none;
}
.slideshow-wrapper .decoration-left {
  left: 0;
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
.slideshow-wrapper .decoration-right {
  right: 0;
  background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
}
.slideshow-wrapper .slider-controls {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  padding: 0;
  list-style: none;
}
.slideshow-wrapper .slider-controls li {
  margin: 0 0.5rem;
}
.slideshow-wrapper .slider-controls li a {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  color: #fff;
  text-decoration: none;
  font-size: 0.9rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.3s ease;
}
.slideshow-wrapper .slider-controls li a:hover,
.slideshow-wrapper .slider-controls li a:focus {
  outline: none;
}
.slideshow-wrapper .slider-controls li a.play-pause {
  text-align: center;
}
.slideshow-wrapper {
  box-sizing: border-box;
}
.slideshow-wrapper .content-item-inner {
  position: relative;
}
.slideshow-wrapper .slider {
  flex: 1 1 auto;
  margin: 3.75rem 0;
  padding: 0;
}
@media only screen and (max-width: 37.4375em) {
  .slideshow-wrapper .slider {
    margin: 1.5rem 0;
  }
}
.slideshow-wrapper .slider .individual-slides {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.slideshow-wrapper .slider .slide-inner {
  width: 100%;
  max-width: 85.625rem;
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 3rem;
  background: rgba(255, 255, 255, 0.9);
  position: relative;
  overflow: hidden;
  padding: 1.5rem;
  border-radius: 0.8em;
  box-shadow: 0 36px 24px -16px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 37.4375em) {
  .slideshow-wrapper .slider .slide-inner {
    gap: 0;
    justify-content: center;
  }
}
.slideshow-wrapper .slider .slide-img-wrapper {
  flex: 1 1 10em;
  max-height: 18em;
  margin: auto 0;
}
@media only screen and (max-width: 37.4375em) {
  .slideshow-wrapper .slider .slide-img-wrapper {
    margin: 0 3rem 0.8em 3rem;
    overflow: hidden;
  }
}
.slideshow-wrapper .slider .slide-img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.slideshow-wrapper .slider .slide-img-wrapper .img-container {
  display: block;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  margin: auto;
}
.slideshow-wrapper .slider .slide-img-wrapper > img {
  border-radius: 0.8em;
  overflow: hidden;
  max-height: 100%;
}
.slideshow-wrapper .slider .slide-img-wrapper .slide-overlay {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 37.4375em) {
  .slideshow-wrapper .slider .slide-img-wrapper .slide-overlay {
    margin: 0 auto;
  }
}
.slideshow-wrapper .slider .slide-img-wrapper .slide-overlay .slide-text-overlay {
  flex: 2 2 20em;
  display: flex;
}
@media only screen and (max-width: 37.4375em) {
  .slideshow-wrapper .slider .slide-img-wrapper .slide-overlay .slide-text-overlay {
    margin: 0 auto 1.5rem auto;
  }
}
.slideshow-wrapper .slider .slide-img-wrapper .slide-overlay .slide-text-overlay p {
  text-align: center;
  margin: 0;
  height: 100%;
}
.slideshow-wrapper .slider .slide-img-wrapper .slide-overlay .slide-text-overlay p img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.slideshow-wrapper .slider .slide-text-container {
  order: 1;
  position: relative;
  z-index: 1;
  flex: 2 2 20em;
  margin-top: auto;
  margin-bottom: auto;
}
@media only screen and (max-width: 37.4375em) {
  .slideshow-wrapper .slider .slide-text-container {
    order: 2;
  }
}
.slideshow-wrapper .slider-controls {
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
.slideshow-wrapper .slider-controls li {
  display: block;
  margin: 0;
}
.slideshow-wrapper .slider-controls li a {
  display: block;
  color: rgba(255, 255, 255, 0.9);
  padding: 0.4em 0.8em;
}
.slideshow-wrapper .slider-controls li a:before {
  color: rgba(255, 255, 255, 0.9);
}
.slideshow-wrapper .slider-controls li a:visited,
.slideshow-wrapper .slider-controls li a:hover,
.slideshow-wrapper .slider-controls li a:focus,
.slideshow-wrapper .slider-controls li a:active {
  color: rgba(255, 255, 255, 0.9);
}
.slideshow-wrapper .slider-controls li a.previous .btn-txt,
.slideshow-wrapper .slider-controls li a.previous .txt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.slideshow-wrapper .slider-controls li a.previous .btn-txt .focusable:active,
.slideshow-wrapper .slider-controls li a.previous .txt .focusable:active,
.slideshow-wrapper .slider-controls li a.previous .btn-txt .focusable:focus,
.slideshow-wrapper .slider-controls li a.previous .txt .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.slideshow-wrapper .slider-controls li a.previous:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f053";
  display: inline-block;
  transition: 0.25s linear;
}
.slideshow-wrapper .slider-controls li a.next .btn-txt,
.slideshow-wrapper .slider-controls li a.next .txt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.slideshow-wrapper .slider-controls li a.next .btn-txt .focusable:active,
.slideshow-wrapper .slider-controls li a.next .txt .focusable:active,
.slideshow-wrapper .slider-controls li a.next .btn-txt .focusable:focus,
.slideshow-wrapper .slider-controls li a.next .txt .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.slideshow-wrapper .slider-controls li a.next:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f054";
  display: inline-block;
  transition: 0.25s linear;
}
.slideshow-wrapper .slider-controls li a.play-pause .btn-txt,
.slideshow-wrapper .slider-controls li a.play-pause .txt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.slideshow-wrapper .slider-controls li a.play-pause .btn-txt .focusable:active,
.slideshow-wrapper .slider-controls li a.play-pause .txt .focusable:active,
.slideshow-wrapper .slider-controls li a.play-pause .btn-txt .focusable:focus,
.slideshow-wrapper .slider-controls li a.play-pause .txt .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.slideshow-wrapper .slider-controls li a.play-pause:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f04c";
  display: inline-block;
  transition: 0.25s linear;
}
.slideshow-wrapper .slider-controls li a.play-pause.paused .btn-txt,
.slideshow-wrapper .slider-controls li a.play-pause.paused .txt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.slideshow-wrapper .slider-controls li a.play-pause.paused .btn-txt .focusable:active,
.slideshow-wrapper .slider-controls li a.play-pause.paused .txt .focusable:active,
.slideshow-wrapper .slider-controls li a.play-pause.paused .btn-txt .focusable:focus,
.slideshow-wrapper .slider-controls li a.play-pause.paused .txt .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.slideshow-wrapper .slider-controls li a.play-pause.paused:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f04b";
  display: inline-block;
  transition: 0.25s linear;
}
.logo-carousel .content-headline {
  text-align: center;
  font-size: 0.8em;
}
.logo-carousel .content-item-inner {
  max-width: 100% !important;
}
.logo-carousel .main-editor-output {
  position: relative;
}
.logo-carousel .main-editor-output:before,
.logo-carousel .main-editor-output:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 12px;
}
.logo-carousel .main-editor-output:before {
  left: 0;
  background: linear-gradient(to right, #fbfaff, transparent);
}
.logo-carousel .main-editor-output:after {
  right: 0;
  background: linear-gradient(to left, #fbfaff, transparent);
}
.logo-carousel .main-editor-output ul {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 0.8em 20px;
  margin: 0;
  list-style: none;
  gap: 1.5rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media only screen and (max-width: 37.4375em) {
  .logo-carousel .main-editor-output ul {
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.8em 0;
  }
}
.logo-carousel .main-editor-output ul::-webkit-scrollbar {
  display: none;
}
.logo-carousel .main-editor-output ul li {
  flex: 0 0 20%;
  scroll-snap-align: start;
  box-sizing: border-box;
  padding: 1em 2em;
  margin: 0;
  text-align: center;
  max-height: 8em;
  border-radius: 1em;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  display: flex;
}
@media only screen and (max-width: 37.4375em) {
  .logo-carousel .main-editor-output ul li {
    flex: 1 1 8em;
    flex-wrap: wrap;
    box-shadow: none;
  }
}
.logo-carousel .main-editor-output ul li img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.logo-carousel .carousel-controls {
  display: flex;
  justify-content: center;
  margin-top: 0.8em;
  gap: 0.8em;
}
@media only screen and (max-width: 37.4375em) {
  .logo-carousel .carousel-controls {
    display: none;
  }
}
.logo-carousel .carousel-controls button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #fff;
  border: none;
  padding: 0.5rem 1rem;
  cursor: pointer;
}
.logo-carousel .carousel-controls button.carousel-prev:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f137";
  display: inline-block;
}
.logo-carousel .carousel-controls button.carousel-next:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f138";
  display: inline-block;
}
.logo-carousel .carousel-controls button .btn-txt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.logo-carousel .carousel-controls button .btn-txt .focusable:active,
.logo-carousel .carousel-controls button .btn-txt .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*=== BLOGS AND BLOGS MINI-LIST ===*/
/*== BLOGS LIST ==*/
#container .type-blog .blog-name {
  text-align: center;
}
#container .type-blog .blog-name h2 {
  margin: 0.4em 0;
}
#container .type-blog .content-headline {
  margin-bottom: 3.75rem;
}
#container .type-blog .list-content .content-wrapper-inner {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid: auto-flow / repeat(auto-fit, minmax(min(19em, 100%), 1fr));
  gap: 1.25rem;
  row-gap: 4.375rem;
}
#container .type-blog .list-content .content-wrapper-inner li {
  padding: 0;
  margin: 0;
}
#container .type-blog .list-content .content-wrapper-inner .post {
  display: flex;
  flex-direction: column;
  position: relative;
  transform: translateY(0);
  transition: 0.4s 0.1s ease;
  background: #fbfaff;
  border: 1px solid var(--theme-tint);
  box-shadow: 0 4px 0 0 var(--theme-tint), 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
#container .type-blog .list-content .content-wrapper-inner .post:hover {
  transform: translateY(-0.8em);
  transition: 0.2s ease-in-out;
}
#container .type-blog .list-content .content-wrapper-inner .post:hover a {
  text-decoration: none;
}
#container .type-blog .list-content .content-wrapper-inner .post .post-inner {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
#container .type-blog .list-content .content-wrapper-inner .post-header {
  display: flex;
  flex-direction: column;
}
#container .type-blog .list-content .content-wrapper-inner .post-header .post-title {
  font-size: 1.25em;
  line-height: 1.3;
  margin: 1rem 0;
  order: 2;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
#container .type-blog .list-content .content-wrapper-inner .post-header .post-title a {
  text-decoration: underline;
  color: var(--secondary-brand-color);
}
#container .type-blog .list-content .content-wrapper-inner .post-header .post-title a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#container .type-blog .list-content .content-wrapper-inner .post-header .content-main-image {
  float: none;
  margin: 0;
  order: 1;
  flex: 0 0 12.5em;
  overflow: hidden;
}
#container .type-blog .list-content .content-wrapper-inner .post-header .content-main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#container .type-blog .list-content .content-wrapper-inner .post-header .post-meta {
  position: absolute;
  top: -4px;
  right: -4px;
  font-weight: 400;
  font-size: 0.8em;
  color: #6c6c6c;
  margin: 0;
  order: 3;
  z-index: 1;
}
#container .type-blog .list-content .content-wrapper-inner .post-header .post-meta time {
  font-weight: 700;
}
#container .type-blog .list-content .content-wrapper-inner .post-header .post-meta .post-author {
  font-weight: 700;
}
#container .type-blog .list-content .content-wrapper-inner .text {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  flex: 1 1 auto;
  display: block;
  line-height: 1.5;
  color: #606060;
}
#container .type-blog .list-content .content-wrapper-inner .text:has(p) {
  position: relative;
}
#container .type-blog .list-content .content-wrapper-inner .text:has(p):before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5em;
  background: linear-gradient(to bottom, rgba(251, 250, 255, 0), rgba(251, 250, 255, 0.8), #fbfaff);
}
#container .type-blog .list-content .content-wrapper-inner .text p {
  font-weight: 400;
}
#container .type-blog .list-content .content-wrapper-inner .text p:first-of-type:not(:only-of-type) {
  font-weight: 500;
}
#container .type-blog .list-content .content-wrapper-inner .text .more-link {
  font-size: 0.8em;
  display: block;
  line-height: 1.2;
  border-top: 1px dotted #ddd;
  padding: 0.8em 0;
  margin-top: auto;
  font-weight: 700;
  color: #4f12a5;
  display: none;
}
#container .type-blog .list-content .content-wrapper-inner .post-footer {
  font-size: 0.8em;
}
#container .type-blog .list-content .content-wrapper-inner .post-footer a {
  color: #4f12a5;
}
#container .type-blog .list-content .content-wrapper-inner .post-footer .comment-link-display .blog-comment-number:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f075";
  display: inline-block;
  margin-right: 0.4em;
}
#container .type-blog .list-content .content-wrapper-inner .post-footer .post-meta {
  font-weight: 400;
  color: #6c6c6c;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-top: 2rem;
}
#container .type-blog .list-content .content-wrapper-inner .post-footer .post-meta p {
  font-weight: 400;
}
#container .type-blog .list-content .content-wrapper-inner .post-footer .post-meta time {
  font-weight: 700;
}
#container .type-blog .list-content .content-wrapper-inner .post-footer .post-meta .post-author {
  font-weight: 700;
}
#container .type-blog .list-content .content-wrapper-inner .post-footer .post-categories {
  font-weight: 400;
}
#container .type-blog .list-content .content-wrapper-inner .post-footer .post-categories:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02c";
  display: inline-block;
  margin-right: 0.4em;
}
#container .type-blog .list-content .content-wrapper-inner .post-footer .post-categories a {
  display: inline-block;
  font-weight: 700;
}
#container .type-blog .single-post .post-title {
  padding-right: 2rem;
}
#container .type-blog .single-post .template-navigation-link {
  max-width: 44em;
  margin-inline: auto;
  margin-bottom: 1.875rem;
}
#container .type-blog .single-post .post-inner {
  max-width: 44em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-trim: block;
}
#container .type-blog .single-post .post-inner .favourite-container {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
#container .type-blog .single-post .post-inner .favourite-container .favourite-icon-wrap {
  margin: 0;
}
#container .type-blog .single-post .content-main-image {
  float: left;
  margin: 0 1.5rem 1.5rem 0;
  max-width: 50%;
  max-height: 25em;
  overflow: hidden;
}
#container .type-blog .single-post .content-main-image img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#container .type-blog .single-post p:first-of-type:not(:only-of-type) {
  font-weight: 500;
}
#container .type-blog .single-post .post-footer {
  font-size: 0.8em;
}
#container .type-blog .single-post .post-footer a {
  color: #4f12a5;
}
#container .type-blog .single-post .post-footer .comment-link-display .blog-comment-number:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f075";
  display: inline-block;
  margin-right: 0.4em;
}
#container .type-blog .single-post .post-footer .post-meta {
  font-weight: 400;
  color: #6c6c6c;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-top: 2rem;
}
#container .type-blog .single-post .post-footer .post-meta p {
  font-weight: 400;
}
#container .type-blog .single-post .post-footer .post-meta time {
  font-weight: 700;
}
#container .type-blog .single-post .post-footer .post-meta .post-author {
  font-weight: 700;
}
#container .type-blog .single-post .post-footer .post-categories {
  font-weight: 400;
}
#container .type-blog .single-post .post-footer .post-categories:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02c";
  display: inline-block;
  margin-right: 0.4em;
}
#container .type-blog .single-post .post-footer .post-categories a {
  display: inline-block;
  font-weight: 700;
}
#container .type-blog .single-post .post-footer .post-meta {
  display: flex;
  border-radius: 5px;
}
#container .type-blog .reaction-wrapper {
  display: none;
}
#container .blog-utilities .archives-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-left: 0.4em;
  display: block;
}
#container .blog-utilities .archives-list li {
  padding: 0;
  margin: 0;
}
#container .blog-utilities .archives-list .archive-list-item {
  padding: 0;
  margin: 0.4em 0;
  border: none;
  display: block;
}
#container .blog-utilities .archives-list.month {
  padding-left: 0.4em;
}
#container .blog-utilities .archives-list .archive-list-item-year-toggle {
  color: #1f1f1f;
  text-decoration: none;
  font-weight: 700;
}
#container .blog-utilities .archives-list .archive-list-item-year-toggle:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
  display: inline-block;
  margin-right: 0.4em;
  margin-left: -0.4em;
  transform: rotateZ(0deg);
  transition: 0.3s linear;
}
#container .blog-utilities .archives-list .archive-list-item-year-toggle.open:before {
  transform: rotateZ(90deg);
  transition: 0.3s linear;
}
#container .blog-utilities.category-list .article-categories a {
  display: inline-block;
  margin: 0.2rem 0.6rem 0 0;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}
#container .blog-utilities.category-list .article-categories a:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02b";
  display: inline-block;
  color: rgba(66, 62, 55, 0.3);
  margin-right: 0.2rem;
}
#container .blog-utilities.category-list .article-categories.wordcloud-style {
  font-size: 2em;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
#container .blog-utilities.category-list .article-categories.wordcloud-style .post-tag {
  flex: 0 1 auto;
  margin: 0.2em 0.4rem 0 0;
}
#container .blog-utilities.category-list .article-categories.wordcloud-style .post-tag[data-postcount="1"] {
  font-size: 0.35em;
}
#container .blog-utilities.category-list .article-categories.wordcloud-style .post-tag[data-postcount="2"] {
  font-size: 0.4em;
}
#container .blog-utilities.category-list .article-categories.wordcloud-style .post-tag[data-postcount="3"] {
  font-size: 0.45em;
}
#container .blog-utilities.category-list .article-categories.wordcloud-style .post-tag[data-postcount="4"] {
  font-size: 0.5em;
}
#container .blog-utilities.category-list .article-categories.wordcloud-style .post-tag[data-postcount="5"] {
  font-size: 0.55em;
}
#container .blog-utilities.category-list .article-categories.wordcloud-style .post-tag[data-postcount="6"] {
  font-size: 0.6em;
}
#container .blog-utilities.category-list .article-categories.wordcloud-style .post-tag[data-postcount="7"] {
  font-size: 0.65em;
}
#container .blog-utilities.category-list .article-categories.wordcloud-style .post-tag[data-postcount="8"] {
  font-size: 0.7em;
}
#container .blog-utilities.category-list .article-categories.wordcloud-style .post-tag[data-postcount="9"] {
  font-size: 0.75em;
}
#container .blog-utilities.category-list .article-categories.wordcloud-style .post-tag[data-postcount="10"] {
  font-size: 0.8em;
}
#container .blog-utilities.category-list .article-categories.wordcloud-style .post-tag[data-postcount="11"] {
  font-size: 0.85em;
}
#container .blog-utilities.category-list .article-categories.wordcloud-style .post-tag[data-postcount="12"] {
  font-size: 0.9em;
}
#container .blog-utilities.category-list .article-categories.wordcloud-style .post-tag[data-postcount="13"] {
  font-size: 0.95em;
}
#container .blog-utilities.category-list .article-categories.wordcloud-style .post-tag[data-postcount="14"] {
  font-size: 1em;
}
#container .blog-utilities.blog-search .input-name-blog-search {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
#container .blog-utilities.blog-search .input-name-blog-search .focusable:active,
#container .blog-utilities.blog-search .input-name-blog-search .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
#container .blog-utilities.blog-search input[type="search"] {
  margin: 0.4em 0;
}
#container .blog-utilities.blog-search input[type="submit"] {
  display: block;
  width: 100%;
  line-height: 1.6;
}
/*== BLOGS MINI-LIST ==*/
#container .type-blogsminilist .placement-inner {
  max-width: 85.625rem;
}
#container .type-blogsminilist .content-headline {
  text-align: center;
}
#container .type-blogsminilist .content-headline h3 {
  margin-bottom: calc(2.1875rem * 2);
  text-align: center;
}
#container .type-blogsminilist .blog-posts-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid: auto-flow / repeat(auto-fit, minmax(min(16em, 100%), 1fr));
  gap: 1.5rem;
  row-gap: 1.5rem;
}
#container .type-blogsminilist .blog-posts-list li {
  padding: 0;
  margin: 0;
}
#container .type-blogsminilist .blog-posts-list .blog-posts-post {
  display: flex;
  flex-direction: column;
  position: relative;
  transform: translateY(0);
  transition: 0.4s 0.1s ease;
  background: #fbfaff;
  border: 1px solid var(--theme-tint);
  box-shadow: 0 4px 0 0 var(--theme-tint), 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
#container .type-blogsminilist .blog-posts-list .blog-posts-post:hover {
  transform: translateY(-0.8em);
  transition: 0.2s ease-in-out;
}
#container .type-blogsminilist .blog-posts-list .blog-posts-post:hover a {
  text-decoration: none;
}
@media only screen and (max-width: 37.4375em) {
  #container .type-blogsminilist .blog-posts-list .blog-posts-post {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
#container .type-blogsminilist .blog-posts-list .blog-posts-post .content-main-image {
  width: 100%;
  max-width: 100%;
  height: 12.5em;
  overflow: hidden;
  margin: 0;
  float: none;
  text-align: center;
  border-radius: 8px 8px 0 0;
}
#container .type-blogsminilist .blog-posts-list .blog-posts-post .content-main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#container .type-blogsminilist .blog-posts-list .blog-posts-post .content-main-image + .blog-post-detail-wrapper:before {
  display: none;
}
#container .type-blogsminilist .blog-post-detail-wrapper {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 37.4375em) {
  #container .type-blogsminilist .blog-post-detail-wrapper:before {
    display: none;
  }
}
#container .type-blogsminilist .blog-post-detail-wrapper > a {
  display: block;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
  color: var(--secondary-brand-color);
  padding: 1rem;
}
#container .type-blogsminilist .blog-post-detail-wrapper > a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#container .type-blogsminilist .blog-post-detail-wrapper .blog-post-summary {
  flex: 1 1 auto;
  font-weight: 400;
  padding: 0 1rem 1rem;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
}
#container .type-blogsminilist .blog-post-detail-wrapper .blog-post-summary:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5em;
  background: linear-gradient(to bottom, rgba(251, 250, 255, 0), rgba(251, 250, 255, 0.8), #fbfaff);
}
#container .type-blogsminilist .blog-post-detail-wrapper .post-footer {
  font-size: 0.8em;
  padding: 0 0.4em;
  position: absolute;
  top: -11px;
  right: -9px;
}
#container .type-blogsminilist .blog-post-detail-wrapper .post-footer p {
  font-weight: 400;
}
#container .type-blogsminilist .blog-post-detail-wrapper .post-footer p time {
  font-weight: 700;
}
#container .type-blogsminilist .blog-post-detail-wrapper .post-footer .reaction-wrapper {
  display: none;
}
#container .post-inner .post-header,
#container .post-inner .content-main-image,
#container .post-inner .text,
#container .post-inner .post-footer {
  grid-area: posttext;
  display: inherit;
}
#container .post-header {
  grid-area: postmeta;
}
#container .post-meta {
  background: #ffffff;
  border: 1px solid var(--accent-color);
  grid-area: postmeta;
  order: 0;
  font-size: 0.9em;
  text-align: center;
  border-radius: 0 0 5px 5px;
}
#container .post-meta .posted-date {
  background: var(--accent-color);
  color: white;
  display: block;
  padding: 0.4em 0.8em;
}
#container .post-meta .posted-time {
  display: block;
  padding: 0.4em 0.8em;
  color: #212121;
}
#container .post-meta .posted-text,
#container .post-meta .posted-at,
#container .post-meta .post-author-wrap {
  display: none;
}
#main-content:has(.banner.contained):has(.type-blog .single-post) .banner.contained {
  display: none;
}
/*==== PAGE FEEDBACK (using the reversed index) ====*/
.page-feedback-placement-wrapper {
  border-top: 4px solid #ddd;
  padding: 0 1.5rem;
  font-size: 0.8rem;
}
.pfb-visitor-details .row {
  margin: 0.4em 0;
}
.pfb-visitor-details .row label {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.9em;
}
.pfb-rating {
  margin: 0.4em 0;
}
.pfb-rating legend {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.pfb-rating .rating-wrapper {
  text-align: right;
  float: left;
  margin: 0.4em 0;
}
.pfb-rating .rating-wrapper .rating {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.pfb-rating .rating-wrapper .rating .focusable:active,
.pfb-rating .rating-wrapper .rating .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.pfb-rating .rating-wrapper label {
  float: right;
  width: 1.8em;
  height: 1.8em;
  display: inline-block;
  overflow: hidden;
  color: #9f9f9f;
}
.pfb-rating .rating-wrapper label:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f005";
  display: inline-block;
  font-size: 1.8em;
  margin-right: 0.4em;
}
/***** CSS Magic to Highlight Stars on Hover *****/
.rating-wrapper > input:checked ~ label,
.rating-wrapper:not(:checked) > label:hover,
.rating-wrapper:not(:checked) > label:hover ~ label {
  color: #ffbf29;
}
.rating-wrapper > input:checked + label:hover,
.rating-wrapper > input:checked ~ label:hover,
.rating-wrapper > label:hover ~ input:checked ~ label,
.rating-wrapper > input:checked ~ label:hover ~ label {
  color: #ffd166;
}
/*==== APPLICATION LIST ====*/
#container .type-applicationlist .content-items-list {
  justify-content: flex-start;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media only screen and (min-width: 90em) {
  #container .type-applicationlist .content-items-list {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
#container .list-content-item.application-status {
  flex: 1 0 10em;
  max-width: 15em;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.6);
  margin: 0;
  border-radius: 4px;
  padding: 0.8em 0.8em 0.4em 0.8em;
  transform: scale(0.9);
  transition: 0.3s ease;
  background: rgba(255, 255, 255, 0.7);
  -backdrop-filter: blur(5px) saturate(120%);
}
#container .list-content-item.application-status:hover {
  transform: scale(1);
  transition: 0.15s linear;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.4);
}
#container .application-image {
  text-align: center;
  padding: 0.4em 0.8em;
}
#container .application-image .link-to-application {
  display: block;
  margin: 0 auto 0.8em auto;
  width: 5em;
  font-size: 0.9em;
}
#container .application-image .link-to-application:after {
  display: none !important;
}
#container .application-image .link-to-application img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#container .application-image .application-item-name {
  display: block;
  margin: 0.4em auto 0 auto;
  text-decoration: none;
  color: #1f1f1f;
  line-height: 1.2;
}
#container .application-image .application-item-name:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}
/*==== MEDIA BROWSER ====*/
/*---- Declare images ----*/
/*==== Define the status decoration: usually, Current (green), Under Review (amber), Expired (red), Archived (black/grey)  ====*/
/*==== Reflow the Media Browser table ====*/
/*---- Media Search Placement ----*/
/*---- Folder Search Placement ----*/
/*---- Folder Display ----*/
.back-to-top-folder {
  padding: 0.4em 0;
  text-decoration: underline;
  display: block;
}
.back-to-top-folder:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f233";
  display: inline-block;
  margin-right: 0.4em;
}
.md-lst-wrp .mb-folders-list li .xpnd-fldr:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f114";
  display: inline-block;
  margin-right: 0.4rem;
  font-size: 1.2rem;
  width: 1.2rem;
}
.md-lst-wrp .mb-folders-list li .xpnd-fldr:hover:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f07b";
  display: inline-block;
}
.md-lst-wrp .mb-folders-list li .xpnd-fldr.open:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f115";
  display: inline-block;
  margin-right: 0.4rem;
  font-size: 1.2rem;
  width: 1.2rem;
}
.md-lst-wrp .mb-folders-list li .xpnd-fldr.open:hover:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f07c";
  display: inline-block;
}
.md-lst-wrp .mb-folders-list li.root-folder > .xpnd-fldr:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f115";
  display: inline-block;
  margin-right: 0.4rem;
  font-size: 1.2rem;
  width: 1.2rem;
}
.md-lst-wrp .mb-folders-list li.root-folder > .xpnd-fldr:hover:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f07c";
  display: inline-block;
}
.md-lst-wrp .mb-folders-list li .empty .xpnd-fldr:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f114";
  display: inline-block;
  color: rgba(66, 62, 55, 0.4);
  margin-right: 0.4rem;
  font-size: 1.2rem;
  width: 1.2rem;
}
.md-lst-wrp .mb-folders-list li .empty .xpnd-fldr:hover:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f114";
  display: inline-block;
}
.md-lst-wrp .md-clr-srch {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 1em;
  right: 0;
}
.md-lst-wrp .md-clr-srch:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0e8";
  display: inline-block;
  margin-right: 0.4em;
}
.mb-fldr-lst input[type="submit"] {
  width: 100%;
  margin-top: 0.4em;
}
.md-lst-wrp .mb-folders-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin: 0.8em 0;
}
.md-lst-wrp .mb-folders-list li {
  padding: 0;
  margin: 0;
}
.md-lst-wrp .mb-folders-list .mb-folder-item,
.md-lst-wrp .mb-folders-list .lst-fldr {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.md-lst-wrp .mb-folders-list .mb-folder-item.root-folder .xpnd-fldr:hover:before,
.md-lst-wrp .mb-folders-list .lst-fldr.root-folder .xpnd-fldr:hover:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f115";
  display: inline-block;
}
.md-lst-wrp .mb-folders-list .mb-folder-item.empty .xpnd-fldr,
.md-lst-wrp .mb-folders-list .lst-fldr.empty .xpnd-fldr,
.md-lst-wrp .mb-folders-list .mb-folder-item:empty .xpnd-fldr,
.md-lst-wrp .mb-folders-list .lst-fldr:empty .xpnd-fldr {
  cursor: auto;
}
.md-lst-wrp .mb-folders-list .mb-folder-item .xpnd-fldr,
.md-lst-wrp .mb-folders-list .lst-fldr .xpnd-fldr {
  flex: 0 0 1.2rem;
  cursor: pointer;
}
.md-lst-wrp .mb-folders-list .mb-folder-item .vw-fldr,
.md-lst-wrp .mb-folders-list .lst-fldr .vw-fldr {
  flex: 1 1 5em;
  cursor: pointer;
}
.md-lst-wrp .mb-folders-list .mb-folder-item .mb-folders-list,
.md-lst-wrp .mb-folders-list .lst-fldr .mb-folders-list {
  border-left: 1px dotted #a4a4a4;
  margin: 0.4em 0 0.4em 0.6rem;
}
.md-lst-wrp .mb-folders-list .mb-folder-item > ul,
.md-lst-wrp .mb-folders-list .lst-fldr > ul {
  flex: 1 1 100%;
  border-left: 1px dotted #a4a4a4;
  margin: 0.4em 0 0.4em 0.6rem;
}
.md-lst-wrp .mb-folders-list.sub-list .mb-folder-item,
.md-lst-wrp .mb-folders-list.sub-list .lst-fldr {
  position: relative;
  margin: 0.8em 0;
  padding-left: 1rem;
}
.md-lst-wrp .mb-folders-list.sub-list .mb-folder-item:before,
.md-lst-wrp .mb-folders-list.sub-list .lst-fldr:before {
  content: "";
  border-top: 1px dotted #a4a4a4;
  width: 0.6rem;
  display: block;
  position: absolute;
  top: 0.6rem;
  left: 0;
}
@media only screen and (min-width: 90em) {
  .md-lst-wrp .mb-folders-list.sub-list .mb-folder-item,
  .md-lst-wrp .mb-folders-list.sub-list .lst-fldr {
    margin: 0.4em 0;
  }
}
/*---- Media Display ----*/
.main-article-area-7 .content-headline.mb-title {
  display: none;
  visibility: hidden;
}
.main-article-area-7 .content-headline.mb-title:first-child {
  display: block;
  visibility: visible;
}
.main-article-area-7 .content-headline.mb-title:first-child h2 {
  margin-bottom: 0.2em;
}
#media-browser-pl .media-display-table {
  margin: 0.4em 0 0.4em 0;
  font-size: 0.9em;
}
#media-browser-pl .media-display-table thead tr th .mb-sort {
  white-space: nowrap;
  text-decoration: none;
}
#media-browser-pl .media-display-table thead tr th .mb-sort.asc:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f160";
  display: inline-block;
}
#media-browser-pl .media-display-table thead tr th .mb-sort.desc:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f161";
  display: inline-block;
}
#media-browser-pl .media-display-table tbody tr {
  border: 1px solid rgba(66, 62, 55, 0.3);
}
#media-browser-pl .media-display-table tbody tr td {
  border-left: 1px solid rgba(66, 62, 55, 0.1);
}
#media-browser-pl .media-display-table tbody tr td:first-child {
  border-left: none;
}
#media-browser-pl .media-display-table tbody tr td:nth-child(2) {
  text-align: center;
}
#media-browser-pl .media-display-table tbody tr td a.vw-fl {
  font-weight: 700;
}
#media-browser-pl .media-display-table tbody tr td a[href*="download"] {
  white-space: nowrap;
  border: 1px solid var(--primary-brand-color);
  background: transparent;
  font-size: 0.8em;
  padding: 0.6em 1.2em;
  color: var(--primary-brand-color);
  box-shadow: none;
  text-transform: none;
  text-decoration: none;
  border-radius: 40px;
  display: inline-block;
  font-family: "Inter", sans-serif;
  min-width: 50%;
  text-align: center;
}
#media-browser-pl .media-display-table tbody tr td a[href*="download"]:hover {
  background: var(--primary-brand-color);
  color: contrast(var(--primary-brand-color));
}
#media-browser-pl .media-display-table tbody tr td a[href*="download"]:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ed";
  display: inline-block;
}
@media only screen and (max-width: 37.4375em) {
  #media-browser-pl .media-display-table tbody tr {
    display: flex;
    flex-wrap: wrap;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }
  #media-browser-pl .media-display-table tbody th,
  #media-browser-pl .media-display-table tbody td {
    text-align: left;
  }
  #media-browser-pl .media-display-table tbody td {
    border-left: none;
  }
  #media-browser-pl .media-display-table tbody td:last-child {
    border-bottom: none;
  }
  #media-browser-pl .media-display-table tbody td:nth-child(1),
  #media-browser-pl .media-display-table tbody td:nth-child(2),
  #media-browser-pl .media-display-table tbody td:nth-child(5) {
    flex: 1 1 5em;
  }
  #media-browser-pl .media-display-table tbody td:nth-child(3),
  #media-browser-pl .media-display-table tbody td:nth-child(4),
  #media-browser-pl .media-display-table tbody td:nth-child(6) {
    flex: 0 0 100%;
    border-right: none;
    border-left: none;
  }
  #media-browser-pl .media-display-table tbody td:nth-child(1),
  #media-browser-pl .media-display-table tbody td:nth-child(2) {
    order: 2;
  }
  #media-browser-pl .media-display-table tbody td:nth-child(3),
  #media-browser-pl .media-display-table tbody td:nth-child(4) {
    order: 1;
  }
  #media-browser-pl .media-display-table tbody td:nth-child(5),
  #media-browser-pl .media-display-table tbody td:nth-child(6) {
    order: 3;
  }
  #media-browser-pl .media-display-table tbody td:nth-child(1) {
    background: none;
    color: #1f1f1f;
  }
  #media-browser-pl .media-display-table tbody td:nth-child(3) {
    background: rgba(31, 31, 31, 0.08);
    font-size: 1.2em;
  }
  #media-browser-pl .media-display-table tbody td:nth-child(6) {
    text-align: center;
    padding-bottom: 1.6em;
  }
}
@media only screen and (min-width: 3@spacing-gap-lg) and (max-width: 72.6em) {
  #media-browser-pl .media-display-table tbody tr {
    display: flex;
    flex-wrap: wrap;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }
  #media-browser-pl .media-display-table tbody th,
  #media-browser-pl .media-display-table tbody td {
    text-align: left;
  }
  #media-browser-pl .media-display-table tbody td {
    border-left: none;
  }
  #media-browser-pl .media-display-table tbody td:last-child {
    border-bottom: none;
  }
  #media-browser-pl .media-display-table tbody td:nth-child(1),
  #media-browser-pl .media-display-table tbody td:nth-child(2),
  #media-browser-pl .media-display-table tbody td:nth-child(5) {
    flex: 1 1 5em;
  }
  #media-browser-pl .media-display-table tbody td:nth-child(3),
  #media-browser-pl .media-display-table tbody td:nth-child(4),
  #media-browser-pl .media-display-table tbody td:nth-child(6) {
    flex: 0 0 100%;
    border-right: none;
    border-left: none;
  }
  #media-browser-pl .media-display-table tbody td:nth-child(1),
  #media-browser-pl .media-display-table tbody td:nth-child(2) {
    order: 2;
  }
  #media-browser-pl .media-display-table tbody td:nth-child(3),
  #media-browser-pl .media-display-table tbody td:nth-child(4) {
    order: 1;
  }
  #media-browser-pl .media-display-table tbody td:nth-child(5),
  #media-browser-pl .media-display-table tbody td:nth-child(6) {
    order: 3;
  }
  #media-browser-pl .media-display-table tbody td:nth-child(1) {
    background: none;
    color: #1f1f1f;
  }
  #media-browser-pl .media-display-table tbody td:nth-child(3) {
    background: rgba(31, 31, 31, 0.08);
    font-size: 1.2em;
  }
  #media-browser-pl .media-display-table tbody td:nth-child(6) {
    text-align: center;
    padding-bottom: 1.6em;
  }
}
.mb-pagination {
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size: 0.9em;
  margin: 2.4em 0 0.4em 0;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 37.4375em) {
  .mb-pagination {
    flex-wrap: wrap;
  }
}
.mb-pagination .page-nav-count .page-number {
  font-weight: 700;
}
.mb-pagination .page-nav-count .total-pages-number {
  font-weight: 700;
}
.mb-pagination .page-nav:before,
.mb-pagination .page-nav:after {
  transition: 0.3s ease;
}
.mb-pagination .page-nav:hover:before,
.mb-pagination .page-nav:hover:after {
  transition: 0.15s ease;
}
.mb-pagination .page-nav.goto-prev-page {
  margin-right: 0.8em;
}
.mb-pagination .page-nav.goto-prev-page:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f053";
  display: inline-block;
  transform: translateX(0);
}
.mb-pagination .page-nav.goto-prev-page:hover:before {
  transform: translateX(-0.4em);
}
.mb-pagination .page-nav.goto-next-page {
  margin-left: 0.8em;
}
.mb-pagination .page-nav.goto-next-page:after {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f054";
  display: inline-block;
  transform: translateX(0);
}
.mb-pagination .page-nav.goto-next-page:hover:after {
  transform: translateX(0.4em);
}
.mb-pagination .results-totals-count {
  margin-left: auto;
}
.mb-pagination .results-totals-count .total-results {
  font-weight: 700;
}
.mb-pagination .pagination-item {
  margin: auto 0.8em;
}
.mb-pagination .pagination-item .btn {
  background: none;
  text-decoration: underline;
  padding: 0;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  color: #0137AF;
}
.mb-pagination .pagination-item .btn:hover {
  color: #0137AF;
  background: rgba(1, 55, 175, 0.05);
  text-decoration: none;
  transform: none;
  box-shadow: none;
}
.media-status {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.media-status:before {
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  display: inline-block;
}
.status-download-information .media-status {
  width: auto;
  height: auto;
  overflow: visible;
  display: block;
}
.status-download-information .media-status:before {
  display: none;
}
.media-status > span:before {
  content: "";
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4em;
  border-radius: 50%;
  margin: 0.8em 0;
}
.media-status .ms-current:before {
  background: #06d6a0;
}
.media-status .ms-underreview:before,
.media-status .ms-under-review:before {
  background: #ffd166;
}
.media-status .ms-expired:before {
  background: #ffd166;
}
.media-status .ms-archived:before {
  background: black;
}
.media-status .ms-all {
  padding: 0;
}
.ms-current:before {
  background: #06d6a0;
}
.ms-underreview:before,
.ms-under-review:before {
  background: #ffd166;
}
.ms-expired:before {
  background: #ffd166;
}
.ms-archived:before {
  background: black;
}
/*---- Statuses ----*/
.media-viewer .folder-breadcrumb {
  font-weight: 700;
  padding: 0.4em 0;
  font-size: 0.8em;
  border-bottom: 1px dotted #ddd;
}
.media-viewer form {
  padding: 0.4em 0;
}
.media-viewer .results-filter-options {
  border-top: 1px dotted #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0.4em 0;
  margin: 0.4em 0 0.4em 0;
}
.media-viewer .results-filter-options .status-filters {
  display: inline-block;
  font-size: 0.9em;
}
.media-viewer .results-filter-options .status-filters a {
  display: inline-block;
  margin: 0 0.8em 0.4em 0;
}
.media-viewer .results-filter-options .status-filters a:before {
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.7);
  display: inline-block;
  margin-right: 0.2em;
  vertical-align: middle;
}
.media-viewer .media-search-inputs {
  display: flex;
}
@media only screen and (max-width: 37.4375em) {
  .media-viewer .media-search-inputs {
    flex-wrap: wrap;
  }
}
.media-viewer .media-search-inputs .input-label {
  margin: auto 0.8em auto 0;
}
@media only screen and (max-width: 37.4375em) {
  .media-viewer .media-search-inputs .input-label.input-name-media-browser-list-search {
    display: none;
  }
}
.media-viewer .media-search-inputs input[type="checkbox"] {
  margin: auto 0.4em auto 0;
}
.media-viewer .media-search-inputs input[type="submit"] {
  margin-bottom: 0;
  margin-right: 0.8em;
  border-radius: 0 4px 4px 0;
}
@media only screen and (max-width: 37.4375em) {
  .media-viewer .media-search-inputs input[type="submit"] {
    border-radius: 4px;
    margin-top: 0.4em;
  }
}
/*---- File type rules ----*/
.media-format {
  white-space: nowrap;
}
.media-format:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0f6";
  display: inline-block;
  margin-right: 0.4em;
}
.media-format.format-pdf {
  text-transform: uppercase;
}
.media-format.format-pdf:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1c1";
  display: inline-block;
}
.media-format.format-doc:before,
.media-format.format-docx:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1c2";
  display: inline-block;
}
/*---- File View Display ----*/
#file-viewer {
  font-size: 1rem;
}
@media only screen and (max-width: 37.4375em) {
  #file-viewer {
    font-size: 0.9rem;
  }
}
#file-viewer .content-wrapper-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.4rem;
  margin-right: -0.4rem;
}
#file-viewer .content-wrapper-inner section {
  flex: 1 1 18em;
  margin: 0.4rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  padding: 0.4em 0.8em;
}
@media only screen and (max-width: 37.4375em) {
  #file-viewer .content-wrapper-inner section {
    border-bottom: 1px dotted #ccc;
    box-shadow: none;
    padding: 0 0 0.4em 0;
  }
}
#file-viewer .content-wrapper-inner section.media-description {
  order: 1;
}
#file-viewer .content-wrapper-inner section.media-information {
  order: 2;
}
#file-viewer .content-wrapper-inner section.status-download-information {
  order: 3;
}
#file-viewer .content-wrapper-inner section.reader-area {
  order: 4;
}
#file-viewer .content-wrapper-inner section.media-history {
  order: 5;
}
#file-viewer .content-wrapper-inner section h3 {
  text-transform: capitalize;
  margin: 0.4em 0 0.2em 0;
}
@media only screen and (max-width: 37.4375em) {
  #file-viewer .content-wrapper-inner section h3 {
    margin: 0 0 0.2em 0;
  }
}
#file-viewer .content-wrapper-inner section > ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0.8em 0 0 0;
}
#file-viewer .content-wrapper-inner section > ul li {
  flex: 1 1 auto;
}
#file-viewer .status-download-information ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#file-viewer .status-download-information ul li {
  padding: 0;
  margin: 0;
}
#file-viewer .status-download-information ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#file-viewer .status-download-information ul li li {
  padding: 0;
  margin: 0;
}
#file-viewer .status-download-information ul li.download-media-link .md-dwnld {
  width: 100%;
}
#file-viewer .status-download-information ul li.download-media-link .md-dwnld:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ed";
  display: inline-block;
}
#file-viewer .status-download-information ul li.download-media-link .md-dwnld:hover {
  border-color: #666666;
}
#file-viewer .status-download-information ul li.download-media-link .md-dwnld:active {
  border-color: #666666;
}
#file-viewer .media-information ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#file-viewer .media-information ul li {
  padding: 0;
  margin: 0;
}
#file-viewer .media-information ul li .media-info {
  font-weight: 700;
}
#file-viewer .reader-area .reader-name {
  font-weight: 700;
}
/*==== Feedback Messages styling ====*/
#container .feedback-message-wrapper .content-wrapper-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.4em 0 0 0;
  margin: 0.6em 0 0 0;
  border-top: 1px solid #dddddd;
}
#container .feedback-message-wrapper .content-wrapper-inner .fbm-feedback {
  flex: 0 0 100%;
  padding: 0.4em 0.8em;
  font-size: 0.7em;
  font-weight: 700;
  margin-bottom: 0.4em;
  border-radius: 2px;
}
#container .feedback-message-wrapper .content-wrapper-inner .fbm-feedback.fbm-feedback-success {
  background: rgba(6, 214, 160, 0.3);
  border: 1px solid #06d6a0;
}
#container .feedback-message-wrapper .content-wrapper-inner .fbm-feedback.fbm-feedback-failure {
  background: rgba(255, 209, 102, 0.2);
  border: 1px solid #ffd166;
}
#container .feedback-message-wrapper .content-main-image {
  float: left;
  width: 150px;
  margin: 0.4em 1.2em 0.4em 0;
}
#container .feedback-message-wrapper .content-main-image img {
  max-width: 100%;
  height: auto;
}
#container .feedback-message-wrapper .feedback-message-input {
  opacity: 1;
  flex: 1 1 16em;
  padding: 0.4em 1.6em 0.4em 0;
}
#container .feedback-message-wrapper .feedback-message-input .fbm-input-inner {
  padding: 0;
}
#container .feedback-message-wrapper .feedback-message-input .fbm-input-inner .fbm-feedback-inactive {
  color: #58C458;
  border-radius: 4px;
  margin-bottom: 0.4em;
}
#container .feedback-message-wrapper .feedback-message-input .fbm-input-inner input,
#container .feedback-message-wrapper .feedback-message-input .fbm-input-inner textarea,
#container .feedback-message-wrapper .feedback-message-input .fbm-input-inner select {
  border-color: #ddd;
}
#container .feedback-message-wrapper .feedback-message-input .fbm-input-inner select {
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #ddd;
  padding: 0.5em 2em 0.5em 0.5em;
  background-size: 18px;
  background-color: #ffffff;
}
#container .feedback-message-wrapper .feedback-message-input .fbm-input-inner .btn-row {
  padding: 0.8em 0 0.4em 0;
}
#container .feedback-message-wrapper .fbm-input-wrapper {
  border: 1px solid #DDDDDD;
  padding: 0.4em 0.8em;
}
#container .feedback-message-wrapper .fbm-input-wrapper legend {
  border: 1px solid #DDDDDD;
  padding: 0.4em 0.8em;
  font-size: 0.7em;
  font-weight: 700;
  border-radius: 4px;
}
#container .feedback-message-wrapper .fbm-input-wrapper textarea {
  min-height: 12em;
  font-size: 0.8em;
}
#container .feedback-message-wrapper .fbm-input-wrapper input[type="email"] {
  border: 1px solid silver;
}
#container .feedback-message-wrapper .feedback-message-stream-container {
  flex: 2 1 35em;
  padding: 0.4em 0.4em 0.4em 1.6em;
  border-left: 1px solid #dddddd;
}
#container .feedback-message-wrapper .feedback-message-stream-container .feedback.no-messages {
  padding: 0.4em 0.8em;
  font-size: 0.7em;
  font-weight: 700;
  border-radius: 2px;
  background: rgba(255, 209, 102, 0.2);
  border: 1px solid #ffd166;
}
#container .feedback-message-wrapper .feedback-message-stream {
  opacity: 0;
  transition: 0.1s linear;
}
#container .feedback-message-wrapper .feedback-message-stream.data-loaded {
  opacity: 1;
  transition: 0.5s ease;
}
#container .feedback-message-wrapper .fbm-message-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
}
#container .feedback-message-wrapper .fbm-message-list li {
  padding: 0;
  margin: 0;
}
#container .feedback-message-wrapper .fbm-message-list .fbm-message-list {
  margin: 8px 0 0.4em 0.8rem;
}
#container .feedback-message-wrapper .fbm-message-list .fbm-message-list .fbm-message:before,
#container .feedback-message-wrapper .fbm-message-list .fbm-message-list .fbm-message:after {
  content: "";
  position: absolute;
  left: 0.8rem;
  top: -16px;
  border: 8px solid transparent;
  border-bottom-color: #cfcfcf;
  height: 0;
  width: 0;
}
#container .feedback-message-wrapper .fbm-message-list .fbm-message-list .fbm-message:after {
  top: -15px;
  border-bottom-color: #f8f8f8;
}
#container .feedback-message-wrapper .fbm-message-list .fbm-message-list .fbm-message .msg-inner {
  background: #f8f8f8;
  border-color: #e4e4e4;
}
#container .feedback-message-wrapper .fbm-message-list .fbm-meta-details {
  font-size: 0.7em;
  font-weight: 700;
  color: #5f5f5f;
}
#container .feedback-message-wrapper .fbm-message-list .fbm-meta-details .fbm-contact-email {
  font-weight: 400;
}
#container .feedback-message-wrapper .fbm-message-list .fbm-meta-details .fbm-site-name:after {
  content: ":";
}
#container .feedback-message-wrapper .fbm-message-list .fbm-message {
  margin-bottom: 0.8em;
}
#container .feedback-message-wrapper .fbm-message-list .msg-inner {
  padding: 0.8em 1.2em;
  background-color: rgba(113, 30, 230, 0.08);
  border: 1px solid rgba(81, 19, 170, 0.08);
  border-radius: 4px;
}
#container .feedback-message-wrapper .fbm-message-list .msg-inner + .fbm-message-list {
  margin-left: 0.8em;
}
#container .feedback-message-wrapper .fbm-message-list .msg-inner + .fbm-message-list .msg-inner {
  background-color: #f8f8f8;
}
#container .feedback-message-wrapper .fbm-message-list .actn-btn {
  all: unset;
  background: var(--secondary-brand-color);
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  border-radius: 5px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), inset 0 -4px 0px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
  transition: 0.2s ease-in-out;
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.9);
  padding: 20px;
  cursor: pointer;
  display: inline-block;
}
#container .feedback-message-wrapper .fbm-message-list .actn-btn:hover {
  text-decoration: underline;
  transform: translateY(-2px);
}
#container .feedback-message-wrapper .fbm-message-list .actn-btn:focus-visible {
  background: yellow;
  color: black;
}
#container .feedback-message-wrapper .fbm-message-list .actn-btn:active {
  background: color-mix(in srgb, var(--primary-brand-color) 80%, black);
}
#container .feedback-message-wrapper .fbm-message-list .actn-btn:before {
  margin-right: 0.4em;
}
#container .feedback-message-wrapper .fbm-message-list .btn-fbm-reply:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f112";
  display: inline-block;
}
#container .feedback-message-wrapper .fbm-message-list .btn-fbm-reject:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f014";
  display: inline-block;
}
#container .feedback-message-wrapper .fbm-message-list .btn-fbm-edit:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f044";
  display: inline-block;
}
#container .feedback-message-wrapper .fbm-message-list .btn-fbm-moderate:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f070";
  display: inline-block;
}
#container .feedback-message-wrapper .fbm-message-list .fbm-mod-highlight .msg-inner {
  border-right: 40px solid red;
}
#container .feedback-message-wrapper .fbm-hide-mod > .msg-inner {
  opacity: 0.5;
}
#container .feedback-message-wrapper .fbm-hide-mod > .msg-inner:hover {
  opacity: 1;
}
#container .feedback-message-wrapper .fbm-reference {
  margin-right: 1em;
  float: right;
  opacity: 0.25;
}
.fbm-message-actions {
  font-size: 0.8em;
  margin-top: 1.6em;
}
.feedback-message-stream-control select {
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #ddd;
  padding: 0.5em 2em 0.5em 0.5em;
  background-size: 18px;
  background-color: white;
}
.feedback-message-stream-control .filter-selector {
  display: inline-block;
  margin: 0 0.5em 0.5em 0;
}
.fmsp-total-results {
  display: none;
}
.feedback-message-stream-pagination {
  margin-bottom: 1em;
}
.feedback-message-stream-pagination select {
  box-shadow: none;
  border: 1px solid #ddd;
  padding: 0.5em 1.5em 0.25em 0.5em;
  background-size: 18px;
  background-color: #ffffff;
}
/*---- Dark Mute Blue ----*/
/*---- Note Red ----*/
/*---- Active Blue ----*/
/*---- Away Red ----*/
/*---- Inactive Amber ----*/
/*---- Offline Grey ----*/
/*---- Action Green ----*/
#container {
  /*==== BPA STRUCTURE (should be mostly not altered) ====*/
  /*---- Process Admin Placement ---*/
  /*---- Ticket List Placement (usually in a side column) ----*/
  /*---- Progress Bar ----*/
}
#container .process-wrapper {
  font-size: 1rem;
}
#container .process-wrapper .process-overview {
  position: -webkit-sticky;
  position: sticky;
  top: 5.75rem;
  -webkit-backdrop-filter: blur(5px) saturate(120%);
  backdrop-filter: blur(5px) saturate(120%);
  background: rgba(255, 255, 255, 0.7);
  background: #84fab0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.7) 0%, #fbfaff 100%);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
  padding: 1em 3rem;
  font-size: 0.8em;
  z-index: 10;
  position: fixed;
  left: 0;
  right: 0;
}
#container .process-wrapper .process-overview .process-overview-inner {
  display: flex;
  flex-wrap: wrap;
}
#container .process-wrapper .process-overview .overview-details {
  flex: 2 2 16em;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
#container .process-wrapper .process-overview .overview-details .overview-item {
  flex: 1 1 auto;
  margin: 0.2em 0;
}
#container .process-wrapper .process-overview .overview-details .overview-item .info {
  font-weight: 700;
}
#container .process-wrapper .process-overview .process-controls {
  flex: 1 1 8em;
  text-align: right;
}
#container .process-wrapper .process-overview .process-controls .actn-btn {
  font-size: 0.8em;
  margin: 0 0.4em 0.4em 0;
}
#container .process-wrapper .process-steps-wrapper .pb-step-list {
  list-style-type: none;
  padding: 0.4em 0;
  margin: 0;
  width: 100%;
  border-left: 2px dashed silver;
  margin-left: 1rem;
  padding-left: 1.53846154rem;
}
#container .process-wrapper .process-steps-wrapper .pb-step {
  position: relative;
  padding: 0;
  margin: 0.4em;
  flex: 1 0 100%;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 3px 6px 6px 3px;
}
#container .process-wrapper .process-steps-wrapper .pb-step.completed-passed .pb-step-header:after {
  background: #84fab0;
  background: linear-gradient(120deg, #b8b8b8 0%, #e0e0e0 100%);
}
#container .process-wrapper .process-steps-wrapper .pb-step.active-step .pb-step-header:after {
  background: #84fab0;
  background: linear-gradient(120deg, #9e0748 0%, #f50c71 100%);
}
#container .process-wrapper .process-steps-wrapper .pb-step.active-step .pb-step-header .step-number {
  background: #84fab0;
  background: linear-gradient(120deg, #9e0748 0%, #f50c71 100%);
}
#container .process-wrapper .process-steps-wrapper .pb-step.future-step .pb-step-header:after {
  background: #84fab0;
  background: linear-gradient(120deg, #34668d 0%, #629ac5 100%);
}
#container .process-wrapper .process-steps-wrapper .pb-step.internal-step .pb-step-header:before,
#container .process-wrapper .process-steps-wrapper .pb-step.admin-step .pb-step-header:before {
  padding: 0.6em 1.6rem;
  display: block;
  margin: -0.4rem -1.6rem 0.4em -1.6rem;
  font-weight: 700;
  font-size: 0.7em;
  color: #1f1f1f;
  border-radius: 0 6px 0 0;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4);
  background: #f7f1d0;
}
#container .process-wrapper .process-steps-wrapper .pb-step.internal-step .pb-step-header:before {
  content: "Internal Step: not visible to the Initiator";
}
#container .process-wrapper .process-steps-wrapper .pb-step.admin-step .pb-step-header:before {
  content: "Admin Step: to be completed by Responders";
}
#container .process-wrapper .process-steps-wrapper .pb-step.admin-step .pb-step-header.internal-step:before {
  content: "Internal Admin Step: to be completed by Responders (not visible to the Initiator)";
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-inner p:empty {
  display: none;
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-header {
  position: relative;
  padding: 0.4rem 1.6rem 0.4em 1.6rem;
  cursor: pointer;
  font-size: 0.9em;
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-header:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.4rem;
  border-radius: 3px 0 0 3px;
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-header:hover h3 {
  text-decoration: underline;
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-header .pb-step-title {
  position: relative;
  font-size: 1.2rem;
  margin: 0;
  padding: 0.4em 0;
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-header .step-number {
  display: inline-block;
  position: absolute;
  top: 0;
  left: -4.6rem;
  font-size: 1rem;
  text-align: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #333;
  color: rgba(255, 255, 255, 0.9);
  line-height: 2rem;
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-header .step-number:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -50%;
  border-top: 2px dashed silver;
  width: 1rem;
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-contents-wrap {
  background: rgba(255, 255, 255, 0.5);
  margin: 0 0.4rem;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 3px 3px;
  padding: 0.8em 1.6rem;
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-contents-wrap .pb-key-info {
  font-size: 0.9em;
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-contents-wrap .pb-key-info h4 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.8em;
  margin: 0.4em 0 0 0;
  padding: 0 0 0.4em 0;
  border-bottom: 1px solid rgba(57, 2, 0, 0.2);
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-contents-wrap .pb-key-info .pb-step-details {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px dotted rgba(57, 2, 0, 0.2);
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-contents-wrap .pb-key-info .pb-step-details .pb-step-meta {
  font-size: 0.8em;
  display: inline-block;
  margin: 0.4em 1.6em 0.4em 0;
  font-weight: 700;
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-contents-wrap .pb-key-info .pb-step-details .pb-step-meta p {
  margin: 0;
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-contents-wrap .pb-key-info .pb-step-details .pb-step-meta.completion-date .label {
  font-weight: 300;
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-contents-wrap .pb-key-info .pb-step-details .pb-step-meta.completion-date .label:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f017";
  display: inline-block;
  margin-right: 0.4em;
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-contents-wrap .pb-key-info .pb-step-details .pb-step-meta.completion-user .label {
  font-weight: 300;
}
#container .process-wrapper .process-steps-wrapper .pb-step .pb-step-contents-wrap .pb-key-info .pb-step-details .pb-step-meta.completion-user .label:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f007";
  display: inline-block;
  margin-right: 0.4em;
}
#container .type-processsearchplacement {
  font-size: 1rem;
}
#container .type-processsearchplacement .pb-menu {
  font-size: 0.9em;
}
#container .type-processsearchplacement .pb-menu .section-headline h2 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.8em;
  font-weight: 700;
}
#container .type-processsearchplacement .pb-menu .pb-filter-inputs fieldset {
  background: rgba(255, 255, 255, 0.5);
}
#container .type-processsearchplacement .pb-menu .pb-filter-inputs .search-terms label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
#container .type-processsearchplacement .pb-menu .pb-filter-inputs .search-terms label .focusable:active,
#container .type-processsearchplacement .pb-menu .pb-filter-inputs .search-terms label .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
#container .type-processsearchplacement .pb-menu .all-filters .field-value {
  display: block;
}
#container .type-processsearchplacement .pb-menu .all-filters .pbs-filter-field {
  margin: 0.4em 0;
}
#container .type-processsearchplacement .pb-menu .all-filters input[type="checkbox"] {
  margin-right: 0.4em;
}
#container .type-processsearchplacement .pb-menu .process-list-container > p {
  padding: 0.4em 0.8em;
  background: #f7f1d0;
  border: 1px solid #ecde8f;
  font-weight: 700;
  border-radius: 8px;
}
#container .type-processsearchplacement .pb-menu .process-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  padding-bottom: 7em;
}
#container .type-processsearchplacement .pb-menu .process-list li {
  padding: 0;
  margin: 0;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry {
  margin: 0.4em 0;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(5px) saturate(120%);
  backdrop-filter: blur(5px) saturate(120%);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.6);
  font-size: 0.8em;
  border-radius: 2px 2px 4px 4px;
  margin-bottom: -7em;
  transition: 0.4s;
  transform: translateX(0);
  position: relative;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry:hover {
  margin-bottom: 0;
  transform: translateX(1rem);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6);
  transition: 0.4s;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry .process-entry-link {
  text-decoration: none;
  display: block;
  padding: 0.8rem 1.2rem;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry .pb-menu-ticket-details h3 {
  font-size: 1em;
  margin: -0.8rem -1.2rem 0.4em -1.2rem;
  padding: 0.8em 1.2rem;
  background: #1f1f1f;
  color: white;
  border-radius: 2px 2px 0 0;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry .pb-menu-ticket-details p:empty {
  display: none;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry .pb-menu-ticket-details ul {
  margin: 0;
  padding: 2px 0;
  list-style-type: none;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry .pb-menu-ticket-details ul li {
  font-weight: 700;
  margin: 0.2em 0;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry .pb-menu-ticket-details ul li:before {
  margin-right: 0.4em;
  color: #525252;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry .pb-menu-ticket-details ul li:first-child:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f007";
  display: inline-block;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry .pb-menu-ticket-details ul li:nth-child(2):before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f017";
  display: inline-block;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry .pb-menu-ticket-details ul li:nth-child(3):before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f05d";
  display: inline-block;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry .pb-menu-ticket-details ul li b {
  font-weight: 300;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry .pb-menu-ticket-details .application-meta {
  margin: 0.4rem -1.2rem -0.8rem -1.2rem;
  padding: 0.4em 1.2rem;
  background: #f2f2f2;
  border-radius: 0 0 4px 4px;
  display: flex;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry .pb-menu-ticket-details .application-meta time,
#container .type-processsearchplacement .pb-menu .process-list .process-entry .pb-menu-ticket-details .application-meta .pb-menu-ticket-status {
  flex: 1 1 auto;
  font-weight: 700;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry .pb-menu-ticket-details .application-meta time:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f017";
  display: inline-block;
  margin-right: 0.4em;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry .pb-menu-ticket-details .application-meta .pb-menu-ticket-status {
  text-align: right;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry .pb-menu-ticket-details .application-meta .pb-menu-ticket-status .process-status {
  color: #1f1f1f;
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry .pb-menu-ticket-details .application-meta .pb-menu-ticket-status .process-status:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4em;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.9);
  background: #84fab0;
  background: linear-gradient(120deg, #34668d 0%, #629ac5 100%);
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry.open h3 {
  background: #84fab0;
  background: linear-gradient(120deg, #34668d 0%, #629ac5 100%);
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry.open .application-meta .pb-menu-ticket-status .process-status:before {
  background: #84fab0;
  background: linear-gradient(120deg, #34668d 0%, #629ac5 100%);
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry.closed h3 {
  background: #84fab0;
  background: linear-gradient(120deg, #666666 0%, #999999 100%);
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry.closed .application-meta .pb-menu-ticket-status .process-status:before {
  background: #84fab0;
  background: linear-gradient(120deg, #666666 0%, #999999 100%);
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry.cancelled h3 {
  background: #84fab0;
  background: linear-gradient(120deg, #520e19 0%, #a01c32 100%);
}
#container .type-processsearchplacement .pb-menu .process-list .process-entry.cancelled .application-meta .pb-menu-ticket-status .process-status:before {
  background: #84fab0;
  background: linear-gradient(120deg, #520e19 0%, #a01c32 100%);
}
#container .pb-index-progress-bar.pbar-bottom {
  margin-top: 1.2rem;
}
#container .indexed-progress {
  padding: 0.4em 0 0 0;
  font-size: 0.8rem;
}
#container .indexed-progress .progress-steps {
  margin-top: 0.4em;
  display: flex;
}
#container .indexed-progress .progress-details {
  display: flex;
  flex-wrap: wrap;
  font-weight: 700;
  font-size: 0.8em;
}
#container .indexed-progress .progress-details .pdeets-percentage,
#container .indexed-progress .progress-details .pdeets-steps-text {
  flex: 1 1 auto;
  margin: 0.4em 0 0 0;
}
#container .indexed-progress .progress-details .pdeets-steps-text {
  text-align: right;
}
#container .pbar-step {
  flex: 1 1 auto;
  position: relative;
  background: silver;
  height: 1.2em;
  margin: 0 1px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
}
#container .pbar-step:after {
  position: absolute;
  content: attr(data-stepname);
  display: inline-block;
  padding: 0.6em;
  top: 100%;
  margin-top: 0.4em;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 0.4em;
  min-width: 100%;
  text-align: center;
  border-radius: 4px;
  opacity: 0;
  height: 0;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 1.2;
  transition: opacity 0.3s ease;
}
#container .pbar-step:hover:after {
  opacity: 1;
  height: auto;
  transition: opacity 0.25s ease;
}
#container .pbar-step.pbar-step-completed {
  background: #808080;
}
#container .pbar-step.pbar-step-active {
  background: #d90963;
}
#container .pbar-step.pbar-step-uncompleted {
  background: #3f7cab;
}
#container .pbar-step .pbar-txt {
  display: none;
}
#container .pb-step .pb-dropzone-active .dropzone {
  padding: 0.8em 1.2em;
  margin: 1.2em 0;
  border-radius: 0.4em;
  min-height: 88px;
  display: flex;
  flex-wrap: wrap;
  border: 1px dashed rgba(31, 31, 31, 0.3);
  background: rgba(245, 166, 35, 0.15);
}
#container .pb-step .pb-dropzone-active .dropzone:hover {
  background: rgba(245, 166, 35, 0.1);
  border-style: solid;
}
#container .pb-step .pb-dropzone-active .dropzone .dz-default.dz-message {
  margin: auto;
}
#container .pb-step .pb-dropzone-active .dropzone .dz-default.dz-message span {
  display: block;
  font-weight: 700;
  color: #492f03;
}
#container .pb-step .pb-dropzone-active .dropzone .dz-default.dz-message span:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ee";
  display: inline-block;
  margin-right: 0.4em;
}
#container .pb-step .pb-dropzone-active .dropzone.dz-clickable {
  cursor: pointer;
}
#container .pb-step .pb-dropzone-active .dropzone.dz-drag-hover {
  cursor: copy;
  background: rgba(50, 189, 158, 0.12);
  border-color: rgba(50, 189, 158, 0.5);
}
#container .pb-step .dropzone {
  display: flex;
  flex-wrap: wrap;
}
#container .pb-step .dropzone .dz-preview {
  flex: 1 1 20em;
  display: flex;
  flex-wrap: wrap;
  margin: 0.8em 0.4em;
}
#container .pb-step .dropzone .dz-preview .dz-image {
  flex: 0 1 12em;
  margin: auto 0.8em;
}
#container .pb-step .dropzone .dz-preview .dz-image img {
  width: 100%;
  height: auto;
}
#container .pb-step .dropzone .dz-preview .dz-details {
  flex: 1 1 10em;
  margin: auto 0.8em;
  display: flex;
  flex-wrap: wrap;
}
#container .pb-step .dropzone .dz-preview .dz-details .dz-del-button {
  flex: 1 1 2em;
  order: 5;
  font-size: 0.8em;
  margin: 0 0.8em 0.8em 0;
}
#container .pb-step .dropzone .dz-preview .dz-details .dz-del-button:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f014";
  display: inline-block;
  margin-right: 0.4em;
}
#container .pb-step .dropzone .dz-preview .dz-details .md-dwnld {
  flex: 2 2 4em;
  order: 4;
  font-size: 0.8em;
  margin: 0 0.8em 0.8em 0;
}
#container .pb-step .dropzone .dz-preview .dz-details .md-dwnld:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ed";
  display: inline-block;
  margin-right: 0.4em;
}
#container .pb-step .dropzone .dz-preview .dz-details .dz-filename {
  font-weight: 700;
  order: 1;
  flex: 1 1 auto;
}
#container .pb-step .dropzone .dz-preview .dz-details .dz-size {
  order: 2;
  flex: 1 1 auto;
}
#container .pb-step .dropzone .dz-preview .dz-details .dz-upload-details {
  order: 3;
  font-size: 0.8em;
  margin-bottom: 0.8em;
}
#container .pb-step .dropzone .dz-preview .dz-details .dz-size,
#container .pb-step .dropzone .dz-preview .dz-details .dz-filename,
#container .pb-step .dropzone .dz-preview .dz-details .dz-upload-details {
  flex: 0 1 100%;
}
/*==== DIGITAL REWARDS ====*/
#container .type-rewardcontactpoints {
  font-size: 1rem;
}
#container .type-rewardcontactpoints .rt-points-balance {
  font-size: 4rem;
  color: #b78cf2;
  font-weight: 700;
}
#container .type-rewardcontactpoints .rt-points-balance .rt-points-balance-label {
  font-size: 1rem;
  font-weight: 700;
  color: #454545;
  vertical-align: middle;
  display: inline-block;
  width: 7rem;
  line-height: 1;
}
#container .type-listrewards .content-items-list.reward-list .list-content-item {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border-bottom: none;
  padding: 0;
  margin: 0.8em;
}
#container .type-listrewards .content-items-list.reward-list .list-content-item:hover {
  background: #f4f4f4;
}
#container .type-listrewards .content-items-list.reward-list .list-content-item h3 {
  background: rgba(113, 30, 230, 0.15);
  margin-top: 0;
  padding: 0.8rem 1.2rem;
}
#container .type-listrewards .content-items-list.reward-list .list-content-item h3 a {
  text-decoration: none;
}
#container .type-listrewards .content-items-list.reward-list .list-content-item h3 a:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f091";
  display: inline-block;
}
#container .type-listrewards .content-items-list.reward-list .list-content-item .content-item-container {
  padding: 0.4rem 1.2rem 1.2rem 1.2rem;
}
#container .type-listrewards .content-items-list.reward-list .list-content-item .points-required {
  font-weight: 700;
  color: black;
}
/*==== TOPIC SUBSCRIPTIONS ====*/
.topic-subscription-map .go-to-page a {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  overflow: hidden;
}
.topic-subscription-map .go-to-page a:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06e";
  display: inline-block;
}
.topic-subscription-map label:hover {
  font-weight: 700;
  cursor: pointer;
}
.topic-subscription-map .topic-list {
  margin: 0.4em 0;
}
.topic-subscription-map .topic-list .topic-item .top-level {
  margin: 0.4em 0 0.4em 0;
}
.topic-subscription-map .topic-list .topic-item .top-level + div .topic-item {
  margin: 0.4em 0 0.4em 1.6em;
}
.subscribe-button:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f143";
  display: inline-block;
  margin-right: 0.4em;
}
/*================== FORUM ==================*/
.type-forum {
  font-size: 1rem;
}
.type-forum .forum-threads {
  margin: 0.8em 0 0 0;
}
.type-forum .forum-threads .jump-to-submission-form {
  all: unset;
  background: var(--secondary-brand-color);
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  border-radius: 5px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), inset 0 -4px 0px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
  transition: 0.2s ease-in-out;
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.9);
  padding: 20px;
  cursor: pointer;
  display: inline-block;
}
.type-forum .forum-threads .jump-to-submission-form:hover {
  text-decoration: underline;
  transform: translateY(-2px);
}
.type-forum .forum-threads .jump-to-submission-form:focus-visible {
  background: yellow;
  color: black;
}
.type-forum .forum-threads .jump-to-submission-form:active {
  background: color-mix(in srgb, var(--primary-brand-color) 80%, black);
}
.type-forum .forum-threads .results-totals-count {
  display: block;
  margin: 0.2em 1.2rem 1.2em 1.2rem;
  font-size: 0.8em;
}
.type-forum .forum-threads .results-totals-count .total-results {
  font-weight: 700;
}
.type-forum .return-to-thread-listings {
  margin-left: 1.6em;
  font-size: 1rem;
}
.type-forum .forum-listings.forum-topics thead th,
.type-forum .forum-listings.thread-listings thead th {
  padding: 0.4em 1.2rem;
}
.type-forum .forum-listings.forum-topics tbody td,
.type-forum .forum-listings.thread-listings tbody td {
  border-right-color: #eee;
}
.type-forum .forum-listings.forum-topics tbody .forum-item-info,
.type-forum .forum-listings.thread-listings tbody .forum-item-info {
  font-weight: 700;
}
.type-forum .forum-listings.forum-topics tbody .forum-item-info h3,
.type-forum .forum-listings.thread-listings tbody .forum-item-info h3 {
  margin: 0;
  font-size: 1em;
}
.type-forum .display-forum-thread {
  margin: 0.8em 0;
}
.type-forum .display-forum-thread .forum-thread {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ddd;
}
.type-forum .display-forum-thread .forum-thread .forum-author-meta,
.type-forum .display-forum-thread .forum-thread .forum-message-meta {
  font-size: 0.8em;
  flex: 1 1 3em;
  background: rgba(113, 30, 230, 0.02);
  padding: 1.2em 1.2rem 0.8em 1.2rem;
}
.type-forum .display-forum-thread .forum-thread .forum-author-meta {
  order: 1;
  border-right: 1px solid #ddd;
  font-weight: 700;
}
.type-forum .display-forum-thread .forum-thread .forum-message-meta {
  order: 3;
  border-left: 1px solid #ddd;
}
.type-forum .display-forum-thread .forum-thread .forum-message-meta .forum-thread-reply-likes {
  position: relative;
}
.type-forum .display-forum-thread .forum-thread .forum-message-meta .forum-thread-reply-likes .like-count {
  margin-left: 0.4em;
  font-weight: 700;
}
.type-forum .display-forum-thread .forum-thread .forum-message-meta .forum-thread-reply-likes:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f087";
  display: inline-block;
  color: white;
  position: absolute;
  z-index: 1;
  top: 0.6em;
  left: 0.8em;
}
.type-forum .display-forum-thread .forum-thread .forum-message-meta .forum-thread-reply-likes [type="submit"] {
  padding-left: 2.4em;
}
.type-forum .display-forum-thread .forum-thread .forum-message-meta .forum-thread-reply-likes .forum-thread-reply-likes:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f164";
  display: inline-block;
  color: #ef476f;
}
.type-forum .display-forum-thread .forum-thread .forum-message-meta .item-date {
  font-weight: 700;
  display: block;
}
.type-forum .display-forum-thread .forum-thread .forum-message-meta .back-to-top {
  display: block;
}
.type-forum .display-forum-thread .forum-thread .forum-message-meta .back-to-top:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0aa";
  display: inline-block;
  margin-right: 0.4em;
}
.type-forum .display-forum-thread .forum-thread .forum-thread-message {
  order: 2;
  flex: 2 2 40em;
  padding: 0.4em 1.8rem;
  line-height: 1.6;
}
.type-forum .display-forum-thread .forum-thread .author-details {
  display: inline-block;
}
.type-forum .display-forum-thread .forum-thread.original-post {
  background: rgba(113, 30, 230, 0.03);
}
.type-forum form fieldset {
  border: 1px solid #ddd;
}
.type-forum form fieldset legend {
  font-weight: 700;
  margin: 0.4em 0.8rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.type-forum form fieldset .row {
  margin: 0.2em 1.2rem;
}
.type-forum .forum-search-form fieldset .row {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.4em;
}
.type-forum .forum-search-form fieldset .row label,
.type-forum .forum-search-form fieldset .row input,
.type-forum .forum-search-form fieldset .row select {
  flex: 1 1 auto;
  margin: auto 1.2rem auto 0;
}
.type-forum .forum-search-form fieldset .row .input-name-forum-search-search {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.type-forum .forum-search-form fieldset .row .input-name-forum-search-search .focusable:active,
.type-forum .forum-search-form fieldset .row .input-name-forum-search-search .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.type-forum .forum-search-form fieldset .row .search-forum-submit {
  margin-right: 0;
}
.type-forum .forum-submission-form {
  font-size: 0.9em;
}
.type-forum .forum-submission-form fieldset {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.type-forum .forum-submission-form fieldset .row {
  flex: 1 1 24em;
}
.type-forum .forum-submission-form fieldset .row label {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.9em;
  font-weight: 700;
  color: #393939;
  display: block;
}
.type-forum .forum-submission-form fieldset .row label .labelman {
  color: #ffd166;
}
.type-forum .forum-submission-form fieldset .row.author-name,
.type-forum .forum-submission-form fieldset .row.author-email,
.type-forum .forum-submission-form fieldset .row.enter-website {
  font-size: 0.8em;
}
.type-forum .forum-submission-form fieldset .row.author-name {
  order: 4;
}
.type-forum .forum-submission-form fieldset .row.author-email {
  order: 5;
}
.type-forum .forum-submission-form fieldset .row.enter-website {
  order: 6;
  display: none;
}
.type-forum .forum-submission-form fieldset .row.choose-topic {
  order: 1;
}
.type-forum .forum-submission-form fieldset .row.choose-topic select {
  width: 100%;
}
.type-forum .forum-submission-form fieldset .row.comment-subject {
  order: 2;
}
.type-forum .forum-submission-form fieldset .row.comment-field {
  order: 3;
  flex: 1 1 100%;
}
.type-forum .forum-submission-form fieldset .row.comment-field textarea {
  min-height: 5em;
}
.type-forum .forum-submission-form fieldset .controls {
  order: 7;
  flex: 1 1 100%;
  margin: 0.4em 1.2rem;
}
.type-forum .forum-submission-form fieldset .controls input[type="submit"] {
  padding: 0.8em 2.4em;
}
/*==== STAFF DIRECTORY STYLES ====*/
.type-staffdirectory #searchForm legend {
  font-weight: 700;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.type-staffdirectory #searchForm legend .focusable:active,
.type-staffdirectory #searchForm legend .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.type-staffdirectory .sd-search-inputs {
  display: flex;
}
.type-staffdirectory .sd-search-inputs label,
.type-staffdirectory .sd-search-inputs input {
  flex: 1 1 auto;
}
.type-staffdirectory .sd-search-inputs input[type="submit"] {
  margin: 0 0 0 -1px;
  border-radius: 0 2px 2px 0;
}
.type-staffdirectory .sd-search-inputs .input-label {
  margin: auto 0.4em auto 0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.type-staffdirectory .sd-item-search-filters {
  margin: 0.4em 0 0.8em 5em;
  color: #393939;
}
.type-staffdirectory .sd-item-search-filters label,
.type-staffdirectory .sd-item-search-filters input {
  font-size: 0.9em;
}
.type-staffdirectory .sd-item-search-filters .input-label {
  margin-right: 0.8em;
}
.type-staffdirectory .sd-item-search-filters input[type="radio"]:checked + .input-label {
  font-weight: 700;
  color: #333333;
}
.type-staffdirectory .sd-results-pagination {
  font-size: 0.8em;
  border-top: 1px solid rgba(31, 31, 31, 0.3);
  border-bottom: 1px dotted rgba(31, 31, 31, 0.5);
  padding: 0.4em;
}
.type-staffdirectory .sd-results-pagination input[type="submit"] {
  margin: 0;
}
.type-staffdirectory .content-item-container .main-image {
  border-radius: 6em;
  width: 6em;
  height: 6em;
  overflow: hidden;
  margin: 0 2rem 0.4em 0;
  float: left;
}
.type-staffdirectory .content-item-container .main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.type-staffdirectory .content-item-container .main-image + h3 .directory-name-link:before {
  display: none;
}
.type-staffdirectory .content-item-container h3 {
  flex: 1 1 100%;
}
.type-staffdirectory .content-item-container .directory-name-link:before {
  margin-right: 0.2em;
  color: rgba(31, 31, 31, 0.6);
}
.type-staffdirectory .content-item-container .directory-name-link[href*="department"]:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f2bc";
  display: inline-block;
}
.type-staffdirectory .content-item-container .directory-name-link[href*="contact"]:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f2be";
  display: inline-block;
}
.type-staffdirectory .sd-item-details {
  flex: 1 1 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 50;
}
.type-staffdirectory .sd-item-details dt {
  display: inline-block;
  margin: 0.4em 0.4em 0.4em 0;
}
.type-staffdirectory .sd-item-details dd {
  display: inline-block;
  text-transform: capitalize;
  margin: 0.4em 1.6em 0.4em 0;
  font-weight: 700;
}
.type-staffdirectory .sd-item-details dd.email {
  text-transform: none;
}
.type-staffdirectory .sd-item .main-image {
  border-radius: 10em;
  width: 10em;
  height: 10em;
  overflow: hidden;
  float: left;
  margin: 0 2rem 0.4em 0;
}
.type-staffdirectory .sd-item .main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.type-staffdirectory .sd-item .list-content-item .main-image {
  border-radius: 6em;
  width: 6em;
  height: 6em;
  overflow: hidden;
}
.type-staffdirectory .sd-item .list-content-item .main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.type-staffdirectory .sd-item .related-items {
  display: inline-block;
  vertical-align: top;
  margin: 0.4em 3rem 0.4em 0;
}
.type-staffdirectory .sd-item .related-items h3 {
  font-size: 0.8em;
  color: rgba(31, 31, 31, 0.4);
}
.type-staffdirectory .sd-item .related-items .related-lists {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.type-staffdirectory .sd-item .related-items .related-lists li {
  padding: 0;
  margin: 0;
}
.type-staffdirectory .sd-item.staff-member .sd-item-details {
  display: flex;
  flex-wrap: wrap;
}
.type-staffdirectory .sd-item.staff-member .sd-item-details dd:nth-of-type(1) {
  text-transform: none;
}
.type-staffdirectory .sd-item.staff-member .sd-item-details dt:nth-of-type(3),
.type-staffdirectory .sd-item.staff-member .sd-item-details dd:nth-of-type(3),
.type-staffdirectory .sd-item.staff-member .sd-item-details dt:nth-of-type(4),
.type-staffdirectory .sd-item.staff-member .sd-item-details dd:nth-of-type(4) {
  display: none;
}
/*==== EVENT LIST (especially when not used with the calendar) ====*/
#container .event-date-flag {
  text-align: center;
  font-weight: 700;
  flex: 0 0 4em;
  font-size: 0.9em;
  margin: 0 2rem 0.4em 0;
}
#container .event-date-flag .event-month {
  border: 1px solid rgba(31, 31, 31, 0.4);
  border-bottom: none;
  background: white;
  display: block;
  text-transform: uppercase;
  color: rgba(31, 31, 31, 0.8);
  font-size: 0.8em;
  line-height: 1.8;
}
#container .event-date-flag .event-date {
  background: #f77062;
  color: white;
  display: block;
  font-size: 2em;
  line-height: 1.6;
}
#container .event-details-container {
  flex: 1 1 20em;
}
#container .event-details-container .detail-item .event-detail {
  font-weight: 400 !important;
}
#container .event-list-wrap .content-item-inner > a {
  display: block;
  position: relative;
  margin: 0 0 0.8rem 0;
  border-bottom: 1px solid #ddd;
  font-size: 0.7em;
  font-weight: 700;
  transition: 0.4s ease;
  padding: 0.4em 0.8em 0.4em 2.4em;
}
#container .event-list-wrap .content-item-inner > a:hover {
  background: var(--primary-brand-color);
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  border-color: var(--primary-brand-color);
  transition: 0.25s linear;
}
#container .event-list-wrap .content-item-inner > a:before,
#container .event-list-wrap .content-item-inner > a:after {
  background: var(--primary-brand-color);
  color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  bottom: -1px;
  padding: 0.4em;
  vertical-align: middle;
  line-height: 2;
}
#container .event-list-wrap .content-item-inner > a:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f137";
  display: inline-block;
  margin-right: 0.4em;
  left: 0;
}
#container .event-list-wrap .content-headline h2 {
  font-size: 1em;
  color: rgba(31, 31, 31, 0.7);
}
#container .type-listevents .list-event-item {
  flex-wrap: wrap;
}
#container .type-listevents .list-event-item h3 {
  flex: 1 1 100%;
}
#container .type-listevents .event-details,
#container .type-listevents .basic-event-details {
  flex: 1 1 9em;
}
#container .type-listevents .extended-event-details {
  flex: 2 2 20em;
}
#container .event-details .event-detail:before {
  margin-right: 0.4em;
}
#container .event-details .event-type .event-detail:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02b";
  display: inline-block;
}
#container .event-details .event-location .event-detail:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f041";
  display: inline-block;
}
#container .event-details .event-timings .event-detail {
  display: block;
  font-weight: 700;
}
#container .event-details .event-timings .event-detail:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f073";
  display: inline-block;
}
#container .event-details .event-timings .event-detail.event-times:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f017";
  display: inline-block;
}
#container ul.event-details,
#container .basic-event-details {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin: 0.8rem 0;
}
#container ul.event-details li,
#container .basic-event-details li {
  padding: 0;
  margin: 0;
}
#container ul.event-details .detail-item,
#container .basic-event-details .detail-item,
#container ul.event-details .event-details,
#container .basic-event-details .event-details,
#container ul.event-details li.event-detail,
#container .basic-event-details li.event-detail {
  margin: 0 0 0.8em 0;
}
#container ul.event-details .detail-item .event-label,
#container .basic-event-details .detail-item .event-label,
#container ul.event-details .event-details .event-label,
#container .basic-event-details .event-details .event-label,
#container ul.event-details li.event-detail .event-label,
#container .basic-event-details li.event-detail .event-label {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: block;
  font-size: 0.6em;
  color: rgba(31, 31, 31, 0.7);
}
#container ul.event-details .detail-item span.event-detail,
#container .basic-event-details .detail-item span.event-detail,
#container ul.event-details .event-details span.event-detail,
#container .basic-event-details .event-details span.event-detail,
#container ul.event-details li.event-detail span.event-detail,
#container .basic-event-details li.event-detail span.event-detail {
  line-height: 1.4;
  font-weight: 700;
  display: block;
}
#container .extended-event-details {
  margin: 0.8rem 0;
  border-left: 2px solid rgba(31, 31, 31, 0.2);
  padding-left: 3rem;
  margin: 0.8rem 0 0.8em 1.5rem;
}
#container .extended-event-details h3 {
  font-size: 1em;
}
#container .extended-event-details > h3 {
  margin-top: 0.4em;
}
#container .extended-event-details + h3 {
  flex: 1 1 100%;
}
#container .extended-event-details + h3 + h3 {
  flex: 1 1 100%;
}
#container .single-event-wrap .content-wrapper-inner .content-headline {
  flex: 1 1 100%;
}
#container .single-event-wrap .favourite-container {
  position: absolute;
  right: 0;
  display: none;
}
#container .single-event-wrap #event-indicate-attendance {
  flex: 1 1 100%;
}
#container .single-event-wrap #event-indicate-attendance fieldset {
  background: rgba(31, 31, 31, 0.03);
  border: 1px solid rgba(31, 31, 31, 0.2);
  display: flex;
  flex-wrap: wrap;
  padding: 0.4em 1.2em;
}
#container .single-event-wrap #event-indicate-attendance fieldset legend {
  flex: 1 1 100%;
  font-weight: 700;
  padding: 0 0.4em;
  border: 1px solid rgba(31, 31, 31, 0.2);
  border-radius: 2px;
}
#container .single-event-wrap #event-indicate-attendance fieldset .event-invitation-status {
  flex: 3 3 15em;
  margin: 0 3rem 0.4em 0;
}
#container .single-event-wrap #event-indicate-attendance fieldset .event-invitation-status .attendance-msg {
  border: 1px solid #fff0cc;
  background: #ffffff;
  border-radius: 2px;
  font-weight: 700;
  display: block;
  margin: 0.6em 0 0 0;
  padding: 0.2em 0.4em;
}
#container .single-event-wrap #event-indicate-attendance fieldset .row {
  flex: 0 0 auto;
  margin: 0 0 0.4em 3rem;
}
#container .single-event-wrap .content-wrapper-inner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
#container .single-event-wrap .download-as-icalendar {
  flex: 1 1 100%;
}
#container .single-event-wrap .download-as-icalendar + h3 {
  flex: 1 1 100%;
}
#container .single-event-wrap .download-as-icalendar + h3 + h3 {
  flex: 1 1 100%;
}
#container .single-event-wrap .related-documents {
  flex: 1 1 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#container .single-event-wrap .related-documents li {
  padding: 0;
  margin: 0;
}
#container .single-event-wrap .related-documents .details {
  border-bottom: 1px dotted rgba(31, 31, 31, 0.8);
}
#container .single-event-wrap .related-documents .details a {
  display: block;
  padding: 0.4em;
}
#container .single-event-wrap .related-documents .details .document-pdf:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1c1";
  display: inline-block;
}
/*==== RELATED CONTENT PLACEMENTS (Resources, Pages, Documents) ====*/
.media-resources-wrapper .content-headline {
  margin-bottom: 0.8em;
}
.media-resources-wrapper .content-headline h2 {
  font-size: 1.2em;
}
.media-resources-wrapper .content-headline h2 .head-suffix {
  margin-left: 0.4em;
}
.media-resources-wrapper .media-resources-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.media-resources-wrapper .media-resources-list li {
  padding: 0;
  margin: 0;
}
.media-resources-wrapper .media-resources-list .media-resources-item {
  margin: 0.8em 0;
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  transform: translateX(0);
  transition: 0.25s ease;
  -webkit-backdrop-filter: blur(5px) saturate(120%);
  backdrop-filter: blur(5px) saturate(120%);
}
.right .media-resources-wrapper .media-resources-list .media-resources-item {
  transform-origin: center right;
}
.left .media-resources-wrapper .media-resources-list .media-resources-item {
  transform-origin: center left;
}
.media-resources-wrapper .media-resources-list .media-resources-item:hover {
  transform: translateX(-0.8em);
  transition: 0.1s linear;
}
.media-resources-wrapper .media-resources-list .media-resources-item .item-details {
  display: block;
  margin: 0.8em;
  line-height: 1.2;
}
.media-resources-wrapper .media-resources-list .media-resources-item .media-thumb {
  margin: 0.8em 0;
}
.media-resources-wrapper .media-resources-list .media-resources-item .media-thumb .img-wrap {
  display: block;
}
.media-resources-wrapper .media-resources-list .media-resources-item .media-thumb .img-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.media-resources-wrapper .media-resources-list .media-resources-item .media-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.media-resources-wrapper .media-resources-list .media-resources-item .media-name {
  font-weight: 700;
  font-size: 1.4em;
}
.media-resources-wrapper .media-resources-list .media-resources-item .media-name .view-file:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1c1";
  display: inline-block;
}
.media-resources-wrapper .media-resources-list .media-resources-item .media-name .media-file-meta {
  color: rgba(31, 31, 31, 0.6);
  font-size: 0.7em;
}
.media-resources-wrapper .media-resources-list .media-resources-item .media-created {
  border-top: 1px solid rgba(31, 31, 31, 0.2);
  padding: 0.4em 0;
}
.media-resources-wrapper .media-resources-list .media-resources-item .media-created time {
  font-weight: 700;
}
/*==== PORTAL TOOLKIT ====*/
.reg-toolkit-wrapper {
  font-size: 1rem;
}
.reg-toolkit-wrapper #reg-tooltip-search-form #basic-details {
  border: 1px solid #ccc;
  padding: 0.4em 0.8em;
}
.reg-toolkit-wrapper #reg-tooltip-search-form #basic-details legend {
  background: white;
  border: 1px solid #ccc;
  padding: 0.4em 0.8em;
  border-radius: 0.4em;
}
.reg-toolkit-wrapper #reg-tooltip-search-form #basic-details .basic-search {
  margin: 0.4em 0;
}
.reg-toolkit-wrapper #reg-tooltip-search-form #basic-details .basic-search + .row {
  display: inline-block;
  margin: 0 0.8em 0 0;
}
.reg-toolkit-wrapper #reg-tooltip-search-form #basic-details .row .rt_search_type {
  font-size: 90%;
  display: inline-block;
  color: #525252;
  margin: 0 0.8em 0 0;
}
.reg-toolkit-wrapper #reg-tooltip-search-form #basic-details .row .rt_search_type input {
  margin-right: 0.4em;
}
.reg-toolkit-wrapper #reg-tooltip-search-form #basic-details .btn_row {
  display: inline-block;
  margin: 0.8em 0 0.4em 0;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-row {
  margin: 0.4em 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  padding: 0.4em 1.2em;
  border-top: 4px solid #ef476f;
  display: flex;
  flex-direction: column;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-row .result-tenant-actions {
  order: 4;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-row .result-tenant-details {
  order: 1;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-row .result-tenant-groups {
  order: 3;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-row .result-tenant-status {
  order: 2;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-actions #reg-tooltip-contact-controls {
  margin: 0.4em 0;
  border-top: 1px dotted silver;
  padding: 0.8em 0 0 0;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-actions #reg-tooltip-contact-controls fieldset {
  padding-bottom: 0;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-actions #reg-tooltip-contact-controls fieldset legend {
  display: none;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-actions #reg-tooltip-contact-controls .contact-control-buttons .contact-control-button {
  margin: 0 0.4em 0.4em 0;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-actions #reg-tooltip-contact-controls .contact-control-buttons .contact-control-button.contact-stats {
  margin-top: 0;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-actions #reg-tooltip-contact-controls .contact-control-buttons .contact-control-button.contact-stats:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0e4";
  display: inline-block;
  margin-right: 0.4em;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-actions #reg-tooltip-contact-controls .contact-control-buttons .contact-control-button.deactivate {
  margin-top: 0;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-actions #reg-tooltip-contact-controls .contact-control-buttons .contact-control-button.deactivate:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f057";
  display: inline-block;
  margin-right: 0.4em;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-actions #reg-tooltip-contact-controls .contact-control-buttons .contact-control-button.password-reset {
  margin-top: 0;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-actions #reg-tooltip-contact-controls .contact-control-buttons .contact-control-button.password-reset:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1d8";
  display: inline-block;
  margin-right: 0.4em;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-actions #reg-tooltip-contact-controls .contact-control-buttons .contact-control-button.password-set {
  margin-top: 0;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-actions #reg-tooltip-contact-controls .contact-control-buttons .contact-control-button.password-set:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f23e";
  display: inline-block;
  margin-right: 0.4em;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-actions #reg-tooltip-contact-controls .contact-control-buttons .contact-control-button.login-as-user {
  margin-top: 0;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-actions #reg-tooltip-contact-controls .contact-control-buttons .contact-control-button.login-as-user:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f090";
  display: inline-block;
  margin-right: 0.4em;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-details ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0.8em 0;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-details ul li {
  padding: 0;
  margin: 0;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-details ul li {
  flex: 1 1 auto;
  padding: 0.4em 0.8em 0.4em 0;
  margin-right: 0.8em;
  border-right: 1px solid #ccc;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-details ul li:last-child {
  border-right: none;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-details ul li .label {
  font-weight: 700;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-status,
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-groups {
  font-size: 80%;
  margin: 0.4em 0;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-status > span {
  display: inline-block;
  background: #ddad1a;
  border-radius: 4px;
  border: 1px solid #997712;
  padding: 0.4em 0.8em;
}
.reg-toolkit-wrapper .tenants-results-wrapper .result-tenant-groups .result-tenant-group {
  display: inline-block;
  background: #ddad1a;
  border-radius: 4px;
  border: 1px solid #997712;
  padding: 0.4em 0.8em;
}
.mimic-login {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(247, 199, 64, 0.8);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  padding: 1.2em 2em;
  text-align: center;
}
.mimic-login .mimicked-user {
  font-weight: 700;
}
.mimic-login .original-user {
  font-weight: 700;
}
.mimic-login a {
  font-weight: 700;
}
/*==== PROCESS ASSIGNMENTS ====*/
.bpa-process-assignment .bpa-search-form-wrap {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.bpa-process-assignment .bpa-search-form-wrap li {
  padding: 0;
  margin: 0;
}
.bpa-process-assignment .bpa-search-form-wrap .search-form-wrap {
  flex: 4 4 20em;
  margin: 0;
}
.bpa-process-assignment .bpa-search-form-wrap .search-button-wrap {
  flex: 1 1 5em;
  margin: 0;
  display: flex;
}
.bpa-process-assignment .bpa-search-form-wrap .search-button-wrap button {
  margin: 0;
  flex: 1 1 3em;
  border-radius: 0 4px 4px 0;
}
.bpa-process-assignment .bpa-search-form-wrap .search-form-label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.bpa-process-assignment .bpa-search-form-wrap .search-form-label .focusable:active,
.bpa-process-assignment .bpa-search-form-wrap .search-form-label .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.bpa-process-assignment .assignment-panel .actn-panel-inner {
  display: flex;
  gap: 3rem;
}
.bpa-process-assignment .assignment-panel .actn-panel-inner .actn-panel-bpa-assigment {
  flex: 1 1 10em;
}
.bpa-process-assignment .assignment-panel .switch-wrap {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.bpa-process-assignment .assignment-panel .switch-wrap li {
  padding: 0;
  margin: 0;
}
.bpa-process-assignment .assignment-panel .switch-wrap .bpa-assignment-type {
  flex: 1 1 5em;
  border: 1px solid silver;
  margin-bottom: -1px;
  background: #ddd;
  cursor: pointer;
  padding: 0.4em 0.8em;
}
.bpa-process-assignment .assignment-panel .switch-wrap .bpa-assignment-type:first-child {
  border-right: none;
}
.bpa-process-assignment .assignment-panel .switch-wrap .bpa-assignment-type.active-assignment {
  background: white;
  border-bottom: 1px solid white;
}
.bpa-process-assignment .assignment-panel .results-panel {
  border: 1px solid silver;
  padding: 0.4em 0.8em;
}
.bpa-process-assignment .assignment-panel .show-container {
  background: white;
}
.bpa-process-assignment .assignment-panel .hide-container {
  display: none;
}
/*==== Notifications Centre ====*/
/*==== This is a key Placement that should be styled for every installation ====*/
.personal-msg-control-panel {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px) saturate(120%);
  -webkit-backdrop-filter: blur(5px) saturate(120%);
  padding: 0.4em 1.6em;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  font-size: 0.8em;
}
.personal-msg-control-panel p {
  margin: 0.4em 0;
}
.personal-msg-control-panel .actn-btn {
  color: #0137AF;
  background: rgba(1, 55, 175, 0.15);
  box-shadow: none;
  border: none;
  margin: 0;
  font-size: 1em;
  font-weight: 700;
  padding: 0.8em 2em;
  display: inline-block;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 4em;
  transition: 0.15s linear;
  cursor: pointer;
}
.personal-msg-control-panel .actn-btn:hover,
.personal-msg-control-panel .actn-btn:focus {
  color: #ffffff;
  background: #0137AF;
  transform: translateY(-0.2em);
  box-shadow: 0 18px 12px -12px rgba(0, 0, 0, 0.4);
  transition: 0.3s ease-out;
}
.personal-msg-control-panel menu,
.personal-msg-control-panel ol,
.personal-msg-control-panel ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.personal-msg-control-panel menu li,
.personal-msg-control-panel ol li,
.personal-msg-control-panel ul li {
  padding: 0;
  margin: 0;
}
.personal-msg-control-panel .personal-msg-filters {
  display: flex;
}
.personal-msg-control-panel .personal-msg-filters .filter-group {
  flex: 2 2 auto;
  padding: 0;
  margin: 0.4em 0;
  border: none;
}
.personal-msg-control-panel .personal-msg-filters .filter-group legend {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.personal-msg-control-panel .personal-msg-filters .filter-group legend .focusable:active,
.personal-msg-control-panel .personal-msg-filters .filter-group legend .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.personal-msg-control-panel .personal-msg-filters .filter-group.filter-status-wrap {
  flex: 1 1 5em;
}
.personal-msg-control-panel .personal-msg-filters .filter-group.filter-status-wrap .filter-status {
  display: flex;
  height: 100%;
}
.personal-msg-control-panel .personal-msg-filters .filter-group.filter-status-wrap .filter-status label {
  color: #1f1f1f;
  background: rgba(31, 31, 31, 0.15);
  box-shadow: none;
  border: none;
  margin: 0;
  font-size: 1em;
  font-weight: 700;
  padding: 0.8em 2em;
  display: inline-block;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 4em;
  transition: 0.15s linear;
  cursor: pointer;
  margin: auto 0.8em auto 0;
}
.personal-msg-control-panel .personal-msg-filters .filter-group.filter-status-wrap .filter-status label:hover,
.personal-msg-control-panel .personal-msg-filters .filter-group.filter-status-wrap .filter-status label:focus {
  color: #ffffff;
  background: #1f1f1f;
  transform: translateY(-0.2em);
  box-shadow: 0 18px 12px -12px rgba(0, 0, 0, 0.4);
  transition: 0.3s ease-out;
}
.personal-msg-control-panel .personal-msg-filters .filter-group.filter-status-wrap .filter-status input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.personal-msg-control-panel .personal-msg-filters .filter-group.filter-status-wrap .filter-status input[type="radio"] .focusable:active,
.personal-msg-control-panel .personal-msg-filters .filter-group.filter-status-wrap .filter-status input[type="radio"] .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.personal-msg-control-panel .personal-msg-filters .filter-group.filter-status-wrap .filter-status input[type="radio"]:checked + label {
  color: #0137AF;
  background: rgba(1, 55, 175, 0.15);
  box-shadow: none;
  border: none;
  margin: 0;
  font-size: 1em;
  padding: 0.8em 2em;
  display: inline-block;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 4em;
  transition: 0.15s linear;
  cursor: pointer;
  margin-right: 0.8em;
  font-weight: 700;
  margin: auto 0.8em auto 0;
}
.personal-msg-control-panel .personal-msg-filters .filter-group.filter-status-wrap .filter-status input[type="radio"]:checked + label:hover,
.personal-msg-control-panel .personal-msg-filters .filter-group.filter-status-wrap .filter-status input[type="radio"]:checked + label:focus {
  color: #ffffff;
  background: #0137AF;
  transform: translateY(-0.2em);
  box-shadow: 0 18px 12px -12px rgba(0, 0, 0, 0.4);
  transition: 0.3s ease-out;
}
.personal-msg-control-panel .personal-msg-filters .filter-group.filter-order-wrap .filter-list {
  display: flex;
  padding: 0.4em 0;
}
.personal-msg-control-panel .personal-msg-filters .filter-group.filter-order-wrap .filter-list .filter-list-item {
  display: inline-block;
  padding: 0.4em 0 0.4em 1.6em;
}
.personal-msg-control-panel .personal-msg-filters .filter-group.filter-order-wrap .filter-list .filter-list-item:first-child {
  margin-left: auto;
}
.personal-msg-control-panel .personal-msg-filters .filter-group.filter-order-wrap .filter-list-item {
  position: relative;
}
.personal-msg-control-panel .personal-msg-filters .filter-group .actn-toggle-ordering,
.personal-msg-control-panel .personal-msg-filters .filter-group .actn-toggle-actions {
  width: 3em;
  height: 3em;
  padding: 0.8em;
  display: flex;
}
.personal-msg-control-panel .personal-msg-filters .filter-group .actn-toggle-ordering:before,
.personal-msg-control-panel .personal-msg-filters .filter-group .actn-toggle-actions:before {
  margin: auto;
}
.personal-msg-control-panel .personal-msg-filters .filter-group .actn-toggle-ordering .btn-txt,
.personal-msg-control-panel .personal-msg-filters .filter-group .actn-toggle-actions .btn-txt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.personal-msg-control-panel .personal-msg-filters .filter-group .actn-toggle-ordering .btn-txt .focusable:active,
.personal-msg-control-panel .personal-msg-filters .filter-group .actn-toggle-actions .btn-txt .focusable:active,
.personal-msg-control-panel .personal-msg-filters .filter-group .actn-toggle-ordering .btn-txt .focusable:focus,
.personal-msg-control-panel .personal-msg-filters .filter-group .actn-toggle-actions .btn-txt .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.personal-msg-control-panel .personal-msg-filters .filter-group .actn-toggle-ordering:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f161";
  display: inline-block;
}
.personal-msg-control-panel .personal-msg-filters .filter-group .actn-toggle-actions:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f013";
  display: inline-block;
}
.personal-msg-control-panel .msg-list-meta-controls {
  display: flex;
  border-top: 1px solid #ddd;
  margin: 0.8em 0 0 0;
  padding: 0.8em 0 0.4em 0;
}
.personal-msg-control-panel .msg-list-meta-controls .msg-list-select-control,
.personal-msg-control-panel .msg-list-meta-controls .msg-list-counts {
  flex: 1 1 auto;
  margin: auto 0;
}
.personal-msg-control-panel .msg-list-meta-controls .msg-list-select-control .actn-select-msg-all {
  background: none;
  text-decoration: underline;
  padding: 0;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  color: #0137AF;
}
.personal-msg-control-panel .msg-list-meta-controls .msg-list-select-control .actn-select-msg-all:hover {
  color: #0137AF;
  background: rgba(1, 55, 175, 0.05);
  text-decoration: none;
  transform: none;
  box-shadow: none;
}
.personal-msg-control-panel .msg-list-meta-controls .msg-list-counts {
  margin: auto 0 auto auto;
  text-align: right;
}
.personal-msg-control-panel .msg-list-meta-controls .msg-list-counts .count-badge {
  font-weight: 700;
}
.personal-msg-control-panel .msg-list-meta-controls .msg-list-counts .type-variable {
  font-weight: 700;
}
.menu-control .popover {
  position: absolute;
  z-index: 10;
  right: 0;
  margin-top: 0.4em;
  min-width: 16em;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(5px) saturate(120%);
          backdrop-filter: blur(5px) saturate(120%);
  border-radius: 0.8em;
  transform: scale(0, 0);
  transform-origin: right top;
  transition: 0.4s;
}
.menu-control .popover menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.menu-control .popover menu li {
  padding: 0;
  margin: 0;
}
.menu-control .popover li {
  padding: 0;
  margin: 0;
}
.menu-control .popover .actn-btn {
  background: none;
  text-decoration: underline;
  padding: 0;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  color: #1f1f1f;
  font-size: 1em;
  font-weight: 400;
  text-align: left;
  display: block;
  width: 100%;
  border-radius: 0;
  padding: 1.2em 1.2em;
}
.menu-control .popover .actn-btn:hover {
  color: #1f1f1f;
  background: rgba(1, 55, 175, 0.05);
  text-decoration: none;
  transform: none;
  box-shadow: none;
}
.menu-control .popover .actn-btn:hover {
  background: rgba(1, 55, 175, 0.08);
}
.menu-control.menu-open .popover {
  transform: scale(1, 1);
  transition: 0.25s;
}
.personal-msg-list {
  list-style-type: none;
  padding: 1px 0 0 0;
  margin: 0;
}
.personal-msg-list .actn-btn {
  color: #0137AF;
  background: rgba(1, 55, 175, 0.15);
  box-shadow: none;
  border: none;
  margin: 0;
  font-size: 1em;
  font-weight: 700;
  padding: 0.8em 2em;
  display: inline-block;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 4em;
  transition: 0.15s linear;
  cursor: pointer;
}
.personal-msg-list .actn-btn:hover,
.personal-msg-list .actn-btn:focus {
  color: #ffffff;
  background: #0137AF;
  transform: translateY(-0.2em);
  box-shadow: 0 18px 12px -12px rgba(0, 0, 0, 0.4);
  transition: 0.3s ease-out;
}
.personal-msg {
  padding: 0.4em 1.6em 0.4em 0.8em;
  margin: 0.6em 0;
  border-radius: 0.8em;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  transition: 0.4s linear;
}
.personal-msg:hover {
  background-color: rgba(1, 55, 175, 0.02);
  transition: 0.25s linear;
}
.msg-inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto auto;
  transition: 0.5s ease-out;
  overflow-x: hidden;
}
.msg-inner .msg-title {
  grid-column: 2;
  grid-row: 1;
}
.msg-inner .msg-meta-type-action {
  grid-column: 1;
  grid-row: 1 / span 2;
}
.msg-inner .msg-short-body {
  grid-column: 2;
  grid-row: 2;
}
.msg-inner .msg-additional-body-info {
  grid-column: 2;
  grid-row: 3;
}
.msg-inner .msg-meta {
  grid-column: 3;
  grid-row: 1 / span 2;
}
.msg-inner .msg-action-controls {
  grid-column: 1;
  grid-row: 1 / span 2;
}
.msg-inner .msg-title,
.msg-inner .msg-short-body,
.msg-inner .msg-additional-body-info {
  padding: 0 1.6em;
}
.msg-inner .msg-title h3 {
  margin: 0.4em 0;
  font-size: 1.2em;
  cursor: pointer;
}
.msg-inner .msg-title h3 .actn-toggle-btn {
  background: none;
  text-decoration: underline;
  padding: 0;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  color: #1f1f1f;
}
.msg-inner .msg-title h3 .actn-toggle-btn:hover {
  color: #1f1f1f;
  background: rgba(1, 55, 175, 0.05);
  text-decoration: none;
  transform: none;
  box-shadow: none;
}
.msg-inner .msg-additional-body-info {
  display: flex;
  flex-direction: column;
}
.msg-inner .msg-additional-body-info .msg-additional {
  flex: 0 0 0;
  overflow: hidden;
  transition: 0.4s ease-in-out;
}
.msg-display-full .msg-inner .msg-additional-body-info .msg-additional {
  flex: 1 1 100%;
  transition: 0.5s ease-in-out;
}
.msg-inner .msg-meta {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 1fr 1fr;
}
.msg-inner .msg-meta .msg-priority {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: flex;
  padding: 0 1.6em 0 0;
}
.msg-inner .msg-meta .msg-priority .msg-priority-badge {
  margin: auto;
  display: inline-block;
  height: 2em;
  width: 2em;
  overflow: hidden;
  text-align: center;
}
.msg-inner .msg-meta .msg-priority .msg-priority-badge:before {
  display: block;
  content: "!";
  text-align: center;
  width: 2em;
  height: 2em;
  line-height: 2em;
  border: 2px solid transparent;
  font-weight: 700;
  color: transparent;
  border-radius: 50%;
}
.msg-inner .msg-meta .msg-priority .msg-priority-badge.msg-priority-badge-3:before {
  content: "!!!";
  color: #da0000;
  border: 2px solid #da0000;
  background: rgba(218, 0, 0, 0.12);
}
.msg-inner .msg-meta .msg-priority .msg-priority-badge.msg-priority-badge-2:before {
  content: "!!";
  color: #ec9a00;
  border: 2px solid #ec9a00;
  background: rgba(236, 154, 0, 0.12);
}
.msg-inner .msg-meta .meta-time-sent {
  grid-column: 2;
  grid-row: 1;
  padding: 0.2em 0;
  text-align: right;
  font-weight: 700;
  color: rgba(31, 31, 31, 0.7);
}
.msg-inner .msg-meta .msg-action-controls {
  grid-column: 2;
  grid-row: 2;
  text-align: right;
  display: flex;
}
.msg-inner .msg-meta .msg-action-controls > .actn-btn {
  background: none;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  margin: auto 0 auto auto;
  padding: 0;
}
.msg-inner .msg-meta .msg-action-controls > .actn-btn:hover {
  background: rgba(1, 55, 175, 0.12);
}
.msg-inner .msg-meta .msg-action-controls > .actn-btn:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f141";
  display: inline-block;
  color: #1f1f1f;
}
.msg-inner .msg-meta .msg-action-controls > .actn-btn .btn-txt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.msg-inner .msg-meta .msg-action-controls > .actn-btn .btn-txt .focusable:active,
.msg-inner .msg-meta .msg-action-controls > .actn-btn .btn-txt .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.msg-inner .msg-meta .msg-action-controls .popover {
  margin-top: 2em;
  margin-right: 1.6em;
}
.msg-inner .msg-meta .msg-action-controls .popover .actn-btn {
  font-size: 0.8em;
}
.msg-inner .msg-meta-type-action {
  display: flex;
  margin-left: -1.6em;
  transition: 0.25s 0.2s ease-in-out;
}
:hover.msg-inner .msg-meta-type-action,
.msg-selected .msg-inner .msg-meta-type-action {
  margin-left: 0;
  transition: 0.2s ease-in-out;
}
.msg-inner .msg-meta-type-action .msg-action-selector {
  margin: auto 0;
  padding: 0;
  transition: 0.4s 0.2s ease-in-out;
}
:hover.msg-inner .msg-meta-type-action .msg-action-selector,
.msg-selected .msg-inner .msg-meta-type-action .msg-action-selector {
  opacity: 1;
  transition: 0.4s ease-in-out;
}
.msg-inner .msg-meta-type-action .msg-action-selector input[type="checkbox"] {
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 2px solid #ccc;
  box-shadow: inset 0 0 0 2px #ffffff;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  width: 1.3em;
  height: 1.3em;
  padding: 2px;
}
.msg-inner .msg-meta-type-action .msg-action-selector input[type="checkbox"]:checked {
  background: #0137AF;
}
.msg-inner .msg-meta-type-action .msg-action-selector input[type="checkbox"]:hover {
  background: rgba(1, 55, 175, 0.4);
}
.msg-inner .msg-meta-type-action .msg-action-selector label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.msg-inner .msg-meta-type-action .msg-action-selector label .focusable:active,
.msg-inner .msg-meta-type-action .msg-action-selector label .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.msg-inner .msg-meta-type-action .msg-read-indicator {
  margin: auto 0;
  padding: 0 0.6em;
}
.msg-inner .msg-meta-type-action .msg-read-indicator:before {
  content: "";
  display: inline-block;
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  margin: auto 0;
}
.msg-status-unread .msg-inner .msg-meta-type-action .msg-read-indicator:before {
  background: #FF5E5E;
}
.msg-inner .msg-meta-type-action .msg-read-indicator .msg-type-label,
.msg-inner .msg-meta-type-action .msg-read-indicator .msg-status-label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.msg-inner .msg-meta-type-action .msg-read-indicator .msg-type-label .focusable:active,
.msg-inner .msg-meta-type-action .msg-read-indicator .msg-status-label .focusable:active,
.msg-inner .msg-meta-type-action .msg-read-indicator .msg-type-label .focusable:focus,
.msg-inner .msg-meta-type-action .msg-read-indicator .msg-status-label .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.msg-inner .msg-meta-type-action .msg-type-display {
  margin: auto 0;
  padding: 0.4em 0.4em 0.4em 0;
  display: flex;
}
.msg-inner .msg-meta-type-action .msg-type-display:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0e0";
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
  width: 2.4em;
  height: 2.4em;
  font-size: 1em;
  text-align: center;
  vertical-align: middle;
  margin: auto 0;
  padding: 0.6em 0.4em 0.4em 0.4em;
  border-radius: 50%;
  background: #6895FB;
}
.msg-type-notification .msg-inner .msg-meta-type-action .msg-type-display:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0e0";
  display: inline-block;
}
.msg-inner .msg-meta-type-action .msg-type-display .msg-type-label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.msg-inner .msg-meta-type-action .msg-type-display .msg-type-label .focusable:active,
.msg-inner .msg-meta-type-action .msg-type-display .msg-type-label .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.pagination {
  display: flex;
  justify-content: center;
}
.pagination .pagination-item {
  margin: auto 0.8em;
}
.pagination .pagination-item .btn {
  background: none;
  text-decoration: underline;
  padding: 0;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  color: #0137AF;
}
.pagination .pagination-item .btn:hover {
  color: #0137AF;
  background: rgba(1, 55, 175, 0.05);
  text-decoration: none;
  transform: none;
  box-shadow: none;
}
.nc-results-wrapper .feedback {
  border-radius: 0.8em;
  margin: 0.8em 0.4em;
  padding: 0 0.8em;
  border: 1px solid #ec9a00;
  background: rgba(236, 154, 0, 0.15);
  font-weight: 700;
}
.nc-results-wrapper .feedback p {
  font-size: 0.8em;
}
/*==== SIMPLE MEDIA BROWSER (DOCS ONLY CURRENTLY) ====*/
.media-viewer-wrapper .search-bar .search-bar-inner {
  padding: 0 0 0.4em 0;
  margin-bottom: 0.8em;
}
.media-viewer-wrapper .search-bar .search-input-wrap {
  display: flex;
  flex-wrap: wrap;
}
.media-viewer-wrapper .search-bar .search-input-wrap label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.media-viewer-wrapper .search-bar .search-input-wrap label .focusable:active,
.media-viewer-wrapper .search-bar .search-input-wrap label .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.media-viewer-wrapper .search-bar .search-input-wrap #search-simple-meadia-browser {
  flex: 4 4 auto;
  width: auto;
}
.media-viewer-wrapper .search-bar .search-input-wrap .submit-search-terms {
  flex: 1 1 4em;
  margin: 0;
}
.media-viewer-wrapper .results-list-wrap .list-info h3 {
  font-size: 1em;
}
.media-viewer-wrapper .results-list-wrap .results-list table {
  max-width: unset;
  width: 100%;
  margin: 0.4em 0;
}
.media-viewer-wrapper .results-list-wrap .results-list table thead th {
  text-align: left;
}
.media-viewer-wrapper .results-list-wrap .results-list table thead th:last-child {
  text-align: right;
}
.media-viewer-wrapper .results-list-wrap .results-list table tbody td,
.media-viewer-wrapper .results-list-wrap .results-list table tbody th {
  text-align: left;
}
.media-viewer-wrapper .results-list-wrap .results-list table tbody td:last-child,
.media-viewer-wrapper .results-list-wrap .results-list table tbody th:last-child {
  text-align: right;
}
/*==== RECURRING EVENTS ====*/
/*== TEMP STYLES TO GET THE HEADER OUT THE WAY: remove before go live ==*/
/*==== RECURRING EVENTS ====*/
.type-recurringeventsearch #event-search-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
.type-recurringeventsearch #event-search-form fieldset,
.type-recurringeventsearch #event-search-form legend {
  border: 1px solid #ccc;
  border-radius: 0.4em;
}
.type-recurringeventsearch #event-search-form fieldset {
  background: #f8f8f8;
  padding: 0.4em;
  margin: 0.4em 0;
  flex: 1 0 250px;
}
.type-recurringeventsearch #event-search-form legend {
  background: #eee;
  padding: 0.2em 0.8em;
  font-weight: 700;
  font-size: 0.8em;
}
.type-recurringeventsearch #event-search-form input[type="checkbox"],
.type-recurringeventsearch #event-search-form input[type="radio"] {
  clear: none;
  float: none;
  margin: 0 0.4em 0 0;
}
.type-recurringeventsearch #event-search-form ul,
.type-recurringeventsearch #event-search-form ol {
  list-style-type: none;
  padding: 0;
  margin: 0.4em;
}
.type-recurringeventsearch #event-search-form .row {
  margin: 0.4em;
}
.type-recurringeventsearch #event-search-form .actn-btn-row {
  padding: 0.4em 0;
  flex-basis: 100%;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .content-headline-date {
  display: none;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .ex-comp {
  order: 3;
  flex: 0 1 auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.8em;
  box-shadow: none;
  padding: 0.4em 0.6em 0.4em 1.2em;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .ex-comp .eng-rating {
  display: flex;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .ex-comp .eng-rating legend {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .ex-comp .eng-rating legend .focusable:active,
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .ex-comp .eng-rating legend .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .ex-comp .eng-rating .rating-buttons {
  font-size: 2em;
  margin-right: 0.8em;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .content-item-inner > a {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  display: inline-block;
  text-decoration: underline;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .content-item-inner > a:hover,
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .content-item-inner > a:focus {
  text-decoration-thickness: 2px;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .content-item-inner > a:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f053";
  display: inline-block;
  margin-right: 5px;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .content-items-list {
  display: grid;
  grid: auto-flow / repeat(auto-fit, minmax(20em, 1fr));
  grid-gap: 1.6em;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item {
  display: flex;
  flex-wrap: wrap;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 6px 6px 6px 6px;
  overflow: hidden;
  display: grid;
  grid-template-areas: "cardtop" "cardbottom";
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  position: relative;
  padding-top: 0 !important;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item p {
  margin: 0 0 0.4em 0;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-header,
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-content-main-image {
  grid-area: cardtop;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-header {
  order: 2;
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  align-self: end;
  padding: 0 1.6rem 0.4em 1.6rem;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(3px) saturate(110%);
          backdrop-filter: blur(3px) saturate(110%);
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-header h3 {
  order: 2;
  flex: 0 0 100%;
  font-size: 2em;
  margin: 0.8em 0 0.4em 0;
  line-height: 1.2;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-header h3 .list-item-actn-link {
  display: flex;
  align-items: center;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-header h3 .list-item-actn-link:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.2s ease;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-header h3 .list-item-actn-link:after {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f054";
  display: inline-block;
  margin-left: auto;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-header h3 .list-item-actn-link:hover:before,
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-header h3 .list-item-actn-link:focus:before {
  border-color: #bad9cd;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-header .list-item-description {
  order: 1;
  display: block;
  flex: 0 0 100%;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: silver;
  font-size: 0.8em;
  font-weight: 700;
  margin: 0.4em 0 0 0;
  color: rgba(0, 0, 0, 0.6);
  display: none;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-content-main-image {
  order: 1;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-content-main-image .main-img-wrap {
  display: block;
  height: 18em;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-content-main-image .main-img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details {
  order: 3;
  grid-area: cardbottom;
  padding: 0 1.6rem 1.6rem 1.6rem;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details > section {
  margin: 0.8em 0;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details .list-item-types .event-types-item {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details .list-item-types .event-types-item li {
  padding: 0;
  margin: 0;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details .list-item-types .event-types-item .event-item-type-info {
  display: inline-block;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details .list-item-types .event-type-marker {
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: 12px;
  vertical-align: middle;
  margin: 0 0.2em 0 0;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details .list-item-types .event-type-name {
  margin: 0 0.8em 0.4em 0;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details ol li {
  display: inline-block;
  font-weight: 700;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details ol li:after {
  font-weight: 400;
  color: silver;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details ol li:last-child:after {
  content: "";
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details ol.content-items-list-dates .list-item-date {
  display: block;
  margin: 0.4em 0;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details ol.content-items-list-dates .list-item-date span {
  display: inline-block;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details ol.content-items-list-dates .dates {
  padding: 0 0.4em 0 0;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details ol.content-items-list-dates .list-item-venue {
  border-left: 2px solid silver;
  padding: 0 0 0 0.4em;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details h4 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: silver;
  font-size: 0.8em;
  font-weight: 700;
  margin: 0.4em 0 0 0;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details .list-item-summary .rec-event-summary p {
  display: none;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details .list-item-summary .rec-event-summary p:first-of-type {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details .list-item-summary .rec-event-summary h2,
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details .list-item-summary .rec-event-summary h3,
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details .list-item-summary .rec-event-summary h4,
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details .list-item-summary .rec-event-summary h5,
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details .list-item-summary .rec-event-summary ul,
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details .list-item-summary .rec-event-summary ol {
  display: none;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item .list-item-details .list-item-organiser .org-icon {
  display: none;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item:only-child {
  display: flex;
  -moz-column-gap: 7.5rem;
       column-gap: 7.5rem;
  row-gap: 1.875rem;
  justify-content: center;
  background: none;
  box-shadow: none;
  border-radius: 0;
  cursor: pointer;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item:only-child:hover {
  transform: none;
}
.type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item:only-child:hover a {
  text-decoration: underline;
}
#container .type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item:only-child .list-item-date-lines > h4,
#container .type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item:only-child .item-info {
  display: none;
}
#container .type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item:only-child .content-headline-date {
  display: grid;
  grid-template-columns: 19.25rem;
  grid-template-rows: 22rem;
  grid-template-areas: "date";
  justify-content: center;
  align-items: center;
}
#container .type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item:only-child .content-headline-date:before {
  content: "";
  grid-area: date;
  background-color: var(--primary-brand-color);
  -webkit-mask-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg viewBox="0 0 308 352" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>calendar</title><g id="Sprint-02---LPs-and-others" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Desktop_Event-Specific-Page_NHS" transform="translate(-421, -315)" fill="black"><g id="Stack-2" transform="translate(-0, 0)"><g id="Top-section" transform="translate(421, 0)"><g id="calendar" transform="translate(0, 315)" fill-rule="nonzero"><path d="M77,0 C83.0500021,0 88,4.92525101 88,11 L88,44 L220,44 L220,11 C220,4.92525101 224.950008,0 231,0 C237.049992,0 242,4.92525101 242,11 L242,44 L264,44 C288.268742,44 308,63.6968708 308,88 L308,308 C308,332.268742 288.268742,352 264,352 L44,352 C19.6968708,352 0,332.268742 0,308 L0,88 C0,63.6968708 19.6968708,44 44,44 L66,44 L66,11 C66,4.92525101 70.9499979,0 77,0 Z M286,132 L22,132 L22,308 C22,320.168758 31.8518763,330 44,330 L264,330 C276.168758,330 286,320.168758 286,308 L286,132 Z M264,66 L44,66 C31.8518763,66 22,75.8312416 22,88 L22,110 L286,110 L286,88 C286,75.8312416 276.168758,66 264,66 Z" id="Shape"></path></g></g></g></g></g></svg>');
          mask-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg viewBox="0 0 308 352" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>calendar</title><g id="Sprint-02---LPs-and-others" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Desktop_Event-Specific-Page_NHS" transform="translate(-421, -315)" fill="black"><g id="Stack-2" transform="translate(-0, 0)"><g id="Top-section" transform="translate(421, 0)"><g id="calendar" transform="translate(0, 315)" fill-rule="nonzero"><path d="M77,0 C83.0500021,0 88,4.92525101 88,11 L88,44 L220,44 L220,11 C220,4.92525101 224.950008,0 231,0 C237.049992,0 242,4.92525101 242,11 L242,44 L264,44 C288.268742,44 308,63.6968708 308,88 L308,308 C308,332.268742 288.268742,352 264,352 L44,352 C19.6968708,352 0,332.268742 0,308 L0,88 C0,63.6968708 19.6968708,44 44,44 L66,44 L66,11 C66,4.92525101 70.9499979,0 77,0 Z M286,132 L22,132 L22,308 C22,320.168758 31.8518763,330 44,330 L264,330 C276.168758,330 286,320.168758 286,308 L286,132 Z M264,66 L44,66 C31.8518763,66 22,75.8312416 22,88 L22,110 L286,110 L286,88 C286,75.8312416 276.168758,66 264,66 Z" id="Shape"></path></g></g></g></g></g></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  height: 100%;
  width: 100%;
}
#container .type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item:only-child .content-headline-date .headline-date-day {
  margin-top: 2.5rem;
  grid-area: date;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Righteous", sans-serif;
  font-size: 2.5rem;
  line-height: 1;
  color: var(--primary-brand-color);
  font-weight: 800;
}
#container .type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item:only-child .content-headline-date .headline-date-day .headline-date-day {
  font-size: 7.5rem;
}
#container .type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item:only-child .list-item-header {
  flex: 1;
  padding: 0;
  align-self: center;
}
#container .type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item:only-child .list-item-header h3 {
  margin: 0;
  font-size: 3rem;
}
#container .type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item:only-child .list-item-header h3 a {
  color: #1f1f1f;
}
#container .type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item:only-child .list-item-header h3 a:after,
#container .type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item:only-child .list-item-header h3 a:before {
  content: none;
}
#container .type-listrecurringevents:not(.flip-cards) .recurring-event-list-wrap .recurring-event-item:only-child .list-item-details {
  order: -1;
  flex-basis: 300px;
  padding: 0;
}
.type-listrecurringevents:not(.flip-cards) .content-wrapper-paginator-options {
  margin: 1.6em 0.4em;
  padding: 0.8em 0.4em;
  border-top: 1px solid silver;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .content-wrapper-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .content-wrapper-inner .content-headline {
  display: flex;
  -moz-column-gap: 7.5rem;
       column-gap: 7.5rem;
  align-items: center;
  margin-block: 1.875rem;
  order: 2;
  width: 50%;
  flex: 1 0 auto;
}
@media only screen and (max-width: 72.6em) {
  .type-listrecurringevents:not(.flip-cards) .single-event-wrap .content-wrapper-inner .content-headline {
    flex-direction: column;
  }
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .content-wrapper-inner .content-headline .content-headline-date {
  display: grid;
  grid-template-columns: 19.25rem;
  grid-template-rows: 22rem;
  grid-template-areas: "date";
  justify-content: center;
  align-items: center;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .content-wrapper-inner .content-headline .content-headline-date:before {
  content: "";
  grid-area: date;
  background-color: var(--primary-brand-color);
  -webkit-mask-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg viewBox="0 0 308 352" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>calendar</title><g id="Sprint-02---LPs-and-others" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Desktop_Event-Specific-Page_NHS" transform="translate(-421, -315)" fill="black"><g id="Stack-2" transform="translate(-0, 0)"><g id="Top-section" transform="translate(421, 0)"><g id="calendar" transform="translate(0, 315)" fill-rule="nonzero"><path d="M77,0 C83.0500021,0 88,4.92525101 88,11 L88,44 L220,44 L220,11 C220,4.92525101 224.950008,0 231,0 C237.049992,0 242,4.92525101 242,11 L242,44 L264,44 C288.268742,44 308,63.6968708 308,88 L308,308 C308,332.268742 288.268742,352 264,352 L44,352 C19.6968708,352 0,332.268742 0,308 L0,88 C0,63.6968708 19.6968708,44 44,44 L66,44 L66,11 C66,4.92525101 70.9499979,0 77,0 Z M286,132 L22,132 L22,308 C22,320.168758 31.8518763,330 44,330 L264,330 C276.168758,330 286,320.168758 286,308 L286,132 Z M264,66 L44,66 C31.8518763,66 22,75.8312416 22,88 L22,110 L286,110 L286,88 C286,75.8312416 276.168758,66 264,66 Z" id="Shape"></path></g></g></g></g></g></svg>');
          mask-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg viewBox="0 0 308 352" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>calendar</title><g id="Sprint-02---LPs-and-others" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Desktop_Event-Specific-Page_NHS" transform="translate(-421, -315)" fill="black"><g id="Stack-2" transform="translate(-0, 0)"><g id="Top-section" transform="translate(421, 0)"><g id="calendar" transform="translate(0, 315)" fill-rule="nonzero"><path d="M77,0 C83.0500021,0 88,4.92525101 88,11 L88,44 L220,44 L220,11 C220,4.92525101 224.950008,0 231,0 C237.049992,0 242,4.92525101 242,11 L242,44 L264,44 C288.268742,44 308,63.6968708 308,88 L308,308 C308,332.268742 288.268742,352 264,352 L44,352 C19.6968708,352 0,332.268742 0,308 L0,88 C0,63.6968708 19.6968708,44 44,44 L66,44 L66,11 C66,4.92525101 70.9499979,0 77,0 Z M286,132 L22,132 L22,308 C22,320.168758 31.8518763,330 44,330 L264,330 C276.168758,330 286,320.168758 286,308 L286,132 Z M264,66 L44,66 C31.8518763,66 22,75.8312416 22,88 L22,110 L286,110 L286,88 C286,75.8312416 276.168758,66 264,66 Z" id="Shape"></path></g></g></g></g></g></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  height: 100%;
  width: 100%;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .content-wrapper-inner .content-headline .content-headline-date .headline-date-day {
  margin-top: 2.5rem;
  grid-area: date;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Righteous", sans-serif;
  font-size: 2.5rem;
  line-height: 1;
  color: var(--primary-brand-color);
  font-weight: 800;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .content-wrapper-inner .content-headline .content-headline-date .headline-date-day .headline-date-day {
  font-size: 7.5rem;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .content-wrapper-inner .content-headline h2 {
  text-align: left;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .content-wrapper-inner .list-content-main-image {
  order: 1;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .content-wrapper-inner .list-content-main-image .main-img-wrap {
  width: 100%;
  height: 100%;
  display: block;
  max-height: 300px;
  overflow: hidden;
  border-radius: 10px;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .content-wrapper-inner .list-content-main-image .main-img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .content-wrapper-inner .list-item-details {
  display: block;
  order: 3;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details h3 {
  margin: 0.8em 0 0.4em 0;
  color: #444;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .list-item-types {
  order: 4;
  display: none;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .list-item-summary {
  order: 1;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .list-item-summary ul {
  padding-left: 2em;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .list-item-summary li {
  list-style-type: disc;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .list-item-organiser {
  order: 3;
  display: block;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .event-occurrence {
  order: 1;
  flex-basis: 100%;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .event-occurrence-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .event-occurrence-list li {
  padding: 0;
  margin: 0;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .event-occurrence-list .event-occurrence-item {
  border-bottom: 1px solid #ebe4e0;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .event-occurrence-list .event-occurrence-item .event-price,
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .event-occurrence-list .event-occurrence-item .available-places,
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .event-occurrence-list .event-occurrence-item .detail-info {
  display: block;
  border-top: 1px solid #ebe4e0;
  margin: 0;
  padding: 1rem 0;
  line-height: 1;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .event-occurrence-list .event-occurrence-item .event-occurrence-head {
  margin: 0.8em 0 0.4em 0;
  font-size: 1.1em;
  height: 0;
  overflow: hidden;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .event-occurrence-list .event-occurrence-item:first-child .event-occurrence-head {
  display: block;
  overflow: visible;
  height: auto;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .event-occurrence-details-list {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  gap: 0;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .event-occurrence-details-list li {
  padding: 0;
  margin: 0;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .event-occurrence-details-list .event-occurrence-details-item {
  flex: 1 1 auto;
}
.type-listrecurringevents:not(.flip-cards) .single-event-wrap .list-item-details .event-occurrence-details-list .event-occurrence-details-item:has(span:empty) {
  display: none;
}
.page-placement.type-staffdirectory .sd-btn-return a:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f053";
  display: inline-block;
  margin-right: 8px;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap .login-information {
  background-color: #c8f0c8;
  padding: 0.5em 1em;
  margin-bottom: 1em;
  color: darkgreen;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap .login-information:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f058";
  display: inline-block;
  margin-right: 8px;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section {
  flex: 1 0 22em;
  padding: 1.5em;
  border-right: 1px solid #dadada;
  border-left: 1px solid #dadada;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section.event-pending {
  order: 1;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section.event-pending .event-head {
  color: midnightblue;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section.event-attending {
  order: 2;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section.event-attending .event-head {
  color: darkgreen;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section.event-past {
  order: 3;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section.event-past .event-head {
  color: darkred;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section:last-of-type {
  border-right: none;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section .event-occurrence-list,
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section .event-occurrence-item {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section .event-occurrence-list li,
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section .event-occurrence-item li {
  padding: 0;
  margin: 0;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section .event-occurrence-list .event-heading {
  font-weight: bold;
  margin-bottom: 1em;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section .event-occurrence-details-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section .event-occurrence-details-item {
  flex: 1 0 10em;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section .event-occurrence-details-item .event-occurrence-head {
  display: none;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section .event-occurrence-details-item:first-child .event-occurrence-head {
  display: block;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section .event-occurrence-details-item.event-note,
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section .event-occurrence-details-item:last-of-type {
  flex-basis: 100%;
  border-top: 1px solid silver;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section .event-occurrence-details-item p {
  margin: 0;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section .event-occurrence-details-item .event-occurrence-head {
  margin: 0.4em 0;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section .event-occurrence-details-item span.event-notes p {
  font-style: italic;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section .event-head {
  font-size: 1.2em;
  font-weight: normal;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details > section h3 {
  margin-top: 0.25em;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details section.list-item-summary {
  -moz-column-count: 2;
       column-count: 2;
  order: 0;
  flex-basis: 100%;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #dddddd;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 37.4375em) {
  .page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details section.list-item-summary {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details section.list-item-summary h3 {
  font-weight: 400;
  -moz-column-span: all;
       column-span: all;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details section.list-item-summary h3:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f140";
  display: inline-block;
  margin-right: 10px;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details section.list-item-summary h3 ~ p {
  font-style: italic;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details section.list-item-summary h3 + p {
  margin-top: 0;
}
.page-placement.type-staffdirectory .single-content.single-event-wrap div.list-item-details section.list-item-summary .edit-profile:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f303";
  display: inline-block;
  margin-right: 8px;
}
.tutor-notes-list {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  display: flex;
  -moz-column-span: all;
       column-span: all;
  flex-direction: column;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.tutor-notes-list li {
  padding: 0;
  margin: 0;
}
.tutor-notes-list .tutor-notes-item .tutor-notes-head {
  margin-top: 1em;
  margin-bottom: 1em;
}
.tutor-notes-list .tutor-notes-item .tutor-notes {
  -moz-column-count: 2;
       column-count: 2;
  display: block;
}
@media only screen and (max-width: 37.4375em) {
  .tutor-notes-list .tutor-notes-item .tutor-notes {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.tutor-notes-list .event-notes-item {
  border-bottom: 1px solid silver;
  padding-bottom: 1em;
  display: flex;
  align-items: center;
  gap: 1em;
}
.main-article-area-7 .placement-row-1-up [data-placement-class="CustomTemplate"] .single-content.recurring-events-search-wrapper .date-search-filter .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.main-article-area-7 .placement-row-1-up [data-placement-class="CustomTemplate"] .single-content.recurring-events-search-wrapper .date-search-filter .row > * {
  flex: 0 0 9em;
}
.main-article-area-7 .placement-row-1-up [data-placement-class="CustomTemplate"] .single-content.recurring-events-search-wrapper .date-search-filter .row .input-label {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
  text-align: right;
  margin-right: 10px !important;
}
#container .main-article-area-7 .placement-row-1-up [data-placement-class="CustomTemplate"] .single-content.recurring-events-search-wrapper .actn-btn-row button[value="Export"] {
  background: #009c3d !important;
}
#container .main-article-area-7 .placement-row-1-up [data-placement-class="CustomTemplate"] .single-content.recurring-events-search-wrapper .actn-btn-row button[value="Export"] .btn-txt:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1c3";
  display: inline-block;
  margin-right: 8px;
}
#container .main-article-area-7 .placement-row-1-up [data-placement-class="CustomTemplate"] .single-content.recurring-events-search-wrapper .actn-btn-row button[value="Export"]:hover,
#container .main-article-area-7 .placement-row-1-up [data-placement-class="CustomTemplate"] .single-content.recurring-events-search-wrapper .actn-btn-row button[value="Export"]:focus {
  background: #00772d !important;
}
form[action="attendees"] .sd-search-inputs {
  display: flex;
  gap: 1em;
}
td[data-th="detail"] {
  white-space: normal;
  min-width: 600px;
  font-size: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.scroll-inner {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 1300px;
  margin-top: 0.5em;
}
.scroll-inner thead th {
  min-width: 100px;
}
@media only screen and (max-width: 37.4375em) {
  .scroll-inner {
    max-width: 94vw;
  }
}
.scroll-inner::-webkit-scrollbar {
  width: 10px;
}
.scroll-inner::-webkit-scrollbar:horizontal {
  height: 10px;
}
.scroll-inner::-webkit-scrollbar-track {
  background-color: rgba(204, 204, 204, 0.007);
}
.scroll-inner::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(204, 204, 204, 0.005);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 37.4375em) {
  table,
  tbody,
  tfoot,
  tr,
  td,
  th,
  caption {
    display: block;
  }
  thead {
    display: none;
  }
  [data-th="name"],
  [data-th="event"] {
    font-weight: bold;
    flex-basis: 100%;
  }
  tbody tr {
    display: flex;
    flex-wrap: wrap;
    background-color: white;
    border-bottom: 2px solid grey;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  tbody tr > td {
    flex: 1 0 48%;
  }
  .event-list td:before {
    content: attr(data-th) ":";
    text-transform: uppercase;
    color: #333;
    font-size: 10px;
    margin-right: 5px;
    letter-spacing: 0.5px;
  }
}
.actn-btn.btn-create {
  margin-right: 40px;
}
.main-cols-container .wrapper + .placement-row-wrapper {
  order: 2;
}
.wrapper .type-recurringeventsearch,
.site-header-row .type-recurringeventsearch,
.site-content-top-row .type-recurringeventsearch {
  background-image: var(--brand-gradient);
  padding-block: 7.5rem;
}
.wrapper .type-recurringeventsearch .content-headline,
.site-header-row .type-recurringeventsearch .content-headline,
.site-content-top-row .type-recurringeventsearch .content-headline {
  text-align: center;
}
.wrapper .type-recurringeventsearch #event-search-form,
.site-header-row .type-recurringeventsearch #event-search-form,
.site-content-top-row .type-recurringeventsearch #event-search-form {
  padding: 0 15px;
  max-width: 67.8125rem;
  margin-left: auto;
  margin-right: auto;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  box-sizing: border-box;
  justify-content: center;
}
.wrapper .type-recurringeventsearch #event-search-form .row,
.site-header-row .type-recurringeventsearch #event-search-form .row,
.site-content-top-row .type-recurringeventsearch #event-search-form .row {
  margin: 0;
}
.wrapper .type-recurringeventsearch #event-search-form legend,
.site-header-row .type-recurringeventsearch #event-search-form legend,
.site-content-top-row .type-recurringeventsearch #event-search-form legend {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.wrapper .type-recurringeventsearch #event-search-form legend .focusable:active,
.site-header-row .type-recurringeventsearch #event-search-form legend .focusable:active,
.site-content-top-row .type-recurringeventsearch #event-search-form legend .focusable:active,
.wrapper .type-recurringeventsearch #event-search-form legend .focusable:focus,
.site-header-row .type-recurringeventsearch #event-search-form legend .focusable:focus,
.site-content-top-row .type-recurringeventsearch #event-search-form legend .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.wrapper .type-recurringeventsearch #event-search-form fieldset,
.site-header-row .type-recurringeventsearch #event-search-form fieldset,
.site-content-top-row .type-recurringeventsearch #event-search-form fieldset {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
.wrapper .type-recurringeventsearch #event-search-form .event-name-filter,
.site-header-row .type-recurringeventsearch #event-search-form .event-name-filter,
.site-content-top-row .type-recurringeventsearch #event-search-form .event-name-filter {
  flex: 1 1 42rem;
}
.wrapper .type-recurringeventsearch #event-search-form .date-search-filter,
.site-header-row .type-recurringeventsearch #event-search-form .date-search-filter,
.site-content-top-row .type-recurringeventsearch #event-search-form .date-search-filter {
  flex: 0 1 12.5rem;
}
.wrapper .type-recurringeventsearch #event-search-form .date-search-filter input,
.site-header-row .type-recurringeventsearch #event-search-form .date-search-filter input,
.site-content-top-row .type-recurringeventsearch #event-search-form .date-search-filter input {
  border-radius: 8px;
}
.wrapper .type-recurringeventsearch #event-search-form .actn-btn-row,
.site-header-row .type-recurringeventsearch #event-search-form .actn-btn-row,
.site-content-top-row .type-recurringeventsearch #event-search-form .actn-btn-row {
  display: flex;
  justify-content: center;
  padding: 0;
  gap: 0.6em;
}
.wrapper .type-recurringeventsearch #event-search-form .event-type-filter,
.site-header-row .type-recurringeventsearch #event-search-form .event-type-filter,
.site-content-top-row .type-recurringeventsearch #event-search-form .event-type-filter {
  flex-basis: 100%;
  min-width: 0;
  overflow-x: hidden;
}
.wrapper .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field,
.site-header-row .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field,
.site-content-top-row .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.6em;
  margin-top: 3rem;
  margin-bottom: 4rem;
  min-width: 0;
  max-width: 100%;
}
.wrapper .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field li,
.site-header-row .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field li,
.site-content-top-row .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field li {
  margin: 0;
}
.wrapper .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field input,
.site-header-row .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field input,
.site-content-top-row .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
}
.wrapper .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field input .focusable:active,
.site-header-row .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field input .focusable:active,
.site-content-top-row .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field input .focusable:active,
.wrapper .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field input .focusable:focus,
.site-header-row .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field input .focusable:focus,
.site-content-top-row .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field input .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.wrapper .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field label,
.site-header-row .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field label,
.site-content-top-row .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field label {
  display: block;
  padding: 8px;
  background: #fbfaff;
  border-radius: 4px;
  border: 1px solid var(--secondary-brand-color);
  border-radius: 8px;
  font-weight: 600;
}
.wrapper .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field label:has(input:checked),
.site-header-row .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field label:has(input:checked),
.site-content-top-row .type-recurringeventsearch #event-search-form .event-type-filter .list-select-field label:has(input:checked) {
  background: var(--secondary-brand-color);
  color: #ffffff;
  border: 1px solid var(--secondary-brand-color);
}
#container .flip-card-wrapper {
  perspective: 100rem;
  width: 100%;
  max-width: 18rem;
  aspect-ratio: 1/1.4;
  transform-style: preserve-3d;
  transition: transform 0.3s ease-out;
}
#container .flip-card-wrapper:hover {
  transform: translateY(-0.4em);
  transition: 0.2s ease-in-out;
}
#container .flip-card-wrapper:hover .list-item-actn-link {
  text-decoration: underline;
}
#container .flip-card-wrapper.is-flipped {
  transform: translateY(0) rotateY(180deg);
}
#container .flip-card-wrapper.is-flipping {
  transform: translateY(-1rem);
}
#container .flip-card-wrapper .front,
#container .flip-card-wrapper .back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 1.5rem;
  padding: 2rem;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  text-align: left;
  overflow: hidden;
}
#container .flip-card-wrapper .front .flip-button,
#container .flip-card-wrapper .back .flip-button {
  margin-bottom: auto;
  align-self: flex-end;
  margin-top: 0px;
  font-size: 0px;
  padding: 0px 0px;
  background: transparent;
  position: relative;
  z-index: 20;
  box-shadow: none;
  border-radius: 50%;
  border: 1px solid white;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#container .flip-card-wrapper .front .flip-button:hover,
#container .flip-card-wrapper .back .flip-button:hover {
  text-decoration: none;
  outline: 2px solid currentColor;
}
#container .flip-card-wrapper .front .flip-button::before,
#container .flip-card-wrapper .back .flip-button::before {
  font-weight: 300;
  font-size: 2rem;
  transition: all 0.3s ease-out;
}
#container .flip-card-wrapper .front .flip-button.flip-to-back:before,
#container .flip-card-wrapper .back .flip-button.flip-to-back:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f061";
  display: inline-block;
}
#container .flip-card-wrapper .front .flip-button.flip-to-front:before,
#container .flip-card-wrapper .back .flip-button.flip-to-front:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00d";
  display: inline-block;
}
#container .flip-card-wrapper .front .flip-button:hover,
#container .flip-card-wrapper .back .flip-button:hover,
#container .flip-card-wrapper .front .flip-button:focus,
#container .flip-card-wrapper .back .flip-button:focus,
#container .flip-card-wrapper .front .flip-button:active,
#container .flip-card-wrapper .back .flip-button:active {
  transform: none !important;
  box-shadow: none !important;
}
#container .flip-card-wrapper .front .flip-button:hover:before,
#container .flip-card-wrapper .back .flip-button:hover:before,
#container .flip-card-wrapper .front .flip-button:focus:before,
#container .flip-card-wrapper .back .flip-button:focus:before,
#container .flip-card-wrapper .front .flip-button:active:before,
#container .flip-card-wrapper .back .flip-button:active:before {
  transform: translateX(0px) translateY(0px);
}
#container .flip-card-wrapper .front {
  transform: rotateY(0deg);
  color: white;
}
#container .flip-card-wrapper .front .benchmark,
#container .flip-card-wrapper .front .current-mark,
#container .flip-card-wrapper .front .subheading,
#container .flip-card-wrapper .front .date {
  color: white;
}
#container .flip-card-wrapper .front .benchmark {
  font-size: 0.9em;
  font-weight: 600;
  border: 2px solid white;
  padding: 0.5rem;
  border-radius: 20px;
  display: inline-block;
}
#container .flip-card-wrapper .front .benchmark .percentage {
  font-weight: 700;
}
#container .flip-card-wrapper .front .benchmark:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f062";
  display: inline-block;
  margin-right: 0.5rem;
  font-size: 1.1em;
  margin-top: -0.2rem;
}
#container .flip-card-wrapper .front .benchmark.below-benchmark:before {
  transform: rotate(180deg);
}
#container .flip-card-wrapper .front .current-mark {
  font-size: 3.5em;
  font-weight: 700;
  line-height: 1;
}
#container .flip-card-wrapper .front .subheading {
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.3;
}
#container .flip-card-wrapper .front .date {
  font-size: 1em;
  font-weight: 200;
}
#container .flip-card-wrapper .back {
  transform: rotateY(180deg);
  overflow-y: auto;
}
#container .flip-card-wrapper .back .content {
  width: 100%;
  overflow-y: auto;
  max-height: 100%;
}
#container .flip-card-wrapper .back .content a {
  color: #1f1f1f;
  text-decoration: none;
  font-weight: 500;
}
#container .flip-card-wrapper .back .content a:hover {
  text-decoration: underline;
}
#container .flip-card-wrapper:not(.is-flipped) .flip-to-front {
  display: none;
}
#container .flip-card-wrapper.is-flipped .flip-to-back {
  display: none;
}
#container .flip-card-wrapper:not(.is-flipped) .back {
  pointer-events: none;
  visibility: hidden;
}
#container .flip-card-wrapper.is-flipped .front {
  pointer-events: none;
  visibility: hidden;
}
#container .flip-card-wrapper .flip-button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
  box-shadow: 0 0 0 2px #000;
}
#container .flip-cards .placement-inner {
  max-width: 85.625rem;
}
#container .flip-cards.type-listrecurringevents .content-items-list,
#container .flip-cards.type-contentcollection .content-items-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(20rem, 100%), 1fr));
  grid-template-rows: 27rem;
  gap: 1rem;
}
#container .flip-cards.type-listrecurringevents .flip-card-wrapper,
#container .flip-cards.type-contentcollection .flip-card-wrapper {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: 27rem;
}
#container .flip-cards.type-listrecurringevents .list-content-item,
#container .flip-cards.type-contentcollection .list-content-item {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  border-radius: 16px;
  height: 100%;
  width: 100%;
}
#container .flip-cards.type-contentcollection .item-headline {
  padding-top: 0;
}
#container .flip-cards.type-contentcollection .item-headline h3 {
  font-size: 2rem;
  margin: 0;
}
#container .flip-cards.type-contentcollection .front {
  background-image: linear-gradient(225deg, #53d9f5 0%, #47ad95 100%);
}
.site-area-2 #container .flip-cards.type-contentcollection .front {
  background-image: linear-gradient(225deg, #003087 0%, #005eb8 100%);
}
.site-area-3 #container .flip-cards.type-contentcollection .front {
  background-image: linear-gradient(225deg, #dd6205 0%, #cc410c 100%);
}
#container .flip-cards.type-contentcollection .front .item-headline {
  min-height: 4.4rem;
}
#container .flip-cards.type-contentcollection .front .content-wrapper-inner {
  order: -1;
}
#container .flip-cards.type-contentcollection .front .content-wrapper-inner .content-main-image {
  position: static;
  margin-bottom: 2rem;
  margin-top: auto;
  min-height: 8.75rem;
}
#container .flip-cards.type-contentcollection .front .content-wrapper-inner .content-main-image img {
  filter: brightness(0) saturate(100%) invert(88%) sepia(6%) saturate(1355%) hue-rotate(190deg) brightness(106%) contrast(103%);
}
#container .flip-cards.type-contentcollection .front .content-wrapper-inner .content-main-image:before {
  content: none;
}
#container .flip-cards.type-contentcollection .front .main-editor-output {
  display: none;
}
#container .flip-cards.type-contentcollection .front .flip-button {
  position: absolute;
  top: 32px;
  right: 32px;
}
#container .flip-cards.type-contentcollection .back {
  background-image: linear-gradient(225deg, #d5f7fe 0%, #eafff8 100%);
}
.site-area-2 #container .flip-cards.type-contentcollection .back {
  background-image: linear-gradient(225deg, #e4f3ff 0%, #eafff8 100%);
}
.site-area-3 #container .flip-cards.type-contentcollection .back {
  background-image: linear-gradient(225deg, #eafff8 0%, #f2e2d5 100%);
}
#container .flip-cards.type-contentcollection .back .flip-button {
  color: var(--accent-color);
  border-color: var(--accent-color);
}
#container .flip-cards.type-contentcollection .back .content-main-image {
  display: none;
}
#container .flip-cards.type-contentcollection .back .item-headline h3 {
  font-size: 1.25rem;
}
#container .flip-cards.type-listrecurringevents .content-items-list {
  grid-template-rows: 30.75rem;
}
#container .flip-cards.type-listrecurringevents .flip-card-wrapper {
  max-height: 30.75rem;
}
#container .flip-cards.type-listrecurringevents .front,
#container .flip-cards.type-listrecurringevents .back {
  padding: 24px;
}
#container .flip-cards.type-listrecurringevents .front {
  background-image: linear-gradient(220deg, #47ad95 0%, #5b4195 100%);
}
.site-area-2 #container .flip-cards.type-listrecurringevents .front {
  background-image: linear-gradient(220deg, #41b6e6 0%, #005eb8 100%);
}
.site-area-3 #container .flip-cards.type-listrecurringevents .front {
  background-image: linear-gradient(220deg, #eba068 0%, #dd6205 100%);
}
#container .flip-cards.type-listrecurringevents .front > .dates {
  position: absolute;
  top: 24px;
  left: 24px;
  display: flex;
  flex-direction: column;
  line-height: 1;
  font-family: "Righteous", sans-serif;
  font-size: 1.25rem;
}
#container .flip-cards.type-listrecurringevents .front > .dates .date-day {
  font-size: 5rem;
}
#container .flip-cards.type-listrecurringevents .front .list-item-actn-link {
  color: #ffffff;
  font-size: 1.8rem;
}
#container .flip-cards.type-listrecurringevents .front .content-headline-date,
#container .flip-cards.type-listrecurringevents .front .list-item-description,
#container .flip-cards.type-listrecurringevents .front .list-item-date-lines > h4 {
  display: none;
}
#container .flip-cards.type-listrecurringevents .front .content-items-list-dates {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
#container .flip-cards.type-listrecurringevents .front .content-items-list-dates li {
  padding: 0;
  margin: 0;
}
#container .flip-cards.type-listrecurringevents .front .content-items-list-dates .list-item-date {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
#container .flip-cards.type-listrecurringevents .front .content-items-list-dates .list-item-venue,
#container .flip-cards.type-listrecurringevents .front .content-items-list-dates .dates {
  background: #fbfaff;
  border: 1px solid #575164;
  border-radius: 8px;
  padding: 8px;
  display: inline-flex;
  line-height: 1;
  font-size: 0.875rem;
}
#container .flip-cards.type-listrecurringevents .back {
  background-image: linear-gradient(220deg, #f0e4ff 0%, #eafff8 100%);
}
.site-area-2 #container .flip-cards.type-listrecurringevents .back {
  background-image: linear-gradient(220deg, #e4f3ff 0%, #eafff8 100%);
}
.site-area-3 #container .flip-cards.type-listrecurringevents .back {
  background-image: linear-gradient(220deg, #f2e2d5 0%, #f0e4ff 100%);
}
#container .flip-cards.type-listrecurringevents .back .list-item-details {
  display: none;
}
#container .flip-cards.type-listrecurringevents .back .flip-button {
  color: var(--primary-brand-color);
  border-color: var(--primary-brand-color);
}
#container .flip-cards.type-listrecurringevents .back .list-item-description,
#container .flip-cards.type-listrecurringevents .back .list-item-actn-link {
  color: #1f1f1f;
}
#container .flip-cards.type-listrecurringevents .back .list-item-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
#container .flip-cards.type-listrecurringevents .back .list-item-header {
  display: flex;
  flex-direction: column;
}
#container .flip-cards.type-listrecurringevents .back .list-item-header h3 {
  order: -1;
}
#container .flip-cards.type-listrecurringevents .back .list-item-header:after {
  content: "Register now";
  margin-top: 2.5rem;
  display: inline-block;
  background-color: var(--primary-brand-color);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  align-self: start;
  border: 1px solid var(--secondary-brand-color);
  box-shadow: 0 4px 0 0 var(--secondary-brand-color);
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
/*======== IMPORT 05-CUSTOM ========*/
/*==== CUSTOM PLACEMENT STYLES ====*/
.placeholder.color1 .content-headline h2 {
  color: var(--primary-brand-color);
}
.placeholder.color2 .content-headline h2 {
  color: var(--primary-brand-color);
}
.text-card .placement-inner {
  height: 100%;
}
.text-card .placement-inner .content-item {
  background: #ffffffe6;
  border-radius: 1em;
  grid-template: "top" "middle" "bottom" / auto;
  align-content: flex-start;
  display: grid;
  box-shadow: 0 1px 4px #0000004d;
  height: 100%;
}
.text-card .placement-inner .content-item .content-item-inner {
  flex-direction: column;
  padding: 1.2rem;
  display: flex;
}
.text-card .placement-inner .content-item .content-item-inner .content-headline {
  margin: 0;
}
.text-card .placement-inner .content-item .content-item-inner .content-main-image {
  position: absolute;
  width: 44px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
}
.text-card .placement-inner .content-item .content-item-inner .text-column {
  margin-left: 66px;
}
.text-card .placement-inner .content-item .content-item-inner .main-editor-output h3 {
  margin-top: 0.5rem;
}
.type-contentcollection.pg-checkerboard .text-content-collection {
  font-size: 1em;
  display: block;
}
.type-contentcollection.pg-checkerboard .text-content-collection .list-content-item {
  padding: 0.8em 0;
  margin-bottom: 3em;
}
.type-contentcollection.pg-checkerboard .text-content-collection .list-content-item .item-headline {
  padding-top: 0.4em;
}
.type-contentcollection.pg-checkerboard .text-content-collection .list-content-item .item-headline h3 {
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-size: 3em;
  line-height: 1.3;
}
.type-contentcollection.pg-checkerboard .text-content-collection .list-content-item .content-wrapper-inner {
  display: flex;
  gap: 6rem;
}
.type-contentcollection.pg-checkerboard .text-content-collection .list-content-item .content-main-image {
  flex: 1 1 6em;
  position: relative;
  height: auto;
  max-width: 100%;
  text-align: center;
}
.type-contentcollection.pg-checkerboard .text-content-collection .list-content-item .main-editor-output {
  flex: 2 2 12em;
}
.type-contentcollection.pg-checkerboard .text-content-collection .list-content-item:nth-child(odd) .content-wrapper-inner {
  flex-flow: row-reverse;
}
.placement-row-wrapper:has(.fw-carousel) {
  background-image: var(--brand-gradient);
  padding-block: 7.5rem;
}
.fw-carousel .placement-inner {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
#container .fw-carousel .placement-inner {
  transform: translateY(-30px);
}
@media only screen and (max-width: 37.4375em) {
  #container .fw-carousel .placement-inner {
    transform: translateY(0);
  }
}
.fw-carousel .content-headline {
  display: block;
}
.fw-carousel .content-headline h3 {
  margin: 0;
}
.fw-carousel .fw-slider-controls {
  max-width: 6 7.5rem;
  margin: 0 auto 2em;
  display: flex;
  justify-content: end;
}
.fw-carousel .fw-slider-controls .fw-buttons {
  display: flex;
  gap: 1.25em;
}
.fw-carousel .fw-slider-controls .fw-btn {
  all: unset;
  width: 1.4375em;
  height: 1.4375em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fw-carousel .fw-slider-controls .fw-btn:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f060";
  display: inline-block;
  font-weight: 300;
  pointer-events: none;
  color: var(--subhead-color);
  font-size: 1.5em;
}
.fw-carousel .fw-slider-controls .fw-btn.fw-btn-next:before {
  content: "\f061";
}
.fw-carousel .text-content-collection {
  scroll-snap-type: x mandatory;
  display: flex;
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  gap: 0;
  scrollbar-width: none;
  max-width: 53.1875rem;
  margin: 2em auto 0;
}
.fw-carousel .text-content-collection:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f10d";
  display: inline-block;
  position: absolute;
  left: calc((50% - 26.59375rem) - 1.25em);
  font-size: 3rem;
  color: var(--subhead-color);
}
@media only screen and (max-width: 72.6em) {
  .fw-carousel .text-content-collection:before {
    content: none;
  }
}
.fw-carousel .text-content-collection:after {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f10e";
  display: inline-block;
  position: absolute;
  left: calc((50% + 26.59375rem) + 1.25em);
  bottom: 10%;
  font-size: 3rem;
  color: var(--subhead-color);
}
@media only screen and (max-width: 72.6em) {
  .fw-carousel .text-content-collection:after {
    content: none;
  }
}
@media (max-width: 44.6875rem) {
  .fw-carousel .text-content-collection {
    max-width: 85vw;
  }
}
.fw-carousel .text-content-collection .list-content-item {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  max-width: 53.1875rem;
  position: relative;
  flex: none;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.fw-carousel .text-content-collection .list-content-item .content-wrapper-inner {
  order: 1;
}
.fw-carousel .text-content-collection .list-content-item .header-group {
  order: 2;
  margin-left: 175px;
  margin-top: auto;
}
#container .fw-carousel .text-content-collection .list-content-item .header-group {
  padding-top: 1.75rem;
}
.fw-carousel .text-content-collection .list-content-item .header-group .subhead {
  font-size: 1rem;
  text-transform: uppercase;
  color: #1f1f1f;
}
.fw-carousel .text-content-collection .list-content-item .header-group h3 {
  font-size: 1rem;
  font-weight: 400;
}
#container .fw-carousel .text-content-collection .list-content-item .header-group h3 {
  margin-top: 1rem;
}
.fw-carousel .text-content-collection .list-content-item .content-main-image {
  position: absolute;
  bottom: 10px;
  left: 0;
  top: auto;
  height: auto;
  width: 150px;
  height: 73px;
  text-align: center;
}
.fw-carousel .text-content-collection .list-content-item .content-main-image img {
  -o-object-fit: contain;
     object-fit: contain;
}
.fw-carousel .text-content-collection .list-content-item .content-main-image:before {
  content: none;
}
.fw-carousel .text-content-collection .list-content-item .main-editor-output * {
  font-size: 1.5rem;
}
.fw-carousel .text-content-collection .list-content-item .main-editor-output *:first-child {
  margin-top: 0;
}
#container .text-image-half-split .flex-layout {
  align-items: center;
  row-gap: 1.875rem;
}
#container .text-image-half-split .flex-layout .metadata-info {
  display: none;
}
@media only screen and (max-width: 37.4375em) {
  #container .text-image-half-split .flex-layout {
    flex-direction: column;
  }
  #container .text-image-half-split .flex-layout .content-main-image {
    order: 0;
  }
}
#container .text-image-half-split .text-column,
#container .text-image-half-split .content-main-image {
  flex: 1;
}
#container .text-image-half-split .content-main-image img {
  max-height: none;
}
.placement-row-wrapper:has(.theme-background) {
  background-color: var(--accent-color);
  margin-block: 0;
  padding-block: 7.5rem;
}
.placement-row-wrapper:has(.theme-background) .content-headline > h2,
.placement-row-wrapper:has(.theme-background) .content-headline > h3,
.placement-row-wrapper:has(.theme-background) .content-wrapper-inner *:not([class*="cta"]) {
  color: #ffffff;
}
.placement-row-wrapper:has(.theme-background) .count-up__figure:before {
  filter: brightness(0) invert(1);
}
.placement-row-wrapper:has(.theme-background-alt) {
  background-color: var(--secondary-brand-color);
}
#container .banner.full-width {
  overflow: hidden;
}
#container .banner.full-width .placement-inner {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
#container .banner.full-width .content-item-inner {
  display: grid;
  align-items: center;
  grid-template-rows: min(50rem, 80dvh);
  grid-template-columns: minmax(2.1875rem, 1fr) minmax(-webkit-min-content, 39.37499963rem) minmax(-webkit-min-content, 41.87500037rem) minmax(2.1875rem, 1fr);
  grid-template-columns: minmax(2.1875rem, 1fr) minmax(min-content, 39.37499963rem) minmax(min-content, 41.87500037rem) minmax(2.1875rem, 1fr);
}
#container .banner.full-width .content-main-image {
  margin: 0;
  grid-area: 1/1 / -1/-1;
  height: 100%;
}
#container .banner.full-width .content-main-image img {
  max-height: none;
  -o-object-fit: cover;
     object-fit: cover;
}
#container .banner.full-width .text-column {
  grid-area: 1/2 / -1/3;
  z-index: 1;
  border-radius: 16px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  padding: 2.5em;
  margin-block: 3.75rem;
  background-image: linear-gradient(236deg, #f0e4ff 0%, #eafff8 100%);
}
.site-area-2 #container .banner.full-width .text-column {
  background-image: linear-gradient(236deg, #f0e4ff 0%, #d5f7fe 100%);
}
.site-area-3 #container .banner.full-width .text-column {
  background-image: linear-gradient(236deg, #f0e4ff 0%, #f2e2d5 100%);
}
@media only screen and (max-width: 72.6em) {
  #container .banner.full-width .text-column {
    grid-area: 1/2/-1/4;
  }
}
#container .banner.full-width .text-column p {
  font-size: 1.25em;
}
#container .banner.contained {
  margin-top: 0;
}
#container .banner.contained .content-wrapper {
  display: flex;
  min-height: 40rem;
  max-height: 50rem;
  height: 80dvh;
  align-items: center;
}
@media only screen and (max-width: 72.6em) {
  #container .banner.contained .content-wrapper {
    max-height: none;
    height: 100%;
  }
}
#container .banner.contained .content-item-inner {
  align-items: center;
  gap: 7.5rem;
}
#container .banner.contained .content-item-inner .metadata-info {
  display: none;
}
@media only screen and (max-width: 72.6em) {
  #container .banner.contained .content-item-inner {
    flex-direction: column;
    gap: 2rem;
    margin-top: 7.5rem;
    margin-bottom: 7.5rem;
  }
  #container .banner.contained .content-item-inner .content-main-image {
    order: -1;
  }
}
#container .banner.contained .content-main-image {
  margin: 0;
  flex: none;
  position: relative;
  display: grid;
  grid-template-columns: minmax(260px, 414px);
  grid-template-rows: minmax(260px, 414px);
  grid-template-areas: "overlay";
  align-items: center;
  justify-items: center;
  aspect-ratio: 1 / 1;
}
#container .banner.contained .content-main-image:before {
  grid-area: overlay;
  content: "";
  z-index: 1;
  background-image: url("../images/assets/banner-contained.png");
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
#container .banner.contained .content-main-image img {
  grid-area: overlay;
  max-width: 382px;
  max-height: 382px;
  aspect-ratio: 1 / 1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
#container .banner.contained .main-editor-output h2 {
  font-family: "Righteous", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-size: 3em;
  font-style: normal;
  text-transform: uppercase;
  color: var(--secondary-brand-color);
}
.site-area-2 #container .banner.contained {
  background-image: linear-gradient(243deg, #e4f3ff 0%, #eafff8 100%);
}
.site-area-2 #container .banner.contained .content-main-image:before {
  background-image: url("../images/assets/banner-contained-nhs.png");
}
.site-area-3 #container .banner.contained {
  background-image: linear-gradient(243deg, #f0e4ff 0%, #f2e2d5 100%);
}
.site-area-3 #container .banner.contained .content-main-image:before {
  background-image: url("../images/assets/banner-contained-sh.png");
}
#container .example-sites .placement-inner {
  max-width: 85.625rem;
}
#container .example-sites .text-content-collection {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
#container .example-sites .text-content-collection .list-content-item {
  flex: 1 1 calc(50% - 0.75rem);
}
@media only screen and (max-width: 72.6em) {
  #container .example-sites .text-content-collection .list-content-item {
    flex: 0 1 100%;
  }
}
#container .example-sites .list-content-item {
  position: relative;
  background: #fbfaff;
  border: 1px solid #e2d4f4;
  box-shadow: 0 4px 0 0 #e2d4f4, 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding: 60px 40px;
  container-type: inline-size;
}
#container .example-sites .list-content-item:before {
  content: "Featured site";
  background-color: var(--secondary-brand-color);
  color: white;
  writing-mode: vertical-rl;
  padding: 8px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 0 8px 8px 0;
  font-size: 0.75rem;
  font-weight: 600;
}
#container .example-sites .list-content-item .item-headline {
  display: none;
}
#container .example-sites .list-content-item .content-wrapper-inner {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
@media (max-width: 34rem) {
  #container .example-sites .list-content-item .content-wrapper-inner {
    flex-direction: column;
  }
}
#container .example-sites .list-content-item .content-wrapper-inner .main-editor-output,
#container .example-sites .list-content-item .content-wrapper-inner .content-main-image {
  flex: 1;
  min-width: 0;
}
#container .example-sites .list-content-item .content-main-image {
  height: auto;
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
}
#container .example-sites .list-content-item .content-main-image:before {
  content: none;
}
#container .example-sites .list-content-item .main-editor-output > *:first-child {
  margin-top: 0;
}
#container .example-sites .list-content-item .main-editor-output p,
#container .example-sites .list-content-item .main-editor-output li,
#container .example-sites .list-content-item .main-editor-output span,
#container .example-sites .list-content-item .main-editor-output strong {
  color: #606060;
}
#container .example-sites .list-content-item .main-editor-output h2,
#container .example-sites .list-content-item .main-editor-output h3,
#container .example-sites .list-content-item .main-editor-output h4,
#container .example-sites .list-content-item .main-editor-output h5,
#container .example-sites .list-content-item .main-editor-output h6 {
  color: var(--secondary-brand-color);
}
#container .example-sites .list-content-item .main-editor-output h2 *,
#container .example-sites .list-content-item .main-editor-output h3 *,
#container .example-sites .list-content-item .main-editor-output h4 *,
#container .example-sites .list-content-item .main-editor-output h5 *,
#container .example-sites .list-content-item .main-editor-output h6 * {
  color: inherit;
}
a:focus-visible,
button:focus-visible,
#pecr-compliance-banner input:focus-visible,
#container a:focus-visible,
#container button:focus-visible {
  border-color: #fd0 !important;
  color: #0b0c0c !important;
  background-color: #fd0 !important;
  box-shadow: 0 2px 0 #0b0c0c !important;
  outline: none;
}
a:focus-visible:before,
button:focus-visible:before,
#pecr-compliance-banner input:focus-visible:before,
#container a:focus-visible:before,
#container button:focus-visible:before,
a:focus-visible *,
button:focus-visible *,
#pecr-compliance-banner input:focus-visible *,
#container a:focus-visible *,
#container button:focus-visible * {
  color: #0b0c0c !important;
}
input[type="submit"]:focus-visible,
input[type="email"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="password"]:focus-visible,
input[type="search"]:focus-visible,
input[type="text"]:focus-visible,
textarea:focus-visible {
  outline: 3px solid #fd0 !important;
  outline-offset: 0 !important;
  box-shadow: inset 0 0 0 2px !important;
  box-shadow: inset 0 0 0 4px !important;
}
input[type="date"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 4px solid #fd0 !important;
  outline-offset: 0 !important;
  box-shadow: inset 0 0 0 2px !important;
}
.submit-wrap:has(input:focus-visible) {
  opacity: 1 !important;
}
.submit-wrap:has(input:focus-visible):before {
  outline: 3px solid #fd0 !important;
  outline-offset: 0 !important;
  box-shadow: inset 0 0 0 2px !important;
  box-shadow: inset 0 0 0 4px !important;
}
/*==== PAGE STYLES (classes on the HTML element) ====*/
.social-icons:has(a[href*="facebook"]),
.social-icons:has(a[href*="x.com"]),
.social-icons:has(a[href*="linkedin"]),
.social-icons:has(a[href*="instagram"]),
.social-icons:has(a[href*="youtube"]) {
  list-style-type: none;
  padding: 0;
  margin: 0;
  align-items: center;
  display: flex;
  gap: 1em;
  justify-content: flex-start;
}
.social-icons:has(a[href*="facebook"]) li,
.social-icons:has(a[href*="x.com"]) li,
.social-icons:has(a[href*="linkedin"]) li,
.social-icons:has(a[href*="instagram"]) li,
.social-icons:has(a[href*="youtube"]) li {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 72.6em) {
  .social-icons:has(a[href*="facebook"]),
  .social-icons:has(a[href*="x.com"]),
  .social-icons:has(a[href*="linkedin"]),
  .social-icons:has(a[href*="instagram"]),
  .social-icons:has(a[href*="youtube"]) {
    justify-content: center;
  }
}
.social-icons:has(a[href*="facebook"]) li,
.social-icons:has(a[href*="x.com"]) li,
.social-icons:has(a[href*="linkedin"]) li,
.social-icons:has(a[href*="instagram"]) li,
.social-icons:has(a[href*="youtube"]) li {
  display: inline-flex;
}
.social-icons:has(a[href*="facebook"]) a,
.social-icons:has(a[href*="x.com"]) a,
.social-icons:has(a[href*="linkedin"]) a,
.social-icons:has(a[href*="instagram"]) a,
.social-icons:has(a[href*="youtube"]) a {
  border-radius: 50%;
  text-decoration: none;
  font-size: 0;
}
.social-icons:has(a[href*="facebook"]) a:before,
.social-icons:has(a[href*="x.com"]) a:before,
.social-icons:has(a[href*="linkedin"]) a:before,
.social-icons:has(a[href*="instagram"]) a:before,
.social-icons:has(a[href*="youtube"]) a:before {
  width: 2em;
  height: 2em;
  color: #ffffff;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid #ffffff;
  font-size: 16px;
}
#container .social-icons:has(a[href*="facebook"]) a:before,
#container .social-icons:has(a[href*="x.com"]) a:before,
#container .social-icons:has(a[href*="linkedin"]) a:before,
#container .social-icons:has(a[href*="instagram"]) a:before,
#container .social-icons:has(a[href*="youtube"]) a:before {
  display: flex;
  font-family: "Font Awesome Brands";
}
.social-icons .main-editor-output a[href*="facebook"]:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f39e";
  display: inline-block;
  font-family: "Font Awesome Brands";
}
.social-icons .main-editor-output a[href*="x"]:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\𝕏";
  display: inline-block;
  font-family: "Font Awesome Brands";
}
.social-icons .main-editor-output a[href*="linkedin"]:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0e1";
  display: inline-block;
  font-family: "Font Awesome Brands";
}
.social-icons .main-editor-output a[href*="instagram"]:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f16d";
  display: inline-block;
  font-family: "Font Awesome Brands";
}
.social-icons .main-editor-output a[href*="youtube"]:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f167";
  display: inline-block;
  font-family: "Font Awesome Brands";
}
.animation-test {
  width: 600px;
  height: 600px;
  position: relative;
}
.animation-test .hook-1 {
  position: absolute;
  bottom: 60px;
  right: 0;
}
.animation-test .hook-2 {
  position: absolute;
  top: 60px;
  left: 0;
}
.animation-test .person {
  position: absolute;
  top: 353px;
  left: 85px;
  opacity: 0;
}
.animation-test .circle {
  position: absolute;
  transform: translate(-50%, -50%) scale(0);
  top: 50%;
  left: 50%;
  width: 364px;
  height: 364px;
  background-color: #ef466f;
  border-radius: 50%;
  overflow: hidden;
}
.placement-row-wrapper:has(.video-banner) {
  padding-block: 275px;
  background-image: linear-gradient(240deg, #f0e4ff 0%, #eafff8 100%);
  position: relative;
  overflow: clip;
  margin-block: 0;
  max-width: 100vw;
  --before-left: -954px;
  --before-opacity: 0;
  --after-right: -954px;
  --after-opacity: 0;
}
.site-area-2 .placement-row-wrapper:has(.video-banner) {
  background-image: linear-gradient(244deg, #e4f3ff 0%, #eafff8 100%);
}
.site-area-3 .placement-row-wrapper:has(.video-banner) {
  background-image: linear-gradient(244deg, #d5f7fe 0%, #f2e2d5 100%);
}
.placement-row-wrapper:has(.video-banner) .placement-row {
  position: relative;
  z-index: 1;
}
.placement-row-wrapper:has(.video-banner):before {
  content: "";
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EPath%3C/title%3E%3Cg id='Sprint-02---LPs-and-others' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='SingleVideoComponent-Copy-2' transform='translate(-309, -119)' fill='%23FBFAFF'%3E%3Cg id='Devices' transform='translate(309, -261)'%3E%3Cg id='Device/Secondary/Counter/E-Male' transform='translate(476.596, 898.6884) scale(-1, 1) rotate(-180) translate(-476.596, -898.6884)translate(0, 380.3768)' fill-rule='nonzero'%3E%3Cpath d='M0,1000.54629 C0,1020.39745 16.2192656,1036.34317 36.0431804,1036.34317 L904.854873,1036.34317 C931.395981,1036.34317 953.022109,1014.70213 953.022109,988.016962 L953.022109,784.462871 C953.022109,757.777704 931.395981,736.136664 904.854873,736.136664 L341.266006,736.136664 C314.724898,736.136664 293.098769,715.745975 293.098769,689.060808 L293.098769,375.700115 C293.098769,349.014948 314.724898,325.138372 341.266006,325.138372 L904.854873,325.138372 C931.395981,325.138372 953.022109,303.497332 953.022109,276.812165 L953.022109,48.3262069 C953.022109,21.6410399 931.395981,0 904.854873,0 L36.0431804,0 C16.0554317,0 0,16.108927 0,35.7973742 L0,1000.38342 L0,1000.54629 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  background-size: calc(1300px * 0.73), calc(100% * 0.86);
  background-position: bottom;
  left: var(--before-left);
  height: calc(100% * 0.86);
  width: 949px;
  bottom: 0;
  opacity: var(--before-opacity);
}
.placement-row-wrapper:has(.video-banner):after {
  content: "";
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg height='776' viewBox='0 0 954 776' width='954' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 1000.54629c0 19.85116 16.2192656 35.79688 36.0431804 35.79688h868.8116926c26.541108 0 48.167236-21.64104 48.167236-48.326208v-203.554091c0-26.685167-21.626128-48.326207-48.167236-48.326207h-563.588867c-26.541108 0-48.167237-20.390689-48.167237-47.075856v-313.360693c0-26.685167 21.626129-50.561743 48.167237-50.561743h563.588867c26.541108 0 48.167236-21.64104 48.167236-48.326207v-228.4859581c0-26.685167-21.626128-48.3262069-48.167236-48.3262069h-868.8116926c-19.9877487 0-36.0431804 16.108927-36.0431804 35.7973742v964.5860458z' fill='%23fbfaff' transform='matrix(-1 0 0 1 954.0001 -261)'/%3E%3C/svg%3E");
  position: absolute;
  background-size: calc(1300px * 0.73), calc(100% * 0.86);
  background-position: top;
  right: var(--after-right);
  opacity: var(--after-opacity);
  height: calc(100% * 0.86);
  width: 949px;
  top: 0;
}
@media (max-width: 90rem) {
  .placement-row-wrapper:has(.video-banner):before,
  .placement-row-wrapper:has(.video-banner):after {
    content: none;
  }
}
.video-banner {
  min-width: 20rem;
}
.video-banner .content-headline {
  display: none;
}
.video-banner .open-video-dialog {
  border: none;
  background: none;
  padding: 0;
  width: 100%;
  max-width: none;
  transform: none;
  margin: 0;
  cursor: pointer;
  box-shadow: none;
  aspect-ratio: 16/9;
}
.video-banner .open-video-dialog img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 8px;
}
.video-banner .open-video-dialog:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f144";
  display: inline-block;
  color: #fbfaff;
  font-weight: 700;
  font-size: 5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: color 0.3s ease;
  z-index: 1;
}
.video-banner .open-video-dialog:focus-visible:after,
.video-banner .open-video-dialog:focus-within:after {
  color: var(--primary-brand-color);
}
.video-banner .open-video-dialog:hover:after {
  opacity: 0;
}
.video-banner .open-video-dialog:hover:before {
  color: var(--primary-brand-color);
}
.video-banner .main-editor-output {
  display: none;
}
.video-banner .content-main-image {
  position: relative;
}
.video-banner .content-main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  height: 346px;
}
.video-banner .video-banner-dialog[open] {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 1rem;
  max-width: 90vw;
  max-height: 90vh;
  min-width: 60vw;
  min-height: 60vh;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.video-banner .video-banner-dialog[open]::backdrop {
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.video-banner .video-banner-dialog[open] .close-video-dialog {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  max-width: none;
  transform: none;
  margin-bottom: 1em;
  align-self: end;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  box-shadow: none;
}
.video-banner .video-banner-dialog[open] .close-video-dialog:before {
  font-family: "Font Awesome Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00d";
  display: inline-block;
  color: var(--secondary-brand-color);
  font-size: 1.5rem;
}
.video-banner .video-banner-dialog[open] .main-editor-output {
  display: block;
}
.video-banner .video-banner-dialog[open] .main-editor-output p {
  margin: 0;
}
.video-banner .video-banner-dialog[open] .main-editor-output iframe {
  min-width: 60vw;
  min-height: 60vh;
  margin: 0;
}
@media only screen and (min-width: 3@spacing-gap-lg) and (max-width: 72.6em) {
  .video-banner .video-banner-dialog[open] .main-editor-output iframe {
    min-width: 30rem;
    min-height: 17rem;
  }
}
@media only screen and (max-width: 37.4375em) {
  .video-banner .video-banner-dialog[open] .main-editor-output iframe {
    min-width: 20rem;
    min-height: 15rem;
  }
}
.video-banner.type-contentcollection .content-headline {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -moz-column-gap: 5em;
       column-gap: 5em;
  row-gap: 1.5em;
  text-align: left;
}
.video-banner.type-contentcollection .content-headline h2 {
  text-align: left;
  font-size: 2.5em;
  flex: 1;
}
.video-banner.type-contentcollection .content-headline p {
  max-width: 25.9375rem;
  font-size: 1.25em;
}
.video-banner.type-contentcollection .text-content-collection {
  gap: 5em;
  margin-bottom: 0;
}
.video-banner.type-contentcollection .text-content-collection .list-content-item {
  min-height: 203px;
}
.video-banner.type-contentcollection .text-content-collection .content-main-image {
  height: auto;
}
.video-banner.type-contentcollection .text-content-collection .content-main-image:before {
  content: none;
}
.placement-inner:has(.intersection-section) {
  height: 100%;
}
.placement-inner:has(.intersection-section) .content-item-inner,
.placement-inner:has(.intersection-section) .content-item {
  height: 100%;
}
.placement-inner:has(.intersection-section) .content-wrapper-inner {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.placement-row-wrapper:has(.intersection-section) .placement-row {
  -moz-column-gap: 6rem;
       column-gap: 6rem;
  row-gap: 0;
}
@media only screen and (max-width: 72.6em) {
  .placement-row-wrapper:has(.intersection-section) .placement-row .type-droplet .content-wrapper-inner {
    padding-block: 5rem;
  }
}
.intersection-section {
  position: relative;
  height: 350px;
  width: 415px;
}
.intersection-section .intersection-section__top {
  position: absolute;
  top: -25%;
  right: -38px;
}
.intersection-section .intersection-section__main {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0;
}
.intersection-section .intersection-section__bottom {
  position: absolute;
  bottom: -25%;
  left: -38px;
}
@media only screen and (max-width: 37.4375em) {
  .intersection-section {
    width: 280px;
    height: 332px;
    width: 332px;
    height: 280px;
  }
  .intersection-section .intersection-section__top {
    right: -33px;
    width: 70%;
  }
  .intersection-section .intersection-section__main {
    width: 70%;
  }
  .intersection-section .intersection-section__bottom {
    left: -33px;
    width: 70%;
  }
}
.placement-row-wrapper:has(.health-banner, .housing-banner) {
  padding-block: 0;
  margin-block: 0;
  height: calc(100dvh - 5.75rem);
  min-height: 50rem;
  max-height: 60rem;
}
@media only screen and (max-width: 72.6em) {
  .placement-row-wrapper:has(.health-banner, .housing-banner) {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem;
    max-height: none;
    height: 100%;
  }
  .placement-row-wrapper:has(.health-banner, .housing-banner) .type-droplet {
    order: -1;
  }
}
.placement-row-wrapper:has(.health-banner, .housing-banner) .type-droplet .content-wrapper-inner {
  display: flex;
  justify-content: center;
}
.placement-row-wrapper:has(.health-banner, .housing-banner) .placement-row {
  align-items: center;
  max-width: 85.625rem;
}
.placement-row-wrapper:has(.health-banner, .housing-banner) .page-placement {
  margin-top: 0;
}
.placement-row-wrapper:has(.health-banner, .housing-banner) .type-textcontent .main-editor-output h2 {
  font-family: "Righteous", sans-serif;
  text-transform: uppercase;
  font-size: 3rem;
  color: var(--secondary-brand-color);
  line-height: 1.25;
}
.placement-row-wrapper:has(.health-banner, .housing-banner) .type-textcontent .main-editor-output .subhead {
  position: relative;
  color: var(--secondary-brand-color);
}
.placement-row-wrapper:has(.health-banner, .housing-banner) .type-textcontent .main-editor-output .subhead:after {
  margin-top: 1.25rem;
  content: "";
  height: 2px;
  width: 76px;
  background-color: var(--secondary-brand-color);
  display: block;
}
.placement-row-wrapper:has(.health-banner, .housing-banner) .type-textcontent .main-editor-output p {
  font-size: 1.25rem;
}
@media only screen and (max-width: 72.6em) {
  .content-wrapper-inner:has(.health-banner) {
    padding-block: 5rem;
  }
}
.health-banner {
  position: relative;
  width: 415px;
  height: 462px;
}
@media (max-width: 31.25em) {
  .health-banner {
    max-width: 320px;
    height: 380px;
  }
}
.health-banner .health-banner__top {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -10%;
}
.health-banner .health-banner__main {
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.health-banner .health-banner__bottom {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10%;
  z-index: 1;
}
.housing-banner {
  width: 415px;
  height: 341px;
  position: relative;
  margin-inline: auto;
}
.housing-banner .housing__top {
  position: absolute;
  bottom: 65px;
  left: -40px;
}
.housing-banner .housing__main {
  position: absolute;
  bottom: -50px;
  left: 25px;
  opacity: 0;
}
.housing-banner .housing__door {
  position: absolute;
  left: 115px;
  bottom: 85px;
  opacity: 0;
}
.housing-banner .housing__bottom {
  position: absolute;
  bottom: 0;
  right: -40px;
}
.placement-inner:has(.verseone-tilt-section) {
  height: 100%;
}
.placement-inner:has(.verseone-tilt-section) .content-item-inner,
.placement-inner:has(.verseone-tilt-section) .content-item {
  height: 100%;
}
.placement-inner:has(.verseone-tilt-section) .content-wrapper-inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.verseone-tilt-section {
  width: 367px;
  height: 401px;
  position: relative;
}
@media only screen and (max-width: 37.4375em) {
  .verseone-tilt-section {
    width: 280px;
    height: 205px;
    margin-block: 2rem;
    right: -20px;
  }
  .verseone-tilt-section .tilt-logo--light,
  .verseone-tilt-section .tilt-logo--dark {
    width: 75%;
  }
}
.verseone-tilt-section .tilt-logo--dark {
  position: absolute;
  top: -15px;
  left: 25px;
  opacity: 0;
}
@media only screen and (max-width: 37.4375em) {
  .verseone-tilt-section .tilt-logo--dark {
    top: -7px;
    left: 16px;
  }
}
.verseone-tilt-section .tilt-logo--light {
  position: absolute;
  top: -20px;
  left: 20px;
  opacity: 0.5;
  z-index: 1;
}
.placement-row-wrapper:has(.main-banner) {
  margin: 0;
}
.placement-row-wrapper:has(.main-banner) .page-placement .placement-inner {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.main-banner {
  position: relative;
  height: 100%;
  min-height: 50em;
  max-height: 60em;
  background-image: linear-gradient(240deg, #eafff8 0%, #f0e4ff 100%);
  display: grid;
  align-items: center;
  grid-template-columns: minmax(3.5em, 1fr) minmax(-webkit-min-content, 34.125rem) minmax(-webkit-min-content, 47.125rem) minmax(3.5em, 1fr);
  grid-template-columns: minmax(3.5em, 1fr) minmax(min-content, 34.125rem) minmax(min-content, 47.125rem) minmax(3.5em, 1fr);
  grid-template-areas: ". content image image";
  overflow: hidden;
}
@media only screen and (max-width: 72.6em) {
  .main-banner {
    height: 100%;
    max-height: none;
    grid-template-columns: 100vw;
    grid-template-rows: auto auto;
    grid-template-areas: "content" "image";
  }
}
@media only screen and (max-width: 37.4375em) {
  .main-banner .cta-tertiary {
    margin-top: 0.4lh;
    margin-left: 0;
  }
}
.main-banner .main-banner--content {
  grid-area: content;
  z-index: 1;
}
@media only screen and (max-width: 72.6em) {
  .main-banner .main-banner--content {
    padding: 6.25em 3em 3em;
  }
}
.main-banner .main-banner--content h2 {
  font-size: 3rem;
  font-family: "Righteous", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  color: #1f1f1f;
  margin-top: 0;
}
@media only screen and (max-width: 37.4375em) {
  .main-banner .main-banner--content h2 {
    font-size: 2.5em;
  }
}
.main-banner .main-banner--content p {
  font-size: 1.5em;
}
.main-banner .main-banner--image {
  grid-area: image;
  height: 100%;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 72.6em) {
  .main-banner .main-banner--image {
    height: 600px;
  }
}
@media only screen and (max-width: 37.4375em) {
  .main-banner .main-banner--image {
    height: 375px;
  }
}
.main-banner .desktop-image {
  position: absolute;
  right: -100px;
  opacity: 0;
  top: 45%;
  transform: translateY(-50%);
}
.main-banner .mobile-image {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  right: 55%;
  opacity: 0;
}
@media only screen and (max-width: 37.4375em) {
  .main-banner .mobile-image {
    height: 300px;
  }
}
.main-banner .verseone-v {
  height: 100%;
  grid-area: 1 / 3 / -1 / -1;
  margin-left: auto;
}
@media only screen and (max-width: 72.6em) {
  .main-banner .verseone-v {
    display: none;
  }
}
.main-banner .verseone-v-mobile {
  display: none;
}
@media only screen and (max-width: 72.6em) {
  .main-banner .verseone-v-mobile {
    display: block;
    position: absolute;
    top: 35%;
    right: 0;
    left: 0;
    width: 100vw;
  }
}
#container .page-placement:has(.count-up) {
  flex-basis: 100%;
}
.count-up {
  max-width: 67.8125rem;
  margin-inline: auto;
}
.count-up ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: start;
}
.count-up ul li {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 37.4375em) {
  .count-up ul {
    justify-content: center;
    row-gap: 1.25em;
  }
}
.count-up .count-up__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 15.9375em;
}
.count-up .count-up__description {
  font-size: 1.25em;
}
.count-up .count-up__figure {
  font-size: 3em;
  font-weight: 800;
}
.count-up .count-up__figure:before {
  content: url("../images/icons/laptop.svg");
  margin-right: 16px;
}
.count-up .count-up__figure--2:before {
  content: url("../images/icons/bags.svg");
}
.count-up .count-up__figure--3:before {
  content: url("../images/icons/heart-hand.svg");
}
.awards-list-wrapper {
  max-width: 61.1875em;
  margin-inline: auto;
}
.awards-list-wrapper .content-headline {
  text-align: center;
}
.awards-list-wrapper .content-headline .subhead {
  display: inline-block;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: var(--subhead-color);
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.awards-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-around;
  margin-top: 5.625em;
  flex-wrap: wrap;
}
.awards-list li {
  padding: 0;
  margin: 0;
}
.award-item {
  position: relative;
  width: 200px;
  height: 150px;
}
.award-logo-flipped,
.award-logo-initial {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
}
.award-logo-flipped {
  top: 100%;
  opacity: 0;
}
.type-droplet:has(.housing-list-wrapper) .placement-inner {
  max-width: 85.625rem;
}
.housing-list-wrapper {
  padding-block: 3.75rem;
}
.housing-list-wrapper .content-headline {
  text-align: center;
}
.housing-list-wrapper .content-headline .subhead {
  display: inline-block;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: var(--subhead-color);
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.housing-list-wrapper .housing-item {
  position: relative;
  width: 200px;
  height: 200px;
}
/*======== IMPORT 06-FRONT-END EDITING FILES ========*/
/*==== TOOLTIP MIXINS AND STYLES ====*/
.field-value {
  vertical-align: middle;
}
.field-value.fm-guide {
  cursor: pointer;
}
.field-value.fm-guide .guide-icon {
  background: url('../images/framework/feedback/information.png') no-repeat center center;
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
}
.field-value.fm-guide .guide-icon:before,
.field-value.fm-guide .guide-icon:after {
  position: absolute;
  top: -9999px;
  left: -9999px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.field-value.fm-guide .guide-icon:before {
  content: attr(data-guide);
  width: 200px;
  padding: 0.8em;
  box-sizing: border-box;
}
.field-value.fm-guide .guide-icon:hover:before,
.field-value.fm-guide .guide-icon:hover:after {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.field-value.fm-guide .guide-icon:hover:before {
  top: auto;
  bottom: 26px;
  left: 50%;
  margin-left: -100px;
  background: white;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6), 0 2px 10px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
.field-value.fm-guide .guide-icon:hover:after {
  content: "";
  top: auto;
  bottom: 10px;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top-color: #FFFFFF;
}
.field-value.fm-guide.guide-caution .guide-icon {
  background: url('../images/framework/feedback/warning.png') no-repeat center center;
}
.field-value.fm-guide.guide-caution .guide-icon:before {
  color: #cc0000;
}
#feedback {
  position: fixed;
  top: 0;
  right: 0;
  float: right;
  padding: 0;
  margin: 0;
  z-index: 9999;
  min-width: 280px;
}
#feedback .feedback-item {
  border-radius: 2px;
  margin: 6px 4px 0 0;
  filter: alpha(opacity=80);
  opacity: 0.8;
  border: 2px solid #666666;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
  min-width: 140px;
  text-align: left;
  padding: 0;
  color: #EEEEEE;
}
#feedback .feedback-item-inner {
  border: 2px solid #000000;
  padding: 2px 28px;
  border-radius: 2px;
  position: relative;
  background-color: #212121;
  color: #dddddd;
  background-position: 6px center;
  background-image: url("../images/feedback/success.png");
  background-repeat: no-repeat;
}
#feedback .feedback-item-inner.important {
  background-image: url("../images/feedback/warning.png");
  background-repeat: no-repeat;
}
#feedback .feedback-item-inner.critical {
  background-image: url("../images/feedback/critical.png");
  background-repeat: no-repeat;
}
#feedback .feedback-item-inner.loader {
  background-image: url("../images/feedback/feedback-smooth-dk-bg.gif");
  background-repeat: no-repeat;
}
#feedback .feedback-item-inner .close {
  background-image: url("../images/breadcrumb/item-remove.png");
  background-repeat: no-repeat;
  margin: 0;
}
#feedback .feedback-item-inner .close:hover {
  background-image: url("../images/breadcrumb/item-remove-hover.png");
  background-repeat: no-repeat;
}
#feedback .feedback-item-inner .feedback-context {
  display: inline-block;
  padding: 2px 6px 2px 2px;
}
#feedback .feedback-item-inner .feedback-message {
  display: inline-block;
  padding: 2px;
  font-weight: bold;
  color: #dddddd;
}
.rgba #feedback .feedback-item {
  background: rgba(0, 0, 0, 0.9);
}
.loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1px;
  background: #FFFFFF;
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.loading-overlay p {
  background-image: url("../images/feedback/feedback-smooth-lt-bg.gif");
  background-repeat: no-repeat;
  background-position: 15px center;
  padding: 5px 4px 5px 36px;
  max-width: 120px;
  margin: 10px auto 0 auto;
}
.element-loading-status-dk {
  background-image: url("../images/feedback/feedback-smooth-dk-bg.gif");
  background-repeat: no-repeat;
  background-position: center center;
}
.element-loading-status-dk.element-loaded {
  background-image: none;
}
.element-loading-status-lt {
  background-image: url("../images/feedback/feedback-smooth-lt-bg.gif");
  background-repeat: no-repeat;
  background-position: center center;
}
.element-loading-status-lt.element-loaded {
  background-image: none;
}
/*---- General System Feedback ----*/
.pw-strength {
  position: relative;
  margin: 8px 2px 2px 2px;
  padding: 4px 0;
  display: block;
  text-align: left;
  border-top: solid 4px #666666;
  transition: width 0.75s ease-in-out, border-color 0.75s ease-in-out, color 0.75s ease-in-out;
}
.pw-strength:before {
  content: "Password strength: ";
  color: #666666;
}
.pw-strength .meter {
  position: absolute;
  top: -4px;
  left: 0;
  bottom: 0;
  display: block;
  transition: width 0.75s ease-in-out, background-color 0.75s ease-in-out, color 0.75s ease-in-out;
}
.pw-strength .meter:before {
  height: 4px;
  display: block;
}
.pw-strength.pw-very-weak:after {
  content: "very weak";
  color: #81261d;
}
.pw-strength.pw-very-weak .meter {
  width: 20%;
}
.pw-strength.pw-very-weak .meter:before {
  background-color: #81261d;
  content: "";
}
.pw-strength.pw-weak:after {
  content: "weak";
  color: #c0392b;
}
.pw-strength.pw-weak .meter {
  width: 40%;
}
.pw-strength.pw-weak .meter:before {
  background-color: #c0392b;
  content: "";
}
.pw-strength.pw-mediocre:after {
  content: "medium";
  color: #e67e22;
}
.pw-strength.pw-mediocre .meter {
  width: 60%;
}
.pw-strength.pw-mediocre .meter:before {
  background-color: #e67e22;
  content: "";
}
.pw-strength.pw-strong:after {
  content: "strong";
  color: #2ecc71;
}
.pw-strength.pw-strong .meter {
  width: 80%;
}
.pw-strength.pw-strong .meter:before {
  background-color: #2ecc71;
  content: "";
}
.pw-strength.pw-very-strong:after {
  content: "very strong";
  color: #27ae60;
}
.pw-strength.pw-very-strong .meter {
  width: 100%;
}
.pw-strength.pw-very-strong .meter:before {
  background-color: #27ae60;
  content: "";
}
/*======== IMPORT CSS/LESS LIBRARIES ========*/
/*======== IMPORT 07-CONTRAST SHEETS ========*/
/*======== END STYLES ========*/
/*# sourceMappingURL=styles.css.map */