/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./.yarn/__virtual__/css-loader-virtual-b5d1ebd064/0/cache/css-loader-npm-7.1.5-9042db67c3-f7e75f1933.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./.yarn/__virtual__/postcss-loader-virtual-e01d9c154b/0/cache/postcss-loader-npm-8.2.1-c201e127e3-e8fbae5519.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./.yarn/cache/resolve-url-loader-npm-5.0.0-9b441067c9-fb013845b4.zip/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!./.yarn/__virtual__/sass-loader-virtual-cd55481840/0/cache/sass-loader-npm-16.0.8-3cccd39a5d-2666ab5bf0.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./.yarn/cache/@splidejs-splide-npm-4.1.4-574032679c-2944672065.zip/node_modules/@splidejs/splide/dist/css/splide.min.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}

.splide__arrow:disabled {
  opacity: 0.3;
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./.yarn/__virtual__/css-loader-virtual-b5d1ebd064/0/cache/css-loader-npm-7.1.5-9042db67c3-f7e75f1933.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./.yarn/__virtual__/postcss-loader-virtual-e01d9c154b/0/cache/postcss-loader-npm-8.2.1-c201e127e3-e8fbae5519.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./.yarn/cache/resolve-url-loader-npm-5.0.0-9b441067c9-fb013845b4.zip/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!./.yarn/__virtual__/sass-loader-virtual-cd55481840/0/cache/sass-loader-npm-16.0.8-3cccd39a5d-2666ab5bf0.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/styles/master.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*! 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 */
  -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;
  display: block;
}

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

/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/****************************************************************************************************/
/* #region Functions */
/****************************************************************************************************/
/* Remove units from a value */
/* Convert pixels to rems */
/* Convert rems to pixels */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Shortcut Selectors */
/****************************************************************************************************/
/*
    Set focus styles ONLY for users that need it.
    Will not work on older browsers (see base focus styles for example of overriding).
*/
/*  Just an alias for focusVisible */
/*
    Focus AND Hover
    A shortcut for when you need to share styles between focus and hover.
    Most of the time styles should go into separate focusVisible and/or :hover rules as needed.
*/
/* Select all FontAwesome icons */
/* Shortcut for writing out h1-h6 */
/* Cross-browser placeholders */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Font Styless & Fluid Type */
/****************************************************************************************************/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;
@include fluid-type($min_width, $max_width, $min_font, $max_font);
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Mixins */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Size & Position */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Overlays & Gradients */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Whitespace  */
/* You shouldn't ever need to use this directly - it's just used to generate our whitespace classes */
/* based on: https://styleguide.pivotal.io/modifiers/whitespace/#classes */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/*
    Button styles were moved from placeholders to here to reduce generated CSS selector length.
    Ideally you should always either use a real <button> or add the .button class(es) where you needed,
    BUT if you really need it (perhaps to override some 3rd-party styles) you can always do this:

    #specific_selector .my-custom-button {
        @include button; // default styles
        // or
        @include button("secondary", true); // predefined styles WITH base button styles
    }

    You can also "extend" button classes defined in global.scss if you need to (similar to the old way).
    This keeps the css nice and light AS LONG as it's not super-nested beneath some comma-separated parents

    #specific_selector .my-custom-button {
        @extend .button.secondary;
    }
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Misc */
/****************************************************************************************************/
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/****************************************************************************************************/
/* #region Functions */
/****************************************************************************************************/
/* Remove units from a value */
/* Convert pixels to rems */
/* Convert rems to pixels */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Shortcut Selectors */
/****************************************************************************************************/
/*
    Set focus styles ONLY for users that need it.
    Will not work on older browsers (see base focus styles for example of overriding).
*/
/*  Just an alias for focusVisible */
/*
    Focus AND Hover
    A shortcut for when you need to share styles between focus and hover.
    Most of the time styles should go into separate focusVisible and/or :hover rules as needed.
*/
/* Select all FontAwesome icons */
/* Shortcut for writing out h1-h6 */
/* Cross-browser placeholders */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Font Styless & Fluid Type */
/****************************************************************************************************/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;
@include fluid-type($min_width, $max_width, $min_font, $max_font);
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Mixins */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Size & Position */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Overlays & Gradients */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Whitespace  */
/* You shouldn't ever need to use this directly - it's just used to generate our whitespace classes */
/* based on: https://styleguide.pivotal.io/modifiers/whitespace/#classes */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/*
    Button styles were moved from placeholders to here to reduce generated CSS selector length.
    Ideally you should always either use a real <button> or add the .button class(es) where you needed,
    BUT if you really need it (perhaps to override some 3rd-party styles) you can always do this:

    #specific_selector .my-custom-button {
        @include button; // default styles
        // or
        @include button("secondary", true); // predefined styles WITH base button styles
    }

    You can also "extend" button classes defined in global.scss if you need to (similar to the old way).
    This keeps the css nice and light AS LONG as it's not super-nested beneath some comma-separated parents

    #specific_selector .my-custom-button {
        @extend .button.secondary;
    }
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Misc */
/****************************************************************************************************/
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
.branded, span.pseudoH1 {
  position: relative;
}
.branded:after, span.pseudoH1:after {
  content: " ";
  /*position:absolute;*/
  color: #B7E281;
  font-size: 25%;
  margin-left: 0.5em;
}

/* Force text to wrap with hyphen if to long (example long email) */
a[href^=mailto] {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
  white-space: unset;
}

.cmsContent ul > li ul > li:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
}

.cmsContent ul > li ul > li:before {
  font-weight: 400;
}

/* ----------------------------------------------
 * Copied from animasta.net
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/****************************************************************************************************/
/* #region Functions */
/****************************************************************************************************/
/* Remove units from a value */
/* Convert pixels to rems */
/* Convert rems to pixels */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Shortcut Selectors */
/****************************************************************************************************/
/*
    Set focus styles ONLY for users that need it.
    Will not work on older browsers (see base focus styles for example of overriding).
*/
/*  Just an alias for focusVisible */
/*
    Focus AND Hover
    A shortcut for when you need to share styles between focus and hover.
    Most of the time styles should go into separate focusVisible and/or :hover rules as needed.
*/
/* Select all FontAwesome icons */
/* Shortcut for writing out h1-h6 */
/* Cross-browser placeholders */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Font Styless & Fluid Type */
/****************************************************************************************************/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;
@include fluid-type($min_width, $max_width, $min_font, $max_font);
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Mixins */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Size & Position */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Overlays & Gradients */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Whitespace  */
/* You shouldn't ever need to use this directly - it's just used to generate our whitespace classes */
/* based on: https://styleguide.pivotal.io/modifiers/whitespace/#classes */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/*
    Button styles were moved from placeholders to here to reduce generated CSS selector length.
    Ideally you should always either use a real <button> or add the .button class(es) where you needed,
    BUT if you really need it (perhaps to override some 3rd-party styles) you can always do this:

    #specific_selector .my-custom-button {
        @include button; // default styles
        // or
        @include button("secondary", true); // predefined styles WITH base button styles
    }

    You can also "extend" button classes defined in global.scss if you need to (similar to the old way).
    This keeps the css nice and light AS LONG as it's not super-nested beneath some comma-separated parents

    #specific_selector .my-custom-button {
        @extend .button.secondary;
    }
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Misc */
/****************************************************************************************************/
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/****************************************************************************************************/
/* #region Functions */
/****************************************************************************************************/
/* Remove units from a value */
/* Convert pixels to rems */
/* Convert rems to pixels */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Shortcut Selectors */
/****************************************************************************************************/
/*
    Set focus styles ONLY for users that need it.
    Will not work on older browsers (see base focus styles for example of overriding).
*/
/*  Just an alias for focusVisible */
/*
    Focus AND Hover
    A shortcut for when you need to share styles between focus and hover.
    Most of the time styles should go into separate focusVisible and/or :hover rules as needed.
*/
/* Select all FontAwesome icons */
/* Shortcut for writing out h1-h6 */
/* Cross-browser placeholders */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Font Styless & Fluid Type */
/****************************************************************************************************/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;
@include fluid-type($min_width, $max_width, $min_font, $max_font);
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Mixins */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Size & Position */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Overlays & Gradients */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Whitespace  */
/* You shouldn't ever need to use this directly - it's just used to generate our whitespace classes */
/* based on: https://styleguide.pivotal.io/modifiers/whitespace/#classes */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/*
    Button styles were moved from placeholders to here to reduce generated CSS selector length.
    Ideally you should always either use a real <button> or add the .button class(es) where you needed,
    BUT if you really need it (perhaps to override some 3rd-party styles) you can always do this:

    #specific_selector .my-custom-button {
        @include button; // default styles
        // or
        @include button("secondary", true); // predefined styles WITH base button styles
    }

    You can also "extend" button classes defined in global.scss if you need to (similar to the old way).
    This keeps the css nice and light AS LONG as it's not super-nested beneath some comma-separated parents

    #specific_selector .my-custom-button {
        @extend .button.secondary;
    }
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Misc */
/****************************************************************************************************/
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
.branded, span.pseudoH1 {
  position: relative;
}
.branded:after, span.pseudoH1:after {
  content: " ";
  /*position:absolute;*/
  color: #B7E281;
  font-size: 25%;
  margin-left: 0.5em;
}

/* Force text to wrap with hyphen if to long (example long email) */
a[href^=mailto] {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
  white-space: unset;
}

.cmsContent ul > li ul > li:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
}

.cmsContent ul > li ul > li:before {
  font-weight: 400;
}

/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/****************************************************************************************************/
/* #region Functions */
/****************************************************************************************************/
/* Remove units from a value */
/* Convert pixels to rems */
/* Convert rems to pixels */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Shortcut Selectors */
/****************************************************************************************************/
/*
    Set focus styles ONLY for users that need it.
    Will not work on older browsers (see base focus styles for example of overriding).
*/
/*  Just an alias for focusVisible */
/*
    Focus AND Hover
    A shortcut for when you need to share styles between focus and hover.
    Most of the time styles should go into separate focusVisible and/or :hover rules as needed.
*/
/* Select all FontAwesome icons */
/* Shortcut for writing out h1-h6 */
/* Cross-browser placeholders */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Font Styless & Fluid Type */
/****************************************************************************************************/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;
@include fluid-type($min_width, $max_width, $min_font, $max_font);
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Mixins */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Size & Position */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Overlays & Gradients */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Whitespace  */
/* You shouldn't ever need to use this directly - it's just used to generate our whitespace classes */
/* based on: https://styleguide.pivotal.io/modifiers/whitespace/#classes */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/*
    Button styles were moved from placeholders to here to reduce generated CSS selector length.
    Ideally you should always either use a real <button> or add the .button class(es) where you needed,
    BUT if you really need it (perhaps to override some 3rd-party styles) you can always do this:

    #specific_selector .my-custom-button {
        @include button; // default styles
        // or
        @include button("secondary", true); // predefined styles WITH base button styles
    }

    You can also "extend" button classes defined in global.scss if you need to (similar to the old way).
    This keeps the css nice and light AS LONG as it's not super-nested beneath some comma-separated parents

    #specific_selector .my-custom-button {
        @extend .button.secondary;
    }
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Misc */
/****************************************************************************************************/
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/****************************************************************************************************/
/* #region Functions */
/****************************************************************************************************/
/* Remove units from a value */
/* Convert pixels to rems */
/* Convert rems to pixels */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Shortcut Selectors */
/****************************************************************************************************/
/*
    Set focus styles ONLY for users that need it.
    Will not work on older browsers (see base focus styles for example of overriding).
*/
/*  Just an alias for focusVisible */
/*
    Focus AND Hover
    A shortcut for when you need to share styles between focus and hover.
    Most of the time styles should go into separate focusVisible and/or :hover rules as needed.
*/
/* Select all FontAwesome icons */
/* Shortcut for writing out h1-h6 */
/* Cross-browser placeholders */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Font Styless & Fluid Type */
/****************************************************************************************************/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;
@include fluid-type($min_width, $max_width, $min_font, $max_font);
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Mixins */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Size & Position */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Overlays & Gradients */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Whitespace  */
/* You shouldn't ever need to use this directly - it's just used to generate our whitespace classes */
/* based on: https://styleguide.pivotal.io/modifiers/whitespace/#classes */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/*
    Button styles were moved from placeholders to here to reduce generated CSS selector length.
    Ideally you should always either use a real <button> or add the .button class(es) where you needed,
    BUT if you really need it (perhaps to override some 3rd-party styles) you can always do this:

    #specific_selector .my-custom-button {
        @include button; // default styles
        // or
        @include button("secondary", true); // predefined styles WITH base button styles
    }

    You can also "extend" button classes defined in global.scss if you need to (similar to the old way).
    This keeps the css nice and light AS LONG as it's not super-nested beneath some comma-separated parents

    #specific_selector .my-custom-button {
        @extend .button.secondary;
    }
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Misc */
/****************************************************************************************************/
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
.branded, span.pseudoH1 {
  position: relative;
}
.branded:after, span.pseudoH1:after {
  content: " ";
  /*position:absolute;*/
  color: #B7E281;
  font-size: 25%;
  margin-left: 0.5em;
}

/* Force text to wrap with hyphen if to long (example long email) */
a[href^=mailto] {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
  white-space: unset;
}

.cmsContent ul > li ul > li:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
}

.cmsContent ul > li ul > li:before {
  font-weight: 400;
}

/****************************************************************************************************/
/* #region Flex Grid */
/****************************************************************************************************/
.grid {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -1rem 0 -1rem;
}
.grid.grid-nogutter {
  margin: 0;
}
.grid.grid-nogutter > .col {
  padding: 0;
  margin: 0;
}
.grid.grid-nowrap {
  flex-wrap: nowrap;
}
.grid.featureFirst > .col:first-child {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  flex-basis: calc(1 / 1 * 100% - 1rem);
}
.grid:not(.col) {
  flex-grow: 1;
}
.grid > .col {
  margin: 0 1rem 0 1rem;
}

.col {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid + Column Alignment */
/****************************************************************************************************/
/* Justify Content Classes */
.grid-start,
.col-top {
  justify-content: flex-start;
}

.grid-end,
.col-bottom {
  justify-content: flex-end;
}

.grid-center,
.col-middle {
  justify-content: center;
}

.grid-evenly,
.col-evenly {
  justify-content: space-evenly;
}

.grid-around,
.col-around {
  justify-content: space-around;
}

.grid-between,
.col-between {
  justify-content: space-between;
}

/* Align Items Classes */
.col-align-start,
.grid-align-start {
  align-items: flex-start;
}

.col-align-end,
.grid-align-end {
  align-items: flex-end;
}

.col-align-center,
.grid-align-center {
  align-items: center;
}

.col-align-stretch,
.grid-align-stretch {
  align-items: stretch;
}

.col-align-baseline,
.grid-align-baseline {
  align-items: baseline;
}

/* Column Self-Alignment Classes */
.col-align-top {
  align-self: flex-start;
}

.col-align-bottom {
  align-self: flex-end;
}

.col-align-middle {
  align-self: center;
}

/* Reordering Columns */
.col-first {
  order: -1;
}

.col-last {
  order: 1;
}

.grid-reverse-columns {
  flex-direction: column-reverse;
}

.grid-reverse-rows {
  flex-direction: row-reverse;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Column Sizing */
/****************************************************************************************************/
.col-fixed {
  flex: initial;
  flex-shrink: 0;
}

.col-auto-width {
  flex: 0 1 auto;
}

.col-grow-2 {
  flex-grow: 2;
}

.col-grow-3 {
  flex-grow: 3;
}

.col-grow-4 {
  flex-grow: 4;
}

.col-grow-5 {
  flex-grow: 5;
}

.col-grow-6 {
  flex-grow: 6;
}

.col-grow-7 {
  flex-grow: 7;
}

.col-grow-8 {
  flex-grow: 8;
}

.col-grow-9 {
  flex-grow: 9;
}

.col-grow-10 {
  flex-grow: 10;
}

.col-grow-11 {
  flex-grow: 11;
}

.col-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex-basis: 100%;
  max-width: 100%;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Responsive Grids */
/****************************************************************************************************/
.grid[data-gutter-width] {
  flex-wrap: nowrap;
}
.sfPageEditor .grid[data-gutter-width] > .col {
  flex-grow: 1 !important;
  flex-shrink: 0 !important;
  flex-basis: 0 !important;
}
.grid[data-gutter-width]:not([data-media-breakpoint]) {
  /*@media (max-width: $M_Max) {
      @extend %colStackedStyles;
  }*/
}
@media (max-width: 1299px) and (max-width: 1299px) {
  .grid[data-gutter-width][data-media-breakpoint="1300px"] {
    flex-wrap: wrap;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid[data-gutter-width][data-media-breakpoint="1300px"] > .col {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: initial !important;
    flex-basis: initial !important;
  }
}
@media (max-width: 1299px) and (max-width: 1299px) {
  .grid[data-gutter-width][data-media-breakpoint="1299px"] {
    flex-wrap: wrap;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid[data-gutter-width][data-media-breakpoint="1299px"] > .col {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: initial !important;
    flex-basis: initial !important;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  .grid[data-gutter-width][data-media-breakpoint="1024px"] {
    flex-wrap: wrap;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid[data-gutter-width][data-media-breakpoint="1024px"] > .col {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: initial !important;
    flex-basis: initial !important;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .grid[data-gutter-width][data-media-breakpoint="767px"] {
    flex-wrap: wrap;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid[data-gutter-width][data-media-breakpoint="767px"] > .col {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: initial !important;
    flex-basis: initial !important;
  }
}
@media (max-width: 500px) and (max-width: 500px) {
  .grid[data-gutter-width][data-media-breakpoint="500px"] {
    flex-wrap: wrap;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid[data-gutter-width][data-media-breakpoint="500px"] > .col {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: initial !important;
    flex-basis: initial !important;
  }
}

/*
@media only screen and (max-width: $M_Max) {
    .grid {
        &:not([data-gutter-width]):not(.grid-nowrap) { // only apply to NON-resizable grids
            .col {
                flex: 100%;
                max-width: 100%;
            }
        }
    }
}
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Document */
/****************************************************************************************************/
::selection {
  background: #a1a7e5;
  color: white;
}

::-webkit-input-placeholder {
  color: #002A55;
  text-transform: uppercase;
}

:-moz-placeholder {
  color: #002A55;
  text-transform: uppercase;
}

::-moz-placeholder {
  color: #002A55;
  text-transform: uppercase;
}

:-ms-input-placeholder {
  color: #002A55;
  text-transform: uppercase;
}

* {
  box-sizing: border-box;
}

:root {
  --scrollbar-width: 16px;
  --header-height: 110px;
  --breadcrumb-height: 60px;
  --total-header-height: 170px;
  --card-width: 16rem;
  --card-gap: 1.5rem;
}

html {
  min-height: auto;
  font-style: normal;
  font-family: objektiv-mk3, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
html {
  font-size: 16px;
}
@media screen and (min-width: 1025px) {
  html {
    font-size: calc(16px + 4 * (100vw - 1025px) / 275);
  }
}
@media screen and (min-width: 1300px) {
  html {
    font-size: 20px;
  }
}
html {
  scroll-behavior: smooth;
}

:target:before {
  content: "";
  display: block;
  height: 110px;
  margin: -110px 0 0;
}

body {
  /*min-height: 100%;*/
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  color: #002A55;
  font-style: normal;
  font-family: objektiv-mk3, sans-serif;
  font-weight: 400;
  background-color: white;
  background-attachment: fixed;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Focus Styles */
/****************************************************************************************************/
* {
  outline-offset: 5px;
}

*:focus {
  /* simple focus styles (for older browsers without support for :focus-visible */
  outline: 2px solid #a1a7e5;
}

*:focus:not(:focus-visible) {
  /* undo all the above focused button styles */
  outline: none;
}

*:focus-visible {
  /* focus styles for modern browsers */
  outline: 2px solid #a1a7e5;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Text-level Semantics */
/****************************************************************************************************/
p {
  margin: 0 0 1rem 0;
  padding: 0;
  font-size: 1em;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
}

strong, b {
  font-weight: 700;
  font-style: normal;
}

em, i {
  font-style: italic;
}

sup {
  vertical-align: super;
  font-size: 50%;
  font-style: normal;
}

sub {
  vertical-align: sub;
  font-size: 50%;
  font-style: normal;
}

blockquote {
  margin: 2rem auto;
  width: 100%;
  padding: 2rem 3rem;
  position: relative;
  border-left: 5px solid #B7E281;
  color: #002A55;
}

a {
  color: #002A55;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  text-decoration-color: #B7E281;
}

a:hover {
  color: #002A55;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: #B7E281;
  text-underline-offset: 5px;
}

a:active {
  color: #002A55;
  text-decoration: none;
}

hr {
  border: none;
  height: 1px;
  margin: 2rem 0;
  background-color: #E8E8E8;
}

li {
  list-style: none;
  font-size: 1em;
  font-style: normal;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li,
ol li {
  list-style: none;
}
pre {
  white-space: pre-wrap;
  background-color: #efefef;
  padding: 2rem;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Headings */
/****************************************************************************************************/
span.seperator {
  padding: 0 7px;
  color: rgb(0%, 26.3529411765%, 53.3333333333%);
}

/* Headings */
h1, h2, h3, h4, h5, h6, .h {
  color: #002A55;
  font-family: objektiv-mk3, sans-serif;
  font-style: normal;
  font-weight: 100;
  margin: 1.38rem 0 1.38rem;
  padding: 0;
  line-height: 1.5;
  /* Consecutive headings (usually need to reduce spacing) */
}
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h1 + .h, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h2 + .h, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h3 + .h, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h4 + .h, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h5 + .h, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6, h6 + .h, .h + h1, .h + h2, .h + h3, .h + h4, .h + h5, .h + h6, .h + .h {
  margin-top: 0;
}
h1.centered, h2.centered, h3.centered, h4.centered, h5.centered, h6.centered, .h.centered {
  text-align: center;
}
h1,
.h1 {
  font-size: 2.088rem;
}

h2,
.h,
.h2 {
  /* font-size: 1.902rem;*/
  font-weight: 500;
  /*margin-top: 0rem;*/
}

h3,
.h3 {
  font-size: 1.266rem;
  font-weight: 500;
}
h3 a,
.h3 a { /*
&:hover{
    font-weight: $fontWeightBold;
    color: $primaryColour;
    text-decoration: none;
}*/ }

h4,
.h4 {
  font-size: 1.1rem;
}

h5,
.h5 {
  font-size: 1.125rem;
}

h6,
.h6 {
  font-size: 1rem;
  font-weight: 700;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Page Title + Section Headings + Branded Headings */
/****************************************************************************************************/
/* Page Title (Sometimes in topper sometimes in header or body) */
span.pseudoH1 {
  margin: 1rem 0 0.35rem 0;
  color: white;
  font-size: 4rem;
  font-family: objektiv-mk3, sans-serif;
  font-weight: 700;
  line-height: 1;
}

.bold {
  font-weight: 500 !important;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/* Shared styles for native <button>s and .button class */
.button,
button {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 2rem 0.6rem;
  font-family: objektiv-mk3, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #002A55;
  border-radius: 24px;
  background-color: #002A55;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  letter-spacing: 1px;
}
.button a,
button a {
  text-decoration: none !important;
  color: white;
}
.button:after,
button:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
  top: -3px;
}
.button,
button {
  /* FontAwesome Icons in markup */
}
.button [class*=fa-],
button [class*=fa-] {
  margin-left: 0.6rem;
}
.button:hover,
button:hover {
  color: white;
  background-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  text-decoration: none !important;
  border-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  transform: scale(1.02);
  font-weight: 700;
}
.button:active,
button:active {
  color: white;
  background-color: rgb(62.4743833017%, 84.8855154965%, 34.330170778%);
}
.button,
button {
  /* Reverse */
  /* Outline */
  /*
      Any ADDITIONAL button styles to add ONLY IF no style was specified. Most default button
      styles should be defined at the top unless you wouldn't want them on predefined types.
  */
  /* primary colour */
}
.button.primary,
button.primary {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 2rem 0.6rem;
  font-family: objektiv-mk3, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #002A55;
  border-radius: 24px;
  background-color: #002A55;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  letter-spacing: 1px;
}
.button.primary a,
button.primary a {
  text-decoration: none !important;
  color: white;
}
.button.primary:after,
button.primary:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
  top: -3px;
}
.button.primary,
button.primary {
  /* FontAwesome Icons in markup */
}
.button.primary [class*=fa-],
button.primary [class*=fa-] {
  margin-left: 0.6rem;
}
.button.primary:hover,
button.primary:hover {
  color: white;
  background-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  text-decoration: none !important;
  border-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  transform: scale(1.02);
  font-weight: 700;
}
.button.primary:active,
button.primary:active {
  color: white;
  background-color: rgb(62.4743833017%, 84.8855154965%, 34.330170778%);
}
.button.primary,
button.primary {
  /* Reverse */
  /* Outline */
  background-color: #B7E281;
}
.button.primary:hover,
button.primary:hover {
  background-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  color: #002A55;
}
.button.primary:active,
button.primary:active {
  color: #002A55;
  background-color: rgb(53.128399747%, 80.6527514231%, 18.5629348514%);
}
.button,
button {
  /* secondary colour */
}
.button.secondary,
button.secondary {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 2rem 0.6rem;
  font-family: objektiv-mk3, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #002A55;
  border-radius: 24px;
  background-color: #002A55;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  letter-spacing: 1px;
}
.button.secondary a,
button.secondary a {
  text-decoration: none !important;
  color: white;
}
.button.secondary:after,
button.secondary:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
  top: -3px;
}
.button.secondary,
button.secondary {
  /* FontAwesome Icons in markup */
}
.button.secondary [class*=fa-],
button.secondary [class*=fa-] {
  margin-left: 0.6rem;
}
.button.secondary:hover,
button.secondary:hover {
  color: white;
  background-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  text-decoration: none !important;
  border-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  transform: scale(1.02);
  font-weight: 700;
}
.button.secondary:active,
button.secondary:active {
  color: white;
  background-color: rgb(62.4743833017%, 84.8855154965%, 34.330170778%);
}
.button.secondary,
button.secondary {
  /* Reverse */
  /* Outline */
  /*
      Any ADDITIONAL button styles to add ONLY IF no style was specified. Most default button
      styles should be defined at the top unless you wouldn't want them on predefined types.
  */
}
.button,
button {
  /* tertiary colour */
}
.button.tertiary,
button.tertiary {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 2rem 0.6rem;
  font-family: objektiv-mk3, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #002A55;
  border-radius: 24px;
  background-color: #002A55;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  letter-spacing: 1px;
}
.button.tertiary a,
button.tertiary a {
  text-decoration: none !important;
  color: white;
}
.button.tertiary:after,
button.tertiary:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
  top: -3px;
}
.button.tertiary,
button.tertiary {
  /* FontAwesome Icons in markup */
}
.button.tertiary [class*=fa-],
button.tertiary [class*=fa-] {
  margin-left: 0.6rem;
}
.button.tertiary:hover,
button.tertiary:hover {
  color: white;
  background-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  text-decoration: none !important;
  border-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  transform: scale(1.02);
  font-weight: 700;
}
.button.tertiary:active,
button.tertiary:active {
  color: white;
  background-color: rgb(62.4743833017%, 84.8855154965%, 34.330170778%);
}
.button.tertiary,
button.tertiary {
  /* Reverse */
  /* Outline */
  background-color: #a1a7e5;
}
.button.tertiary:hover,
button.tertiary:hover {
  background-color: rgb(55.3039215686%, 58.1568627451%, 87.637254902%);
  color: white;
}
.button.tertiary:active,
button.tertiary:active {
  color: white;
  background-color: rgb(31.8039215686%, 36.1568627451%, 81.137254902%);
}
.button,
button {
  /* reverse */
}
.button.reverse,
button.reverse {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 2rem 0.6rem;
  font-family: objektiv-mk3, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #002A55;
  border-radius: 24px;
  background-color: #002A55;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  letter-spacing: 1px;
}
.button.reverse a,
button.reverse a {
  text-decoration: none !important;
  color: white;
}
.button.reverse:after,
button.reverse:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
  top: -3px;
}
.button.reverse,
button.reverse {
  /* FontAwesome Icons in markup */
}
.button.reverse [class*=fa-],
button.reverse [class*=fa-] {
  margin-left: 0.6rem;
}
.button.reverse:hover,
button.reverse:hover {
  color: white;
  background-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  text-decoration: none !important;
  border-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  transform: scale(1.02);
  font-weight: 700;
}
.button.reverse:active,
button.reverse:active {
  color: white;
  background-color: rgb(62.4743833017%, 84.8855154965%, 34.330170778%);
}
.button.reverse,
button.reverse {
  /* Reverse */
  background-color: white;
  color: #002A55;
  border: 1px solid #B7E281;
  letter-spacing: 1px;
}
.button.reverse a,
button.reverse a {
  text-decoration: none !important;
  color: #002A55;
}
.button.reverse:hover,
button.reverse:hover {
  background-color: #002A55;
  color: white;
  border: 1px #002A55 solid;
  transform: scale(1.04);
}
.button.reverse:active,
button.reverse:active {
  color: white;
  background-color: rgb(53.128399747%, 80.6527514231%, 18.5629348514%);
}
.button.reverse,
button.reverse {
  /* Outline */
  /*
      Any ADDITIONAL button styles to add ONLY IF no style was specified. Most default button
      styles should be defined at the top unless you wouldn't want them on predefined types.
  */
}
.button,
button {
  /* outline */
}
.button.outline,
button.outline {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 2rem 0.6rem;
  font-family: objektiv-mk3, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #002A55;
  border-radius: 24px;
  background-color: #002A55;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  letter-spacing: 1px;
}
.button.outline a,
button.outline a {
  text-decoration: none !important;
  color: white;
}
.button.outline:after,
button.outline:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
  top: -3px;
}
.button.outline,
button.outline {
  /* FontAwesome Icons in markup */
}
.button.outline [class*=fa-],
button.outline [class*=fa-] {
  margin-left: 0.6rem;
}
.button.outline:hover,
button.outline:hover {
  color: white;
  background-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  text-decoration: none !important;
  border-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  transform: scale(1.02);
  font-weight: 700;
}
.button.outline:active,
button.outline:active {
  color: white;
  background-color: rgb(62.4743833017%, 84.8855154965%, 34.330170778%);
}
.button.outline,
button.outline {
  /* Reverse */
  /* Outline */
  background-color: transparent;
  color: #002A55;
  border: 2px solid #002A55;
}
.button.outline:hover,
button.outline:hover {
  background-color: #002A55;
  color: white;
}
.button.outline:active,
button.outline:active {
  color: white;
  background-color: black;
}
.button,
button {
  /* Arrow Icon */
}
.button.arrow,
button.arrow {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 2rem 0.6rem;
  font-family: objektiv-mk3, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #002A55;
  border-radius: 24px;
  background-color: #002A55;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  letter-spacing: 1px;
}
.button.arrow a,
button.arrow a {
  text-decoration: none !important;
  color: white;
}
.button.arrow:after,
button.arrow:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
  top: -3px;
}
.button.arrow,
button.arrow {
  /* FontAwesome Icons in markup */
}
.button.arrow [class*=fa-],
button.arrow [class*=fa-] {
  margin-left: 0.6rem;
}
.button.arrow:hover,
button.arrow:hover {
  color: white;
  background-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  text-decoration: none !important;
  border-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  transform: scale(1.02);
  font-weight: 700;
}
.button.arrow:active,
button.arrow:active {
  color: white;
  background-color: rgb(62.4743833017%, 84.8855154965%, 34.330170778%);
}
.button.arrow,
button.arrow {
  /* Reverse */
  /* Outline */
}
.button.arrow:after,
button.arrow:after {
  content: " ";
  background-image: url(/CFImages/Icons/arrow-right.svg);
}
.button,
button {
  /* Submit */
}
.button.submit,
button.submit {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 2rem 0.6rem;
  font-family: objektiv-mk3, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #002A55;
  border-radius: 24px;
  background-color: #002A55;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  letter-spacing: 1px;
}
.button.submit a,
button.submit a {
  text-decoration: none !important;
  color: white;
}
.button.submit:after,
button.submit:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
  top: -3px;
}
.button.submit,
button.submit {
  /* FontAwesome Icons in markup */
}
.button.submit [class*=fa-],
button.submit [class*=fa-] {
  margin-left: 0.6rem;
}
.button.submit:hover,
button.submit:hover {
  color: white;
  background-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  text-decoration: none !important;
  border-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  transform: scale(1.02);
  font-weight: 700;
}
.button.submit:active,
button.submit:active {
  color: white;
  background-color: rgb(62.4743833017%, 84.8855154965%, 34.330170778%);
}
.button.submit,
button.submit {
  /* Reverse */
  /* Outline */
}
.button.submit:after,
button.submit:after {
  content: " ";
  background-image: url(/CFImages/Icons/arrow-right.svg);
}
.button,
button {
  /* Reset button */
}
.button.reset,
button.reset {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 2rem 0.6rem;
  font-family: objektiv-mk3, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #002A55;
  border-radius: 24px;
  background-color: #002A55;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  letter-spacing: 1px;
}
.button.reset a,
button.reset a {
  text-decoration: none !important;
  color: white;
}
.button.reset:after,
button.reset:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
  top: -3px;
}
.button.reset,
button.reset {
  /* FontAwesome Icons in markup */
}
.button.reset [class*=fa-],
button.reset [class*=fa-] {
  margin-left: 0.6rem;
}
.button.reset:hover,
button.reset:hover {
  color: white;
  background-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  text-decoration: none !important;
  border-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  transform: scale(1.02);
  font-weight: 700;
}
.button.reset:active,
button.reset:active {
  color: white;
  background-color: rgb(62.4743833017%, 84.8855154965%, 34.330170778%);
}
.button.reset,
button.reset {
  /* Reverse */
  /* Outline */
}
.button.reset:after,
button.reset:after {
  content: " ";
  background-image: url(/CFImages/Icons/arrow-right.svg);
}

.noButton {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: objektiv-mk3, sans-serif !important;
  font-weight: 500 !important;
  text-transform: capitalize !important;
}
.noButton.subTitle {
  flex-direction: column;
}
.noButton.subTitle:hover {
  color: black;
}

/* button-like inputs */
/* native buttons only */
/* .button only */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Hyperlinks + Special Links */
/****************************************************************************************************/
/* Special Links */
/* Telephone Links */
a[href^=tel], a[href^=Tel] {
  text-decoration: none;
  font-weight: 400;
  font-family: objektiv-mk3, sans-serif;
  color: #002A55;
}
a[href^=tel]:hover, a[href^=Tel]:hover {
  text-decoration: underline;
  cursor: pointer;
  color: inherit;
  text-decoration-color: #B7E281;
}

/* Non-link elements with onclick functionality */
.clickable {
  cursor: pointer;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Skip-to-Content + Sticky Links */
/****************************************************************************************************/
#skiptocontent a {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
#skiptocontent a:focus, #skiptocontent a:active {
  top: auto;
  left: auto;
  width: 30%;
  height: auto;
  z-index: 999;
  overflow: auto;
  margin: 10px 35%;
  padding: 5px;
  color: white;
  font-size: 1.2rem;
  text-align: center;
  border: 4px solid #a1a7e5;
  border-radius: 15px;
  background-color: black;
}

/* Sticky Phone Link */
.stickyPhone {
  top: auto;
  left: auto;
  right: 1rem;
  bottom: 5%;
  margin: 0 1rem;
  z-index: 10;
  position: fixed;
  color: white;
  font-size: 2rem;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
@media (min-width: 768px) {
  .stickyPhone {
    display: none;
  }
}
.stickyPhone a {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 2rem 0.6rem;
  font-family: objektiv-mk3, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #002A55;
  border-radius: 24px;
  background-color: #002A55;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  letter-spacing: 1px;
}
.stickyPhone a a {
  text-decoration: none !important;
  color: white;
}
.stickyPhone a:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
  top: -3px;
}
.stickyPhone a {
  /* FontAwesome Icons in markup */
}
.stickyPhone a [class*=fa-] {
  margin-left: 0.6rem;
}
.stickyPhone a:hover {
  color: white;
  background-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  text-decoration: none !important;
  border-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  transform: scale(1.02);
  font-weight: 700;
}
.stickyPhone a:active {
  color: white;
  background-color: rgb(62.4743833017%, 84.8855154965%, 34.330170778%);
}
.stickyPhone a {
  /* Reverse */
  /* Outline */
  /*
      Any ADDITIONAL button styles to add ONLY IF no style was specified. Most default button
      styles should be defined at the top unless you wouldn't want them on predefined types.
  */
  width: 2rem;
  height: 2rem;
  min-width: initial;
  display: flex;
  overflow: hidden;
  margin: 0;
  padding: 0;
  color: inherit;
  text-align: center;
  border-radius: 50%;
  background-color: #a1a7e5;
}
.stuck {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Scroll-to-Top Link */
.scrollToTop {
  top: auto;
  left: auto;
  right: 5rem;
  bottom: 3rem;
  display: none;
  z-index: 1000;
  position: fixed;
  font-size: 1rem;
  cursor: pointer;
  padding: 3px 8px 1px 8px;
  border: 1px solid white;
  border-radius: 50%;
  background-color: #002A55;
}
.scrollToTop svg {
  transform: translatey(12%);
  color: white !important;
}
.scrollToTop:hover {
  transform: scale(1.2);
  transition: all 0.5s ease;
}
@media (max-width: 767px) {
  .scrollToTop {
    right: 2rem;
  }
}
.scrollToTop:focus:focus-visible {
  opacity: 1;
  text-decoration: none;
  background-color: #002A55;
}
.scrollToTop:focus:focus-visible svg {
  color: #fff !important;
}
.scrollToTop:hover {
  opacity: 1;
  text-decoration: none;
  background-color: #002A55;
}
.scrollToTop:hover svg {
  color: #fff !important;
}
.scrollToTop i {
  width: 100%;
  color: white;
  text-align: center;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region CMS Content Styles */
/****************************************************************************************************/
.cmsContent {
  color: #002A55;
  font-size: 1rem;
  line-height: 1.5;
}
.cmsContent h2 {
  font-size: 1.8rem !important;
}
.cmsContent img {
  max-width: 100%;
}
.cmsContent em, .cmsContent i {
  font-style: italic;
}
.cmsContent {
  /* Headings */
}
.cmsContent h1 {
  color: inherit;
}
.cmsContent {
  /* Links */
}
.cmsContent a:not(.button) {
  color: inherit;
  /*text-decoration: underline $primaryColour;*/
  font-weight: 500;
}
.cmsContent a:not(.button):hover {
  color: #002A55;
  -webkit-text-decoration: underline #B7E281;
          text-decoration: underline #B7E281;
}
.cmsContent a[target=_blank]:after {
  content: " ";
  position: relative;
  display: inline-block;
  font-size: 0.6em;
  padding-left: 0.5rem;
  display: none;
}
.cmsContent .socialLinks a[target=_blank]:after {
  content: none;
}
.cmsContent {
  /* Paragraphs */
}
.cmsContent p {
  line-height: 1.5;
}
.cmsContent {
  /* Unordered Lists */
}
.cmsContent ul {
  list-style-type: none;
  margin: 1rem 0;
}
.cmsContent ul > li {
  list-style-type: none;
  margin: 0;
  padding: 0.2rem 0;
  padding-left: 1.25rem;
  position: relative;
  font-size: 1rem;
}
.cmsContent ul > li:before {
  top: 14px;
  left: 0px;
  background-color: #B7E281;
  content: "";
  height: 8px;
  width: 8px;
  display: block;
  position: absolute;
  font-size: 0.3em;
  line-height: inherit;
  border-radius: 50%;
}
.cmsContent ul > li ul {
  margin: 0;
  margin-top: 0.5rem;
}
.cmsContent ul > li ol {
  margin: 0;
  margin-top: 0.5rem;
}
.cmsContent {
  /* Ordered Lists */
}
.cmsContent ol {
  margin: 1rem 0;
  counter-reset: customListCounter 0;
  list-style-position: outside;
}
.cmsContent ol > li {
  list-style-type: none;
  list-style-position: inside;
  margin: 0;
  position: relative;
  padding: 0.2rem 0;
  padding-left: 1.75rem;
  counter-increment: customListCounter;
}
.cmsContent ol > li:before {
  top: 0.2rem;
  left: 0.4rem;
  content: counter(customListCounter) ".";
  color: #a1a7e5;
  position: absolute;
  font-weight: 700;
}
.cmsContent ol > li ol {
  margin: 0;
  margin-top: 0.5rem;
}
.cmsContent ol > li ol > li {
  background: none;
  margin: 0;
}
.cmsContent ol > li ol > li:before {
  color: #002A55;
}
.cmsContent ol > li ul {
  margin: 0;
  margin-top: 0.5rem;
}
.cmsContent ol > li ul > li {
  /*list-style-type: none;
  list-style-position: inside;*/
}
.cmsContent {
  /* Special lists:   Alpha & Roman Numerals */
}
.cmsContent ul.roman > li,
.cmsContent ol.roman > li {
  padding-left: 2rem;
}
.cmsContent ul.roman > li:before,
.cmsContent ol.roman > li:before {
  content: counter(customListCounter, lower-roman) ".";
}
.cmsContent ul.alpha > li:before, .cmsContent ul.lettered > li:before,
.cmsContent ol.alpha > li:before,
.cmsContent ol.lettered > li:before {
  content: counter(customListCounter, lower-alpha) ".";
}
.cmsContent ul.upper > li:before, .cmsContent ul.uppercase > li:before,
.cmsContent ol.upper > li:before,
.cmsContent ol.uppercase > li:before {
  text-transform: uppercase;
}
.cmsContent ul.reset li,
.cmsContent ol.reset li {
  padding-left: 0;
}
.cmsContent ul.reset li:before,
.cmsContent ol.reset li:before {
  display: none;
}
.cmsContent {
  /* Misc content elements */
}
.cmsContent address {
  margin: 0.5rem 0 1rem;
}
.cmsContent mark {
  color: white;
  background-color: #a1a7e5;
}

.dark, .dark .cmsContent {
  color: white;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p, .dark ul li, .dark address, .dark .cmsContent h1, .dark .cmsContent h2, .dark .cmsContent h3, .dark .cmsContent h4, .dark .cmsContent h5, .dark .cmsContent h6, .dark .cmsContent p, .dark .cmsContent ul li, .dark .cmsContent address {
  color: white;
}
.dark a:link, .dark a:visited, .dark .cmsContent a:link, .dark .cmsContent a:visited {
  color: white;
}
.dark a:hover, .dark a:active, .dark a:focus, .dark .cmsContent a:hover, .dark .cmsContent a:active, .dark .cmsContent a:focus {
  color: #B7E281;
  text-decoration: underline;
}
.dark a.button, .dark .cmsContent a.button {
  color: #002A55;
}
.dark a.button:hover, .dark a.button:active, .dark a.button:focus, .dark .cmsContent a.button:hover, .dark .cmsContent a.button:active, .dark .cmsContent a.button:focus {
  color: #fff;
  background: #B7E281;
}
.dark, .dark .cmsContent {
  /* SHARED list styles */
}
.dark ul,
.dark ol, .dark .cmsContent ul,
.dark .cmsContent ol {
  /* SHARED nested list styles */
}
.dark ul ol > li:before,
.dark ul ul > li:before,
.dark ol ol > li:before,
.dark ol ul > li:before, .dark .cmsContent ul ol > li:before,
.dark .cmsContent ul ul > li:before,
.dark .cmsContent ol ol > li:before,
.dark .cmsContent ol ul > li:before {
  color: white;
}
.dark, .dark .cmsContent {
  /* Unordered Lists Styles ONLY */
  /* Make sure what you're adding belongs here, and not in the SHARED list styles above */
}
.dark ul > li, .dark .cmsContent ul > li {
  /* bullet icon */
}
.dark ul > li:before, .dark .cmsContent ul > li:before {
  color: white;
  background-image: url(/CFImages/Icons/bullet-square-solid-white.svg);
}
.dark, .dark .cmsContent {
  /* Ordered Lists */
  /* Make sure what you're adding belongs here, and not in the SHARED list styles above */
}
.dark ol > li:before, .dark .cmsContent ol > li:before {
  color: white;
}
.dark pre, .dark .cmsContent pre {
  background-color: rgb(0%, 6.5882352941%, 13.3333333333%);
  color: white;
}
.dark blockquote, .dark .cmsContent blockquote {
  background-color: rgb(0%, 6.5882352941%, 13.3333333333%);
  color: white;
}
.dark blockquote p, .dark .cmsContent blockquote p {
  color: white;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Icons / FontAwesome / Kendo Icons */
/****************************************************************************************************/
/* A trick for prefetching icons we know we need to prevent the flash-of-unstyled-icon on hover */
body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  /*  content: url(/CFImages/Icons/chevron-down.svg) url(/CFImages/Icons/chevron-up.svg) url(/CFImages/Icons/check.svg) url(/CFImages/Icons/arrow-right.svg);*/
}

/* Any and all FontAwesome icons */
[class^=fa-], [class*=" fa-"] {
  color: inherit;
}

/* shared Kendo widget icon styles */
.k-icon {
  width: 1rem;
  height: 1.4rem;
}
.k-icon:before {
  content: " ";
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}
.k-icon {
  /* Expand / Collapse Arrows */
}
.k-icon.k-menu-expand-arrow:before, .k-icon.k-i-expand:before {
  background-image: url(/CFImages/Icons/chevron-down.svg);
  width: 10px;
  top: 0px;
}
.k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/chevron-up.svg);
  width: 10px;
  top: 0px;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Layout / Structure */
/****************************************************************************************************/
/*Sticky Footer Items */
body {
  display: flex;
  flex-direction: column;
}

#wrapper {
  overflow: hidden;
  height: auto !important;
  flex: 1 0 auto;
}
.k-ie11 #wrapper {
  flex: inherit;
}

.pageWrapper {
  position: relative;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  left: 0;
}

.mainContent > :last-child {
  margin-bottom: 4rem;
}

/* Standard Two-column layout with main + sidebar */
.grid.sidebarGrid > .col {
  margin: 0;
}
.sideContent {
  padding-left: 2rem;
}
.sideContent > div {
  background-color: #002A55;
  padding: 2rem 1.5rem;
  color: #fff;
}
.sideContent > div * {
  color: inherit;
}
.sideContent > div {
  border-left: 5px solid #B7E281;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.sideContent > div .cmsContent ul > li {
  font-size: 0.8rem;
}
.sideContent h2 {
  font-size: 1rem;
  text-transform: uppercase;
  color: #fff;
}
.sideContent .cmsContent a {
  color: #fff;
}
.sideContent .cmsContent a:focus:focus-visible {
  color: #fff !important;
}
.sideContent .cmsContent a:hover {
  color: #fff !important;
}
.sideContent.contactUs {
  padding: 1rem 0;
  margin-bottom: 2rem !important;
  width: 100%;
  text-align: center;
}
.sideContent.contactUs h2 {
  border-bottom: 1px solid #B7E281;
  width: 50%;
  margin: auto;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.sideContent.contactUs p {
  margin: 0;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Containers */
/****************************************************************************************************/
.container {
  width: 75rem;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  max-width: calc(100vw - 5rem * 2 - var(--scrollbar-width));
}
@media (max-width: 1299px) {
  .container {
    max-width: calc(100vw - 3rem * 2 - var(--scrollbar-width));
  }
}
@media (max-width: 1024px) {
  .container {
    max-width: calc(100vw - 2rem * 2 - var(--scrollbar-width));
  }
}
@media (max-width: 767px) {
  .container {
    max-width: calc(100vw - 25px * 2 - var(--scrollbar-width));
  }
}
@media (max-width: 500px) {
  .container {
    max-width: calc(100vw - 1rem * 2 - var(--scrollbar-width));
  }
}
.container .container {
  padding-left: 0;
  padding-right: 0;
}
.container.wide {
  width: calc(80rem);
}
.container.narrow {
  width: calc(50rem);
}
.container.edge {
  width: 100vw;
  max-width: 100vw;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  margin-left: 0;
  margin-right: 0;
}
.container.edge.full {
  width: 100vw;
  max-width: 100vw;
}
.container.full {
  width: 100%;
  max-width: 100%;
  padding-left: 5rem;
  padding-right: 5rem;
}
@media (max-width: 1299px) {
  .container.full {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (max-width: 1024px) {
  .container.full {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 767px) {
  .container.full {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 500px) {
  .container.full {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.container.full .container.full:not(.force) {
  padding-left: 0;
  padding-right: 0;
}
.container.full.force {
  width: calc(100vw - var(--scrollbar-width));
}
.container.force {
  max-width: 100vw;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  margin-left: 0;
  margin-right: 0;
}

/* pad an element, pushing content in to align with the main container - this needs to be updated to match global padding settings*/
.padLeft {
  padding-left: calc((100vw - 75rem) / 2) !important;
  padding-left: calc((100vw - 75rem - var(--scrollbar-width)) / 2) !important;
}
@media (max-width: 1574px) {
  .padLeft {
    padding-left: 5rem !important;
  }
}
@media (max-width: 1299px) {
  .padLeft {
    padding-left: 3rem !important;
  }
}
@media (max-width: 1024px) {
  .padLeft {
    padding-left: 2rem !important;
  }
}
@media (max-width: 767px) {
  .padLeft {
    padding-left: 25px !important;
  }
}
@media (max-width: 500px) {
  .padLeft {
    padding-left: 1rem !important;
  }
}

.padRight {
  padding-right: calc((100vw - 75rem) / 2) !important;
  padding-right: calc((100vw - 75rem - var(--scrollbar-width)) / 2) !important;
}
@media (max-width: 1574px) {
  .padRight {
    padding-right: 5rem !important;
  }
}
@media (max-width: 1299px) {
  .padRight {
    padding-right: 3rem !important;
  }
}
@media (max-width: 1024px) {
  .padRight {
    padding-right: 2rem !important;
  }
}
@media (max-width: 767px) {
  .padRight {
    padding-right: 25px !important;
  }
}
@media (max-width: 500px) {
  .padRight {
    padding-right: 1rem !important;
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Header */
/****************************************************************************************************/
#header {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  position: fixed;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
#header .topHeader {
  position: relative;
  z-index: 1000;
}
#header .header {
  color: white;
  position: relative;
  background-color: white;
}
#header .header .mainHeader {
  height: var(--header-height);
  padding: 15px 0 10px 0;
  margin-bottom: 5px;
}
#header .header .logo img {
  width: 15rem;
}
#header .header .logo h1 {
  margin: 0;
  padding: 0;
}
#header .header .searchAndMenu .searchOuter {
  display: flex;
  justify-content: flex-end;
}
#header .header .searchAndMenu .searchOuter input[type=search] {
  width: calc(100% - 40px);
  padding: 0 10px;
  height: 40px;
}
#header .header .searchAndMenu .searchOuter button {
  background-color: #002A55;
  margin: 0;
  padding: 0;
  height: 34px;
  width: 34px;
  color: #fff;
  transition: all 0.5s ease;
  font-size: 16px;
}
#header .header .searchAndMenu .searchOuter button:hover {
  transform: scale(1.1);
  transition: all 0.5s ease;
  border: none;
}
#header .header .searchAndMenu .searchOuter button:after {
  content: "";
}
#header .header .searchAndMenu .searchOuter button svg {
  margin-left: 0.45rem;
}

.removeMargin {
  margin-top: 0rem !important;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Page Topper (Banner) */
/****************************************************************************************************/
.topper h1 {
  margin: 4rem 0;
  font-weight: 500;
}

/* Usually nested in the topper */
.pageTopper {
  color: white;
  min-height: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  padding: 2rem;
  background-color: #002A55;
}
.pageTopper .topperImage {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}
.pageTopper .topperTitle {
  display: inline-block;
  position: relative;
  z-index: 2;
}
.pageTopper .topperTitle h1 {
  color: white;
  font-size: 3rem;
  font-weight: 100;
}
.pageTopper .topperTitle .summary {
  border-left: solid 1px #B7E281;
  width: 50%;
  padding-left: 1rem;
  margin-left: 1rem;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Main Content */
/****************************************************************************************************/
.breadCrumb {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #002A55;
  padding: 0;
  width: 100%;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  height: var(--breadcrumb-height);
  overflow: hidden;
}
.breadCrumb .breadCrumbGrid {
  display: flex;
  height: 100%;
  justify-content: space-between;
}
.breadCrumb .breadCrumbGrid .left {
  margin: 0;
  width: 80%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.breadCrumb .breadCrumbGrid .right {
  margin: 0;
  justify-content: flex-end;
  display: flex;
  align-items: center;
}
.breadCrumb .socialLinks {
  width: 100%;
}
.breadCrumb .socialLinks li a {
  color: #fff;
  font-size: 20px;
}
.breadCrumb .breadCrumbInner {
  font-size: 0.6rem;
  text-transform: uppercase;
  padding-right: 1rem;
  animation-delay: 0.5s;
  opacity: 0;
  color: white;
}
.breadCrumb .breadCrumbInner svg {
  margin-right: 0.5rem;
  height: 0.6rem;
  color: #B7E281;
}
.breadCrumb .breadCrumbInner a {
  color: white;
}
.breadCrumb .breadCrumbInner a:hover {
  color: white;
}
.breadCrumb .breadCrumbInner span.separator {
  padding: 0 0.5rem;
}
.breadCrumb .breadCrumbInner span.current {
  color: #B7E281;
  line-height: 1.25;
}

.homePage .breadCrumb {
  background-color: white;
  border-bottom: 1px solid #002A55;
}
.homePage .breadCrumb .socialLinks li a {
  color: #002A55;
}
.homePage .breadCrumb .socialLinks li a:focus:focus-visible {
  color: #B7E281;
}
.homePage .breadCrumb .socialLinks li a:hover {
  color: #B7E281;
}
.homePage .breadCrumb .breadCrumbInner {
  color: #002A55;
  display: none;
}
.homePage .breadCrumb .breadCrumbInner svg {
  color: #002A55;
}
.homePage .breadCrumb .breadCrumbInner a {
  color: #002A55;
}
.homePage .breadCrumb .breadCrumbInner a:hover {
  color: #B7E281;
}
.homePage .breadCrumb .breadCrumbInner span.separator {
  padding: 0 0.5rem;
}
.homePage .breadCrumb .breadCrumbInner span.current {
  color: #B7E281;
  line-height: 1.25;
}

main {
  padding-top: var(--total-header-height);
}
main .bd .mainContent .sfContentBlock img {
  max-width: 100%;
}

body.detailPage main {
  padding-top: var(--header-height);
}
body.detailPage main .breadCrumb {
  position: fixed;
  z-index: 9;
}
body.detailPage main .detailView {
  padding-top: var(--breadcrumb-height);
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Footer */
/****************************************************************************************************/
#footer {
  position: relative;
  z-index: 1;
  /*background-color: $primaryColour;*/
  background: linear-gradient(0deg, rgb(0, 42, 85) 0%, rgb(0, 17, 34) 100%);
  font-size: 0.8rem;
  padding-top: 3rem;
  padding-bottom: 1rem;
}
#footer p {
  font-size: 12px;
}
#footer ul li {
  text-transform: uppercase;
  font-size: 0.7rem;
  padding-bottom: 0.5rem;
  font-weight: 500;
  letter-spacing: 2px;
}
#footer {
  color: white;
}
#footer * {
  color: inherit;
}
#footer .footerLogo img {
  margin-bottom: 2rem;
}
#footer .mainFooter .subscribe .cmsContent {
  display: flex;
  width: 100%;
}
#footer .mainFooter .subscribe .cmsContent .txtEmailAddress {
  width: 75%;
  margin-right: 1rem;
  color: #002A55;
  padding: 0.2rem 1rem 0rem 1rem;
}
#footer .mainFooter .subscribe .cmsContent .button {
  margin: 0;
  color: #002A55;
}
#footer .mainFooter .footerBottom {
  padding-top: 2rem;
}
#footer .mainFooter .footerBottom h2 {
  font-size: 1rem !important;
}
#footer .mainFooter .footerBottom .listView.offices {
  flex-direction: column;
}
#footer .mainFooter .footerBottom .offices ul, #footer .mainFooter .footerBottom .pa ul, #footer .mainFooter .footerBottom .legal ul {
  margin-top: 0;
}
#footer .mainFooter .footerBottom .offices ul li, #footer .mainFooter .footerBottom .pa ul li, #footer .mainFooter .footerBottom .legal ul li {
  padding: 0 0 0.5rem 0;
}
#footer .mainFooter .footerBottom .offices ul li a:hover, #footer .mainFooter .footerBottom .pa ul li a:hover, #footer .mainFooter .footerBottom .legal ul li a:hover {
  text-decoration: none;
  opacity: 0.6;
  cursor: pointer;
}
#footer .mainFooter .footerBottom .offices ul li:before, #footer .mainFooter .footerBottom .pa ul li:before, #footer .mainFooter .footerBottom .legal ul li:before {
  display: none;
}
#footer .mainFooter ul.socialLinks {
  justify-content: flex-start;
  margin-right: 0.5rem;
}
#footer .mainFooter ul.socialLinks li {
  border: solid 1px #B7E281;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  padding-bottom: 0;
  margin-right: 0.5rem !important;
  transition: 0.5s all ease;
}
#footer .mainFooter ul.socialLinks li:hover {
  background: #B7E281;
  transform: scale(1.1);
}
#footer .mainFooter ul.socialLinks li a {
  font-size: 130%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: -3px;
  /* margin: 0 0.5rem 0 0;*/
}
#footer .mainFooter ul.socialLinks li a:hover {
  color: #002A55;
  font-size: 130%;
}
#footer .copyrightFooter .cmsContent {
  padding: 2rem 0 0;
  font-size: 0.5rem;
  color: #B7E281;
}
#footer .copyrightFooter .cmsContent a {
  color: #B7E281;
  text-decoration: none;
}
#footer .copyrightFooter .cmsContent a:hover {
  text-decoration: underline;
}
#footer .cmsContent a, #footer .cmsContent a:not(.button) a {
  color: white;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Social & Sharing Links */
/****************************************************************************************************/
.subscribe .cmsContent {
  display: flex;
  padding: 1rem 0 0 0;
}
.subscribe .cmsContent .txtEmailAddress {
  width: 75%;
  margin-right: 1rem;
  color: #002A55;
  padding: 0.2rem 1rem 0rem 1rem;
  font-size: 12px;
}
.subscribe .cmsContent .button {
  margin: 0;
  color: #002A55;
}

ul.socialLinks {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0;
  box-sizing: border-box;
}
ul.socialLinks > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
ul.socialLinks {
  font-size: 1.2rem;
  flex-wrap: nowrap;
  justify-content: space-between;
  list-style: none;
  margin-right: 2rem;
}
ul.socialLinks li {
  list-style: none;
  margin-bottom: 0;
  display: flex;
}
ul.socialLinks li a {
  font-size: 67%;
  display: inherit;
}

ul.sharingLinks {
  display: flex;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
}
ul.sharingLinks > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
ul.sharingLinks {
  transform: translate(0rem, 1rem);
}
ul.sharingLinks li button {
  cursor: pointer;
  border: none;
  padding: 0;
  background-color: transparent;
  background-image: none;
  color: #002A55;
  font-size: 90%;
  align-items: flex-start;
}
ul.sharingLinks li button i {
  color: inherit;
}
ul.sharingLinks li button svg {
  margin-right: 1rem;
}
ul.sharingLinks li button span {
  text-transform: lowercase;
}
ul.sharingLinks li button:hover, ul.sharingLinks li button:focus ul.sharingLinks li button:active {
  color: #a1a7e5;
  background: none;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Forms + Inputs */
/****************************************************************************************************/
label {
  cursor: pointer;
}

/* Text Fields */
input {
  color: #002A55;
  width: 100%;
  height: 2.6rem;
  max-width: 100%;
  padding: 0.2rem 1rem;
  padding-right: 3rem;
  text-overflow: ellipsis;
  border: solid 1px #B7E281;
  background-color: white;
}
input::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
input:-moz-placeholder {
  opacity: 1;
  -moz-transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
input::-moz-placeholder {
  opacity: 1;
  -moz-transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
input:-ms-input-placeholder {
  opacity: 1;
  -ms-transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
input {
  /*    &:hover, &:focus {
      @include placeholder {
          opacity: 0.4;
      }
  }*/
}
input:focus:focus-visible {
  outline: 2px solid #002A55;
}
textarea {
  width: 100%;
  min-height: 5rem;
  display: block;
  border: solid 2px #B1B1B1;
}
textarea:hover::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  opacity: 0.4;
}
textarea:hover:-moz-placeholder, textarea:focus:-moz-placeholder {
  opacity: 0.4;
}
textarea:hover::-moz-placeholder, textarea:focus::-moz-placeholder {
  opacity: 0.4;
}
textarea:hover:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  opacity: 0.4;
}
textarea:focus {
  outline: 2px solid #002A55;
}

/* Checkboxes */
input[type=checkbox] {
  width: 1px;
  height: 1px;
  cursor: pointer;
  position: absolute;
  visibility: hidden;
}
input[type=checkbox] + label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  padding-left: 2rem;
}
input[type=checkbox] + label::selection {
  background-color: transparent;
}
input[type=checkbox] + label:hover {
  color: #B7E281;
}
input[type=checkbox] + label:before, input[type=checkbox] + label:after {
  top: 0;
  left: 0;
  display: inline-block;
  position: absolute;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  margin-right: 0.4rem;
  width: 1em;
  height: 1em;
}
input[type=checkbox] + label:before {
  content: " ";
  background-color: white;
}
input[type=checkbox] + label:after {
  content: " ";
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #B7E281;
}
input[type=checkbox]:checked + label:after {
  background-image: url(/CFImages/Icons/check.svg);
}

/* Radio Buttons */
input[type=radio] {
  height: 1em;
  cursor: pointer;
  display: inline-block;
  width: auto;
}

/* Select Lists */
select {
  width: 100%;
  height: 2.6rem;
  max-width: 100%;
  color: #B7E281;
  cursor: pointer;
  border: 1px solid #002A55;
  padding: 0.2rem 1rem;
  padding-right: 1.6rem;
  font-size: 1rem;
  line-height: 1;
  font-family: objektiv-mk3, sans-serif;
  text-transform: uppercase; /* Firefox */ /* Safari and Chrome */
  appearance: none;
  background-size: 0.6rem auto;
  background-image: url(/CFImages/Icons/chevron-down.svg);
  background-repeat: no-repeat;
  background-position: right 1rem center;
}
select:focus {
  outline: none;
  outline: 2px solid #002A55;
}
select > option {
  text-transform: none;
}
select > option:checked, select > option:hover {
  background-color: #E8E8E8;
}

form label {
  cursor: pointer;
}
form fieldset {
  padding: 0;
  border: none;
}
form {
  /* Form-only Buttons */
}
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Sitefinity Forms Only */
/****************************************************************************************************/
[data-sf-role=form-container] fieldset {
  margin: 1rem 0;
}
[data-sf-role=form-container] fieldset legend {
  padding: 0 0.4rem;
}

/* Sitefinity File Upload field */
[data-sf-role=file-field-inputs] {
  cursor: pointer;
}
[data-sf-role=file-field-inputs] input[type=file] {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 2rem 0.6rem;
  font-family: objektiv-mk3, sans-serif;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #002A55;
  border-radius: 24px;
  background-color: #002A55;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  letter-spacing: 1px;
}
[data-sf-role=file-field-inputs] input[type=file] a {
  text-decoration: none !important;
  color: white;
}
[data-sf-role=file-field-inputs] input[type=file]:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
  top: -3px;
}
[data-sf-role=file-field-inputs] input[type=file] {
  /* FontAwesome Icons in markup */
}
[data-sf-role=file-field-inputs] input[type=file] [class*=fa-] {
  margin-left: 0.6rem;
}
[data-sf-role=file-field-inputs] input[type=file]:hover {
  color: white;
  background-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  text-decoration: none !important;
  border-color: rgb(67.119544592%, 86.7564832385%, 42.4592030361%);
  transform: scale(1.02);
  font-weight: 700;
}
[data-sf-role=file-field-inputs] input[type=file]:active {
  color: white;
  background-color: rgb(62.4743833017%, 84.8855154965%, 34.330170778%);
}
[data-sf-role=file-field-inputs] input[type=file] {
  /* Reverse */
  /* Outline */
  /*
      Any ADDITIONAL button styles to add ONLY IF no style was specified. Most default button
      styles should be defined at the top unless you wouldn't want them on predefined types.
  */
}
[data-sf-role=file-field-inputs] input[type=file]::-webkit-file-upload-button {
  visibility: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: absolute;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Images */
/****************************************************************************************************/
/* As BACKGROUND image */
.bgImgWrapper:before { /* sets the height and then effectively removes itself from flow so as not to interfere with siblings */
  float: left;
  width: 1px;
  height: 0;
  content: "";
  margin-left: -1px;
  padding-top: 56.25%;
}
.bgImgWrapper:after { /* to clear float */
  content: "";
  display: table;
  clear: both;
}
.bgImgWrapper .bgImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.bgImgWrapper {
  width: 100%;
  height: 100%;
  max-width: 100%;
  z-index: 0;
  overflow: hidden;
  position: relative;
}
.bgImgWrapper .bgImg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bgImgWrapper a {
  width: 100%;
  height: 100%;
  display: block;
}

/* As a NATIVE IMG element */
.imgWrapper {
  width: 100%;
}
.imgWrapper a img {
  max-width: 100%;
}
.imgWrapper img {
  max-width: 100%;
}

/* Hover Zoom class */
.bgImgWrapper.hoverZoom .bgImg {
  transition: all 0.3s;
}
.bgImgWrapper.hoverZoom .bgImg:focus:focus-visible {
  transform: scale(1.1);
}
.bgImgWrapper.hoverZoom .bgImg:hover {
  transform: scale(1.1);
}
.bgImgWrapper.hoverZoom .bgImg:hover {
  transform: scale(1.04);
  transition: all 0.3s;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Utility Classes - Visibility */
/****************************************************************************************************/
.sr-only {
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: absolute;
}

.hidden {
  display: none !important;
}

.forcedHide {
  display: none !important;
}

.hideOnDesktop {
  display: none !important;
}

.hideOnMobile {
  display: inline-block;
}

.printOnly {
  display: none;
}

.mobileOnly {
  display: none;
  height: 0;
  width: 0;
}
@media (max-width: 767px) {
  .mobileOnly {
    display: block;
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Utility Classes - Colour + BG Colour */
/****************************************************************************************************/
/* The most common light background */
.bgLight {
  background-color: #E8E8E8;
}

/* The most common dark background */
.bgDark {
  background-color: #002A55;
}

.bgWhite {
  background-color: white;
}

.bgBlack {
  background-color: black;
}

.bgPrimary {
  background-color: #002A55;
}

.bgSecondary {
  background-color: #B7E281;
}

.bgTertiary {
  background-color: #a1a7e5;
}

.bgGrey {
  background-color: #707070;
}

.bgGreyLight {
  background-color: #E8E8E8;
}

.bgOffWhite {
  background-color: #F2F2F2;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Utility Classes - Position, Display, Float */
/****************************************************************************************************/
/* Floating */
.float-none {
  float: none;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

/* Positioning */
.position-absolute {
  position: absolute;
}

.position-relative {
  position: relative;
}

.position-fixed {
  position: fixed;
}

/* Display */
.display-flex {
  display: flex;
}

.display-block {
  display: block;
}

.display-inline-block {
  display: inline-block;
}

.display-inline {
  display: inline;
}

.display-none {
  display: none;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Utility Classes - Text Alignment */
/****************************************************************************************************/
.txt-c, table .txt-c, table tr .txt-c, table tr td.txt-c {
  text-align: center !important;
}

.txt-l, table .txt-l, table tr .txt-l, table tr td.txt-l {
  text-align: left !important;
}

.txt-r, table .txt-r, table tr .txt-r, table tr td.txt-r {
  text-align: right !important;
}

.txt-t, table .txt-t, table tr .txt-t, table tr td.txt-t, table tr th.txt-t {
  vertical-align: top !important;
}

.txt-b, table .txt-b, table tr .txt-b, table tr td.txt-b, table tr th.txt-b {
  vertical-align: bottom !important;
}

.txt-m, table .txt-m, table tr .txt-m, table tr td.txt-m, table tr th.txt-m {
  vertical-align: middle !important;
}

/* Table cell content alignment */
/* horizontal alignment */
/* vertical alignment */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Utility Classes - Whitespace (padding + margin) */
/****************************************************************************************************/
/*
    Examples:
    .mtxl - margin-top-extra-large (add an extra large margin-top)
    .pan  - padding-all-none       (remove padding on all sides)
    .mvs  - margin-vertical-small  (add small margins on the top and bottom)
*/
.pan {
  padding: 0 !important;
}

.man {
  margin: 0 !important;
}

.pvn {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.mvn {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.phn {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mhn {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ptn {
  padding-top: 0 !important;
}

.mtn {
  margin-top: 0 !important;
}

.prn {
  padding-right: 0 !important;
}

.mrn {
  margin-right: 0 !important;
}

.pbn {
  padding-bottom: 0 !important;
}

.mbn {
  margin-bottom: 0 !important;
}

.pln {
  padding-left: 0 !important;
}

.mln {
  margin-left: 0 !important;
}

.pas {
  padding: 0.5rem !important;
}

.mas {
  margin: 0.5rem !important;
}

.pvs {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.mvs {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.phs {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.mhs {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.pts {
  padding-top: 0.5rem !important;
}

.mts {
  margin-top: 0.5rem !important;
}

.prs {
  padding-right: 0.5rem !important;
}

.mrs {
  margin-right: 0.5rem !important;
}

.pbs {
  padding-bottom: 0.5rem !important;
}

.mbs {
  margin-bottom: 0.5rem !important;
}

.pls {
  padding-left: 0.5rem !important;
}

.mls {
  margin-left: 0.5rem !important;
}

.pam {
  padding: 1rem !important;
}

.mam {
  margin: 1rem !important;
}

.pvm {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.mvm {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.phm {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.mhm {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.ptm {
  padding-top: 1rem !important;
}

.mtm {
  margin-top: 1rem !important;
}

.prm {
  padding-right: 1rem !important;
}

.mrm {
  margin-right: 1rem !important;
}

.pbm {
  padding-bottom: 1rem !important;
}

.mbm {
  margin-bottom: 1rem !important;
}

.plm {
  padding-left: 1rem !important;
}

.mlm {
  margin-left: 1rem !important;
}

.pal {
  padding: 2rem !important;
}

.mal {
  margin: 2rem !important;
}

.pvl {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.mvl {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.phl {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.mhl {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.ptl {
  padding-top: 2rem !important;
}

.mtl {
  margin-top: 2rem !important;
}

.prl {
  padding-right: 2rem !important;
}

.mrl {
  margin-right: 2rem !important;
}

.pbl {
  padding-bottom: 2rem !important;
}

.mbl {
  margin-bottom: 2rem !important;
}

.pll {
  padding-left: 2rem !important;
}

.mll {
  margin-left: 2rem !important;
}

.paxl {
  padding: 3rem !important;
}

.maxl {
  margin: 3rem !important;
}

.pvxl {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.mvxl {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.phxl {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.mhxl {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.ptxl {
  padding-top: 3rem !important;
}

.mtxl {
  margin-top: 3rem !important;
}

.prxl {
  padding-right: 3rem !important;
}

.mrxl {
  margin-right: 3rem !important;
}

.pbxl {
  padding-bottom: 3rem !important;
}

.mbxl {
  margin-bottom: 3rem !important;
}

.plxl {
  padding-left: 3rem !important;
}

.mlxl {
  margin-left: 3rem !important;
}

.paxxl {
  padding: 4rem !important;
}

.maxxl {
  margin: 4rem !important;
}

.pvxxl {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.mvxxl {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.phxxl {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.mhxxl {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.ptxxl {
  padding-top: 4rem !important;
}

.mtxxl {
  margin-top: 4rem !important;
}

.prxxl {
  padding-right: 4rem !important;
}

.mrxxl {
  margin-right: 4rem !important;
}

.pbxxl {
  padding-bottom: 4rem !important;
}

.mbxxl {
  margin-bottom: 4rem !important;
}

.plxxl {
  padding-left: 4rem !important;
}

.mlxxl {
  margin-left: 4rem !important;
}

.paxxxl {
  padding: 5rem !important;
}

.maxxxl {
  margin: 5rem !important;
}

.pvxxxl {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.mvxxxl {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.phxxxl {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.mhxxxl {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.ptxxxl {
  padding-top: 5rem !important;
}

.mtxxxl {
  margin-top: 5rem !important;
}

.prxxxl {
  padding-right: 5rem !important;
}

.mrxxxl {
  margin-right: 5rem !important;
}

.pbxxxl {
  padding-bottom: 5rem !important;
}

.mbxxxl {
  margin-bottom: 5rem !important;
}

.plxxxl {
  padding-left: 5rem !important;
}

.mlxxxl {
  margin-left: 5rem !important;
}

.paxxxxl {
  padding: 8rem !important;
}

.maxxxxl {
  margin: 8rem !important;
}

.pvxxxxl {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.mvxxxxl {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.phxxxxl {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.mhxxxxl {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.ptxxxxl {
  padding-top: 8rem !important;
}

.mtxxxxl {
  margin-top: 8rem !important;
}

.prxxxxl {
  padding-right: 8rem !important;
}

.mrxxxxl {
  margin-right: 8rem !important;
}

.pbxxxxl {
  padding-bottom: 8rem !important;
}

.mbxxxxl {
  margin-bottom: 8rem !important;
}

.plxxxxl {
  padding-left: 8rem !important;
}

.mlxxxxl {
  margin-left: 8rem !important;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Utility Classes - Misc */
/****************************************************************************************************/
/* (simple, single-purpose classes intended for use in Siteifnity editors, etc) */
/* Standard theme border */
.border {
  border: 1px solid #707070;
}

.equalTopMargins > :first-child {
  margin-top: 1rem;
}

img.baseImage, .baseImage img {
  display: block;
  width: 100%;
}

.pullQuote {
  padding: 30px 50px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  font-size: 1.3em;
  font-weight: 700;
}

.subtle {
  color: rgb(0%, 31.2941176471%, 63.3333333333%);
  font-size: 0.8em;
}

.signupWrapper, .footerSignup {
  /* Campaign Monitor Form */
}
.signupWrapper form.js-cm-form, .footerSignup form.js-cm-form {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1rem;
  margin-top: 2rem;
}
.signupWrapper form.js-cm-form div.inputFields, .footerSignup form.js-cm-form div.inputFields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.signupWrapper form.js-cm-form div.inputFields input, .footerSignup form.js-cm-form div.inputFields input {
  color: #002A55 !important;
  font-size: 13px;
}
.signupWrapper form.js-cm-form label, .footerSignup form.js-cm-form label {
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: absolute;
}
.signupWrapper form.js-cm-form button, .footerSignup form.js-cm-form button {
  margin-top: 0;
}
@media only screen and (max-width: 600px) {
  .signupWrapper form.js-cm-form, .footerSignup form.js-cm-form {
    display: block;
  }
  .signupWrapper form.js-cm-form div.inputFields, .footerSignup form.js-cm-form div.inputFields {
    display: block;
  }
  .signupWrapper form.js-cm-form div.inputFields input, .footerSignup form.js-cm-form div.inputFields input {
    margin-bottom: 1rem;
  }
}

.signupWrapper {
  padding: 2.5rem 0 1.5rem 0;
  background-color: #002A55;
  margin: 0;
}
.signupWrapper h3 {
  color: #fff;
  text-align: center;
  margin: 0 auto;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Content Type Labels */
/****************************************************************************************************/
.contentTypeLabels span.labelValuesSeperator:before {
  content: ": ";
}
.contentTypeLabels {
  font-weight: 700;
  font-size: 10px;
  text-transform: uppercase;
}
.contentTypeLabels a {
  letter-spacing: 1px;
}
.contentTypeLabels a span.subType {
  font-weight: 700;
  font-size: 10px;
  text-transform: uppercase;
}
.contentTypeLabels a span.subType:hover {
  text-decoration: none;
}
.contentTypeLabels span.seperator:before {
  content: " | ";
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Dates */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Sliders */
/****************************************************************************************************/
/* Splide sliders */
.splide {
  visibility: visible;
  /* Show only the first slide ONLY until the slider is initialized */
}
.splide:not(.is-active) .splide__list {
  width: 100%;
}
.splide:not(.is-active) .splide__slide {
  width: 100%;
  display: flex;
}
.splide:not(.is-active) .splide__slide:not(:first-child) {
  display: none;
}
.splide:not(.is-active) .splide__arrow {
  display: none;
}
.splide {
  /* slider initialized */
}
.splide.is-active .splide__slide {
  display: flex;
}
.splide {
  /* Arrows */
}
.splide .splide__arrows {
  height: 2rem;
}
.splide .splide__arrow {
  display: flex;
  top: inherit;
  bottom: 0;
  left: inherit;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  transform: initial;
  background-color: #B7E281;
  border: 1px solid #B7E281;
  color: #002A55;
  transition: 1s all ease;
}
.splide .splide__arrow svg {
  margin: 0;
  height: 1rem;
  width: 1rem;
  font-size: 1rem;
  font-weight: bold;
}
.splide .splide__arrow svg[class*=fa-] {
  margin: 0;
}
.splide .splide__arrow.splide__arrow--next {
  left: initial;
  right: 0;
}
.splide .splide__arrow.splide__arrow--prev {
  left: initial;
  right: 3rem;
}
.splide .splide__arrow:focus:focus-visible {
  background-color: white;
}
.splide .splide__arrow:hover {
  background-color: white;
}

.slider .slide {
  min-height: 500px;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Single Slide Styles */
/****************************************************************************************************/
.slide article .innerContent {
  position: relative;
  height: 100%;
}
.slide article .innerContent .itemImage {
  position: relative;
}
.slide article .innerContent .itemImage .bgImgWrapper:before { /* sets the height and then effectively removes itself from flow so as not to interfere with siblings */
  float: left;
  width: 1px;
  height: 0;
  content: "";
  margin-left: -1px;
  padding-top: 56.25%;
}
.slide article .innerContent .itemImage .bgImgWrapper:after { /* to clear float */
  content: "";
  display: table;
  clear: both;
}
.slide article .innerContent .itemImage .bgImgWrapper a {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Home + Home Slideshow */
/****************************************************************************************************/
.homePageBanner {
  background: black;
  position: relative;
}
.homePageBanner .bannerHeadline {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, 0);
  width: 75%;
}
.homePageBanner .bannerHeadline h1 {
  color: white;
  width: 100%;
  max-width: 800px;
  opacity: 0;
  font-size: 2.5rem;
  animation: bannerHeading 1s ease 0.5s forwards;
  text-shadow: 2px 1px 1px black;
}
.homePageBanner .homeSlideshow {
  position: relative;
}
.homePageBanner .homeSlideshow .splide__arrows {
  display: none;
}
.homePageBanner .homeSlideshow .splide__slide {
  min-height: 70vh;
}
.homePageBanner .homeSlideshow .splide__slide.is-active {
  transform: none !important;
}
.homePageBanner .homeSlideshow .splide__slide.is-active .coverImg .bgImgWrapper .bgImg {
  animation: wsSlideshow 8s infinite ease-out;
}
.homePageBanner .homeSlideshow .splide__slide .coverImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}
.homePageBanner .homeSlideshow .splide__slide .coverImg .bgImgWrapper {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}
.homePageBanner .homeSlideshow .splide__slide .coverImg .bgImgWrapper .bgImg:before {
  position: relative;
  display: block;
  height: 100%;
  content: " ";
  background-image: linear-gradient(to top, black 15%, rgba(63, 108, 118, 0.5) 80%);
  opacity: 0.6;
  z-index: 2;
}

@keyframes kenburns {
  0% {
    opacity: 1;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: scale3d(1.4, 1.4, 1.4) translate3d(190px, 120px, 0px);
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 1;
  }
}
@keyframes wsSlideshow {
  0% {
    background-position: bottom left;
    background-size: cover;
  }
  100% {
    background-position: top right;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 1;
    background-size: cover;
  }
}
@keyframes bannerHeading {
  0% {
    transform: scale(0.8) translateX(-20px);
    opacity: 0;
  }
  100% {
    transform: scale(1) translateX(0px);
    opacity: 1;
  }
}
.sectionPadding {
  padding: 2rem 0;
}

.homePage {
  /*    .splideArrowPush {
      padding-top: 8rem;
  }*/
}
.homePage .sectionPadding {
  padding: 4rem 0;
}

.homeExpertiseWrapper {
  --card-width: 200px;
  --card-gap: 1.5rem;
}
.homeExpertiseWrapper .expertises ul.grid {
  display: grid;
  position: relative;
  grid-template-columns: repeat(auto-fit, minmax(min(var(--card-width), 100%), 1fr));
  gap: var(--card-gap);
  margin-bottom: 2rem;
}
@media only screen and (max-width: 1024px) {
  .homeExpertiseWrapper .expertises ul.grid {
    --card-width: 330px;
  }
}
.homeExpertiseWrapper .expertises ul.grid li.col {
  margin: 0;
}
.homeExpertiseWrapper .expertises ul.grid .cardView.expertise h3 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.homeExpertiseWrapper .expertises ul.grid .cardView.expertise .bgImgWrapper {
  height: auto;
}
.homeExpertiseWrapper .expertises ul.grid .cardView.expertise .bgImgWrapper:before {
  padding-top: 80%;
}
.homeExpertiseWrapper .expertises ul.grid .cardView.expertise .bgImgWrapper .bgImg {
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.homeExpertiseWrapper .expertises ul.grid .cardView.expertise:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 10px;
}
.homeExpertiseWrapper .expertises ul.grid .cardView.expertise:hover .bgImgWrapper .bgImg {
  transform: scale(1.1);
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}

.homeTeamWrapper .cardView.teammember .innerContent .itemImage .bgImgWrapper a .bgImg {
  background-position: 100% 1rem;
}
.homeTeamWrapper .cardView.teammember .innerContent .itemImage .bgImgWrapper:before {
  padding-top: 100%;
}
.homeTeamWrapper .cardView.teammember .innerContent .itemContent {
  margin: 0 0 1rem 0;
  padding: 0;
  text-align: center;
}
.homeTeamWrapper .cardView.teammember .innerContent .itemContent h3.firstLast {
  margin: 0 0 0.5rem 0;
}

.contactPage {
  align-items: center;
}
.contactPage .heading {
  align-content: center;
}
.contactPage .heading h2 {
  font-size: 2.5rem;
  font-weight: 700;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region List Views */
/****************************************************************************************************/
.listView:not(.splide__list) {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.75rem;
  box-sizing: border-box;
}
.listView:not(.splide__list) > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.75rem;
  vertical-align: top;
  /*width: calc((1 / 4) * 100% - 1.5rem);*/
  flex-basis: calc(1 / 4 * 100% - 1.5rem);
}
.listView:not(.splide__list) {
  margin-top: 15px;
}

/* All Resource Grids */
.listView.insights {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.75rem;
  box-sizing: border-box;
}
.listView.insights > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.75rem;
  vertical-align: top;
  /*width: calc((1 / 4) * 100% - 1.5rem);*/
  flex-basis: calc(1 / 4 * 100% - 1.5rem);
}
.listView.insights > li {
  margin-bottom: 4rem;
}

.listView.testimonials {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}
.listView.testimonials li {
  width: calc(50% - 2rem);
  flex: 1 1 auto;
  height: 100%;
}
.listView.testimonials li .cardView.testimonial {
  background-color: white;
}
.listView.testimonials li .cardView.testimonial .testimonialQuote {
  background: url(/CFImages/quotes.png) no-repeat 100% 100%;
}
.listView.testimonials li .cardView.testimonial .testimonialQuote .testimonialContent {
  color: #002A55;
}
.listView.testimonials li .cardView.testimonial .testimonialQuote .testimonialContent p {
  color: #002A55;
}
.listView.testimonials li .cardView.testimonial .testimonialQuote .testimonialSource {
  color: #002A55;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: no-wrap;
}
.listView.testimonials li .cardView.testimonial .testimonialQuote .testimonialSource p {
  color: #002A55;
}
.listView.testimonials li .cardView.testimonial .testimonialQuote .testimonialSource:before {
  content: "-";
  display: inline-flex;
  padding-right: 0.25rem;
}
.listView.testimonials > li:nth-of-type(2n) .cardView.testimonial {
  background-color: #002A55;
}
.listView.testimonials > li:nth-of-type(2n) .cardView.testimonial .testimonialQuote {
  background: url(/CFImages/quotes-white.png) no-repeat 100% 100%;
}
.listView.testimonials > li:nth-of-type(2n) .cardView.testimonial .testimonialQuote .testimonialContent {
  color: white;
}
.listView.testimonials > li:nth-of-type(2n) .cardView.testimonial .testimonialQuote .testimonialContent p {
  color: white;
}
.listView.testimonials > li:nth-of-type(2n) .cardView.testimonial .testimonialSource {
  color: white;
}
.listView.testimonials > li:nth-of-type(2n) .cardView.testimonial .testimonialSource p {
  color: white;
}
.listView.testimonials > li:nth-of-type(3n) .cardView.testimonial {
  background-color: #002A55;
}
.listView.testimonials > li:nth-of-type(3n) .cardView.testimonial .testimonialQuote {
  background: url(/CFImages/quotes-white.png) no-repeat 100% 100%;
}
.listView.testimonials > li:nth-of-type(3n) .cardView.testimonial .testimonialQuote .testimonialContent {
  color: white;
}
.listView.testimonials > li:nth-of-type(3n) .cardView.testimonial .testimonialQuote .testimonialContent p {
  color: white;
}
.listView.testimonials > li:nth-of-type(3n) .cardView.testimonial .testimonialSource {
  color: white;
}
.listView.testimonials > li:nth-of-type(3n) .cardView.testimonial .testimonialSource p {
  color: white;
}
.listView.testimonials > li:nth-of-type(4n) .cardView.testimonial {
  background-color: white;
}
.listView.testimonials > li:nth-of-type(4n) .cardView.testimonial .testimonialQuote {
  background: url(/CFImages/quotes.png) no-repeat 100% 100%;
}
.listView.testimonials > li:nth-of-type(4n) .cardView.testimonial .testimonialQuote .testimonialContent {
  color: #002A55;
}
.listView.testimonials > li:nth-of-type(4n) .cardView.testimonial .testimonialQuote .testimonialContent p {
  color: #002A55;
}
.listView.testimonials > li:nth-of-type(4n) .cardView.testimonial .testimonialQuote .testimonialSource {
  color: #002A55;
}
.listView.testimonials > li:nth-of-type(4n) .cardView.testimonial .testimonialQuote .testimonialSource p {
  color: #002A55;
}

.listView.accomplishments {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0;
  box-sizing: border-box;
}
.listView.accomplishments > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0;
  vertical-align: top;
  /*width: calc((1 / 3) * 100%);*/
  flex-basis: calc(1 / 3 * 100%);
}
.listView.accomplishments li {
  padding: 0 1rem;
}
@media only screen and (max-width: 1024px) {
  .listView.accomplishments {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0;
    box-sizing: border-box;
  }
  .listView.accomplishments > li {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0;
    vertical-align: top;
    /*width: calc((1 / 2) * 100%);*/
    flex-basis: calc(1 / 2 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .listView.accomplishments {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0;
    box-sizing: border-box;
  }
  .listView.accomplishments > li {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0;
    vertical-align: top;
    /*width: calc((1 / 1) * 100%);*/
    flex-basis: calc(1 / 1 * 100%);
  }
}

.viewMoreOuter {
  margin: 0rem auto 3rem;
  text-align: center;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Card Views */
/****************************************************************************************************/
.cardView {
  margin: 0;
  position: relative;
  width: 100%;
}
.cardView .spaceBetween {
  display: flex;
  /* JT did this to reverse the image on insights */
  flex-direction: column-reverse;
  justify-content: flex-end;
  height: calc(100% - 1rem);
}
.cardView .innerContent {
  position: relative;
}
.cardView .innerContent .top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #B7E281;
  width: 100%;
}
.cardView .innerContent .top .dates {
  color: #002A55;
  font-size: 10px !important;
  font-weight: 700;
  text-transform: uppercase;
}
.cardView .innerContent .itemImage {
  margin-bottom: 1rem;
}
.cardView .innerContent .itemImage .bgImgWrapper .bgImg {
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  overflow: hidden;
}
.cardView .innerContent .itemImage .bgImgWrapper .bgImg:hover {
  transform: scale(1.02);
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.cardView .innerContent .itemContent {
  display: flex;
  flex-direction: column;
}
.cardView .innerContent .itemContent h3 {
  font-size: 1rem;
}
.cardView .innerContent .itemContent p {
  font-size: 1rem;
}

.cardView.teammember .bgImgWrapper:before { /* sets the height and then effectively removes itself from flow so as not to interfere with siblings */
  float: left;
  width: 1px;
  height: 0;
  content: "";
  margin-left: -1px;
  padding-top: 100%;
}
.cardView.teammember .bgImgWrapper:after { /* to clear float */
  content: "";
  display: table;
  clear: both;
}
.cardView.teammember .bgImgWrapper {
  background: radial-gradient(circle at 50% 35%, #f5f4f4 0, #a1a7e5 87%);
  box-shadow: none !important;
}
.cardView.teammember .bgImgWrapper a .bgImg {
  background-position: 100% 1.5rem;
}
.cardView.teammember ul.socialLinks {
  justify-content: flex-start;
}
.cardView.teammember .itemContent {
  padding: 0;
}
.cardView.teammember .itemContent .position {
  color: #707070;
  text-transform: uppercase;
  font-size: 0.65rem !important;
  letter-spacing: 2px;
}
.cardView.teammember .itemContent h3 {
  margin: 0;
}
.cardView.teammember .itemContent h4 {
  margin: 0.5rem 0 0.5rem 0;
  font-size: 1.2rem;
  font-weight: 500;
}
.cardView.teammember .itemContent .contactInfo {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: solid 1px #B7E281;
}
.cardView.teammember .itemContent .contactInfo li {
  padding: 0 0 10px 0;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.cardView.teammember .itemContent .contactInfo li svg.icon {
  color: #B7E281;
  margin-right: 2rem;
  position: relative;
  top: -2px;
  /*
  path {
      fill: $secondaryColour !important;
  }*/
}
.cardView.teammember .itemContent .contactInfo li a:hover {
  color: #002A55;
  font-weight: 700;
  text-decoration: none;
}

.cardView.insight {
  padding: 0;
  height: 100%;
  margin-bottom: 1rem;
  position: relative;
}
.cardView.insight .innerContent {
  height: 100%;
  padding-bottom: 1rem;
}
.cardView.insight .itemContent h3 {
  font-size: 1.3rem;
  line-height: 1.2;
  margin: 1rem 0;
}
.cardView.insight .bgImgWrapper:before {
  padding-top: 70%;
}
.cardView.insight .summary {
  font-size: 0.9rem;
}
.cardView.eventitem .innerContent .itemContent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.cardView.accomplishment {
  position: relative;
  border-top: 1px solid #B7E281;
  border-bottom: 1px solid #B7E281;
  color: #002A55;
  height: 100%;
  margin-bottom: 2rem;
}
.cardView.accomplishment .spaceBetween {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cardView.accomplishment .innerContent {
  height: 100%;
}
.cardView.accomplishment .innerContent .itemContent h3 {
  font-size: 1.2rem;
}
.cardView.accomplishment .innerContent .imgWrapper img {
  width: 60%;
}
.cardView.accomplishment .innerContent .urlLink a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.cardView.accomplishment.hasDescription {
  border-top: none;
  border-left: 5px solid #B7E281;
  padding: 0rem 1rem 0rem 2rem;
}

.cardView.testimonial .testimonialQuote {
  border: solid 1px white;
  padding: 3rem;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background: url(/CFImages/quotes.png) no-repeat 100% 100%;
  border: none;
}
.cardView.testimonial .testimonialQuote .top {
  margin-bottom: 1rem;
  color: #707070;
  text-transform: uppercase;
  font-size: 0.8rem;
  border: none !important;
  padding: 0;
}
.cardView.testimonial .testimonialQuote .testimonialContent p {
  font-style: italic;
  font-size: 20px;
  color: #002A55;
}
.cardView.testimonial .testimonialQuote .testimonialContent {
  padding-bottom: 1rem;
}
.cardView.testimonial .testimonialQuote .testimonialSource, .cardView.testimonial .testimonialQuote .testimonialSource p {
  font-weight: 700;
  font-style: normal;
}

.viewAllMoreWrapper {
  padding-top: 1rem;
}

.viewMoreRightAligned .viewAllMoreWrapper {
  justify-content: flex-end;
  display: flex;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Detail Views */
/****************************************************************************************************/
.detailView .topper {
  min-height: 18rem;
  margin-bottom: 2em;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
}
.detailView .topper .bgImgWrapper {
  position: absolute;
}
.detailView .topper .container {
  z-index: 1;
  position: relative;
}
.detailView .topper .container h1 {
  color: #fff;
}
.detailView .topper.reverse {
  margin-bottom: 0;
  min-height: 20rem;
  background: white;
}
.detailView .topper.reverse .container h1 {
  color: #002A55;
}
.detailView .topper.reverse .container .meta {
  color: #002A55;
}
.detailView .topper.reverse .container .meta * {
  color: inherit;
}
.detailView .topper.reverse .container .meta {
  padding-bottom: 0.5rem;
  font-size: 0.8rem;
}
.detailView .topper.reverse .container .meta + .topperTitle h1 {
  margin-top: 1rem;
  margin-bottom: 0;
}
.detailView .topper.reverse .container .meta .contentTypeLabels {
  display: inline-block;
}
.detailView .topper.reverse .container .meta .separator {
  padding: 0 1rem;
}
.detailView .topper.reverse .container .topperTitle {
  margin-top: 0px;
  padding-top: 10px;
  border-top: 1px solid #B7E281;
}
.detailView .lightGreyWrapper {
  background-color: #f2f2f2;
  padding-bottom: 2rem;
}
.detailView .col-2 .subTitle {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-bottom: 0;
  transform: none;
}
.detailView .col-2 .subTitle a {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 2;
  font-size: 12px;
  padding-right: 10px;
}
.detailView .col-2 .subTitle svg {
  margin: 10px 0 0 0;
}
.detailView .col-2 .subTitle .authorLabel {
  width: 100%;
}
.detailView .col-2 .printAndShare {
  padding-bottom: 10px;
}
.detailView .col-2 .printAndShare .svg-inline--fa {
  height: 2em;
}
.detailView svg path {
  fill: #002A55;
}
.detailView ul.sharingLinks > li {
  margin-left: 0 !important;
}
.detailView {
  /* Social */
}
.detailView div.socialAndSharing {
  display: flex;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
}
.detailView div.socialAndSharing > ul {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
.detailView div.socialAndSharing {
  padding: 1rem 0;
}
.detailView div.socialAndSharing ul.socialLinks {
  font-size: 1.8rem;
}
.detailView div.socialAndSharing ul.socialLinks li {
  align-items: flex-end;
}
.detailView div.socialAndSharing ul.sharingLinks {
  font-size: 1.8rem;
}
.detailView div.socialAndSharing ul.sharingLinks li {
  align-items: flex-end;
}
.detailView .scrollSection:first-child {
  padding-top: 1rem;
}
.detailView .secondHalf {
  border-top: 1px solid #E8E8E8;
  padding-bottom: 4rem;
}
.detailView {
  /*Detail View Expertises*/
}
.detailView.expertise .col-2 .printAndShare .svg-inline--fa {
  height: 1em;
}
.detailView.expertise .col-2 .printAndShare form {
  padding-bottom: 2rem;
}
.detailView.expertise .col-2 .printAndShare form .noButton .svg-inline--fa {
  height: 2em;
}
.detailView.expertise .teammembersWrapper {
  margin-top: 0rem !important;
}
.detailView.expertise .teammembersWrapper .listView.teammembers li .contactInfo {
  padding-bottom: 1rem;
}
.detailView .expertisesWrapper .container {
  width: 100%;
}
.detailView {
  /*Detail View Insights*/
}
.detailView.insight .expertiseandsectorsWrapper {
  padding-top: 4rem;
}
.detailView.insight .teammembersWrapper h2 {
  margin-top: 2rem;
}
.detailView.event .topper.reverse .button {
  margin-top: 2rem;
  z-index: -1;
}
.detailView.event .topper.reverse .meta {
  display: flex;
  border: none;
}
.detailView.event .topper.reverse .meta .left {
  padding-right: 4rem;
}
.detailView.event .topper.reverse .meta .top {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}
.detailView.event .topper.reverse .meta .bottom {
  border-top: 1px solid #B7E281;
  padding-top: 10px;
  margin-top: 10px;
}
.detailView.event .topper.reverse .meta .bottom .subType {
  text-transform: capitalize;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0;
}
.detailView.event .mainContent > :last-child {
  margin-bottom: 0rem;
}
.detailView.event .expertiseandsectorsWrapper {
  padding-top: 2rem;
}
.detailView .teammembersWrapper {
  padding-top: 1rem;
}
.detailView .casesWrapper h2 {
  margin: 3rem 0 1rem 0;
}
.detailView .casesWrapper .innerContainer .cases li {
  flex-basis: calc(100% - 30px);
}
.detailView .casesWrapper .innerContainer .cases li .case .top {
  border-bottom: 1px solid #B7E281;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.detailView .casesWrapper .innerContainer .cases li .case .innerContent .itemContent h3 {
  margin-top: 0 !important;
  margin: 0;
  padding: 0;
}
.detailView .cmsContent > p:nth-of-type(1) {
  margin-bottom: 2rem;
  font-size: 21px;
  color: #002A55;
}
.detailView .overview > p:nth-of-type(1) {
  margin-bottom: 2rem;
  font-size: 21px;
  color: #002A55;
}
.detailView .related.splide {
  padding-bottom: 2rem;
}
.detailView .related.splide .splide__arrows .splide__arrow {
  top: initial;
  bottom: 2rem;
}

.memberships {
  padding-bottom: 1rem;
}

/****************************************************************************************************/
/* #region Resources (shared styles) */
/****************************************************************************************************/
/* .publications .blogitems .newsitems .eventitems .cases etc... */
.insightsWrapper.related {
  margin: 2rem 0;
}

/****************************************************************************************************/
/* #region Team List */
/****************************************************************************************************/
.listView.teammembers > li {
  margin-bottom: 4rem;
}
.listView.teammembers.grid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
}
.listView.teammembers.grid > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 4) * 100% - 1rem);*/
  flex-basis: calc(1 / 4 * 100% - 1rem);
}
.listView.teammembers.grid > li.col {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 1299px) {
  .listView.teammembers.grid {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.5rem;
    box-sizing: border-box;
  }
  .listView.teammembers.grid > .col {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 3) * 100% - 1rem);*/
    flex-basis: calc(1 / 3 * 100% - 1rem);
  }
}
@media only screen and (max-width: 1024px) {
  .listView.teammembers.grid {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.5rem;
    box-sizing: border-box;
  }
  .listView.teammembers.grid > .col {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 2) * 100% - 1rem);*/
    flex-basis: calc(1 / 2 * 100% - 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .listView.teammembers.grid {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.5rem;
    box-sizing: border-box;
  }
  .listView.teammembers.grid > .col {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 1) * 100% - 1rem);*/
    flex-basis: calc(1 / 1 * 100% - 1rem);
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Search */
/****************************************************************************************************/
.searchResults h1 {
  font-weight: 700;
}
.searchResults h3 a {
  color: #002A55 !important;
  margin-top: 2rem;
  font-weight: 700;
  text-decoration: underline;
  font-size: 110%;
  text-decoration-color: #B7E281;
}
.searchResults h3 a:before {
  border-left: solid 5px #B7E281;
  margin-right: 1rem;
  content: "";
}
.searchResults .searchResult {
  padding: 0 0 2rem 0;
}
.searchResults .searchResult a {
  color: #a1a7e5;
}

div.searchPager {
  margin: 2rem 0;
  text-align: center;
}
div.searchPager ul.pagination {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
}
div.searchPager ul.pagination > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
div.searchPager ul.pagination {
  justify-content: center;
}
div.searchPager ul.pagination li {
  margin-top: 1rem;
}
div.searchPager ul.pagination li.active a {
  color: #B7E281;
}

.pagination {
  display: flex;
  padding-bottom: 2rem;
  justify-content: center;
}
.pagination li {
  padding-right: 1rem;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Team DetailView / Bio */
/****************************************************************************************************/
.detailView.teammember .bioTopContent {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  background: radial-gradient(circle at 72% 44%, #E8E8E8 0%, #F7F7F7 100%);
}
.detailView.teammember .bioTopContent .bioPhotoWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  /*background: radial-gradient(circle at 72% 44%, $greyXXLight 0%, $greyXXXLight 100%);*/
  position: relative;
}
.detailView.teammember .bioTopContent .bioPhotoWrapper .bgImgWrapper {
  width: 100%;
}
.detailView.teammember .bioTopContent .bioPhotoWrapper .bgImgWrapper:before { /* sets the height and then effectively removes itself from flow so as not to interfere with siblings */
  float: left;
  width: 1px;
  height: 0;
  content: "";
  margin-left: -1px;
  padding-top: 83.3333333333%;
}
.detailView.teammember .bioTopContent .bioPhotoWrapper .bgImgWrapper:after { /* to clear float */
  content: "";
  display: table;
  clear: both;
}
.detailView.teammember .bioTopContent .bioPhotoWrapper .bgImgWrapper {
  animation: leftToRight 1s forwards ease 1s;
  opacity: 0;
}
.detailView.teammember .bioTopContent .bioPhotoWrapper .bgImgWrapper:before {
  padding-top: 100% !important;
}
.detailView.teammember .bioTopContent .bioPhotoWrapper .bgImgWrapper .bgImg {
  background-position: top right;
  margin-top: 3rem;
}
.detailView.teammember .bioTopContent .bioContact {
  position: relative;
  padding: 2rem 0 2rem 5rem;
  width: 100%;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  font-size: 90%;
}
.detailView.teammember .bioTopContent .bioContact h1 {
  position: relative;
  font-size: 2.4rem;
  margin: 0.25rem 0;
  white-space: nowrap;
}
.detailView.teammember .bioTopContent .bioContact h1 span {
  font-size: 60%;
  font-weight: 300;
}
.detailView.teammember .bioTopContent .bioContact h3 {
  color: #707070;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 2px;
}
.detailView.teammember .bioTopContent .bioContact h5 {
  border-bottom: 1px solid #707070;
  padding-bottom: 0.75rem;
  font-weight: 300;
  margin: 0.25rem 0;
}
.detailView.teammember .bioTopContent .bioContact .designation {
  width: 70%;
  margin: 1rem 0 2rem 0;
}
.detailView.teammember .bioTopContent .bioContact .callToAction {
  margin: -1rem 0 0.5rem 0;
}
.detailView.teammember .bioTopContent .bioContact .callToAction img {
  max-width: 200px;
}
.detailView.teammember .bioTopContent .bioContact .displayFlex {
  padding-top: 1rem;
}
.detailView.teammember .bioTopContent .bioContact .displayFlex ul.socialLinks {
  padding-bottom: 0rem;
  margin-right: 1.5rem;
}
.detailView.teammember .bioTopContent .bioContact .contactInfo {
  border-top: solid 1px #B7E281;
  margin-top: 1rem;
}
.detailView.teammember .bioTopContent .bioContact .contactInfo .displayFlex {
  padding: 0;
}
.detailView.teammember .bioTopContent .bioContact .contactInfo .left {
  font-weight: 700;
  width: 160px;
}
@media only screen and (max-width: 1024px) {
  .detailView.teammember .bioTopContent .bioContact .contactInfo .displayFlex {
    display: block;
    text-align: center;
  }
  .detailView.teammember .bioTopContent .bioContact .contactInfo .left, .detailView.teammember .bioTopContent .bioContact .contactInfo .right {
    width: 100%;
    text-align: center;
  }
}
.detailView.teammember .bioTopContent .bioContact .contactInfo .officesWrapper.container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.detailView.teammember .bioTopContent .bioContact .contactInfo .officesWrapper.container > span, .detailView.teammember .bioTopContent .bioContact .contactInfo .officesWrapper.container > div {
  flex: 1 1 50%;
}
.detailView.teammember .bioTopContent .bioContact .contactInfo .officesWrapper .listView.offices {
  display: flex;
  flex-direction: column;
  margin-top: 0px;
  gap: 1rem;
}
.detailView.teammember .bioTopContent .bioContact .contactInfo > div {
  justify-content: flex-start;
  margin-top: 1rem;
}
.detailView.teammember .bioTopContent .bioContact ul.socialLinks {
  justify-content: flex-start;
  padding-bottom: 1rem;
}
@media only screen and (max-width: 1024px) {
  .detailView.teammember .bioTopContent .bioContact ul.socialLinks {
    justify-content: center;
    margin: 0;
  }
  .detailView.teammember .bioTopContent .bioContact ul.socialLinks li {
    margin: 0 1rem !important;
  }
}
.detailView.teammember .bioTopContent .bioContact ul.socialLinks li {
  display: flex;
  font-size: 1em;
  margin-left: 0;
  margin-right: 0;
}
.detailView.teammember .bioTopContent .bioContact ul.socialLinks li a {
  font-size: 1.2rem;
}
.detailView.teammember .bioTopContent .bioContact ul.socialLinks li a:hover {
  color: #002A55;
}
.detailView.teammember .sideContent > :first-child {
  margin-top: 3rem;
}
.detailView.teammember .sideContent > :last-child {
  margin-bottom: 2rem;
}
.detailView.teammember .sideContent h2 {
  color: white;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  margin-top: 0;
}
.detailView.teammember .sideContent .related.expertises {
  margin-bottom: 1.5rem;
  border-bottom: solid 1px #B7E281;
}
.detailView.teammember .sideContent .related.expertises .k-treeview .k-item:hover {
  background: none;
  color: #B7E281;
}
.detailView.teammember .sideContent .related.expertises .k-treeview .k-item .level2 .k-item a {
  transition: 0.5s all ease;
}
.detailView.teammember .sideContent .related.expertises .k-treeview .k-item .level2 .k-item a:hover {
  transition: 0.5s all ease;
  transform: translatex(5px);
}
.detailView.teammember .sideContent .related.expertises .k-treeview .k-item .k-link {
  color: #fff !important;
  font-size: 1rem;
  font-weight: normal;
  width: 100%;
  padding: 0rem 0rem 1rem;
  border: none;
}
.detailView.teammember .sideContent .related.expertises .k-treeview .k-item .k-link:hover {
  background: none;
}
.detailView.teammember .sideContent .related.expertises .k-treeview .k-item .k-icon {
  right: 0;
  top: 0;
  z-index: 100;
}
.detailView.teammember .sideContent .related.expertises .k-treeview .k-item .k-icon:before {
  background-image: url("/CFImages/Icons/plus-white.svg");
}
.detailView.teammember .sideContent .related.expertises .k-treeview .k-item .k-icon.k-i-collapse:before {
  background-image: url("/CFImages/Icons/minus-white.svg");
  background-size: 100% auto;
}
.detailView.teammember .sideContent .related.expertises .k-treeview .k-item .k-group .k-item .k-link {
  font-size: 90%;
  padding-left: 1rem;
  opacity: 0.8;
  white-space: break-spaces;
}
.detailView.teammember .sideContent .cmsContent.education ul {
  margin-bottom: 0rem;
}
.detailView.teammember .sideContent .cmsContent.education ul > li {
  padding-left: 0rem;
  font-size: 1rem;
  padding: 0rem 0rem 1rem;
}
.detailView.teammember .sideContent .cmsContent.education ul > li span {
  font-size: 1rem !important;
}
.detailView.teammember .sideContent .cmsContent.education ul > li:before {
  background: none;
}
.detailView.teammember .sideContent .cmsContent.education ul > li:last-child {
  padding-bottom: 0rem;
}
.detailView.teammember #openPrintModal {
  padding-right: 1rem;
}
.detailView.teammember #openPrintModal:hover {
  cursor: pointer;
}
.detailView.teammember h3 {
  font-weight: 500;
  color: #002A55;
}
.detailView.teammember .mainContent .cmsContent h3 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
}
.detailView.teammember h2 {
  color: #002A55;
  font-weight: 700;
  margin-top: 2rem;
}
.detailView.teammember .cmsContent.highlight {
  margin-bottom: 2rem;
}
.detailView.teammember .membership {
  border-top: 1px solid #B7E281;
}
.detailView.teammember .related.newsitemsWrapper {
  border-top: 1px solid #B7E281;
}
.detailView.teammember .related.publicationsWrapper {
  border-top: 1px solid #B7E281;
  margin-top: 4rem;
}
.detailView.teammember .related.eventitemsWrapper {
  border-top: 1px solid #B7E281;
}
.detailView.teammember .related.casesWrapper .cases li {
  flex-basis: calc(100% - 30px);
}
.detailView.teammember .related.casesWrapper .cases li .case {
  border-top: 5px solid #B7E281 !important;
  border: 1px solid #F2F2F2;
  margin-bottom: 0px;
  padding: 20px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin-bottom: 1rem;
}
.detailView.teammember .related.casesWrapper .cases li .case .top a, .detailView.teammember .related.casesWrapper .cases li .case .top .subType {
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 11px;
  color: #002A55;
  text-transform: uppercase;
}
.detailView.teammember .related.casesWrapper .cases li .case .itemContent h3 {
  font-weight: 700;
  padding-bottom: 0.5rem;
  margin-bottom: 0px;
}
.detailView.teammember .related.casesWrapper .cases li .case .itemContent .expertises li {
  flex-basis: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 0;
}
.detailView.teammember .related.casesWrapper .cases li .case .itemContent .expertises li:before {
  top: -2px;
  left: 0px;
  background-color: #B7E281;
  content: "";
  height: 8px;
  width: 8px;
  position: relative;
  display: block;
  font-size: 0.3em;
  line-height: inherit;
  border-radius: 50%;
  margin-right: 15px;
}
.detailView.teammember .related.casesWrapper .cases li .case .itemContent .expertises li span {
  font-size: 14px;
  text-transform: uppercase;
}
.detailView.teammember .related.casesWrapper h2 {
  margin-top: 4rem;
  border-top: 1px solid #B7E281;
  padding-top: 2rem;
}

.printModal {
  color: white;
  display: none;
}
.printModal h2 {
  color: white;
  font-size: 2rem;
  font-weight: 700;
}
.printModal .bottom .button {
  margin-top: 2rem;
}
.printModal .bottom .options ul li {
  padding-bottom: 1rem;
}

.printModalWrapper .printModal {
  display: block;
}

/* #endregion */
/****************************************************************************************************/
.featuredcontentsWrapper .topper {
  margin-bottom: 0;
  margin-top: 3rem !important;
  align-items: center;
}
.featuredcontentsWrapper .topper h2 {
  font-weight: 500;
}
.featuredcontentsWrapper .topper {
  color: #fff;
}
.featuredcontentsWrapper .topper * {
  color: inherit;
}
.featuredcontentsWrapper .topper .button {
  background: #B7E281;
  color: #002A55;
  border: none;
}
.featuredcontentsWrapper .topper .topperTitle {
  text-align: center;
  padding: 0 0 4rem 0;
}
.featuredcontentsWrapper .topper .topperTitle .button {
  background: #B7E281;
  color: #002A55;
}
.featuredcontentsWrapper .topper .bgImgWrapper .bgImg {
  position: relative;
}
.featuredcontentsWrapper .topper .bgImgWrapper .bgImg:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.featuredcontentsWrapper .topper .bgImgWrapper .bgImg > * {
  position: relative;
  z-index: 2;
}
.featuredcontentsWrapper .topper .bgImgWrapper .bgImg:hover:after {
  background: rgba(0, 0, 0, 0.5);
}
.featuredcontentsWrapper .topper .bgImgWrapper .bgImg:before {
  background-image: none !important;
}
.featuredcontentsWrapper .topper .container.narrow {
  width: 52rem;
}
.featuredcontentsWrapper .featuredcontents {
  display: block !important;
}

.registerNowImageWrapper {
  margin-top: 2rem;
  background: #002A55;
}
.registerNowImageWrapper .centerMe {
  padding: 2rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.registerNowImageWrapper .centerMe h2 {
  font-weight: 500;
  color: white;
}

/****************************************************************************************************/
/* #region Expertises + Sector List View */
/****************************************************************************************************/
/*
    NOTE: We should work to avoid/undo this method of sharing styles between modules (specifically multiple, comma-separated selectors at the top level). It contributes to CSS bloat.
    We need to pick a shared class that we can style rather than adding multiple comma-separated classes at the top of a tree. Maybe something like .area ? or .sectorExpertise ?
    Just like the .resource class, you would just make sure to update the views that need this new .area class.
*/
/*Expertise Detail View is here*/
.cardView.expertise:hover .itemImage .bgImgWrapper span.bgImg {
  transform: scale(1.05);
  transition: all 0.2s ease;
}
.cardView.expertise > .innerContent .itemContent {
  top: 2rem;
  left: 2rem;
  padding: 0;
  z-index: 1;
  position: absolute;
  transition: all 0.3s ease;
}
.cardView.expertise > .innerContent .itemContent h3 {
  font-size: 1.2rem;
  text-transform: uppercase;
}
.cardView.expertise > .innerContent .itemContent h3 a:link, .cardView.expertise > .innerContent .itemContent h3 a:visited, .cardView.expertise > .innerContent .itemContent h3 a:active {
  color: white;
}
.cardView.expertise > .innerContent .itemContent h3 a:hover, .cardView.expertise > .innerContent .itemContent h3 a:focus {
  color: #B7E281;
}

.detailView.expertise .topper .bgImgWrapper .bgImg:before {
  position: relative;
  display: block;
  height: 100%;
  content: " ";
  background-image: linear-gradient(90deg, #002A55 0%, rgba(63, 108, 118, 0.1) 60%);
  opacity: 0.9;
  z-index: 2;
}
.detailView.expertise .mainContent .highlight > p:nth-of-type(1) {
  font-weight: 700;
}
.detailView.expertise .mainContent .insightsWrapper.related {
  margin: 3rem 0 4rem 0;
}
.detailView.expertise .mainContent .teammembersWrapper.related h2 {
  margin-top: 3rem;
}
.detailView.expertise .mainContent .teammembersWrapper.related .teammember {
  margin-bottom: 0rem;
}
.detailView.expertise .mainContent .teammembersWrapper.related .teammember .itemContent .contactInfo {
  display: block;
}
.detailView.expertise .mainContent .teammembersWrapper.related .teammember .itemContent .contactInfo li svg path {
  fill: #B7E281;
}

.expertiseList .container {
  width: 100%;
}
.expertiseList .container .listView.expertises {
  display: block;
  column-count: 2;
}
.expertiseList .container .listView.expertises li h3 {
  padding: 0 0 0.5rem 0;
  margin: 0 0 1rem 0;
  border-bottom: 1px solid #B7E281;
  font-size: 18px;
  font-weight: 500;
  width: 100%;
}
.expertiseList .container .listView.expertises li h3 a {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
}
.expertiseList .container .listView.expertises li h3 a:after {
  content: " ";
  padding-left: 2rem;
  color: #B7E281;
  background-image: url(/CFImages/Icons/chevron-right-teal.svg);
  top: 4.5px;
  position: relative;
  background-size: auto 50%;
  background-repeat: no-repeat;
  margin-left: 1rem;
}
.expertiseList .container .listView.expertises li h3 a:hover {
  color: #002A55;
  text-decoration: none;
  font-weight: 700;
  transform: translateX(10px);
}

/*
.expertises {
    // The sector
    > .grid {
        @include grid(3);

        .col {
            position: relative;
        }
    }

    .level1 {
        display: none;

        &.k-group {
            display: block;
        }
    }


    @media only screen and (max-width : $M_Max) {
        > .grid {
            @include grid(2);
        }
    }
}*/
.expertiseThumbs > .grid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
}
.expertiseThumbs > .grid > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  flex-basis: calc(1 / 1 * 100% - 1rem);
}
.expertiseThumbs > .grid .col .expertise {
  position: relative;
  height: 425px;
  margin-bottom: 3rem;
  background-color: black;
}
.expertiseThumbs > .grid .col .expertise .visibleContent {
  position: relative !important;
  height: 425px;
  margin-bottom: 3rem;
  background: black;
}
.expertiseThumbs > .grid .col .expertise .visibleContent h2 {
  z-index: 4;
  font-size: 2rem;
  position: absolute;
  top: 5%;
  left: 7%;
  color: #fff;
}
.expertiseThumbs > .grid .col .expertise .visibleContent h2 * {
  color: inherit;
}
.expertiseThumbs > .grid .col .expertise .visibleContent h2 {
  transition: all 0.25s ease;
  font-weight: 500;
}
.expertiseThumbs > .grid .col .expertise .visibleContent .bgImgWrapper {
  background-color: black;
}
.expertiseThumbs > .grid .col .expertise .visibleContent .bgImgWrapper .sr-only {
  display: none;
}
.expertiseThumbs > .grid .col .expertise .visibleContent .overlay {
  height: 425px;
  width: 100%;
  position: absolute;
  background-image: linear-gradient(90deg, #02182E 0%, rgba(31, 31, 31, 0) 50%);
  z-index: 1;
  transition: all 2s ease;
  -webkit-transition: background-image 5s ease;
}
.expertiseThumbs > .grid .col .expertise .visibleContent .hoverContent {
  opacity: 0;
  transition: all 2s ease;
  display: block;
  z-index: 1;
  font-size: 1.2rem;
  position: absolute;
  top: calc(10% + 2rem);
  left: 7%;
  color: #fff;
}
.expertiseThumbs > .grid .col .expertise .visibleContent .hoverContent .listView.expertises {
  display: flex;
  opacity: 1;
  font-size: 80%;
  max-width: 90%;
  overflow: visible;
  flex-wrap: wrap;
  padding: 0;
}
.expertiseThumbs > .grid .col .expertise .visibleContent .hoverContent .listView.expertises p {
  margin: 0;
  padding: 0rem 1rem 1rem 0;
}
.expertiseThumbs > .grid .col .expertise .visibleContent .hoverContent .listView.expertises p a {
  color: white;
}
.expertiseThumbs > .grid .col .expertise .visibleContent .hoverContent .listView.expertises p a:before {
  border-left: #B7E281 5px solid;
  content: " ";
  padding-right: 1rem;
  position: relative;
  top: -2px;
}
.expertiseThumbs > .grid .col .expertise .visibleContent:hover .overlay {
  transition: all 1s ease;
  -webkit-transition: background-image 5s ease;
  background-image: linear-gradient(90deg, rgb(0%, 6.5882352941%, 13.3333333333%) 15%, rgba(31, 31, 31, 0.4) 90%);
}
.expertiseThumbs > .grid .col .expertise .visibleContent:hover .hoverContent {
  opacity: 1;
  transform: translateY(1.5rem);
  transition: all 1s ease;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Expertise + Sector Detail View */
/****************************************************************************************************/
.expertise.detailView div.padded.centered, .sector.detailView div.padded.centered {
  padding: 1rem 6rem;
  text-align: center;
}
.expertise.detailView .pageTopper, .sector.detailView .pageTopper {
  padding-top: 5rem;
  min-height: 25rem;
  margin-bottom: 2rem;
}
.expertise.detailView .teammembers.related ul.grid, .sector.detailView .teammembers.related ul.grid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
}
.expertise.detailView .teammembers.related ul.grid > .col, .sector.detailView .teammembers.related ul.grid > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 4) * 100% - 1rem);*/
  flex-basis: calc(1 / 4 * 100% - 1rem);
}

.highlight > p:nth-of-type(1) {
  font-size: 1.4em !important;
  border-left: solid 3px #B7E281;
  padding-left: 1rem;
  margin-bottom: 2rem;
  font-weight: 700;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Offices*/
/****************************************************************************************************/
.officesWrapper.contactWrapper .listView.offices > li {
  flex-basis: 100%;
  margin: 0 0 7rem 0;
}
.officesWrapper.contactWrapper .listView.offices > li .office .innerContent {
  display: flex;
}
.officesWrapper.contactWrapper .listView.offices > li .office .innerContent .itemImage {
  flex: 0 0 45%;
  padding: 0rem 6rem 0rem 0;
  margin-bottom: 0;
  height: 20rem;
}
.officesWrapper.contactWrapper .listView.offices > li .office .innerContent .itemContent {
  padding: 2rem 2rem 2rem 5rem;
  flex: 1;
  border-left: solid 1px #B7E281;
  justify-content: center;
  margin-left: 6rem;
}
.officesWrapper.contactWrapper .listView.offices > li .office .innerContent .itemContent address {
  margin-bottom: 2rem;
  margin-left: 8px;
  font-style: normal;
  line-height: 2;
}
.officesWrapper.contactWrapper .listView.offices > li .office .innerContent .itemContent .displayFlex svg {
  position: relative;
  top: 5px;
}
.officesWrapper.contactWrapper .listView.offices > li .office .innerContent .itemContent svg {
  color: #B7E281;
  padding-right: 10px;
}
.officesWrapper.contactWrapper .listView.offices > li .office .innerContent .itemContent li {
  padding-bottom: 10px;
}
.officesWrapper.contactWrapper .listView.offices > li:nth-of-type(even) .office .innerContent {
  flex-direction: row-reverse;
}
.officesWrapper.contactWrapper .listView.offices > li:nth-of-type(even) .office .innerContent .itemContent {
  margin-left: 0rem;
}
.officesWrapper.contactWrapper .listView.offices > li:nth-of-type(even) .office .innerContent .itemImage {
  padding: 0rem 0 0 6rem;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Firm Memberships*/
/****************************************************************************************************/
.firmmembershipsWrapper .listView.firmmemberships > li {
  flex-basis: 100%;
}
.firmmembershipsWrapper .listView.firmmemberships > li .firmmembership {
  display: flex;
  align-items: center;
  padding: 2rem 0 1rem;
  border-bottom: solid 1px #E8E8E8;
}
.firmmembershipsWrapper .listView.firmmemberships > li .firmmembership .innerContent {
  flex: 1 1 90%;
}
.firmmembershipsWrapper .listView.firmmemberships > li .firmmembership .innerContent .borderLeft {
  border-left: solid 3px #B7E281;
  padding-left: 1rem;
}
.firmmembershipsWrapper .listView.firmmemberships > li:last-child .firmmembership {
  border: none;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Filtered Content Items */
/****************************************************************************************************/
.fieldGroups {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1.2rem;
}
.fieldGroups > fieldset {
  flex: 1 1 0;
  margin: 0;
  padding: 0;
  border: none;
}
.fieldGroups > fieldset legend {
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: absolute;
}
.fieldGroups .k-dropdown {
  width: 100%;
  border: solid 1px #B7E281;
  border-radius: 5px;
  position: relative;
}
.fieldGroups .k-dropdown:hover .k-dropdown-wrap, .fieldGroups .k-dropdown.k-state-border-down .k-dropdown-wrap {
  border-color: #B1B1B1;
}
.fieldGroups .k-dropdown .k-dropdown-wrap {
  border-radius: 0;
  box-shadow: none;
  background: none;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.fieldGroups .k-dropdown .k-dropdown-wrap .k-input {
  padding: 1.6rem 1.2rem;
  font-size: 14px;
  color: #002A55;
  -webkit-user-select: none;
          user-select: none;
}
.fieldGroups .k-dropdown .k-dropdown-wrap .k-select {
  padding-right: 1.2rem;
  position: absolute;
  right: 12px;
  top: 20px;
}
.fieldGroups .k-dropdown .k-dropdown-wrap .k-select .k-icon {
  width: 0.6rem;
  height: 0.6rem;
}
.fieldGroups .k-dropdown .k-dropdown-wrap .k-select .k-icon:before {
  background-image: url(/CFImages/Icons/plus.svg);
  background-size: 0.6rem auto;
}

.k-menu-group .k-item > .k-state-active {
  /* background-color: lighten($secondaryColour, 10%) !important;*/
  background-color: rgba(0, 42, 85, 0.8) !important;
  transform: none !important;
}
.k-menu-group .k-item {
  color: #002A55;
}
.k-menu-group .k-item:hover {
  background-color: rgba(0, 42, 85, 0.9) !important;
}
.k-menu-group .k-item a:hover {
  color: white;
}

.k-list-container {
  border: 1px solid #B1B1B1;
  border-top-width: 0;
}

.k-list-optionlabel,
.k-list .k-item {
  padding: 0.8rem 0.6rem;
  font-size: 14px;
}
.k-list-optionlabel.k-state-selected,
.k-list .k-item.k-state-selected {
  background-color: #002A55;
}
.k-list-optionlabel.k-state-selected:hover,
.k-list .k-item.k-state-selected:hover {
  background-color: rgb(0%, 11.5294117647%, 23.3333333333%);
}

/* Filters */
.filtersContainer {
  display: block;
  margin: 0 auto;
  width: 100%;
  margin: 2rem auto 4rem;
}
.filtersContainer fieldset legend {
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: absolute;
}
.filtersContainer .clearSearch {
  background: none;
  border: none;
  text-transform: uppercase;
  color: #002A55;
  font-weight: 700;
}

/* Keyword Search */
.keywordSearchWrapper {
  margin-bottom: 1.4rem;
  position: relative;
}
.keywordSearchWrapper input[type=search] {
  border: solid 1px #B7E281;
  box-sizing: border-box;
  height: 3rem;
  font-size: 12px;
  /* the animated underline */
}
.keywordSearchWrapper input[type=search] + .textFieldUnderline {
  width: 100%;
  height: 1px;
  display: block;
  margin: 0;
  margin-top: -1px;
  background-size: 200%;
  background-position: 100% 0%;
  /*background-image: linear-gradient(to right, #002A55, #002A55 50%, transparent 50%, transparent 75%);*/
  background-image: linear-gradient(to right, #B1B1B1, #B1B1B1 50%, transparent 50%, transparent 75%);
  position: relative;
  z-index: 10;
}
.keywordSearchWrapper input[type=search]:focus, .keywordSearchWrapper input[type=search]:active, .keywordSearchWrapper input[type=search]:hover {
  outline: none !important;
  /*border-bottom: 2px solid $primaryColour;*/
}
.keywordSearchWrapper input[type=search]:focus + .textFieldUnderline, .keywordSearchWrapper input[type=search]:active + .textFieldUnderline, .keywordSearchWrapper input[type=search]:hover + .textFieldUnderline {
  background-position: 0% 0%;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, padding 0s linear, margin 0s linear;
  transition-duration: 250ms;
}
.keywordSearchWrapper .buttons {
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  bottom: 1px;
  display: flex;
  align-items: stretch;
  background-color: #B7E281;
}
.keywordSearchWrapper .buttons .clearSearch {
  display: none;
  opacity: 0;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.keywordSearchWrapper .buttons .clearSearch .icon:before {
  background-size: 1rem auto;
}
.keywordSearchWrapper .buttons .button {
  border: none;
  padding: 0;
  width: 4rem;
  border-radius: inherit;
}
.keywordSearchWrapper .buttons .button.submit:after {
  top: 0px;
}
.keywordSearchWrapper input[type=search]:not(:placeholder-shown) ~ .buttons .clearSearch {
  display: block;
  opacity: 1;
}

/* clears the ‘X’ from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

/* Search by initial (alphabet) */
.searchByInitialContainer {
  margin: 2rem 0;
}
.searchByInitialContainer a.initialFilter {
  cursor: pointer;
  text-decoration: none;
}
.searchByInitialContainer a.initialFilter.selected {
  color: #B7E281;
}

/* Filtered Content Wrapper */
.filteredContent {
  padding-bottom: 6rem;
  min-height: 30rem;
}
.filteredContent .filtersContainer form {
  /* display: flex;*/
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.filteredContent .filtersContainer .level1 {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  align-items: center;
}
.filteredContent .buttonsContainer .button i {
  margin-left: 2rem;
}
.filteredContent .buttonsContainer .button:not(:last-child) {
  margin-right: 1rem;
}
.filteredContent .loadMoreContainer {
  text-align: center;
  margin: 0rem 0 0;
}
.filteredContent .loadMoreContainer button .icon {
  font-size: 0.8rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.6rem;
  margin-right: 0.6rem;
}
.filteredContent .permanentLinkField {
  display: flex;
}
.filteredContent .permanentLinkField button {
  padding: 0.6rem 1rem;
  margin: 0;
}
.filteredContent .permanentLinkField button svg {
  margin: 0;
}
.filteredContent {
  /* special filter styles for the Featured Work page */
}
.filteredContent.filteredContentFeaturedWork .fieldGroups fieldset:first-child {
  width: 25%;
  flex: initial;
}

/* Active filters tags/pills */
#filtersDisplayContainer {
  margin: 1rem 0;
}
#filtersDisplayContainer .activeFilterGroup {
  display: inline-flex;
  flex-wrap: wrap;
}
#filtersDisplayContainer .activeFilterGroup .activeFilterTag {
  border: 1px solid #E8E8E8;
  padding: 0.4rem 1rem;
  cursor: pointer;
  position: relative;
  padding-right: 2.4rem;
  margin-bottom: 0.6rem;
  -webkit-user-select: none;
          user-select: none;
  margin-right: 1rem;
  color: #707070;
}
#filtersDisplayContainer .activeFilterGroup .activeFilterTag:not(:last-of-type) {
  margin-right: 0.6rem;
}
#filtersDisplayContainer .activeFilterGroup .activeFilterTag:after {
  top: 50%;
  content: " ";
  right: 0.8rem;
  color: #B7E281;
  background-image: url(/CFImages/Icons/plus-red.svg);
  background-size: 0.6rem auto;
  background-position: center;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center;
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
}
#filtersDisplayContainer .activeFilterGroup .activeFilterTag:hover, #filtersDisplayContainer .activeFilterGroup .activeFilterTag:focus {
  border-color: #B1B1B1;
}
#filtersDisplayContainer .activeFilterGroup .activeFilterTag:active {
  border-color: #B1B1B1;
}

.filtersPopupWrapper {
  width: 100%;
  left: 0 !important;
}
.filtersPopupWrapper .advancedFiltersContainer {
  margin: 0 auto;
  display: block !important;
}

#loadingIndicator {
  height: 240px;
  display: none;
  margin-top: 2rem;
}
#loadingIndicator svg {
  margin: 0 auto;
}
#loadingIndicator.loading {
  content: "loading";
  line-height: 200px;
  text-align: center;
  display: block;
}

#loadingCounter {
  margin: 2rem 0 2rem;
  color: #707070;
  font-style: italic;
}

#filteredContentResult li.noResults {
  color: #707070;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0;
  flex: initial;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#filteredContentResult li.noResults .message {
  font-style: italic;
}
/*#filteredContentResult_upcoming {
    padding: 4rem 0;
    border: 2px solid red;
}*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Search */
/****************************************************************************************************/
.searchResults {
  margin-top: 8rem;
}
.searchResults > ul.grid {
  /*  @include grid(2);*/
  align-items: flex-start;
  flex-direction: row-reverse;
}
.searchResults > ul.grid > .col {
  margin-bottom: 1rem;
}
.searchResults .branded {
  font-weight: 700;
}
.searchResults .subType {
  font-weight: 700;
}
.searchResults .itemImage {
  padding-top: 1rem;
}
.searchResults time {
  color: #a1a7e5;
}
.searchResults .nonDynamic {
  display: none;
}

div.searchPager {
  margin: 2rem 0;
  text-align: center;
}
div.searchPager ul.pagination {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
}
div.searchPager ul.pagination > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
div.searchPager ul.pagination {
  justify-content: center;
}
div.searchPager ul.pagination li {
  margin-top: 1rem;
}
div.searchPager ul.pagination li.active a {
  color: #B7E281;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Search */
/****************************************************************************************************/
div.searchPager {
  margin: 2rem 0;
  text-align: center;
}
div.searchPager ul.pagination {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
}
div.searchPager ul.pagination > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
div.searchPager ul.pagination {
  justify-content: center;
}
div.searchPager ul.pagination li {
  margin-top: 1rem;
}
div.searchPager ul.pagination li.active a {
  color: #B7E281;
}

.searchModalBackground {
  background-color: #002A55 !important;
  opacity: 0.99 !important;
}

.searchModal {
  width: 100%;
  height: 100%;
  display: none !important;
  align-items: center;
  justify-content: center;
  background: linear-gradient(0deg, #002a55 0%, #001122 100%);
}
.searchModal .button {
  border: none;
}
.searchModal .button:hover {
  background-color: rgb(62.4743833017%, 84.8855154965%, 34.330170778%);
}
.searchModal .button [class*=fa-] {
  margin-left: 0;
}
.searchModal .button.close {
  position: absolute;
  top: 1rem;
  right: 3rem;
  color: #002A55;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  border-radius: 50%;
}
.searchModal .button.sfsearchSubmit {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: #002A55;
}
.searchModal .modalContent {
  min-width: 300px;
}
.searchModal .modalContent .formGroup {
  display: flex;
}
.searchModal .modalContent .formGroup input {
  min-width: 300px;
}
.searchModal .modalContent .formGroup .sfsearchSubmit {
  margin-top: 0;
  color: #fff;
}
@media (max-width: 1024px) {
  .searchModal .button.close {
    right: 2rem;
  }
}
@media (max-width: 767px) {
  .searchModal .button.close {
    right: 25px;
  }
}

.popup_wrapper {
  transition: 0.5s ease;
  background: linear-gradient(0deg, #002a55 0%, #001122 100%);
}
.popup_wrapper .searchModal {
  display: flex !important;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Iframes + Videos + Embeds */
/****************************************************************************************************/
.videoWrapper, .embedWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe, .embedWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Sharing Links */
/****************************************************************************************************/
.shareThis {
  /*position: fixed;*/
  z-index: 100;
  top: 7rem;
  right: 1rem; /*
@extend %dropShadow;*/ /*
border: 1px solid $primaryColour;*/
  cursor: pointer; /*
background-color: white;*/
  padding: 0.4rem 0rem;
}
.shareThis .toggleAction {
  font-size: 0.8rem;
}
.shareThis .toggleContent {
  display: none;
}
.shareThis .toggleContent ul.sharingLinks {
  margin: 0.5rem 0;
}
.shareThis .toggleContent ul.sharingLinks li.sharingLink button {
  font-size: 1.5rem;
}
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Global Alerts */
/****************************************************************************************************/
.globalalert {
  color: white;
  background-color: #B7E281;
  padding: 0.5rem 0;
  font-size: 0.8rem;
  position: relative;
}
.globalalert a.alertLabelLink {
  color: white;
  text-decoration: none;
  display: block;
  margin-bottom: 0.5rem;
}
.globalalert a.alertLabelLink:hover {
  text-decoration: underline;
}
.globalalert .additionalContent {
  color: white;
}
.globalalert .additionalContent * {
  color: inherit;
}
.globalalert .additionalContent {
  font-size: 0.8rem;
}
.globalalert .additionalContent > :last-child {
  margin-bottom: 0;
}
.globalalert .additionalContent a {
  color: white;
  text-decoration: underline;
}
.globalalert .additionalContent a:hover {
  text-decoration: none;
}
.globalalert.informative {
  background-color: #a1a7e5;
}
.globalalert.exclamation {
  background-color: #002A55;
}
.globalalert.question {
  background-color: black;
}

/* List View */
ul.globalalerts.listView:not(.splide__list) {
  position: relative;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0;
  box-sizing: border-box;
}
ul.globalalerts.listView:not(.splide__list) > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0;
  vertical-align: top;
  /*width: calc((1 / 1) * 100%);*/
  flex-basis: calc(1 / 1 * 100%);
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Mediums */
/****************************************************************************************************/
/* Single Medium */
.medium .innerContent .itemImage {
  position: relative;
}
.medium .innerContent .itemImage:before {
  top: calc(50% - 1rem);
  left: calc(50% - 1rem);
  content: "\f144";
  z-index: 1;
  position: absolute;
  color: #a1a7e5;
  font-size: 2rem;
}

/* Default List */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Documents */
/****************************************************************************************************/
.document {
  font-size: 0.8rem;
}
.document .grid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.25rem;
  box-sizing: border-box;
}
.document .grid > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.25rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
.document a {
  width: 100%;
  display: block;
  padding: 1rem 0rem 0.5rem 0rem;
  font-family: objektiv-mk3, sans-serif;
  text-decoration: none !important;
}
.document a .iconExtension {
  width: 1.5rem;
  flex-grow: 0;
  flex-basis: auto;
}
.document a .iconExtension svg {
  font-size: 1.75rem;
}
.document a .iconExtension .textExtension {
  display: none;
}
.document a .documentDetails h3.titleLink {
  margin: 0;
  padding: 0;
  font-family: objektiv-mk3, sans-serif;
}
.document a .typeIcon {
  display: block;
}
.document a .hoverIcon {
  display: none;
}
.document a .textExtension {
  font-size: 1rem;
}

.documents {
  margin: 1rem 0;
}
.documents ul li {
  color: #002A55;
  display: block;
  margin: 0;
  font-size: 1rem;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  background-color: transparent;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Accordions + FAQs */
/****************************************************************************************************/
.accordion .accordionTop {
  cursor: pointer;
  margin: 0;
  padding: 1.6rem 0;
  padding-right: 3.4rem;
  position: relative;
  border-bottom: 1px solid #B7E281;
}
.accordion .accordionTop:before, .accordion .accordionTop:after {
  top: 50%;
  right: 30px;
  margin-top: -10px;
  content: "";
  position: absolute;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  background-color: #B7E281;
}
.accordion .accordionTop {
  /* Vertical line */
}
.accordion .accordionTop:before {
  width: 2px;
  height: 20px;
}
.accordion .accordionTop {
  /* horizontal line */
}
.accordion .accordionTop:after {
  width: 2px;
  height: 20px;
  transform: rotate(-90deg);
}
.accordion .accordionTop h1, .accordion .accordionTop h2, .accordion .accordionTop h3, .accordion .accordionTop h4, .accordion .accordionTop h5, .accordion .accordionTop h6 {
  margin: 0;
}
.accordion .accordionTop.active {
  color: white;
  cursor: pointer;
}
.accordion .accordionTop.active:before, .accordion .accordionTop.active:after {
  background-color: #B7E281;
  transform: rotate(90deg);
}
.accordion .accordionTop:active {
  background-color: #F7F7F7;
}
.accordion .accordionBottom {
  display: none;
  margin: 0;
  padding: 2rem 0;
  /*border-top: 1px solid white;*/
  border-bottom: 1px solid #B7E281;
  perspective: 1000px;
}
.accordion .accordionBottom > * {
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, padding 0s linear, margin 0s linear;
  transition-duration: 200ms;
  transform: translateZ(-20px);
}
.accordion .accordionBottom.active > * {
  opacity: 1;
  /*transition-delay: 500ms;*/
  /*transition-duration: 200ms;*/
  transform: translateZ(0px);
}
.accordion:first-child {
  /*border-top: 1px solid $primaryColour;*/
}
.accordion.active {
  /*color: white;*/
  /*background-color: $secondaryColour;*/
}
.accordion.disabled .accordionTop:before, .accordion.disabled .accordionTop:after {
  display: none;
}

/* Accordion Groups */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Maps + MapBox */
/****************************************************************************************************/
.openStreetMap {
  min-height: 600px;
  background-color: #CCCCCC;
  margin: 1rem 0;
}

.mapbox-improve-map {
  display: none;
}

.marker {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.marker:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f3c5";
  color: #002A55;
  font-size: 50px;
  font-weight: 700;
}

.mapboxgl-popup {
  max-width: 300px;
}
.mapboxgl-popup .mapboxgl-popup-content {
  padding: 1.2rem;
  text-align: center;
  font-family: objektiv-mk3, sans-serif;
  font-size: 1.3rem;
}

.googleMapsOverlay {
  background: transparent;
  position: relative;
  width: 100%;
  height: 500px;
  top: 500px; /* your iframe height */
  margin-top: -500px; /* your iframe height */
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Facts + Counters */
/* Commented-out until the Facts module is added into base */
/****************************************************************************************************/
/*.counterWrapper {
    margin: 7rem 0 4rem;

    .counterGrid {

        @include grid("auto", 2em); // Here I'm saying that there's NO column count. Instead, use the width of the item itself (wrapping if required). Gutter is optional.
        justify-content: space-between; // Adds space between items
        @media (max-width: 980px) {
            @include grid(2, 2em);
            font-size: 1.4rem; // just change the font size to scale the counter circle
        }

        @media (max-width: $S_Max) {
            @include grid(2, 2em);
        }

        .counterWrapper {
            border: solid 3px $tertiaryColour;
            border-radius: 50%;
            position: relative;
            color: white;
            text-align: center;
            text-transform: uppercase;
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin: 0 auto;
            width: 11rem; // sets dimensions for the circle
            @include aspectRatioBox();

            h4 {
                width: 100%;
                color: inherit;
                margin: 0;
                padding: 0;
                font-size: 1.6rem;
                display: inline-block;
                @include centerer(true, true);
            }

            .value {
                display: block;
                font-weight: $fontWeightThin;
            }

            .counter {*/
/*@include fluid-type($L_Min, $XL_Min, 16px, 20px);*/
/*}
        }
    }
}*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Flex Table */
/****************************************************************************************************/
.flexTable .flexRow {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 3rem 0;
  padding: 0;
}
.flexTable .flexRow .flexCell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0.8rem 1.2rem;
  overflow: hidden;
  list-style: none;
  border: solid 2px #B1B1B1;
}

.flexTable2Col .flexRow .flexCell {
  width: 50%;
}

.flexTable3Col .flexRow .flexCell {
  width: 33.33%;
}

.flexTable4Col .flexRow .flexCell {
  width: 25%;
}

.flexTable5Col .flexRow .flexCell {
  width: 20%;
}

.flexTable6Col .flexRow .flexCell {
  width: 16.6%;
}

@media (max-width: 767px) {
  .flexTable .flexRow {
    display: block;
    margin-bottom: 1rem;
  }
  .flexTable .flexRow > .flexCell {
    width: 100% !important;
  }
}
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Container Dev Page Styles */
/****************************************************************************************************/
.containersPage .bd .container {
  border: 2px dotted #ff6a00;
  min-height: 4rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
.containersPage .bd .container:hover {
  border-color: #002A55;
  border-style: solid;
  background-color: #eee;
}
.containersPage .bd .container:hover .container {
  background-color: white;
}
.containersPage .bd .container:hover .container:hover {
  background-color: #eee;
}
.containersPage .bd .container:hover:before {
  background-color: #002A55;
}
.containersPage .bd .container:hover:after {
  border-color: #002A55;
}
.containersPage .bd .container:before {
  top: 0;
  left: 0;
  content: ".container";
  display: block;
  position: absolute;
  padding: 2px 5px;
  color: white;
  font-size: 14px;
  background-color: #ff6a00;
}
.containersPage .bd .container:after {
  content: "CONTENT";
}
.containersPage .bd .container:after,
.containersPage .bd .container .content {
  color: #B1B1B1;
  line-height: 4rem;
  text-align: center;
  display: block;
  position: relative;
  margin: 1rem 0;
  border: 2px solid #ddd;
  min-height: 4rem;
  background: repeating-linear-gradient(45deg, #E8E8E8, #E8E8E8 10px, rgb(92.9803921569%, 92.9803921569%, 92.9803921569%) 10px, rgb(92.9803921569%, 92.9803921569%, 92.9803921569%) 20px);
}
.containersPage .bd .container.force:before {
  content: ".container.force";
}
.containersPage .bd .container.full:before {
  content: ".container.full";
}
.containersPage .bd .container.full.force:before {
  content: ".container.full.force";
}
.containersPage .bd .container.edge:before {
  content: ".container.edge";
}
.containersPage .bd .container.edge.force:before {
  content: ".container.edge.force";
}
.containersPage .bd .container.wide:before {
  content: ".container.wide";
}
.containersPage .bd .container.wide.force:before {
  content: ".container.wide.force";
}
.containersPage .bd .container.narrow:before {
  content: ".container.narrow";
}
.containersPage .bd .container.narrow.force:before {
  content: ".container.narrow.force";
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Dev Page Styles */
/****************************************************************************************************/
.gridsPage .bd .grid {
  position: relative;
  padding: 2rem 0;
  border: 2px solid rgb(0%, 57.0980392157%, 70%);
}
.gridsPage .bd .grid:hover {
  border-color: rgb(0%, 48.9411764706%, 60%);
  border-style: solid;
  background-color: #eee;
}
.gridsPage .bd .grid:hover .col {
  background-color: white;
}
.gridsPage .bd .grid:hover .col:hover {
  background-color: #eee;
}
.gridsPage .bd .grid:hover:before {
  background-color: #002A55;
}
.gridsPage .bd .grid:before,
.gridsPage .bd .grid .col:before {
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  content: ".grid";
  display: block;
  position: absolute;
  padding: 2px 5px;
  color: white;
  font-size: 14px;
  background-color: rgb(0%, 57.0980392157%, 70%);
}
.gridsPage .bd .grid .col {
  position: relative;
  min-height: 5rem;
  border: 2px dashed #00d0ff;
  text-align: center;
}
.gridsPage .bd .grid .col:before {
  content: ".col";
  background-color: #00d0ff;
}
.gridsPage .bd .grid .col:hover {
  border-color: rgb(0%, 73.4117647059%, 90%);
  border-style: solid;
  background-color: #eee;
}
.gridsPage .bd .grid .col:hover:before {
  background-color: rgb(0%, 73.4117647059%, 90%);
}

.displayFlex {
  display: flex;
}
.displayFlex .email a:hover {
  font-weight: 700;
  color: #002A55;
  text-decoration: none;
}
.displayFlex .right a:hover {
  font-weight: 700;
  color: #002A55;
  text-decoration: none;
}

.filtersContainer {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
}
.filtersContainer .advancedFiltersContainer .fieldGroups .k-dropdown {
  height: 3rem;
}
.filtersContainer .advancedFiltersContainer .fieldGroups .k-dropdown .k-dropdown-wrap .k-select {
  top: 15px;
}
.filtersContainer .keywordSearchWrapper {
  width: 100%;
  margin: 0;
}
.filtersContainer .keywordSearchWrapper .buttons svg {
  margin-left: 0;
}
.filtersContainer button.search {
  height: 3rem;
  background-color: #B7E281 !important;
  color: #002A55 !important;
  border: none !important;
}
.filtersContainer button.search:hover {
  transform: translateY(-0.1rem);
}
.filtersContainer h6 {
  margin: 0;
  font-weight: 700;
}

#filtersDisplayContainer {
  display: none;
}

.eventFilter .advancedFiltersContainer {
  min-width: 50%;
}
.eventFilter .keywordSearchWrapper {
  /*width: 22%;*/
}
.eventFilter.filteredContent {
  padding: 0 0 1rem 0 !important;
}
.eventFilter.filteredContent .wrapper .cardView {
  margin: 0px;
  padding: 0px;
  box-shadow: none !important;
}

.eventsCTA {
  text-align: center;
  background: url("/images/default-source/default-album/signup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 3rem 0;
}
.eventsCTA h3 {
  padding-bottom: 1rem;
  width: 35%;
}
.eventsCTA .button {
  background-color: #B7E281;
  border: #B7E281;
}

.publicationFilter .advancedFiltersContainer {
  min-width: 50%;
}
.publicationFilter .keywordSearchWrapper {
  /*width: 22%;*/
}

.newsFilter .advancedFiltersContainer {
  min-width: 50%;
}
.minCardHeight {
  min-height: 9rem;
}

.list-item h2 a, .list-item h4 a {
  text-decoration: none;
  color: #002A55;
  font-weight: 700;
}
.list-item h2 a:hover, .list-item h2 a:active, .list-item h2 a:focus, .list-item h4 a:hover, .list-item h4 a:active, .list-item h4 a:focus {
  text-decoration: none;
  cursor: auto;
}

/* #endregion */
/****************************************************************************************************/
.fadeRight {
  animation: fade-in 0.8s forwards;
}

.fadeLeft {
  opacity: 0;
}
.fadeLeft.fadeLeftIn {
  animation: fade-inLeft 3s forwards;
  animation-delay: 1s;
}

.subTitle {
  font-size: 15px;
  color: #707070;
  padding-bottom: 10px;
}

.authorTeam {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding-bottom: 1rem;
  font-size: 14px;
}
.authorTeam .authorLabel {
  font-size: 15px;
  color: #707070;
}
.authorTeam a {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
}

@keyframes fade-in {
  0% {
    opacity: 0;
    transform: translateX(-5rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0rem);
  }
}
@keyframes fade-inLeft {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes leftToRight {
  0% {
    opacity: 0;
    transform: translateX(1.2rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes moveup {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
    transform: translateY(-5rem);
  }
}
@keyframes moveup-out {
  0% {
    opacity: 1;
    transform: translateY(-5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0rem);
  }
}
@keyframes moveupdelay {
  0% {
    opacity: 0;
    transform: translateY(-1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(-2.5rem);
  }
}
@keyframes homepageKenburns {
  0% {
    background-size: 120% auto;
  }
  100% {
    background-size: 110% auto;
  }
}
/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/****************************************************************************************************/
/* #region Functions */
/****************************************************************************************************/
/* Remove units from a value */
/* Convert pixels to rems */
/* Convert rems to pixels */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Shortcut Selectors */
/****************************************************************************************************/
/*
    Set focus styles ONLY for users that need it.
    Will not work on older browsers (see base focus styles for example of overriding).
*/
/*  Just an alias for focusVisible */
/*
    Focus AND Hover
    A shortcut for when you need to share styles between focus and hover.
    Most of the time styles should go into separate focusVisible and/or :hover rules as needed.
*/
/* Select all FontAwesome icons */
/* Shortcut for writing out h1-h6 */
/* Cross-browser placeholders */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Font Styless & Fluid Type */
/****************************************************************************************************/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;
@include fluid-type($min_width, $max_width, $min_font, $max_font);
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Mixins */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Size & Position */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Overlays & Gradients */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Whitespace  */
/* You shouldn't ever need to use this directly - it's just used to generate our whitespace classes */
/* based on: https://styleguide.pivotal.io/modifiers/whitespace/#classes */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/*
    Button styles were moved from placeholders to here to reduce generated CSS selector length.
    Ideally you should always either use a real <button> or add the .button class(es) where you needed,
    BUT if you really need it (perhaps to override some 3rd-party styles) you can always do this:

    #specific_selector .my-custom-button {
        @include button; // default styles
        // or
        @include button("secondary", true); // predefined styles WITH base button styles
    }

    You can also "extend" button classes defined in global.scss if you need to (similar to the old way).
    This keeps the css nice and light AS LONG as it's not super-nested beneath some comma-separated parents

    #specific_selector .my-custom-button {
        @extend .button.secondary;
    }
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Misc */
/****************************************************************************************************/
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/****************************************************************************************************/
/* #region Functions */
/****************************************************************************************************/
/* Remove units from a value */
/* Convert pixels to rems */
/* Convert rems to pixels */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Shortcut Selectors */
/****************************************************************************************************/
/*
    Set focus styles ONLY for users that need it.
    Will not work on older browsers (see base focus styles for example of overriding).
*/
/*  Just an alias for focusVisible */
/*
    Focus AND Hover
    A shortcut for when you need to share styles between focus and hover.
    Most of the time styles should go into separate focusVisible and/or :hover rules as needed.
*/
/* Select all FontAwesome icons */
/* Shortcut for writing out h1-h6 */
/* Cross-browser placeholders */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Font Styless & Fluid Type */
/****************************************************************************************************/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;
@include fluid-type($min_width, $max_width, $min_font, $max_font);
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Mixins */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Size & Position */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Overlays & Gradients */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Whitespace  */
/* You shouldn't ever need to use this directly - it's just used to generate our whitespace classes */
/* based on: https://styleguide.pivotal.io/modifiers/whitespace/#classes */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/*
    Button styles were moved from placeholders to here to reduce generated CSS selector length.
    Ideally you should always either use a real <button> or add the .button class(es) where you needed,
    BUT if you really need it (perhaps to override some 3rd-party styles) you can always do this:

    #specific_selector .my-custom-button {
        @include button; // default styles
        // or
        @include button("secondary", true); // predefined styles WITH base button styles
    }

    You can also "extend" button classes defined in global.scss if you need to (similar to the old way).
    This keeps the css nice and light AS LONG as it's not super-nested beneath some comma-separated parents

    #specific_selector .my-custom-button {
        @extend .button.secondary;
    }
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Misc */
/****************************************************************************************************/
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
span.pseudoH1, .branded {
  position: relative;
}
span.pseudoH1:after, .branded:after {
  content: " ";
  /*position:absolute;*/
  color: #B7E281;
  font-size: 25%;
  margin-left: 0.5em;
}

/* Force text to wrap with hyphen if to long (example long email) */
a[href^=mailto] {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
  white-space: unset;
}

.cmsContent ul > li ul > li:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
}

.cmsContent ul > li ul > li:before {
  font-weight: 400;
}

/****************************************************************************************************/
/* #region Kendo Navigation top-level widget overrides */
/****************************************************************************************************/
/* Kendo Menu Widget */
.k-menu.k-menu-horizontal {
  border: none;
  background: none;
}
.k-menu .k-item .k-link:focus {
  outline: none;
}
.k-menu .k-item .k-link:focus-visible {
  outline: 2px solid red;
}
.k-menu:not(.k-context-menu) > .k-item.k-state-focused {
  outline: none;
  box-shadow: none;
}
.k-menu:not(.k-context-menu) > .k-item > a.k-state-active {
  color: rgb(0%, 6.5882352941%, 13.3333333333%);
}
.k-menu:not(.k-context-menu) > .k-item .k-group {
  visibility: visible !important;
}
.k-menu:not(.k-context-menu):focus > .k-item.k-state-focused {
  outline: none;
  box-shadow: none;
}
.k-menu:not(.k-context-menu):focus:focus-visible {
  outline: 1px dashed #B1B1B1;
  outline-offset: 0;
}
.k-menu:not(.k-context-menu):focus:focus-visible > .k-item.k-state-focused {
  outline: 2px solid #a1a7e5;
  box-shadow: none;
}

/* Kendo Treeview */
.k-treeview {
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.k-treeview .k-item {
  position: relative;
  font-size: 1rem;
  padding: 0;
}
.k-treeview .k-item:hover {
  background-color: white;
}
.k-treeview .k-item .k-icon {
  right: 5rem;
  position: absolute;
}
.k-treeview .k-item .k-icon:before {
  color: #fff;
  content: " ";
  font-size: 1rem;
}
.k-treeview .k-item .k-group .k-item:hover {
  background-color: #002A55;
}
.k-treeview .k-item .k-group .k-item .k-link {
  font-size: 1.5rem;
}
.k-treeview .k-link {
  color: #002A55;
  font-size: 2rem;
  font-weight: 700;
  width: 70%;
  border-left: solid 5px #B7E281;
  padding: 1rem 1rem 0;
  background-color: transparent !important;
}
.k-treeview .k-link.k-state-hover, .k-treeview .k-link.k-state-active, .k-treeview .k-link.k-state-selected, .k-treeview .k-link.k-state-focused {
  background: none;
  box-shadow: none;
  text-decoration: none;
  color: #002A55 !important;
}
.k-treeview:focus:focus-visible .k-state-focused {
  outline: 2px solid #a1a7e5;
  outline-offset: 0;
}

/* Kendo Panelbar */
.k-panelbar {
  border-left: 5px solid #B7E281 !important;
  border-color: white;
  border-radius: 5px;
  padding: 2rem 0;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.k-panelbar .k-header {
  border: none;
  margin: 1em 0;
  padding: 1em;
  background-color: #002A55;
}
.k-panelbar li.k-item {
  position: relative;
}
.k-panelbar li.k-item.k-state-selected:before {
  top: 50%;
  left: -30px;
  width: 30px;
  height: 2px;
  content: "";
  position: absolute;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  background-color: #B7E281;
}
.k-panelbar li.k-item + .k-item {
  border-top-width: 0;
}
.k-panelbar li.k-item a.k-link {
  line-height: 1;
  padding: 1rem 1rem 0.7rem 4rem;
  background: none !important;
  color: #002A55;
  font-weight: 700;
  border: none;
  margin: 0;
  cursor: pointer;
}
.k-panelbar li.k-item a.k-link:hover, .k-panelbar li.k-item a.k-link:focus {
  /*text-decoration: underline;
  color: $secondaryColour;*/
  border-left-color: #002A55;
  background-color: rgb(81.055028463%, 92.3693864643%, 66.8462998102%) !important;
}
.k-panelbar li.k-item.k-last {
  border-bottom: none;
}
.k-panelbar ul.k-group {
  border: none !important;
  padding-left: 1rem;
  background: none !important;
}
.k-panelbar ul.k-group li.k-item {
  padding: 0.25rem 0.25rem;
  border-bottom: none;
}
.k-panelbar ul.k-group li.k-item a.k-link {
  color: #fff;
  position: relative;
  padding-left: 1rem;
  font-weight: normal;
  text-transform: none;
  background: none !important;
}
.k-panelbar ul.k-group li.k-item a.k-link:before {
  top: 0.5rem;
  left: 0rem;
  color: #B7E281;
  content: "\f0c8";
  position: absolute;
  font-size: 0.5rem;
}
.k-panelbar ul.k-group li.k-item a.k-link:hover, .k-panelbar ul.k-group li.k-item a.k-link:focus {
  color: #B7E281;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Main Menu (CF Default) */
/****************************************************************************************************/
/* CF Default Menu */
.rootMenuItem > ul {
  display: none;
}

nav ul.mainNav {
  display: none;
}
nav ul.mainNav.initialized {
  display: flex;
}
nav ul.mainNav {
  z-index: 2;
  margin-top: 0.7rem;
  justify-content: flex-end;
}
nav ul.mainNav:not(.k-widget) ul {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
nav ul.mainNav li.rootMenuItem {
  border: none;
  background: none;
  text-align: left;
  transition: all 0.3s ease;
  /* underline */
}
nav ul.mainNav li.rootMenuItem.k-last a {
  margin-right: 0;
}
nav ul.mainNav li.rootMenuItem:hover {
  transform: translateY(0px);
  transition: all 0.3s ease;
}
nav ul.mainNav li.rootMenuItem:hover > a .k-icon {
  transform: rotate(-90deg) translateX(5px);
  transition: all 0.3s ease;
}
nav ul.mainNav li.rootMenuItem > a {
  color: #002A55;
  text-transform: uppercase;
  padding: 0.5rem 0 0.5rem 1rem;
  font-size: 0.8rem;
}
@media (max-width: 1550px) {
  nav ul.mainNav li.rootMenuItem > a {
    font-size: 0.8rem;
    padding: 0.5rem 0 0rem 0.5rem;
  }
}
nav ul.mainNav li.rootMenuItem > a {
  border: none;
  background: none;
  position: relative;
  padding-right: 0;
  margin-right: 0.5rem;
}
nav ul.mainNav li.rootMenuItem > a:hover {
  font-weight: 300;
}
nav ul.mainNav li.rootMenuItem > a:after {
  width: 0;
  height: 5px;
  left: 50%;
  bottom: 0;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.2s ease;
}
nav ul.mainNav li.rootMenuItem > a:hover:after, nav ul.mainNav li.rootMenuItem > a.k-state-border-down:after {
  width: 100%;
}
nav ul.mainNav li.rootMenuItem > a:focus, nav ul.mainNav li.rootMenuItem > a:active {
  outline: 2px solid #a1a7e5;
  outline-offset: 2px;
}
nav ul.mainNav li.rootMenuItem > a {
  /* The down icons */
}
nav ul.mainNav li.rootMenuItem > a .k-icon {
  margin: -2px -5px 0 10px;
  transition: all 1s ease;
}
nav ul.mainNav li.rootMenuItem > a .k-icon .k-icon:before {
  color: #fff;
}
nav ul.mainNav li.rootMenuItem > a.selected {
  font-weight: 700;
}
nav ul.mainNav {
  /* Sub elements */
}
nav ul.mainNav ul {
  border: none;
  position: absolute;
  background-color: white;
  border-top: 5px solid #B7E281;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
nav ul.mainNav ul.teammembers {
  column-count: 2;
}
nav ul.mainNav ul > li {
  border: none;
  background: none;
  transition: 0.1s ease all;
}
nav ul.mainNav ul > li > a.k-link {
  min-width: 240px;
  color: #002A55;
  border: none;
  /*border-left: solid 5px $secondaryColour;*/
  padding: 0.75rem 3rem 0.75rem 1rem;
  font-size: 0.8rem;
  background: none;
  transition: 0.5s ease all;
}
nav ul.mainNav ul > li > a.k-link {
  /* The down icons */
}
nav ul.mainNav ul > li > a.k-link .k-icon {
  margin: -7px -5px 0 5px;
}
nav ul.mainNav ul > li > a.k-link .k-icon:before {
  color: #fff;
}
nav ul.mainNav ul > li {
  /* hover state */
}
nav ul.mainNav ul > li.k-state-hover {
  background-color: rgb(90.3453510436%, 96.1113219481%, 83.1043643264%) !important;
  transition: 0.5s ease all;
}
nav ul.mainNav ul > li.k-state-hover a.k-link {
  /*border-left: solid 1px $primaryColour;*/
}
nav ul.mainNav ul ul {
  margin-left: 5px;
  margin-top: -5px;
}
nav ul.mainNav {
  /* selected states (CFAdded selected or childSelected classes) */
}
nav ul.mainNav .rootMenuItem.k-item.selected:after {
  opacity: 1;
}
nav ul.mainNav .rootMenuItem.childSelected:after {
  opacity: 1;
}
nav ul.mainNav .rootMenuItem.hasChildren .k-animation-container {
  top: 56px;
}
nav ul.mainNav .rootMenuItem.hasChildren .k-animation-container ul.k-menu-group li.hasChildren a.k-menu-link .k-icon.k-menu-expand-arrow:before {
  background-image: url("/CFImages/Icons/chevron-right.svg") !important;
  background-size: 100% auto;
  top: 10px;
}
nav ul.mainNav .rootMenuItem.hasChildren .k-animation-container ul.k-menu-group li.hasChildren:hover a.k-menu-link .k-icon.k-menu-expand-arrow:before {
  background-image: url("/CFImages/Icons/chevron-right-white.svg") !important;
  left: 0rem;
}
nav ul.mainNav .rootMenuItem.hasChildren .k-animation-container ul.k-menu-group li.hasChildren .k-animation-container ul.level2 li a:hover {
  /* transform: none;*/
}
nav ul.mainNav .rootMenuItem.hasChildren .k-animation-container ul.k-menu-group li.hasChildren .k-animation-container ul.level2 li span {
  padding: 0.75rem 3rem 0.75rem 1rem;
}
nav ul.mainNav .rootMenuItem.hasChildren .k-animation-container ul.k-menu-group li.hasChildren .k-animation-container ul.level2 li span:hover {
  font-weight: 700;
}
nav ul.mainNav {
  /*.k-group .k-item.childSelected {

  }*/
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Hamburger */
/****************************************************************************************************/
button.hamburger {
  display: none;
  top: 4rem;
  right: 3rem;
  width: 35px;
  height: 35px;
  border: none;
  padding: 12px;
  margin: 0;
  position: absolute;
  z-index: 500;
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1024px) {
  button.hamburger {
    right: 2rem;
  }
}
@media (max-width: 767px) {
  button.hamburger {
    right: 25px;
  }
}
button.hamburger:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.8);
}
button.hamburger .hamburger-inner, button.hamburger .hamburger-inner:after, button.hamburger .hamburger-inner:before {
  position: absolute;
  width: 34px;
  height: 3px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  background-color: #B7E281;
}
button.hamburger .hamburger-inner {
  top: 50%;
  left: 50%;
  display: block;
  transform: translate(-50%, -50%) rotate(0deg);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 75ms;
}
button.hamburger .hamburger-inner:before {
  top: -10px;
  transition: top 75ms ease 0.12s, opacity 75ms ease;
}
button.hamburger .hamburger-inner:after {
  bottom: -10px;
}
button.hamburger .hamburger-inner:after, button.hamburger .hamburger-inner:before {
  display: block;
  content: "";
}
button.hamburger.open .hamburger-inner {
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate(-50%, -50%) rotate(45deg);
}
button.hamburger.open .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease, opacity 75ms ease 0.12s, color 75ms ease-in;
  opacity: 0;
}
button.hamburger.open .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(-90deg);
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Mobile Menu */
/****************************************************************************************************/
/* sometimes a duplicate of the header, sometimes just a container for the mobile nav */
.mobileHeader {
  position: fixed;
  z-index: 1000;
}
.mobileHeader.withNavOpen .k-treeview .k-item ul.k-group {
  padding: 1rem 0 0 1rem;
}
.mobileHeader.withNavOpen .k-treeview .k-item ul.k-group li.k-item .k-link {
  padding: 0 0 1rem 2rem;
  font-size: 1.3rem;
  border: none;
  width: 80%;
  word-wrap: break-word;
  white-space: initial;
}
.mobileHeader.withNavOpen .k-treeview .k-item ul.k-group li.k-item .k-link:before {
  content: "";
  height: 5px;
  width: 5px;
  background: #B7E281;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  top: -1px;
}
.mobileHeader.withNavOpen .k-treeview .k-item ul.k-group li.k-item:hover {
  background-color: transparent;
}
.mobileHeader.withNavOpen .k-treeview .k-item .level2 li.k-item .k-link {
  width: 100% !important;
}
.mobileHeader.withNavOpen .k-treeview .k-item .k-icon:before {
  width: 20px;
}

/* tweak other elements when the mobile nav is open */
body.withNavOpen #header {
  top: 0;
  left: 0;
  right: 0;
  bottom: initial;
  position: fixed;
}

/* the mobile nav menu */
nav.mobileNav {
  top: 0;
  right: 0;
  width: 40rem;
  max-width: 100%;
  height: 100%;
  position: fixed;
  padding-top: 155px;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 100vh;
  transform: translateX(100%);
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear, visibility linear 0s;
  visibility: hidden;
  background-color: white;
}
nav.mobileNav.open {
  transform: translateX(0%);
  visibility: visible;
}
nav.mobileNav .k-treeview {
  color: white;
  height: 100%;
}
nav.mobileNav .k-treeview .k-item .k-icon {
  left: calc(90% - 10px);
}
nav.mobileNav .k-treeview .mobileNavTree li.hasChildren .k-group .hasChildren .k-icon {
  /*background: red;*/
}
nav.mobileNav .k-treeview .mobileNavTree li.hasChildren .k-group .hasChildren .k-icon:before {
  top: -25px;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Jump Menu */
.jumpMenu {
  display: flex;
  /*justify-content: flex-start;*/
  width: 100%;
  text-transform: uppercase;
  /*border-bottom: solid 1px $secondaryColour;*/
  /* box-shadow: 0px 7px 13px -10px #000000;*/
  padding: 1.5rem 0;
  justify-content: space-around;
  align-items: center;
  position: relative;
  left: 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.jumpMenu li {
  /* margin-left: 1.5rem;*/
}
.jumpMenu li a {
  color: #002A55 !important;
  font-family: objektiv-mk3, sans-serif;
  font-weight: 700;
  font-size: 70%;
  transition: 0.5s ease all;
}
.jumpMenu li a:hover {
  color: #B7E281 !important;
  text-decoration: none !important;
  transition: 0.2s ease all;
  transform: translateX(5px);
}
.jumpMenu li:before {
  content: none !important;
  color: #000;
}
.jumpMenu.stuck {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  padding: 1rem 0;
  position: fixed;
  z-index: 5;
  top: var(--total-header-height);
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Sitemap */
/****************************************************************************************************/
nav ul.siteMapComplete {
  padding-left: 2em;
}
nav ul.siteMapComplete li {
  padding: 0.35em 0 0 0.25em;
  list-style-type: disc;
  text-transform: none;
}
nav ul.siteMapComplete li.rootMenuItem {
  list-style-type: square;
  text-transform: uppercase;
}
nav ul.siteMapComplete li.rootMenuItem ul {
  padding-left: 2em;
}
nav ul.siteMapComplete li.rootMenuItem ul.level2 {
  padding-left: 4em;
}
nav ul.siteMapComplete li.rootMenuItem ul.level3 {
  padding-left: 6em;
}
nav ul.siteMapComplete li.rootMenuItem ul.level4 {
  padding-left: 8em;
}
nav ul.siteMapComplete li.reset {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
nav ul.siteMapComplete li a.toggleAction.button {
  margin: 0.5em 0 0 0;
}
nav ul.siteMapComplete li a.toggleAction.withPlusMinus .openIcon {
  display: inline-block;
}
nav ul.siteMapComplete li a.toggleAction.withPlusMinus .closeIcon {
  display: none;
}
nav ul.siteMapComplete li.active a.toggleAction.withPlusMinus .openIcon {
  display: none;
}
nav ul.siteMapComplete li.active a.toggleAction.withPlusMinus .closeIcon {
  display: inline-block;
}
nav ul.siteMapComplete div.toggleContent {
  display: none;
}
nav ul.siteMapComplete div.toggleContent.active {
  display: block;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Panel Bar */
/****************************************************************************************************/
.related.expertises.panelBar ul.level1,
.related.sectors.panelBar ul.level1 {
  display: none;
}
.related.expertises.panelBar ul.level1.k-panelbar,
.related.sectors.panelBar ul.level1.k-panelbar {
  display: block;
}

.mainPanelBar {
  display: none;
}
.mainPanelBar.k-panelbar {
  display: block;
  margin-bottom: 3rem;
  min-width: 20rem;
}

.ourFirmPage li:nth-child(1) a.k-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #B7E281;
  /*&:after {
      content: "";
      width: 65%;
      border-bottom: 2px solid $secondaryColour;
      margin-top: 0.5rem;
  }*/
}
.ourFirmPage li:nth-child(1) a.k-link:hover {
  color: white;
}
.ourFirmPage li:nth-child(1) a.k-link:hover:after {
  display: none;
}

.membershipPage li:nth-child(2) a.k-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #B7E281;
  /*&:after {
      content: "";
      width: 65%;
      border-bottom: 2px solid $secondaryColour;
      margin-top: 0.5rem;
  }*/
}
.membershipPage li:nth-child(2) a.k-link:hover {
  color: white;
}
.membershipPage li:nth-child(2) a.k-link:hover:after {
  display: none;
}

.testimonialsPage li:nth-child(3) a.k-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #B7E281;
  /*  &:after {
        content: "";
        width: 65%;
        border-bottom: 2px solid $secondaryColour;
        margin-top: 0.5rem;
    }*/
}
.testimonialsPage li:nth-child(3) a.k-link:hover {
  color: white;
}
.testimonialsPage li:nth-child(3) a.k-link:hover:after {
  display: none;
}

.accomplishmentsPage li:nth-child(4) a.k-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #B7E281;
  /*&:after {
      content: "";
      width: 65%;
      border-bottom: 2px solid $secondaryColour;
      margin-top: 0.5rem;
  }*/
}
.accomplishmentsPage li:nth-child(4) a.k-link:hover {
  color: white;
}
.accomplishmentsPage li:nth-child(4) a.k-link:hover:after {
  display: none;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Tabs / Tabstrip */
/****************************************************************************************************/
.tabstrip {
  display: none;
}

.k-tabstrip-wrapper .tabstrip {
  display: block;
}

.k-tabstrip-wrapper .k-tabstrip {
  background: none;
  border: none;
  font-size: 1.2rem;
}
.k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -1rem;
  box-sizing: border-box;
}
.k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 1rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
.k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items {
  border: none;
  background: none;
  text-transform: uppercase;
}
.k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items .k-item {
  border: none;
  background: none;
  border-radius: 0;
}
.k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items .k-item .k-loading {
  border: none;
}
.k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items .k-item .k-link {
  color: #a1a7e5;
  border: none;
  padding: 1rem 0;
  font-size: 1em;
  font-weight: 700;
  background: none;
  text-transform: none;
}
.k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items .k-item.k-state-active .k-link {
  color: #B7E281;
}
.k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items .k-item:active .k-link {
  color: rgb(53.128399747%, 80.6527514231%, 18.5629348514%);
}
.k-tabstrip-wrapper .k-tabstrip:focus {
  box-shadow: none;
}
.k-tabstrip-wrapper .k-tabstrip:focus:focus-visible {
  outline: 2px solid #a1a7e5;
  outline-color: #B1B1B1;
  outline-style: dashed;
}
.k-tabstrip-wrapper .k-tabstrip:focus:focus-visible .k-item.k-state-active {
  outline: 2px solid #a1a7e5;
}
.k-tabstrip-wrapper .k-tabstrip .k-content {
  border: none;
  padding: 0;
  background-color: transparent;
}
.k-tabstrip-wrapper .k-tabstrip .k-content.k-state-active {
  background-color: transparent;
}
.k-tabstrip-wrapper .k-tabstrip .k-content:focus {
  outline: none;
}
.k-tabstrip-wrapper .k-tabstrip .k-content:focus:focus-visible {
  outline: 2px solid #a1a7e5;
  outline-offset: 5px;
}

/* #endregion */
/****************************************************************************************************/
@keyframes hoverLoop {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-5px);
  }
}
/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/****************************************************************************************************/
/* #region Functions */
/****************************************************************************************************/
/* Remove units from a value */
/* Convert pixels to rems */
/* Convert rems to pixels */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Shortcut Selectors */
/****************************************************************************************************/
/*
    Set focus styles ONLY for users that need it.
    Will not work on older browsers (see base focus styles for example of overriding).
*/
/*  Just an alias for focusVisible */
/*
    Focus AND Hover
    A shortcut for when you need to share styles between focus and hover.
    Most of the time styles should go into separate focusVisible and/or :hover rules as needed.
*/
/* Select all FontAwesome icons */
/* Shortcut for writing out h1-h6 */
/* Cross-browser placeholders */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Font Styless & Fluid Type */
/****************************************************************************************************/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;
@include fluid-type($min_width, $max_width, $min_font, $max_font);
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Mixins */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Size & Position */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Overlays & Gradients */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Whitespace  */
/* You shouldn't ever need to use this directly - it's just used to generate our whitespace classes */
/* based on: https://styleguide.pivotal.io/modifiers/whitespace/#classes */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/*
    Button styles were moved from placeholders to here to reduce generated CSS selector length.
    Ideally you should always either use a real <button> or add the .button class(es) where you needed,
    BUT if you really need it (perhaps to override some 3rd-party styles) you can always do this:

    #specific_selector .my-custom-button {
        @include button; // default styles
        // or
        @include button("secondary", true); // predefined styles WITH base button styles
    }

    You can also "extend" button classes defined in global.scss if you need to (similar to the old way).
    This keeps the css nice and light AS LONG as it's not super-nested beneath some comma-separated parents

    #specific_selector .my-custom-button {
        @extend .button.secondary;
    }
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Misc */
/****************************************************************************************************/
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/****************************************************************************************************/
/* #region Functions */
/****************************************************************************************************/
/* Remove units from a value */
/* Convert pixels to rems */
/* Convert rems to pixels */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Shortcut Selectors */
/****************************************************************************************************/
/*
    Set focus styles ONLY for users that need it.
    Will not work on older browsers (see base focus styles for example of overriding).
*/
/*  Just an alias for focusVisible */
/*
    Focus AND Hover
    A shortcut for when you need to share styles between focus and hover.
    Most of the time styles should go into separate focusVisible and/or :hover rules as needed.
*/
/* Select all FontAwesome icons */
/* Shortcut for writing out h1-h6 */
/* Cross-browser placeholders */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Font Styless & Fluid Type */
/****************************************************************************************************/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;
@include fluid-type($min_width, $max_width, $min_font, $max_font);
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Mixins */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Size & Position */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Overlays & Gradients */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Whitespace  */
/* You shouldn't ever need to use this directly - it's just used to generate our whitespace classes */
/* based on: https://styleguide.pivotal.io/modifiers/whitespace/#classes */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/*
    Button styles were moved from placeholders to here to reduce generated CSS selector length.
    Ideally you should always either use a real <button> or add the .button class(es) where you needed,
    BUT if you really need it (perhaps to override some 3rd-party styles) you can always do this:

    #specific_selector .my-custom-button {
        @include button; // default styles
        // or
        @include button("secondary", true); // predefined styles WITH base button styles
    }

    You can also "extend" button classes defined in global.scss if you need to (similar to the old way).
    This keeps the css nice and light AS LONG as it's not super-nested beneath some comma-separated parents

    #specific_selector .my-custom-button {
        @extend .button.secondary;
    }
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Misc */
/****************************************************************************************************/
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
span.pseudoH1, .branded {
  position: relative;
}
span.pseudoH1:after, .branded:after {
  content: " ";
  /*position:absolute;*/
  color: #B7E281;
  font-size: 25%;
  margin-left: 0.5em;
}

/* Force text to wrap with hyphen if to long (example long email) */
a[href^=mailto] {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
  white-space: unset;
}

.cmsContent ul > li ul > li:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
}

.cmsContent ul > li ul > li:before {
  font-weight: 400;
}

/* 
Media queries for tablet and mobile (general guidelines for breakpoints globally set in the _variables file) 
Mobile ($S_Max)   Tablet ($M_Min and $M_Max)  Small Desktop ($L_Min and $L_Max)  Large Desktop ($XL_Min - This is the standard for all styles)
*/
/*Extra Large Screens*/
/* Large Desktop (switch between simple and mobile nav) */
@media only screen and (min-width: 1300px) {
  .detailView.expertiseandsector.expertise .container.wide .col-1.ptxxl button.button {
    position: fixed;
    z-index: 1;
  }
  .filtersContainer {
    margin-bottom: 2rem;
  }
  .filteredContent.eventFilter .filtersContainer {
    margin: 0 0 4rem 0 !important;
  }
  .filteredContent.eventFilter .filtersContainer .advancedFiltersContainer {
    /* margin-left: 0;*/
  }
  .filteredContent.newsFilter .filtersContainer {
    margin: 0 0 4rem 0 !important;
  }
  .filteredContent.newsFilter .filtersContainer .advancedFiltersContainer {
    /* margin-left: 0;*/
  }
  .filteredContent.publicationFilter .filtersContainer {
    margin: 0 0 4rem 0 !important;
  }
  .filteredContent.publicationFilter .filtersContainer .advancedFiltersContainer {
    /* margin-left: 0;*/
  }
}
/* Small Desktop (switch between simple and mobile nav) */
@media only screen and (max-width: 1299px) {
  #header .header .logo {
    width: 80% !important;
  }
  #header .header .searchAndMenu {
    width: 20% !important;
  }
  .pageWrapper {
    padding-top: 0rem !important;
  }
  .hamburger {
    display: block !important;
  }
  .hamburger.open {
    padding: 1.5rem;
    border-radius: 50%;
    background: #002A55;
  }
  .filteredContent {
    margin-top: 10rem;
  }
  .filtersContainer {
    margin-top: 0rem !important;
  }
  #header .mainNavWrapper {
    display: none;
  }
  #header button.hamburger {
    display: block;
  }
  #header .header .search button {
    position: absolute;
    top: 1.5rem;
    right: 7rem;
  }
  .officesWrapper.contactWrapper .listView.offices > li .office .innerContent .itemImage {
    padding: 0;
  }
  .officesWrapper.contactWrapper .listView.offices > li:nth-of-type(even) .office .innerContent .itemImage {
    padding: 0;
  }
  .plxxxl {
    padding-left: 0rem !important;
  }
  .prxxxxl {
    padding-right: 0rem !important;
  }
  /*Related Teammembers*/
  .teammembersWrapper.related .listView.teammembers {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 1rem;
  }
  /* All resource grids*/
  .listView.insights {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.75rem;
    box-sizing: border-box;
  }
  .listView.insights > li {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.75rem;
    vertical-align: top;
    /*width: calc((1 / 3) * 100% - 1.5rem);*/
    flex-basis: calc(1 / 3 * 100% - 1.5rem);
  }
}
/* Tablet */
@media only screen and (max-width: 1024px) {
  .homePageBanner .bannerHeadline h1 {
    font-size: 2.2rem;
  }
  .homePage .splideArrowPush {
    padding-top: 0rem;
  }
  .homePage .sectionPadding {
    padding: 1.5rem 0;
  }
  .homePage .container.edge.sectionPadding {
    padding: 1.5rem 1rem;
  }
  .homePage .container.edge.sectionPadding .padLeft, .homePage .container.edge.sectionPadding .padRight {
    padding: 0 !important;
  }
  .homeTeamWrapper .grid.resizable {
    flex-direction: column-reverse;
  }
  .homeTeamWrapper .teammembersWrapper.splide .splide__arrows {
    transform: none;
    display: block;
    position: relative;
    margin: 1rem 0 2rem 0;
  }
  .homeTeamWrapper .teammembersWrapper.splide .splide__arrows .splide__arrow.splide__arrow--prev {
    left: 0;
    right: initial;
  }
  .homeTeamWrapper .teammembersWrapper.splide .splide__arrows .splide__arrow.splide__arrow--next {
    left: 3rem;
    right: initial;
  }
  .homeEventsWrapper .grid.resizable {
    flex-direction: column-reverse;
  }
  .homeEventsWrapper .eventitemsWrapper.splide .splide__arrows {
    transform: none;
    display: block;
    position: relative;
    margin: 1rem 0 2rem 0;
  }
  .homeEventsWrapper .eventitemsWrapper.splide .splide__arrows .splide__arrow.splide__arrow--prev {
    left: 0;
    right: initial;
  }
  .homeEventsWrapper .eventitemsWrapper.splide .splide__arrows .splide__arrow.splide__arrow--next {
    left: 3rem;
    right: initial;
  }
  .homeInsightsWrapper .grid.resizable {
    flex-direction: column-reverse;
  }
  .homeInsightsWrapper .insightsWrapper.publicationsWrapper.splide .splide__arrows {
    transform: none;
    display: block;
    position: relative;
    margin: 1rem 0 2rem 0;
  }
  .homeInsightsWrapper .insightsWrapper.publicationsWrapper.splide .splide__arrows .splide__arrow.splide__arrow--prev {
    left: 0;
    right: initial;
  }
  .homeInsightsWrapper .insightsWrapper.publicationsWrapper.splide .splide__arrows .splide__arrow.splide__arrow--next {
    left: 3rem;
    right: initial;
  }
  .homeAccomplishmentsWrapper .grid.resizable .sf_colsIn.col-align-end {
    align-items: flex-start;
  }
  .homeAccomplishmentsWrapper .accomplishmentsWrapper {
    padding-right: 0;
  }
  .col-2 {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
  .col-2.ptxxl {
    padding-bottom: 2rem !important;
  }
  /*    .printAndShare {
          display: none;
      }*/
  footer ul li {
    font-size: 1rem !important;
    margin: 0 !important;
  }
  footer .mainFooter ul.socialLinks {
    padding: 2rem 0;
  }
  footer .mainFooter .subscribe .cmsContent {
    width: 100%;
  }
  footer .mainFooter .subscribe .cmsContent .button {
    width: 25%;
    border-radius: 5px;
  }
  footer .mainFooter .footerBottom h2 {
    font-size: 1.5rem !important;
  }
  footer .mainFooter a img {
    width: 60%;
  }
  footer p {
    font-size: 1rem !important;
  }
  /*SIDE NAV*/
  .hasSideNav {
    flex-direction: column-reverse;
  }
  .hasSideNav .mainPanelBar.k-panelbar {
    position: inherit;
    min-width: 100%;
    width: 90vw;
    margin-bottom: 2rem;
  }
  .mainContent > :last-child {
    margin-bottom: 2rem;
  }
  .plxxl, .plxxxl {
    padding-left: 0rem !important;
  }
  .prxxl, .prxxxl {
    padding-right: 0rem !important;
  }
  .jumpMenu {
    display: none;
  }
  .detailView .col-11 {
    max-width: 100%;
  }
  .detailView .col-11.prxxl {
    padding-right: 0rem !important;
  }
  .detailView .col-10 {
    max-width: 100%;
    flex-basis: 100%;
  }
  .detailView .col-9 {
    max-width: 100%;
    flex-basis: 100%;
  }
  .detailView .col-3 {
    padding-bottom: 2rem;
  }
  .detailView .col-3 .printAndShare {
    display: flex;
    align-items: center;
  }
  .detailView .col-3 .printAndShare .button {
    margin-right: 1rem;
  }
  .detailView.teammember .bioTopContent .bioPhotoWrapper {
    display: flex;
    flex-direction: column-reverse;
    grid-template-columns: initial;
  }
  .detailView.teammember .bioTopContent .bioPhotoWrapper .bioContact {
    position: relative;
    width: 93%;
    padding: 2rem 0;
    text-align: center;
    left: 0;
    margin: auto;
  }
  .detailView.teammember .bioTopContent .bioPhotoWrapper .bioContact .designation {
    margin: auto;
    padding: 1rem 0;
    width: 60%;
  }
  .detailView.teammember .bioTopContent .bioPhotoWrapper .bioContact .callToAction {
    margin: 0.5rem 0 0.75rem 0;
    display: flex;
    justify-content: center;
  }
  .detailView.teammember .bioTopContent .bioPhotoWrapper .bioContact .displayFlex {
    justify-content: center;
  }
  .detailView.teammember .bioTopContent .bioPhotoWrapper .bioContact .displayFlex ul.socialLinks {
    margin-right: 15px;
  }
  .detailView.teammember .bioTopContent .bioPhotoWrapper .bgImgWrapper {
    width: 50%;
    margin: auto;
    margin-top: 2rem;
  }
  .detailView.teammember .bioTopContent .bioPhotoWrapper .bgImgWrapper .bgImg {
    margin-top: 0rem;
  }
  .detailView.teammember .cmsContent.highlight {
    margin-bottom: 0rem;
  }
  .detailView.teammember .sideContent .related.expertises .k-treeview .k-item .k-group .k-item .k-link {
    font-size: 0.8rem;
  }
  .detailView.teammember .container.wide {
    flex-direction: column;
  }
  .detailView.teammember .container.wide .col-8 {
    max-width: 100%;
  }
  .detailView.teammember .container.wide .col-8.mtxxl {
    margin-top: 2rem !important;
  }
  .detailView.teammember .container.wide .col-4 {
    max-width: 100%;
  }
  .detailView.teammember .container.wide .sideContent > :first-child {
    margin-top: 1rem;
  }
  .detailView.teammember .related.casesWrapper .cases li {
    margin-left: 0;
    margin-right: 0;
    flex-basis: 100%;
  }
  .detailView .casesWrapper .innerContainer .cases li {
    margin-left: 0;
    width: 100%;
  }
  .whiteGradientRight .whiteGradient {
    right: -2px;
  }
  /* All resource grids*/
  .listView.insights {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.75rem;
    box-sizing: border-box;
  }
  .listView.insights > li {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.75rem;
    vertical-align: top;
    /*width: calc((1 / 2) * 100% - 1.5rem);*/
    flex-basis: calc(1 / 2 * 100% - 1.5rem);
  }
  /*Related Teammembers*/
  .teammembersWrapper.related .listView.teammembers {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1rem;
  }
  .teammembersWrapper.related .listView.teammembers li {
    margin: 0 !important;
  }
  .firmmembershipsWrapper .listView.firmmemberships li .firmmembership {
    flex-direction: row-reverse;
    align-items: center;
  }
  .firmmembershipsWrapper .listView.firmmemberships li .firmmembership .itemImage {
    width: 50%;
  }
  .firmmembershipsWrapper .listView.firmmemberships li .firmmembership .itemImage .imgWrapper img {
    margin: auto;
  }
  .firmmembershipsWrapper .listView.firmmemberships li .firmmembership .innerContent {
    padding: 0 0 0 2rem;
  }
  .featuredcontentsWrapper .featuredcontents li {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .featuredcontentsWrapper .topper .topperTitle {
    padding-bottom: 4rem;
  }
  /*    .wrapper {

          &.related {
              &.expertiseandsectorsWrapper.expertisesWrapper {
                  padding: 1rem 0;

                  .listView.expertiseandsectors.expertises {
                      display: block !important;

                      li {
                          width: calc((1/1) * 100% - 30px);
                      }
                  }
              }
          }
      }*/
  .printAndShare {
    margin-bottom: 1rem;
  }
  .minCardHeight h3 {
    font-size: 1.3rem;
  }
  .sideContent {
    padding: 0;
  }
  .filtersContainer {
    margin: 2rem auto 1rem;
  }
  .shareThis {
    z-index: 1;
  }
  .filteredContent {
    margin-top: 4rem;
  }
  .eventsCTA h3 {
    width: 90%;
  }
}
@media only screen and (max-width: 850px) {
  .expertiseThumbs > .grid .col .expertise {
    position: relative;
    height: 100%;
    margin-bottom: 3rem;
    background-color: #002A55;
  }
  .expertiseThumbs > .grid .col .expertise .visibleContent {
    height: auto;
    background-color: #002A55;
  }
  .expertiseThumbs > .grid .col .expertise .visibleContent .bgImgWrapper {
    height: 200px;
    overflow: hidden;
  }
  .expertiseThumbs > .grid .col .expertise .visibleContent h2 {
    z-index: 4;
    font-size: 2rem;
    position: relative;
    top: initial;
    left: initial;
    padding-left: 1.5rem;
  }
  .expertiseThumbs > .grid .col .expertise .visibleContent .overlay {
    display: none !important;
  }
  .expertiseThumbs > .grid .col .expertise .visibleContent .hoverContent {
    position: relative;
    opacity: 1;
    transition: all 2s ease;
  }
  .expertiseThumbs > .grid .col .expertise .visibleContent:hover h2 {
    top: initial;
  }
  .expertiseThumbs > .grid .col .expertise .visibleContent:hover .overlay {
    display: none !important;
  }
  .expertiseThumbs > .grid .col .expertise .visibleContent:hover .hoverContent {
    display: block;
    transform: none;
  }
}
/* Mobile Only */
@media only screen and (max-width: 767px) {
  .k-treeview .k-item {
    font-size: 1.6rem;
  }
  .k-treeview .k-item.hasChildren .k-top .k-icon.k-i-collapse:before {
    top: -20px;
  }
  .searchModal .modalContent .formGroup input {
    width: auto;
    min-width: auto;
  }
  .listView.testimonials {
    display: block;
  }
  .listView.testimonials li {
    width: 100%;
    margin-bottom: 1rem;
  }
  .listView.testimonials li .cardView.testimonial {
    background-color: white;
  }
  .listView.testimonials li .cardView.testimonial .testimonialQuote {
    background: url(/CFImages/quotes.png) no-repeat 100% 100%;
  }
  .listView.testimonials li .cardView.testimonial .testimonialQuote .testimonialContent p {
    color: #002A55;
  }
  .listView.testimonials li .cardView.testimonial .testimonialSource {
    color: #002A55;
  }
  .listView.testimonials li .cardView.testimonial .testimonialSource p {
    color: #002A55;
  }
  .listView.testimonials > li:nth-of-type(2n) .cardView.testimonial {
    background-color: #002A55;
  }
  .listView.testimonials > li:nth-of-type(2n) .cardView.testimonial .testimonialQuote {
    background: url(/CFImages/quotes-white.png) no-repeat 100% 100%;
  }
  .listView.testimonials > li:nth-of-type(2n) .cardView.testimonial .testimonialQuote .testimonialContent p {
    color: white;
  }
  .listView.testimonials > li:nth-of-type(2n) .cardView.testimonial .testimonialSource {
    color: white;
  }
  .listView.testimonials > li:nth-of-type(2n) .cardView.testimonial .testimonialSource p {
    color: white;
  }
  .listView.testimonials > li:nth-of-type(3n) .cardView.testimonial {
    background-color: white;
  }
  .listView.testimonials > li:nth-of-type(3n) .cardView.testimonial .testimonialQuote {
    background: url(/CFImages/quotes.png) no-repeat 100% 100%;
  }
  .listView.testimonials > li:nth-of-type(3n) .cardView.testimonial .testimonialQuote .testimonialContent p {
    color: #002A55;
  }
  .listView.testimonials > li:nth-of-type(3n) .cardView.testimonial .testimonialSource {
    color: #002A55;
  }
  .listView.testimonials > li:nth-of-type(3n) .cardView.testimonial .testimonialSource p {
    color: #002A55;
  }
  .listView.testimonials > li:nth-of-type(4n) .cardView.testimonial {
    background-color: #002A55;
  }
  .listView.testimonials > li:nth-of-type(4n) .cardView.testimonial .testimonialQuote {
    background: url(/CFImages/quotes-white.png) no-repeat 100% 100%;
  }
  .listView.testimonials > li:nth-of-type(4n) .cardView.testimonial .testimonialQuote .testimonialContent p {
    color: white;
  }
  .listView.testimonials > li:nth-of-type(4n) .cardView.testimonial .testimonialSource {
    color: white;
  }
  .listView.testimonials > li:nth-of-type(4n) .cardView.testimonial .testimonialSource p {
    color: white;
  }
  /*Related Teammembers*/
  .teammembersWrapper.related .listView.teammembers {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .teammembersWrapper.related .listView.teammembers li {
    margin: 0 !important;
  }
  .officesWrapper.contactWrapper .listView.offices > li .office .innerContent .itemContent {
    margin-left: 0;
    padding: 2rem !important;
  }
  .subscribe .cmsContent {
    flex-direction: column;
    padding-top: 1rem;
  }
  .subscribe .cmsContent .txtEmailAddress {
    width: 100% !important;
    border-radius: 5px;
    margin: 0;
  }
  .subscribe .cmsContent .button {
    height: 2.6rem;
    margin-top: 1rem !important;
    width: 100% !important;
    margin: auto;
  }
  .highlight > p:nth-of-type(1) {
    font-size: 1rem !important;
  }
  .wrapper.related.expertiseandsectorsWrapper.expertisesWrapper .listView.expertiseandsectors.expertises {
    display: inline-flex;
    column-count: initial;
  }
  .wrapper.related.expertiseandsectorsWrapper.expertisesWrapper .listView.expertiseandsectors.expertises li {
    width: 100%;
    flex-basis: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .fieldGroups {
    flex-direction: column;
  }
  .officesWrapper.contactWrapper .listView.offices > li .office .innerContent {
    flex-direction: column !important;
  }
  .officesWrapper.contactWrapper .listView.offices > li .office .innerContent .itemImage {
    padding: 0 !important;
  }
  .contactPage .heading h2 {
    font-size: 1.5rem;
  }
  .detailView.teammember .bioTopContent .bioPhotoWrapper .bioContact h1 {
    font-size: 1.8rem;
    white-space: break-spaces;
  }
}
@media only screen and (max-width: 625px) {
  /* All resource grids*/
  .listView.insights {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.75rem;
    box-sizing: border-box;
  }
  .listView.insights > li {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.75rem;
    vertical-align: top;
    /*width: calc((1 / 1) * 100% - 1.5rem);*/
    flex-basis: calc(1 / 1 * 100% - 1.5rem);
  }
  .accomplishmentsWrapper .listView.accomplishments {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0;
    box-sizing: border-box;
  }
  .accomplishmentsWrapper .listView.accomplishments > li {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0;
    vertical-align: top;
    /*width: calc((1 / 1) * 100%);*/
    flex-basis: calc(1 / 1 * 100%);
  }
  .accomplishmentsWrapper .listView.accomplishments li {
    margin-top: -1px;
    padding: 0 1rem;
  }
}
/* XS Mobile Only */
@media only screen and (max-width: 500px) {
  /*Related Teammembers*/
  .teammembersWrapper.related .listView.teammembers {
    display: grid;
    grid-template-columns: 1fr;
  }
  .teammembersWrapper.related .listView.teammembers li {
    margin: 0 !important;
  }
  .homePageBanner .bannerHeadline h1 {
    font-size: 2rem;
  }
  .firmmembershipsWrapper .listView.firmmemberships li .firmmembership {
    flex-direction: column-reverse;
    padding: 4rem 0;
  }
  .firmmembershipsWrapper .listView.firmmemberships li .firmmembership .itemImage {
    width: 100%;
  }
  .firmmembershipsWrapper .listView.firmmemberships li .firmmembership .itemImage .imgWrapper img {
    margin: auto;
    max-width: 20rem;
  }
  .firmmembershipsWrapper .listView.firmmemberships li .firmmembership .innerContent {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .firmmembershipsWrapper .listView.firmmemberships li .firmmembership .innerContent .borderLeft {
    border: none;
    padding: 0;
  }
  #footer .mainFooter .subscribe .cmsContent .txtEmailAddress {
    width: 100% !important;
    border-radius: 5px;
  }
  #footer .mainFooter .subscribe .cmsContent .button {
    width: 100%;
  }
  #footer .mainFooter a img {
    width: 80%;
  }
  .filteredContent {
    margin-top: 5rem;
  }
  .filteredContent .filtersContainer {
    margin-bottom: 4rem;
  }
  .filteredContent .filtersContainer .level1 {
    flex-direction: column;
    /*align-items: flex-start;*/
  }
  .filteredContent .filtersContainer .clearSearch {
    padding-top: 2rem;
  }
  .filteredContent .filtersContainer button.search {
    width: 100%;
  }
  .filteredContent .wrapper ul.listView {
    grid-template-columns: 1fr;
    grid-column-gap: 1rem;
  }
  .filteredContent .wrapper ul.listView.newsitems li {
    padding: 0 !important;
  }
}
/* XXS Mobile Only */
/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/****************************************************************************************************/
/* #region Functions */
/****************************************************************************************************/
/* Remove units from a value */
/* Convert pixels to rems */
/* Convert rems to pixels */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Shortcut Selectors */
/****************************************************************************************************/
/*
    Set focus styles ONLY for users that need it.
    Will not work on older browsers (see base focus styles for example of overriding).
*/
/*  Just an alias for focusVisible */
/*
    Focus AND Hover
    A shortcut for when you need to share styles between focus and hover.
    Most of the time styles should go into separate focusVisible and/or :hover rules as needed.
*/
/* Select all FontAwesome icons */
/* Shortcut for writing out h1-h6 */
/* Cross-browser placeholders */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Font Styless & Fluid Type */
/****************************************************************************************************/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;
@include fluid-type($min_width, $max_width, $min_font, $max_font);
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Mixins */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Size & Position */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Overlays & Gradients */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Whitespace  */
/* You shouldn't ever need to use this directly - it's just used to generate our whitespace classes */
/* based on: https://styleguide.pivotal.io/modifiers/whitespace/#classes */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/*
    Button styles were moved from placeholders to here to reduce generated CSS selector length.
    Ideally you should always either use a real <button> or add the .button class(es) where you needed,
    BUT if you really need it (perhaps to override some 3rd-party styles) you can always do this:

    #specific_selector .my-custom-button {
        @include button; // default styles
        // or
        @include button("secondary", true); // predefined styles WITH base button styles
    }

    You can also "extend" button classes defined in global.scss if you need to (similar to the old way).
    This keeps the css nice and light AS LONG as it's not super-nested beneath some comma-separated parents

    #specific_selector .my-custom-button {
        @extend .button.secondary;
    }
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Misc */
/****************************************************************************************************/
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
@media print {
  .noPrint {
    display: none;
  }
  .printOnly {
    display: block;
    height: auto;
    width: auto;
  }
  a[href]:after {
    content: none !important;
  }
  /* Hide these elements */
  .topHeader {
    display: none !important;
  }
  .mobile,
  .topHeader,
  header nav,
  header .search,
  footer,
  video, audio, object, embed {
    display: none !important;
    height: 0 !important;
  }
  header .header.stuck {
    position: relative !important;
  }
  img {
    max-width: 100%;
  }
  @page {
    margin: 0.5cm;
  }
  body {
    line-height: 1.5;
  }
  h1 {
    font-size: 21pt;
  }
  h2 {
    font-size: 15pt;
    margin-top: 25px;
  }
  h3 {
    font-size: 13pt;
    margin-top: 20px;
  }
  p a {
    color: black;
    word-wrap: break-word;
  }
  p a:after {
    content: " " attr(href) ")";
  }
  p a[href^="#"]:after {
    display: none;
  }
  p a[href^="http://"]:after, p a a[href^="https://"]:after {
    content: " (" attr(href) ")";
  }
  .pageTopper {
    min-height: 0;
  }
  .pageTopper .topperImage {
    display: none;
  }
  .resources .innerContent .itemImage {
    display: none;
  }
  .filteredContent .filtersContainer, .filteredContent #loadingIndicator, .filteredContent #loadMoreContainer {
    display: none !important;
  }
  .viewMoreOuter {
    display: none;
  }
  .teammembers .teammember .bgImgWrapper {
    /* display: none;*/
  }
  .teammember .topperGrid {
    height: auto;
  }
  .teammember .topperGrid .bioTopContent.flexCol {
    color: #000;
    background-color: #fff;
  }
  .teammember .topperGrid .bioTopContent.flexCol .bioContact {
    text-align: left;
    flex-direction: column;
    display: flex;
    justify-content: center;
    height: 100%;
  }
  .teammember .topperGrid .bioTopContent.flexCol .bioContact h1 {
    color: #000;
  }
  .teammember .topperGrid .bioTopContent.flexCol .bioContact a:link, .teammember .topperGrid .bioTopContent.flexCol .bioContact a:visited, .teammember .topperGrid .bioTopContent.flexCol .bioContact a:active {
    color: #000;
  }
  .teammember .topperGrid .bioTopContent.flexCol .bioContact .offices ul li {
    border-right: 1px solid #000;
  }
  .teammember .topperGrid .bioTopContent.flexCol .bioContact .offices ul li a {
    color: #000;
  }
  .teammember .bgImgWrapper {
    /*display: none;*/
    height: 0;
  }
  .expertise.detailView .pageTopper, .sector.detailView .pageTopper, .solution.detailView .pageTopper {
    min-height: 0;
    padding-top: 2rem;
  }
  .expertise.detailView .pageTopper .topperImage, .sector.detailView .pageTopper .topperImage, .solution.detailView .pageTopper .topperImage {
    display: none;
  }
}
.printWrapper {
  background-color: #fff;
}
.printWrapper a {
  color: #002A55;
}
.printWrapper .cmsContent {
  color: #002A55;
}
.printWrapper .cmsContent a {
  color: #002A55;
}
.printWrapper .cmsContent.highlightFirstElement > :first-child {
  margin: 0 0 1rem;
}
.printWrapper table {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: inherit;
  border-spacing: 0;
  border-color: inherit;
  vertical-align: inherit;
  text-align: left;
  font-weight: inherit;
}
.printWrapper table tr td {
  vertical-align: top;
}
.printWrapper table tr td.alignBottom {
  vertical-align: bottom;
}
.printWrapper table tr td.alignMiddle {
  vertical-align: middle;
}
.printWrapper p, .printWrapper li {
  font-size: 14px;
  word-break: break-word;
}
.printWrapper .cmsContent p, .printWrapper .cmsContent li {
  font-size: 1rem;
  line-height: 1.2rem;
}
.printWrapper h1, .printWrapper h2, .printWrapper h3, .printWrapper h4, .printWrapper h5 {
  text-align: left;
}
.printWrapper h1:first-child,
.printWrapper h2:first-child,
.printWrapper h3:first-child,
.printWrapper h4:first-child,
.printWrapper h5:first-child,
.printWrapper h6:first-child,
.printWrapper .h:first-child {
  margin-top: revert;
}
.printWrapper h1 {
  font-size: 1.5rem !important;
}
.printWrapper h2 {
  font-size: 1.2rem !important;
  margin: 0;
  padding: 0;
  break-inside: avoid;
  margin: 1rem 0 1.4rem 0;
}
.printWrapper h2:after {
  content: "";
  display: block;
  height: 120px;
  position: relative;
  margin-bottom: -120px;
}
.printWrapper h2.smallMargin:after {
  content: "";
  display: block;
  height: 180px;
  margin-bottom: -180px;
}
.printWrapper h2.mediumMargin:after {
  content: "";
  display: block;
  height: 300px;
  margin-bottom: -300px;
}
.printWrapper h2.superMargin:after {
  content: "";
  display: block;
  height: 500px;
  margin-bottom: -500px;
}
.printWrapper {
  /* h3 {
      font-size: 1.2rem !important; //using important to minimize number of rules that need to be overridden
      break-inside: avoid;
  }

  h3::after { // basically give the header an extra element that is large enough that it will break if needed.
      //NOTE: need break-inside: avoid on the parent element
      content: "";
      display: block;
      height: 120px;
      margin-bottom: -120px;
  }*/
}
.printWrapper .avoidPageBreak {
  page-break-inside: avoid;
}
.printWrapper {
  /*.h3, .cmsContent.highlightFirstElement > :first-child {
      font-size: 1.1rem !important;
  }*/
}
.printWrapper .container {
  width: 100%;
  padding: 0;
  margin: 0;
  max-width: 100% !important;
}
.printWrapper .paddedWithMargin {
  padding: 0.5rem 2rem 2rem;
  margin: 1.5rem 0;
}
.printWrapper .baseFont {
  font-family: objektiv-mk3, sans-serif;
}
.printWrapper .logoWrapper {
  padding: 1.5rem;
}
.printWrapper .logoWrapper img {
  max-width: 280px;
}
.printWrapper .logoWrapper {
  border-bottom: 1px solid #002A55;
}
.printWrapper .viewAllMoreWrapper {
  display: none;
}
.printWrapper {
  /* Shared List views and cards */
}
.printWrapper .listView {
  display: block;
  gap: initial;
  margin: 0 !important;
}
.printWrapper .listView li {
  margin: 0;
  padding: 0;
  break-inside: avoid;
}
.printWrapper .listView.insights .cardView.insight, .printWrapper .listView.insights .cardView.eventitem {
  width: 100%;
  padding: 1rem 0 0 0;
  border-top: 1px solid #E8E8E8;
  margin: 0 0 1rem 0;
}
.printWrapper .listView.insights .cardView.insight h3, .printWrapper .listView.insights .cardView.insight h3.bold, .printWrapper .listView.insights .cardView.eventitem h3, .printWrapper .listView.insights .cardView.eventitem h3.bold {
  line-height: 1.1;
  font-size: 1rem;
  margin: 0.5rem 0 0 0;
  font-weight: 700 !important;
}
.printWrapper .listView.cases .cardView.case {
  width: 100%;
  padding: 0.5rem 1rem !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.printWrapper .mainContent {
  padding: 2rem 0;
  font-size: 1rem !important;
}
.printWrapper .mainContent .highlight > p:nth-of-type(1) {
  font-size: 1.2rem !important;
}
.printWrapper {
  /* Two Column Table */
}
.printWrapper table.mainGrid tr td {
  vertical-align: top;
  border: none;
  border-spacing: 0px;
}
.printWrapper table.mainGrid .secondaryContent {
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
}
.printWrapper table.mainGrid .secondaryContent h2 {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}
.printWrapper table.mainGrid .secondaryContent ul li {
  font-size: 1rem !important;
}
.printWrapper {
  /* bottom table (for resource etc) */
}
.printWrapper table.fullGrid {
  width: 100%;
}
.printWrapper .detailView .related.newsitemsWrapper, .printWrapper .detailView .related.publicationsWrapper, .printWrapper .detailView .related.eventitemsWrapper, .printWrapper .detailView .related.casesWrapper {
  border: none !important;
  margin-top: 1rem !important;
}
.printWrapper .detailView h2 {
  padding: 1.5rem 0 0 0 !important;
  border-top: 1px solid #B7E281;
}
.printWrapper .detailView .cmsContent ul > li:before {
  top: 7px;
  left: 0px;
  height: 8px;
  width: 8px;
  position: absolute;
  font-size: 0.3rem;
  line-height: inherit;
  border-radius: 50%;
}
.printWrapper {
  /* Team Bio Specific Styles*/
}
.printWrapper .detailView.teammember .bioTopContent {
  margin-bottom: 1rem;
  /* top table (for contact and image) */
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid {
  border-spacing: 0px;
  width: 100%;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid div.bioContact {
  position: relative;
  display: block;
  left: 0;
  font-size: 1.1rem;
  height: 100%;
  width: 100%;
  padding: 2rem 1rem 0 1rem;
  border: none;
  margin: 0;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid div.bioContact h1 {
  font-size: 1.6rem;
  margin-bottom: 0;
  color: #252B6F;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid div.bioContact h3.position {
  font-size: 1rem !important;
  font-family: objektiv-mk3, sans-serif;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid div.bioContact .designation {
  width: 80%;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid div.bioContact table.contactInfo {
  padding: 1rem 0 2rem 0;
  border-top: 2px solid #B7E281;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid div.bioContact table.contactInfo tr.contactItem {
  font-size: 1rem;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid div.bioContact table.contactInfo tr.contactItem td.left {
  font-size: 0.9rem;
  width: 100px;
  text-align: left !important;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid div.bioContact table.contactInfo tr.contactItem td.left span {
  font-size: 0.9rem;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid div.bioContact table.contactInfo tr.contactItem td.right {
  font-size: 0.9rem;
  text-align: left;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid .bioPhotoWrapper .imgWrapper {
  width: 100%;
  padding: 1rem 1rem 0 1rem;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid .bioPhotoWrapper .imgWrapper img {
  object-fit: contain;
}
.printWrapper .detailView.teammember .related.expertises .k-treeview {
  border-left: 1px solid #B7E281 !important;
}
.printWrapper .detailView.teammember .related.expertises .k-treeview ul.k-group {
  padding: 0 !important;
  margin: 0 !important;
}
.printWrapper .detailView.teammember .related.expertises .k-treeview ul.k-group li.k-item {
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}
.printWrapper .detailView.teammember .related.expertises .k-treeview ul.k-group li.k-item .k-icon {
  display: none !important;
}
.printWrapper .detailView.teammember .related.expertises .k-treeview ul.k-group li.k-item a.k-link {
  display: block;
  width: 100%;
  font-size: 0.9rem !important;
  font-weight: bold !important;
  border: none !important;
  padding: 0.5rem 0 0 1rem !important;
}
.printWrapper .detailView.teammember .related.expertises .k-treeview ul.k-group li.k-item.k-first .k-link {
  padding-top: 0 !important;
}
.printWrapper .detailView.teammember .related.expertises .k-treeview ul.k-group.level2 {
  padding-left: 0.5rem !important;
  display: block !important;
}
.printWrapper .detailView.teammember .related.expertises .k-treeview ul.k-group.level2 li.k-item a.k-link {
  border-left: none !important;
  font-weight: normal !important;
  font-size: 0.8rem !important;
}
.printWrapper .detailView.insight .cmsContent > p:nth-of-type(1) {
  margin: 0 0 1rem 0;
  font-size: inherit;
  color: inherit;
}
.printWrapper {
  /* ##### FOR EXPERTISE PAGES ### */
}
.printWrapper table.topGrid.photoBackground {
  margin-bottom: 1rem;
  display: block;
}
.printWrapper table.topGrid.photoBackground td {
  display: inline;
  padding: 0;
}
.printWrapper table.topGrid.photoBackground .topperImage {
  position: relative;
  height: 280px;
  overflow: hidden;
  position: relative;
}
.printWrapper table.topGrid.photoBackground .topperImage:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: calc(1 + 1);
  position: absolute;
  mix-blend-mode: darken;
  /* filter: saturate(1.5); */
  /*background: radial-gradient(circle at 85% 25%, rgba(#000, 0) 15%, rgba(#000, .5) 42%, #000 100%);*/
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.printWrapper table.topGrid.photoBackground .topperImage > * {
  position: relative;
  z-index: 2;
}
.printWrapper table.topGrid.photoBackground .topperImage img {
  object-fit: cover;
  display: block;
  max-width: 100%;
  height: 280px;
}
.printWrapper table.topGrid.photoBackground div.overlayContent {
  position: absolute !important;
  z-index: 3 !important;
  top: 50%;
  left: 1rem;
  transform: translatey(-50%);
}
.printWrapper table.topGrid.photoBackground div.overlayContent h1 {
  color: #fff;
  font-size: 2rem !important;
  margin: 0;
}
.printWrapper table.topGrid.noImageTopper {
  margin-bottom: 0;
  padding: 3rem 0 1rem 0;
  display: block;
}
.printWrapper table.topGrid.noImageTopper td {
  display: inline;
  padding: 0;
}
.printWrapper table.topGrid.noImageTopper div.content h1 {
  font-size: 2rem !important;
  line-height: 1.1 !important;
  margin: 1rem 0 0 0;
}
.printWrapper table.topGrid.noImageTopper div.content span.dates {
  display: block;
  margin: 0;
  font-size: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #B7E281;
}
.printWrapper {
  /* ##### FOR KEYCONTACT and RELATED TEAM #### */
}
.printWrapper .teammembersWrapper .listView.teammembers.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
.printWrapper .teammembersWrapper .listView.teammembers.grid li.col {
  break-inside: avoid;
}
.printWrapper .teammembersWrapper .cardView.teammember.simple {
  display: block;
  padding-bottom: 0.5rem;
  break-inside: avoid;
  border-bottom: solid 1px #E8E8E8;
}
.printWrapper .teammembersWrapper .cardView.teammember.simple h3 {
  margin: 0;
}
.printWrapper .teammembersWrapper .cardView.teammember.simple span.position {
  color: #707070;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 2px;
}
.printWrapper .teammembersWrapper .cardView.teammember.simple ul.contactInfo {
  margin-top: 0.5rem;
}
.printWrapper .teammembersWrapper .cardView.teammember.simple ul.contactInfo span.prefixLabel {
  display: none;
}

/*# sourceMappingURL=main.css.map*/