/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./.yarn/__virtual__/css-loader-virtual-54a77d8c2e/0/cache/css-loader-npm-7.1.2-7540f12884-edec9ed71e.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./.yarn/__virtual__/postcss-loader-virtual-0785fc74b1/0/cache/postcss-loader-npm-8.1.1-20cf547c92-86cde94cd4.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./.yarn/cache/resolve-url-loader-npm-5.0.0-9b441067c9-53eef36203.zip/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!./.yarn/__virtual__/sass-loader-virtual-b14b937895/0/cache/sass-loader-npm-14.2.1-dc50026ea1-9a48d45458.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./.yarn/cache/@splidejs-splide-npm-4.1.4-574032679c-2dc36e0ce1.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;
  -webkit-user-select: 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-54a77d8c2e/0/cache/css-loader-npm-7.1.2-7540f12884-edec9ed71e.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./.yarn/__virtual__/postcss-loader-virtual-0785fc74b1/0/cache/postcss-loader-npm-8.1.1-20cf547c92-86cde94cd4.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./.yarn/cache/resolve-url-loader-npm-5.0.0-9b441067c9-53eef36203.zip/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!./.yarn/__virtual__/sass-loader-virtual-b14b937895/0/cache/sass-loader-npm-14.2.1-dc50026ea1-9a48d45458.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./.yarn/cache/@splidejs-splide-npm-4.1.4-574032679c-2dc36e0ce1.zip/node_modules/@splidejs/splide/dist/css/themes/splide-default.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;
  -webkit-user-select: 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-54a77d8c2e/0/cache/css-loader-npm-7.1.2-7540f12884-edec9ed71e.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./.yarn/__virtual__/postcss-loader-virtual-0785fc74b1/0/cache/postcss-loader-npm-8.1.1-20cf547c92-86cde94cd4.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./.yarn/cache/resolve-url-loader-npm-5.0.0-9b441067c9-53eef36203.zip/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!./.yarn/__virtual__/sass-loader-virtual-b14b937895/0/cache/sass-loader-npm-14.2.1-dc50026ea1-9a48d45458.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/styles/master.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ### Bullets */
/*$primaryFont: 'Sinhala MN', serif; // headings*/
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS 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) */
/* Large Desktop (max width) */
/* Extra-Large Desktop (min width) */
/* Extra-Large Desktop (max width) */
/* High Definition (HD) - THIS IS THE LEVEL OF OUR DEFAULT STYLES */
/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/*$topHeaderHeight: 60px;*/
/*$totalHeaderHeight: 150px; //Sum of the two*/
/*$mobileHeaderHeight: 120px;*/
/*$border2: 1px solid $greyLight;*/
/*$letterSpacingSideTitle: 0.35em;*/
/****************************************************************************************************/
/* #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 Link Styler */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #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 */
/****************************************************************************************************/
/*background-image: linear-gradient(120deg, scrim-gradient($primaryColour));*/
/* #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 Misc */
/****************************************************************************************************/
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
.branded, span.pseudoH1 {
  position: relative;
}
.branded:after, span.pseudoH1:after {
  content: " ";
  /*position:absolute;*/
  color: #007B8B;
  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;
}

nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer a:hover, .detailView.teammember .bioTopContent .bioContact .bioContactTop .position, .teammember.cardView .position, .expertisesWrapper.treeViewWrapper .k-treeview .level1 > .k-item .k-link, .expertisesWrapper.treeViewWrapper .k-treeview .level1 > .k-item .k-in, .expertise.cardView h3, .newsandevent.cardView, .insight.cardView, .stickySidebar ul.scrollingSideBar li a, .borderBottomShort {
  position: relative;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer a:hover:after, .detailView.teammember .bioTopContent .bioContact .bioContactTop .position:after, .teammember.cardView .position:after, .expertisesWrapper.treeViewWrapper .k-treeview .level1 > .k-item .k-link:after, .expertisesWrapper.treeViewWrapper .k-treeview .level1 > .k-item .k-in:after, .expertise.cardView h3:after, .newsandevent.cardView:after, .insight.cardView:after, .stickySidebar ul.scrollingSideBar li a:after, .borderBottomShort:after {
  left: 0;
  bottom: 0;
  /*width: 3.5rem;*/
  width: 3.2rem;
  height: 1px;
  content: " ";
  position: absolute;
  background-color: #BB0000;
}

.ranking.cardView {
  position: relative;
}
.ranking.cardView:after {
  left: calc(50% - 1.6rem);
  bottom: 0;
  /*width: 3.5rem;*/
  width: 3.2rem;
  height: 1px;
  content: " ";
  position: absolute;
  background-color: #BB0000;
}

section.subscribeSection, .detailView.teammember .bioTopContent, .testimonialsWrapper.withRandomBackgroundArt, .casesWrapper.withRandomBackgroundArt.splide .case.cardView, .detailView .topperSection, .container.edge *.container.full, .container.full {
  padding-left: 5rem;
  padding-right: 5rem;
  /*        @media(max-width:$XL_Max) {
          padding-left: $desktopPadding;
          padding-right: $desktopPadding;
      }*/
}
@media (max-width: 1599px) {
  section.subscribeSection, .detailView.teammember .bioTopContent, .testimonialsWrapper.withRandomBackgroundArt, .casesWrapper.withRandomBackgroundArt.splide .case.cardView, .detailView .topperSection, .container.edge *.container.full, .container.full {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (max-width: 1299px) {
  section.subscribeSection, .detailView.teammember .bioTopContent, .testimonialsWrapper.withRandomBackgroundArt, .casesWrapper.withRandomBackgroundArt.splide .case.cardView, .detailView .topperSection, .container.edge *.container.full, .container.full {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (max-width: 1024px) {
  section.subscribeSection, .detailView.teammember .bioTopContent, .testimonialsWrapper.withRandomBackgroundArt, .casesWrapper.withRandomBackgroundArt.splide .case.cardView, .detailView .topperSection, .container.edge *.container.full, .container.full {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 767px) {
  section.subscribeSection, .detailView.teammember .bioTopContent, .testimonialsWrapper.withRandomBackgroundArt, .casesWrapper.withRandomBackgroundArt.splide .case.cardView, .detailView .topperSection, .container.edge *.container.full, .container.full {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 500px) {
  section.subscribeSection, .detailView.teammember .bioTopContent, .testimonialsWrapper.withRandomBackgroundArt, .casesWrapper.withRandomBackgroundArt.splide .case.cardView, .detailView .topperSection, .container.edge *.container.full, .container.full {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.bigBlockQuote blockquote:before, blockquote.testimonial.cardView:before {
  top: 1.5rem;
  left: 0;
  width: 8rem;
  height: 8rem;
  filter: invert(1);
  content: " ";
  z-index: 0;
  opacity: 0.15;
  display: block;
  position: absolute;
  background-image: url(/CFImages/double-quote.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.coverImg {
  inset: 0;
  display: block;
  position: absolute;
}

.detailView .topperSection .authorTeam a, .cmsContent a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  /*text-decoration-color: $teal;*/
  text-decoration-color: #CCCCCC;
  text-underline-offset: 0.2em;
  transition: none;
}
.detailView .topperSection .authorTeam a:focus, .cmsContent a:focus, .detailView .topperSection .authorTeam a:hover, .cmsContent a:hover {
  text-decoration-color: #007B8B;
}

/****************************************************************************************************/
/* #region Flex Grid */
/****************************************************************************************************/
.grid {
  /*width: 100%;*/
  width: initial;
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -1rem 0 -1rem;
}
.grid.col {
  width: auto;
  order: 1;
}
.grid.grid-nogutter {
  margin: 0;
}
.grid.grid-nogutter > .col {
  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-left: 0.5rem;
  margin-right: 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,
.grid.col-grow-2 {
  flex-grow: 2;
}

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

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

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

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

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

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

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

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

.col-grow-11,
.grid.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;
  width: auto;
}
.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="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="1299px"] > .col, .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: 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 */
/****************************************************************************************************/
/* ----------------------------------------------
* Copied from animasta.net
* ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes header-slide-in {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
/*! 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 */
/*$primaryFont: 'Sinhala MN', serif; // headings*/
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS 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) */
/* Large Desktop (max width) */
/* Extra-Large Desktop (min width) */
/* Extra-Large Desktop (max width) */
/* High Definition (HD) - THIS IS THE LEVEL OF OUR DEFAULT STYLES */
/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/*$topHeaderHeight: 60px;*/
/*$totalHeaderHeight: 150px; //Sum of the two*/
/*$mobileHeaderHeight: 120px;*/
/*$border2: 1px solid $greyLight;*/
/*$letterSpacingSideTitle: 0.35em;*/
/* these need to be here for intellisense and go-to-definition to work */
/****************************************************************************************************/
/* #region Document */
/****************************************************************************************************/
::selection {
  background: #156961;
  color: white;
}

::-webkit-input-placeholder {
  color: #555555;
  text-transform: none;
}

:-moz-placeholder {
  color: #555555;
  text-transform: none;
}

::-moz-placeholder {
  color: #555555;
  text-transform: none;
}

:-ms-input-placeholder {
  color: #555555;
  text-transform: none;
}

* {
  box-sizing: border-box;
}

:root {
  --scrollbar-width: 16px;
  --header-height: 129px;
  --site-padding: 5rem;
}
@media (max-width: 1574px) {
  :root {
    --site-padding: 5rem;
  }
}
@media (max-width: 1299px) {
  :root {
    --site-padding: 3rem;
  }
}
@media (max-width: 1024px) {
  :root {
    --header-height: 75px;
    --site-padding: 2rem;
  }
}
@media (max-width: 767px) {
  :root {
    --header-height: 75px;
    --site-padding: 2rem;
    --scrollbar-width: 0 !important;
  }
}
@media (max-width: 500px) {
  :root {
    --site-padding: 1rem;
  }
}

html {
  min-height: auto;
  font-style: normal;
  font-family: "classico-urw", serif;
  font-weight: 400;
  line-height: 1.5;
}
html {
  font-size: 14px;
}
@media screen and (min-width: 1025px) {
  html {
    font-size: calc(14px + 4 * (100vw - 1025px) / 275);
  }
}
@media screen and (min-width: 1300px) {
  html {
    font-size: 18px;
  }
}

body {
  min-height: 100vh;
  overflow: initial; /* NS - remember that overflow hidden/scroll will break position: sticky items. sticky sidebar will no longer work */
  color: black;
  font-style: normal;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  background-color: white;
  background-image: url(/CFImages/bg.gif);
  background-attachment: fixed;
}

/* Custom Scrollbar Styles (only works in the latest browsers) */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(247, 247, 247, 0.5);
  background-color: #F5F5F5;
}

::-webkit-scrollbar {
  width: 10px;
  background-color: #F7F7F7;
}

::-webkit-scrollbar-thumb {
  background-color: #E2E3E4;
  border: 2px solid #E2E3E4;
}

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

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

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

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

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

strong, b {
  font-weight: 500;
}

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 {
  width: 100%;
  max-width: 100%;
  margin: 2rem auto;
  padding: 3rem 10%;
  position: relative;
  border: none;
  color: inherit;
  text-align: left;
  font-size: 1.2em;
  font-family: "classico-urw", serif;
  background-color: #E2E3E4;
}
blockquote p {
  color: inherit;
  font-weight: 700;
  font-style: normal;
}
blockquote > :last-child {
  margin-bottom: 0;
}
blockquote cite {
  font-style: italic;
  font-family: "Roboto", sans-serif;
}
a {
  color: #007B8B;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}

a:hover {
  color: #007B8B;
  text-decoration: underline;
}

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

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

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 */
/****************************************************************************************************/
/* Headings */
h1, h2, h3, h4, h5, h6, .h, .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > *:not(li), .cmsContent.highlightFirstElement > :first-child {
  font-style: normal;
  font-family: "classico-urw", serif;
  font-weight: 500;
  /*font-family: 'Sinhala MN';*/
  line-height: 1.2;
  color: #555555;
  margin: 2.4rem 0 1.38rem;
  padding: 0;
  display: block;
}
h1.centered, h2.centered, h3.centered, h4.centered, h5.centered, h6.centered, .h.centered, .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > .centered:not(li), .cmsContent.highlightFirstElement > .centered:first-child {
  text-align: center;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark .h, .dark .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > *:not(li), .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul .dark li.rootMenuItem > *:not(li), .dark .cmsContent.highlightFirstElement > :first-child {
  color: white;
}

:is(h1, h2, h3, h4, h5, h6, .h, .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > *:not(li), .cmsContent.highlightFirstElement > :first-child) + :is(h1, h2, h3, h4, h5, h6, .h, .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > *:not(li), .cmsContent.highlightFirstElement > :first-child) {
  margin-top: 0;
}

.dark .cmsContent {
  color: white;
}

h1 {
  color: #007B8B;
  font-size: 2.488rem;
}

h2 {
  font-size: 1.602rem;
}

h3 {
  font-size: 1.424rem;
}

h4 {
  font-size: 1.266rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

/* fake headings (turn any element into a heading, basically). These need to match the above. */
.h1 {
  color: #007B8B !important;
  font-size: 2.488rem !important;
}
.dark .h1 {
  color: white !important;
}

.h2, #printModal h3 {
  font-size: 1.602rem !important;
}

.h3, .cmsContent.highlightFirstElement > :first-child {
  font-size: 1.424rem !important;
}

.h4 {
  font-size: 1.266rem !important;
}

.h5 {
  font-size: 1.125rem !important;
}

.h6 {
  font-size: 1rem !important;
}

/* Minor Second */
/*h1 {
    color: $teal;
    font-size: 1.383rem;
}

h2 {
    font-size: 1.296rem;
}

h3 {
    font-size: 1.215rem;
}

h4 {
    font-size: 1.138rem;
}

h5 {
    font-size: 1.067rem;
}

small, .text_small {
    font-size: 0.937rem;
}

.h1 {
    color: $teal;
    font-size: 1.383rem !important;
}

.h2 {
    font-size: 1.296rem !important;
}

.h3 {
    font-size: 1.215rem !important;
}

.h4 {
    font-size: 1.138rem !important;
}

.h5 {
    font-size: 1.067rem !important;
}
*/
/* #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: "classico-urw", serif;
  font-weight: 700;
  line-height: 1;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/* Shared styles for native <button>s and .button class */
.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.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: #007B8B;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /*padding: 0.9rem 1.4em;*/
  padding: 0.8em 1.8em 0.7em;
  margin-top: 1em;
  font-size: 0.9rem;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  border: 1px solid #007B8B;
  border-radius: 4px;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  height: auto;
  /* FontAwesome Icons in markup */
  /* reverse */
  /*    &.reverse {
      @include button("reverse", false);
  }*/
  /* large button */
}
.button:after, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.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;
}
.button [class*=fa-], nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button [class*=fa-],
button [class*=fa-] {
  margin-left: 0.6rem;
}
.button:hover, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:hover, .button:focus, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:focus,
button:hover,
button:focus {
  color: white;
  background-color: #006472;
  text-decoration: none !important;
}
.button:active, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:active,
button:active {
  color: white;
  text-decoration: none !important;
  background-color: #004e58;
}
.dark .button, .dark nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .dark a.button,
.dark button {
  border-color: white;
}
.dark .button:hover, .dark nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:hover, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .dark a.button:hover, .dark .button:focus, .dark nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:focus, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .dark a.button:focus,
.dark button:hover,
.dark button:focus {
  color: black;
  background-color: white;
}
.dark .button:active, .dark nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:active, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .dark a.button:active,
.dark button:active {
  color: white;
  color: black;
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
.cmsContent .button, .cmsContent nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .cmsContent a.button,
.cmsContent 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: #007B8B;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /*padding: 0.9rem 1.4em;*/
  padding: 0.8em 1.8em 0.7em;
  margin-top: 1em;
  font-size: 0.9rem;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  border: 1px solid #007B8B;
  border-radius: 4px;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  height: auto;
  /* FontAwesome Icons in markup */
}
.cmsContent .button:after, .cmsContent nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:after, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .cmsContent a.button:after,
.cmsContent button:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
}
.cmsContent .button [class*=fa-], .cmsContent nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button [class*=fa-], nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .cmsContent a.button [class*=fa-],
.cmsContent button [class*=fa-] {
  margin-left: 0.6rem;
}
.cmsContent .button:hover, .cmsContent nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:hover, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .cmsContent a.button:hover, .cmsContent .button:focus, .cmsContent nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:focus, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .cmsContent a.button:focus,
.cmsContent button:hover,
.cmsContent button:focus {
  color: white;
  background-color: #006472;
  text-decoration: none !important;
}
.cmsContent .button:active, .cmsContent nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:active, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .cmsContent a.button:active,
.cmsContent button:active {
  color: white;
  text-decoration: none !important;
  background-color: #004e58;
}
.dark .cmsContent .button, .dark .cmsContent nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .dark .cmsContent a.button,
.dark .cmsContent button {
  border-color: white;
}
.dark .cmsContent .button:hover, .dark .cmsContent nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:hover, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .dark .cmsContent a.button:hover, .dark .cmsContent .button:focus, .dark .cmsContent nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:focus, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .dark .cmsContent a.button:focus,
.dark .cmsContent button:hover,
.dark .cmsContent button:focus {
  color: black;
  background-color: white;
}
.dark .cmsContent .button:active, .dark .cmsContent nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:active, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .dark .cmsContent a.button:active,
.dark .cmsContent button:active {
  color: white;
  color: black;
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
.button.large, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.large.button,
button.large {
  /* 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) */
  font-size: 1.2rem;
}

/* button-like inputs */
/*input[type="file"],
input[type="reset"],
input[type="submit"],
input[type="button"] {
    @extend .button.reset;
}*/
/* native buttons only */
/* .button only */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Hyperlinks + Special Links */
/****************************************************************************************************/
/* Special Links */
/* Telephone Links */
/* Non-link elements with onclick functionality */
.clickable {
  cursor: pointer;
}

/* add text-decoration underline */
a.underline {
  text-decoration: underline;
}

/* add text-decoration underline */
a.underlineHoverOnly {
  text-decoration: none;
}
a.underlineHoverOnly:focus:focus-visible {
  text-decoration: underline;
}
a.underlineHoverOnly:hover {
  text-decoration: underline;
}

/* no underline */
a.noUnderline {
  text-decoration: none;
}

/* Shared Link Styles */
a,
.cmsContent a {
  /* Grey style (no underline - used in footer copyright) */
}
.dark a,
.dark .cmsContent a {
  color: white;
}
.dark a:hover,
.dark .cmsContent a:hover {
  color: #e6e6e6;
  text-decoration: underline;
  /*text-decoration-color: $red;*/
}
.dark a:active,
.dark .cmsContent a:active {
  color: #f2f2f2;
  text-decoration: underline;
  /*text-decoration-color: $red;*/
}
a.grey,
.cmsContent a.grey {
  color: #707070;
}

/* grey (no underline) */
/* #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 */
/****************************************************************************************************/
.grey {
  color: #707070 !important;
}

.dark {
  color: white;
}

.light {
  color: black;
}

.red {
  color: #BB0000 !important;
}

/* The most common light background */
.bgLight {
  background-color: #E2E3E4;
}

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

.bgWhite {
  background-color: white;
}

.bgOffWhite {
  background-color: #F6F6F6;
}

.bgBlack {
  background-color: black;
}

.bgPrimary {
  background-color: #BB0000;
}

.bgSecondary {
  background-color: #007B8B;
}

.bgTertiary {
  background-color: #156961;
}

.bgGrey {
  background-color: #707070;
}

.bgGreyLight {
  background-color: #E2E3E4;
}

.bgTealXLight {
  background-color: #E5F1F3;
}

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

/* Flex */
.justify-normal {
  justify-content: normal;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

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

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-stretch {
  justify-content: stretch;
}

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

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

/* for changing the order of flex/grid items */
@media (max-width: 767px) {
  .orderFirstMobile {
    order: -1;
  }
}

@media (max-width: 1024px) {
  .orderFirstTablet {
    order: -1;
  }
}

@media (max-width: 767px) {
  .flexRowMobile {
    flex-direction: row !important;
  }
}

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

@media (max-width: 767px) {
  .centerMobile {
    text-align: center !important;
  }
}
.centerMobile img {
  display: inline-block;
}

/* 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.25rem !important;
}

.mas {
  margin: 0.25rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pam {
  padding: 0.5rem !important;
}

.mam {
  margin: 0.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pal {
  padding: 1rem !important;
}

.mal {
  margin: 1rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.paxl {
  padding: 2rem !important;
}

.maxl {
  margin: 2rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.paxxl {
  padding: 3rem !important;
}

.maxxl {
  margin: 3rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

.mlxxl {
  margin-left: 3rem !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: 7rem !important;
}

.maxxxxl {
  margin: 7rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #ff0909;
  font-size: 0.8em;
}

.greyWrapper {
  background-color: #E2E3E4;
}

.flexGallery > div {
  /*@include grid(4, 2rem, ".image-link");*/
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -4rem;
  /*        &:after {
      content: "";
      flex: auto;
  }*/
}
.flexGallery > div > .image-link {
  margin: 0 4rem;
}
.flexGallery > div a.image-link {
  /*            flex: 0 1;*/
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.flexGallery > div a.image-link img {
  max-width: 8rem;
  min-width: 8rem;
  /*align-self: center;*/
  /*margin: 0 auto;*/
}

.masonryGallery {
  /*        @media (max-width: 800px) {
          display: flex;
          align-items: flex-start;
          flex-wrap: wrap;
          justify-content: center;

          & > a {
              width: 48%;
              margin: 1%;

              @media (max-width: 350px) {
                  width: 98%;
              }
          }
      }*/
}
.masonryGallery div {
  display: grid;
  height: calc(100vh - 10px);
  grid-template: repeat(5, 1fr)/repeat(6, 1fr);
  grid-gap: 0.5em;
}
.masonryGallery div > a:nth-child(6n+1) {
  grid-column: span 2;
  grid-row: span 2;
}
.masonryGallery div > a:nth-child(2) {
  grid-column: span 3;
  grid-row: span 3;
}
.masonryGallery div > a:nth-child(4) {
  grid-column: span 1;
  grid-row: span 2;
}
.masonryGallery div > a:nth-child(5) {
  grid-column: span 2;
  grid-row: span 2;
}
.masonryGallery div > a > img {
  width: 100%;
  /*min-height: 100%;*/
  transition: all ease 1s;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.masonryGallery div > a {
  overflow: hidden;
  position: relative;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 20px 0 rgba(0, 0, 0, 0.19);
}
.masonryGallery div div,
.masonryGallery div a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.ratio-16-9 {
  padding-top: 56.25% !important;
  aspect-ratio: 4/1;
}

.ratio-4-1 {
  padding-top: 25% !important;
  aspect-ratio: 4/1;
}

.ratio-3-1 {
  padding-top: 33.3333333333% !important;
  aspect-ratio: 3/1;
}

/* A class created for Goodmans editors to use - allows them to add responsive columns to a piece of content (like a long ul of lawyers) */
.listColumns {
  display: grid;
  grid-gap: 0 1.4rem;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

/* #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 #156961;
  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.2s 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: #007B8B;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /*padding: 0.9rem 1.4em;*/
  padding: 0.8em 1.8em 0.7em;
  margin-top: 1em;
  font-size: 0.9rem;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  border: 1px solid #007B8B;
  border-radius: 4px;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  height: auto;
  /* FontAwesome Icons in markup */
  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: #156961;
}
.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;
}
.stickyPhone a [class*=fa-] {
  margin-left: 0.6rem;
}
.stickyPhone a:hover, .stickyPhone a:focus {
  color: white;
  background-color: #006472;
  text-decoration: none !important;
}
.stickyPhone a:active {
  color: white;
  text-decoration: none !important;
  background-color: #004e58;
}
.dark .stickyPhone a {
  border-color: white;
}
.dark .stickyPhone a:hover, .dark .stickyPhone a:focus {
  color: black;
  background-color: white;
}
.dark .stickyPhone a:active {
  color: white;
  color: black;
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
/* Scroll-to-Top Link */
.scrollToTop {
  top: auto;
  left: auto;
  right: 5rem;
  bottom: 3rem;
  opacity: 0.4;
  display: none;
  z-index: 1000;
  position: fixed;
  font-size: 1.2rem;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border: 3px solid white;
  border-radius: 999px;
  background-color: #007B8B;
  display: none !important;
}
@media (max-width: 767px) {
  .scrollToTop {
    right: 2rem;
  }
}
.scrollToTop:focus:focus-visible {
  opacity: 1;
  text-decoration: none;
  background-color: #BB0000;
}
.scrollToTop:hover {
  opacity: 1;
  text-decoration: none;
  background-color: #BB0000;
}
.scrollToTop i {
  width: 100%;
  color: white;
  text-align: center;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Social & Sharing Links */
/****************************************************************************************************/
.printAndShare {
  display: flex;
}

ul.socialLinks,
.cmsContent ul.socialLinks {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  box-sizing: border-box;
  font-size: 1.2rem;
  flex-wrap: nowrap;
  justify-content: flex-start;
  list-style: none;
}
ul.socialLinks > li,
.cmsContent ul.socialLinks > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
ul.socialLinks li,
.cmsContent ul.socialLinks li {
  list-style: none;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
/** ShareThis (social sharing links) *****************************************************************/
.shareThis button.toggleSharingOptions.open {
  color: #007B8B;
}
.shareThis button.toggleSharingOptions.open .icon {
  filter: grayscale(0) brightness(1);
}
.shareThis .sharingLinks {
  display: none;
}

ul.sharingLinks {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 0;
  font-size: 1rem;
  background-color: transparent;
}
ul.sharingLinks li {
  list-style: none;
}
ul.sharingLinks button.share-button {
  margin: 0;
  font-size: 1em;
  border-radius: 999px;
  padding: 0;
  width: 2.4em;
  height: 2.4em;
  display: inline-flex;
  place-items: center center;
  background-color: var(--platform-color);
  border-color: var(--platform-color);
  overflow: hidden;
  position: relative;
  color: white;
}
ul.sharingLinks button.share-button:after {
  all: unset;
  content: " ";
  inset: 0;
  position: absolute;
  background-color: black;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}
ul.sharingLinks button.share-button:focus:after, ul.sharingLinks button.share-button:hover:after {
  opacity: 0.1;
}
ul.sharingLinks button.share-button:active:after {
  opacity: 0.2;
}
ul.sharingLinks button.share-button > * {
  position: relative;
  z-index: 2;
}
ul.sharingLinks button.share-button [class*=fa-] {
  margin: 0;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
/* Sharing Links Popup */
.sharingLinksModal.popup_content {
  transform: translateY(-50%) translateX(30px);
  /* animate the icons when the popup opens */
}
.sharingLinksModal.popup_content button.share-button {
  opacity: 0;
}
.popup_wrapper_visible .sharingLinksModal.popup_content button.share-button {
  animation: fadeInUp;
  animation-duration: 400ms;
  animation-delay: calc(var(--index) * 50ms);
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Images */
/****************************************************************************************************/
img {
  height: initial;
  max-width: 100%;
}

/* As BACKGROUND image */
.bgImgWrapper {
  aspect-ratio: 16/9;
  max-width: 100%;
  z-index: 0;
  overflow: hidden;
  position: relative;
}
.bgImgWrapper .bgImg {
  position: absolute;
  inset: 0;
  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);
}

.coverImg .backstretch {
  height: 100% !important;
}
.coverImg .fullscreenImage {
  position: absolute;
  inset: 0;
}
.coverImg .fullscreenImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.coverImg .fullscreenImage .overlay {
  inset: 0;
  position: absolute;
  background-color: black;
  opacity: 0.6;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region FullScreenImages (cover images) */
/****************************************************************************************************/
.backstretch .overlay {
  position: absolute;
  inset: 0;
}

/* #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 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: #156961;
  font-size: 2rem;
}

/* Default List */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Documents */
/****************************************************************************************************/
.document {
  font-size: 0.8rem;
  background-color: #F7F7F7;
}
.document a {
  width: 100%;
  display: block;
  padding: 1rem 1.4rem 0.8rem 1.4rem;
  font-family: "classico-urw", serif;
  text-decoration: none !important;
  border-bottom: 1px solid #BB0000;
}
.document a .iconExtension {
  width: 1.5rem;
  flex-grow: 0;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  color: #BB0000;
}
.document a .iconExtension svg {
  color: inherit;
  font-size: 2rem;
}
.document a .documentDetails .titleLink {
  margin: 0;
  padding: 0;
  font-family: "classico-urw", serif;
  font-size: 1.2rem;
}
.document a .documentDetails .grid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  box-sizing: border-box;
  display: flex;
}
.document a .documentDetails .grid > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
.document a .documentDetails span.col {
  margin: 0 1rem 0 0;
  flex-basis: auto;
  flex-grow: 0;
}
.document a .typeIcon {
  display: block;
}
.document a .hoverIcon {
  display: none;
}
.document a .textExtension {
  font-size: 1rem;
}
.document a:focus:focus-visible {
  background-color: #eaeaea;
  border-color: #007B8B;
}
.document a:focus:focus-visible .grid .col.iconExtension {
  color: #007B8B;
}
.document a:focus:focus-visible .grid .col.iconExtension svg.typeIcon {
  display: none;
}
.document a:focus:focus-visible .grid .col.iconExtension svg.hoverIcon {
  display: block;
}
.document a:hover {
  background-color: #eaeaea;
  border-color: #007B8B;
}
.document a:hover .grid .col.iconExtension {
  color: #007B8B;
}
.document a:hover .grid .col.iconExtension svg.typeIcon {
  display: none;
}
.document a:hover .grid .col.iconExtension svg.hoverIcon {
  display: block;
}

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

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region CMS Content Styles */
/****************************************************************************************************/
.cmsContent {
  color: black;
  font-size: 1em;
  line-height: 1.5;
  /* Headings */
  /* Links */
  /*    a[1="_blank"]:not(.button):after {
      content: " ";
      position: relative;
      display: inline-block;
      font-size: .6em;
      padding-left: .5rem;
  }*/
  /* Paragraphs */
  /* SHARED list styles */
  /* Unordered Lists Styles ONLY */
  /* Make sure what you're adding belongs here, and not in the SHARED list styles above */
  /* Ordered Lists */
  /* Make sure what you're adding belongs here, and not in the SHARED list styles above */
  /* Misc content elements */
}
.cmsContent img {
  max-width: 100%;
  height: initial;
}
.cmsContent em, .cmsContent i {
  font-style: italic;
}
.cmsContent h1, .cmsContent .h1 {
  color: #007B8B;
}
.cmsContent h2, .cmsContent h3, .cmsContent h4, .cmsContent h5, .cmsContent h6, .cmsContent .h, .cmsContent .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > *:not(li), .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul .cmsContent li.rootMenuItem > *:not(li), .cmsContent.highlightFirstElement > :first-child {
  color: black;
  line-height: 1.2;
}
.dark .cmsContent h2, .dark .cmsContent h3, .dark .cmsContent h4, .dark .cmsContent h5, .dark .cmsContent h6, .dark .cmsContent .h, .dark .cmsContent .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > *:not(li), .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul .dark .cmsContent li.rootMenuItem > *:not(li), .dark .cmsContent.highlightFirstElement > :first-child {
  color: white;
}
.cmsContent h2:first-child, .cmsContent h3:first-child, .cmsContent h4:first-child, .cmsContent h5:first-child, .cmsContent h6:first-child, .cmsContent .h:first-child, .cmsContent .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > :first-child:not(li), .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul .cmsContent li.rootMenuItem > :first-child:not(li), .cmsContent.highlightFirstElement > :first-child {
  margin-top: 0;
}
.cmsContent a:hover, .cmsContent a:focus {
  text-decoration: underline;
}
.cmsContent a:active {
  /*color: darken($teal, 10%);*/
  text-decoration: underline;
}
.cmsContent .socialLinks a[target=_blank]:after {
  content: none;
}
.cmsContent p {
  line-height: 1.5;
}
.cmsContent ul,
.cmsContent ol {
  margin: 1rem 0;
  /* SHARED list item styles */
  /* SHARED nested list styles */
  /* nest ul */
  /*ul {
      margin: 0;
      margin-top: 0.5rem;

      > li {
          &:before {
          }
      }
  }*/
  /* nested ol */
  /*ol {
      li {

      }
  }*/
  /* Special lists:   Alpha & Roman Numerals */
}
.cmsContent ul li,
.cmsContent ol li {
  margin: 0 0 0.8em;
  position: relative;
  padding: 0 0 0 2rem;
}
.cmsContent ul ol,
.cmsContent ul ul,
.cmsContent ol ol,
.cmsContent ol ul {
  margin: 0.4rem 0;
}
.cmsContent ul ol > li,
.cmsContent ul ul > li,
.cmsContent ol ol > li,
.cmsContent ol ul > li {
  background: none;
}
.cmsContent ul ol > li:before,
.cmsContent ul ul > li:before,
.cmsContent ol ol > li:before,
.cmsContent ol ul > li:before {
  color: #BB0000;
}
.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 ul {
  list-style-type: none;
}
.cmsContent ul > li {
  list-style-type: none;
  font-size: 1em;
  position: relative;
  /* bullet icon */
}
.cmsContent ul > li:before {
  content: " ";
  top: initial;
  left: 0;
  width: 1em;
  height: 1.4em;
  color: #BB0000;
  content: "";
  display: block;
  position: absolute;
  line-height: inherit;
  background-image: url(/CFImages/Icons/circle-red.svg);
  background-size: 0.4em auto;
  background-repeat: no-repeat;
  background-position: center;
}
.cmsContent ol {
  counter-set: initial;
  list-style: initial;
  padding-left: 2rem;
}
.cmsContent ol > li {
  list-style: initial;
  list-style-type: decimal;
  padding-left: 0;
  position: relative;
}
.cmsContent ol > li::marker {
  font-weight: 600;
  color: #007B8B;
  position: absolute;
  left: 0;
  top: 0;
}
.cmsContent address {
  margin: 0.5rem 0 1rem;
}
.cmsContent mark {
  color: white;
  background-color: #156961;
}
.cmsContent.highlight > p:nth-of-type(1) {
  font-size: 1.266rem;
  font-family: "classico-urw", serif;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 1.38rem;
}
.cmsContent.highlightFirstElement > :first-child {
  margin: 0 0 1.38rem;
}
.cmsContent.highlightFirstElement > :first-child > * {
  font: inherit;
  line-height: inherit;
}

/*.lastChildNoMargin {
    >:last-child {
        margin-bottom: 0;
    }
}*/
/* #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) url(/CFImages/Icons/audio.svg) url(/CFImages/Icons/plus.svg) url(/CFImages/Icons/plus-red.svg) url(/CFImages/Icons/minus.svg) url(/CFImages/Icons/minus-red.svg);
}

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

/* shared Kendo widget icon styles */
.k-icon {
  width: 1.4rem;
  height: 1.4rem;
  /* Expand / Collapse Arrows */
  /* collapse icon */
  /* expand icon */
}
.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.k-menu-expand-arrow:before, .k-icon.k-i-expand:before {
  background-image: url(/CFImages/Icons/plus.svg);
}
.k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/minus-red.svg);
}
.k-icon.k-i-expand:before {
  background-image: url(/CFImages/Icons/plus-red.svg);
}

/* Custom icon element */
.icon {
  display: inline-block;
  font-size: 1em;
}
.icon:before {
  content: " ";
  /*        position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);*/
  width: 1.4em;
  height: 1.4em;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.audio:before {
  background-image: url(/CFImages/Icons/audio.svg);
  background-size: 95% auto;
}
.icon.search:before {
  background-image: url(/CFImages/Icons/search.svg);
}
.icon.print:before {
  background-image: url(/CFImages/Icons/print.svg);
}
.icon.bookmark:before {
  background-image: url(/CFImages/Icons/bookmark.svg);
}
.icon.share:before {
  background-image: url(/CFImages/Icons/share.svg);
}
.icon.vcard:before {
  background-image: url(/CFImages/Icons/vcard.svg);
}
.icon.video:before {
  background-image: url(/CFImages/Icons/video.svg);
}
.icon.doc:before {
  background-image: url(/CFImages/Icons/document.svg);
}
.icon.badge:before {
  background-image: url(/CFImages/Icons/badge.svg);
}
.icon.calendar:before {
  background-image: url(/CFImages/Icons/calendar.svg);
}
.icon.question:before {
  background-image: url(/CFImages/Icons/question.svg);
}
.icon.close:before {
  background-image: url(/CFImages/Icons/close-red.svg);
}
.icon.plus:before {
  background-image: url(/CFImages/Icons/plus-red.svg);
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Kendo UI Widgets     (menu widgets are still in navigation.scss) */
/****************************************************************************************************/
/****************************************************************************************************/
/* Kendo Treeview (shared, general treeview styles) */
.k-treeview {
  padding: 0;
  /*    overflow-y: auto;
  overflow-x: hidden;*/
}
.k-treeview .k-treeview-leaf {
  box-shadow: none !important;
}
.k-treeview .k-treeview-leaf.k-selected {
  background: none;
}
.k-treeview .k-treeview-leaf:hover {
  background: none !important;
}
.k-treeview .k-item {
  color: inherit;
  position: relative;
  padding: 0;
  font-size: 1rem;
  border: none;
}
.k-treeview .k-item .k-treeview-toggle {
  margin: 0;
  right: 5%;
  position: absolute;
  z-index: 3;
}
.k-treeview .k-item .k-treeview-toggle .k-icon:before {
  color: #fff;
  content: " ";
  font-size: 0.8rem;
}
.k-treeview .k-item .k-group {
  margin-top: 1rem;
}
.k-treeview .k-link {
  color: inherit;
  width: 100%;
  font-size: inherit;
  padding: 0;
}
.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;
}
.k-treeview:focus:focus-visible .k-state-focused {
  outline: 2px solid #156961;
  outline-offset: 0;
}

/****************************************************************************************************/
/* Kendo Auto-complete */
.k-autocomplete.k-input-solid {
  background: none;
}

/****************************************************************************************************/
/* Kendo Multi-Select */
.k-dropdownlist {
  border: 1px solid #E2E3E4;
  border-radius: 0;
  box-shadow: none;
  background: none;
  height: 3.15rem;
}
.k-dropdownlist:hover {
  background: none;
}
.k-dropdownlist .k-input-inner {
  padding: 0;
  /*        .k-input {
      font-size: 1rem;
      color: $greyDark;
      user-select: none;
  }*/
  /*        .k-select {
      padding-right: 1.2rem;

      .k-icon {
          width: 0.6rem;
          height: 0.6rem;


      }
  }*/
}
.k-dropdownlist .k-input-inner .k-input-value-text {
  color: #555555;
  font-size: 1rem;
  padding: 1.6rem 1.2rem;
  font-weight: 300;
}
.k-dropdownlist .k-input-button {
  width: 3rem;
  padding: 0;
}
.k-dropdownlist .k-icon:before {
  background-image: url(/CFImages/Icons/plus-red.svg);
  background-size: 0.7rem auto;
}

.k-popup.k-group .k-list-item {
  height: 2.4rem;
}
.k-popup.k-group .k-list-item.k-selected {
  background-color: #007B8B;
}

/****************************************************************************************************/
/* Kendo Multi-Select */
.k-multiselect {
  height: 3.15rem;
  border: 1px solid #E2E3E4;
  border-radius: 0;
  /*    .k-clear-value {
      top: 100%;
      position: absolute;
      right: 0;
      transform: translateY(-50%);
  }*/
  /*.k-clear-value {
      opacity: 1;

      .k-icon {
          &.k-i-x {
              &:before {
                  background-image: url(/CFImages/Icons/plus-red.svg);
                  background-size: 0.7rem auto;
                  transform: rotate(45deg);
              }
          }
      }
  }*/
}
.k-multiselect .k-input-values {
  padding: 0;
  height: 100%;
  /*width*/
  font-size: 1rem;
  font-weight: 300;
  /*padding: 1.6rem 1.2rem;*/
}
.k-multiselect .k-input-inner {
  color: #555555;
  padding: 0 1.2rem;
  font-size: 1rem;
  font-weight: 300;
}
.k-multiselect input.k-input-inner {
  outline: none !important;
}
.k-multiselect .k-chip {
  padding: 0;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  font-size: 1rem;
}
.k-multiselect .k-chip.k-chip-solid-base {
  background: none;
  border: none;
}
.k-multiselect .k-chip .k-chip-icon {
  color: #555555;
  background: none;
  border: none;
  display: none;
}
.k-multiselect .k-multiselect-toggle-button {
  background: none;
  border: none;
  width: 3rem;
}
.k-multiselect .k-multiselect-toggle-button .k-icon:before {
  background-image: url(/CFImages/Icons/plus-red.svg);
  background-size: 0.7rem auto;
}

.k-list.multiselectList ul li.k-list-item {
  padding-left: 0.8rem;
  /*            &:first-of-type {
      display: none!important; // hide the first ("all") option. There might be a better solution via JS. Simply removing the first option from the select might cause some bugs or errors.
  }*/
}
.k-list.multiselectList ul li.k-list-item:before {
  content: " ";
  width: 1.4rem;
  height: 1.4rem;
  border: 1px solid #E2E3E4;
  margin-right: 0.6rem;
}
.k-list.multiselectList ul li.k-list-item.k-selected {
  background-color: white;
  box-shadow: none;
  color: #222222;
}
.k-list.multiselectList ul li.k-list-item.k-selected:before {
  /*border-color: white;*/
  background-image: url(/CFImages/Icons/check.svg);
  background-size: 0.9rem auto;
  background-repeat: no-repeat;
  background-position: center;
}

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

#wrapper {
  overflow: initial;
  height: auto !important;
  flex: 1 0 auto;
  padding-top: var(--header-height);
}
.k-ie11 #wrapper {
  flex: inherit;
}

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

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

.sideContent > :first-child {
  margin-top: 4rem;
}
.sideContent > :last-child {
  margin-bottom: 4rem;
}

.mainContent > :first-child {
  margin-top: 2rem;
}
.mainContent > .container:first-child {
  margin-top: 0;
}
.mainContent > :last-child {
  margin-bottom: 4rem;
}

.sideContent > :first-child {
  margin-top: 4rem;
}
.sideContent > :last-child {
  margin-bottom: 4rem;
}

/* Standard Two-column layout with main + sidebar */
/* Used on Bio for scrolling anchor links */
.mainContent.col {
  flex-basis: 55%;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Sticky Sidebar (Scroll Nav) */
/****************************************************************************************************/
.sticky-wrapper {
  position: relative;
}

.stickySidebarWrapper {
  /*padding-top: 0;
  top: 0;
  right: 0;
  position: absolute;*/
  width: 15rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.stickySidebarWrapper.titleOffset {
  padding-top: 2.5rem;
}
@media (max-width: 1024px) {
  .stickySidebarWrapper {
    display: none !important;
  }
}

.stickySidebar {
  width: 15rem;
  padding: 0;
  overflow: auto;
  position: sticky;
  top: calc(var(--header-height) + 2rem);
  height: auto;
}
.stickySidebar ul.scrollingSideBar {
  padding: 4.4rem 0 1.5rem;
  padding-top: 0;
  width: 100%;
}
.stickySidebar ul.scrollingSideBar li {
  position: relative;
  padding: 0.5em 0 0.5em 0.5em;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.stickySidebar ul.scrollingSideBar li:first-of-type {
  padding-top: 0;
}
.stickySidebar ul.scrollingSideBar li a {
  font-size: 0.9rem;
  font-weight: 500;
  color: #007B8B;
  text-decoration: none;
  text-transform: uppercase;
  color: #555555;
  display: inline-block;
  transform: translateY(0);
  /* make sure the whole link is still hoverable during the animation - used to fix hover animation jitter */
}
.stickySidebar ul.scrollingSideBar li a:after {
  transform: translateY(0);
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear, opacity 400ms;
  opacity: 0;
}
.stickySidebar ul.scrollingSideBar li a:before {
  inset: 0;
  z-index: 0;
  position: absolute;
  content: " ";
}
.stickySidebar ul.scrollingSideBar li a:focus, .stickySidebar ul.scrollingSideBar li a:hover, .stickySidebar ul.scrollingSideBar li a:active {
  /*padding: 0 0 0.5rem 0;*/
  color: #007B8B;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transform: translateY(-0.4rem);
}
.stickySidebar ul.scrollingSideBar li a:focus:after, .stickySidebar ul.scrollingSideBar li a:hover:after, .stickySidebar ul.scrollingSideBar li a:active:after {
  opacity: 1;
  transform: translateY(0.4rem);
}
.stickySidebar ul.scrollingSideBar li a:focus:before, .stickySidebar ul.scrollingSideBar li a:hover:before, .stickySidebar ul.scrollingSideBar li a:active:before {
  bottom: -0.4rem;
}
.stickySidebar ul.scrollingSideBar li a:active {
  color: #004e58;
}
.stickySidebar ul.scrollingSideBar li a.white {
  color: white !important;
}
.stickySidebar ul.scrollingSideBar li a.black {
  color: black !important;
}
.stickySidebar ul.scrollingSideBar li a.teal {
  color: #004e58 !important;
}

@media (min-width: 1025px) {
  .sidebarPadding {
    padding-right: calc(15rem + 3rem) !important;
  }
}

.stickySidebarLayout {
  padding-bottom: 6rem;
}

.stickySidebarGrid {
  display: flex;
  margin: 0;
}
.stickySidebarGrid > .col {
  margin: 0;
}
.stickySidebarGrid > *:first-child {
  width: 100%;
  flex: 1 0 100%;
  max-width: 100%;
  padding-right: calc(15rem + 5rem) !important;
}
@media only screen and (max-width: 767px) {
  /*flex-direction: column-reverse;*/
  .sideContent {
    width: 100%;
  }
}
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Containers */
/****************************************************************************************************/
.container {
  width: 70rem;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  /*    $containers_always_inset: false;

  @if($containers_always_inset) {
      max-width: calc(100vw - (5rem * 2) - var(--scrollbar-width));

      @media(max-width:$L_Max) {
          max-width: calc(100vw - (3rem * 2) - var(--scrollbar-width));
      }

      @media(max-width:$M_Max) {
          max-width: calc(100vw - (2rem * 2) - var(--scrollbar-width));
      }

      @media(max-width:$S_Max) {
          max-width: calc(100vw - (2rem * 2) - var(--scrollbar-width));
      }

      @media(max-width:$XS_Max) {
          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(40rem);
}
.container.full {
  width: 100%;
  max-width: 100%;
}
.container.full > .container.full:not(.force) {
  padding-left: 0;
  padding-right: 0;
}
.container.full.force {
  width: calc(100vw - var(--scrollbar-width));
}
.container.edge {
  width: 100vw;
  max-width: 100vw;
  max-width: calc(100vw - var(--scrollbar-width)) !important;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  margin-left: 0;
  margin-right: 0;
}
.container.edge.full {
  width: 100vw;
  max-width: 100vw;
}
.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 - 70rem) / 2) !important;
  padding-left: calc((100vw - 70rem - var(--scrollbar-width)) / 2) !important;
}
@media (max-width: 1574px) {
  .padLeft {
    padding-left: 4rem !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: 2rem !important;
  }
}
@media (max-width: 500px) {
  .padLeft {
    padding-left: 1rem !important;
  }
}

.padRight {
  padding-right: calc((100vw - 70rem) / 2) !important;
  padding-right: calc((100vw - 70rem - var(--scrollbar-width)) / 2) !important;
}
@media (max-width: 1574px) {
  .padRight {
    padding-right: 4rem !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: 2rem !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: absolute;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  overflow: visible;
  height: var(--header-height);
}
#header.up {
  position: fixed;
  /*        .header {
      padding: 1rem 0 2rem;
      transition: all 300ms ease, font-size 0s linear, margin 0s linear;
  }*/
}
.popup_visible_searchModal-1 #header, .popup_visible_printModal #header {
  position: fixed !important;
  animation: header-slide-in 0ms ease;
}
#header .topHeader {
  position: relative;
  z-index: 1000;
}
#header .header {
  padding: 0;
  z-index: 100;
  color: white;
  padding: 1.6rem 0 2rem;
  position: relative;
  background-color: white;
  border-bottom: 1px solid #E2E3E4;
  height: var(--header-height);
  display: flex;
  align-items: center;
}
#header .header .headerGrid {
  height: 3rem;
  width: auto !important;
}
#header .header .logo {
  width: 14rem;
  min-width: 14rem;
}
@media (max-width: 767px) {
  #header .header .logo {
    width: 12rem;
    min-width: 10rem;
  }
}
#header .header .logo img {
  width: 100%;
  height: auto;
}
#header .header .logo h1 {
  margin: 0;
  padding: 0;
}
#header .header .menu {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: flex-end;
}
#header .header .searchContact {
  flex: 0 0 auto;
}
#header .header .searchContact > .grid {
  align-items: flex-end;
}
#header .header .searchContact .search input[type=search] {
  width: calc(100% - 40px);
  padding: 0 10px;
  height: 40px;
}
#header .header .searchContact .search .button {
  margin: 0 !important;
}
#header .header .searchContact .contact .button {
  margin: 0;
  margin-bottom: -0.4rem;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Page Topper (Banner) */
/****************************************************************************************************/
/* Usually nested in the topper */
.pageTopper {
  min-height: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}
.pageTopper .topperInner {
  padding: 3rem 0 2.2rem;
  border-bottom: 1px solid #E2E3E4;
}
.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,
.pageTopper .topperTitle .h.h1,
.pageTopper .topperTitle .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > .h1:not(li),
.site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul .pageTopper .topperTitle li.rootMenuItem > .h1:not(li),
.pageTopper .topperTitle .cmsContent.highlightFirstElement > .h1:first-child {
  color: #007B8B;
  font-size: 3rem;
  font-weight: 100;
  font-size: 4.5rem;
  /*@include fluid-type(320px, $HD_Min, 37px, 100px );*/
  margin-top: 0;
}
.pageTopper .topperTitle h1,
.pageTopper .topperTitle .h.h1,
.pageTopper .topperTitle .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > .h1:not(li),
.site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul .pageTopper .topperTitle li.rootMenuItem > .h1:not(li),
.pageTopper .topperTitle .cmsContent.highlightFirstElement > .h1:first-child {
  font-size: 37px;
}
@media screen and (min-width: 320px) {
  .pageTopper .topperTitle h1,
  .pageTopper .topperTitle .h.h1,
  .pageTopper .topperTitle .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > .h1:not(li),
  .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul .pageTopper .topperTitle li.rootMenuItem > .h1:not(li),
  .pageTopper .topperTitle .cmsContent.highlightFirstElement > .h1:first-child {
    font-size: calc(37px + 33 * (100vw - 320px) / 1600);
  }
}
@media screen and (min-width: 1920px) {
  .pageTopper .topperTitle h1,
  .pageTopper .topperTitle .h.h1,
  .pageTopper .topperTitle .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > .h1:not(li),
  .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul .pageTopper .topperTitle li.rootMenuItem > .h1:not(li),
  .pageTopper .topperTitle .cmsContent.highlightFirstElement > .h1:first-child {
    font-size: 70px;
  }
}
.pageTopper .topperTitle .summary {
  border-left: solid 1px #007B8B;
  width: 50%;
  padding-left: 1rem;
  margin-left: 1rem;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Main Content */
/****************************************************************************************************/
main .bd .breadCrumb {
  margin-top: 0;
}
main .bd .breadCrumb:first-child {
  margin-top: 0;
}
main .bd .breadCrumb .breadCrumbInner {
  padding: 1.8rem 0 1.8rem;
  font-size: 0.7rem;
  display: flex;
}
main .bd .breadCrumb .breadCrumbInner a {
  color: #555555;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
}
main .bd .breadCrumb .breadCrumbInner > *:last-child {
  color: #BB0000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
main .bd .breadCrumb .breadCrumbInner > *:not(:last-child) {
  color: #555555;
  font-weight: 400;
}
main .bd .breadCrumb .breadCrumbInner > *:not(:last-child):hover, main .bd .breadCrumb .breadCrumbInner > *:not(:last-child):focus {
  text-decoration: underline;
}
main .bd .breadCrumb .breadCrumbInner span.separator {
  margin: 0 0.6em;
}
main .bd .mainContent .sfContentBlock img {
  max-width: 100%;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Footer */
/****************************************************************************************************/
.site-footer {
  position: relative;
  z-index: 1;
  border-top: 0.4rem solid white;
  /*padding-top: 2rem;*/
  /* Copyright */
}
.site-footer .button, .site-footer nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .site-footer a.button,
.site-footer .cmsContent .button {
  font-weight: 400;
}
.site-footer .preFooter {
  background-color: rgba(0, 123, 139, 0.1);
}
.site-footer .preFooter > .container {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.site-footer .preFooter > .container h2, .site-footer .preFooter > .container .h.h1, .site-footer .preFooter > .container .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > .h1:not(li), .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul .preFooter > .container li.rootMenuItem > .h1:not(li), .site-footer .preFooter > .container .h.h2, .site-footer .preFooter > .container #printModal h3.h, #printModal .site-footer .preFooter > .container h3.h, .site-footer .preFooter > .container .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > .h2:not(li), .site-footer .preFooter > .container .mainFooter .mainFooterGrid .footerRight .navCustomUl ul #printModal li.rootMenuItem > h3:not(li), #printModal .site-footer .preFooter > .container .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > h3:not(li), .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul .preFooter > .container li.rootMenuItem > .h2:not(li), .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul .preFooter > .container #printModal li.rootMenuItem > h3:not(li), #printModal .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul .preFooter > .container li.rootMenuItem > h3:not(li), .site-footer .preFooter > .container .h.h3, .site-footer .preFooter > .container .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > .h3:not(li), .site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul .preFooter > .container li.rootMenuItem > .h3:not(li), .site-footer .preFooter > .container .cmsContent.highlightFirstElement > :first-child {
  color: #007B8B;
  font-size: 1.8rem !important;
}
.site-footer .preFooter > .container a.button, .site-footer .preFooter > .container nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .site-footer .preFooter > .container a.button {
  margin-top: 0;
  width: 15rem;
  max-width: 100%;
  display: inline-flex;
}
.site-footer .preFooter > .container .cmsContent > :last-child {
  margin-bottom: 0;
}
.site-footer .preFooter > .container .socialLinks a {
  color: #007B8B;
  font-size: 2.5rem;
}
.site-footer .mainFooter {
  background-color: #007B8B;
  font-size: 0.9rem;
}
.site-footer .mainFooter .mainFooterGrid {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap !important;
  /* Footer Left */
  /* Footer Right */
}
.site-footer .mainFooter .mainFooterGrid .footerLeft {
  flex-grow: 1;
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: #F7F7F7;
  position: relative;
  z-index: 1;
  /* logo */
  /*  custom grid contructed from div layout widgets (instead of a grid) */
}
.site-footer .mainFooter .mainFooterGrid .footerLeft:before {
  content: " ";
  height: 100%;
  inset: 0;
  left: calc(var(--site-padding) * -1);
  position: absolute;
  z-index: -1;
  background-color: #F7F7F7;
}
@media (max-width: 1299px) {
  .site-footer .mainFooter .mainFooterGrid .footerLeft:before {
    right: calc(var(--site-padding) * -1);
  }
}
.site-footer .mainFooter .mainFooterGrid .footerLeft img {
  margin-bottom: 2rem;
}
.site-footer .mainFooter .mainFooterGrid .footerRight {
  flex-grow: 2;
  padding-top: 4rem;
  padding-left: 3rem;
  padding-bottom: 4rem;
  align-items: center;
  /*  3-col sitemap grid */
  /* sitemap navs */
  /* Social Links */
}
.site-footer .mainFooter .mainFooterGrid .footerRight .footerSitemapGrid {
  /*@include grid(auto, 0, ".col");*/
  /*flex-wrap: nowrap;*/
  width: 43rem;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.site-footer .mainFooter .mainFooterGrid .footerRight .footerSitemapGrid > .col {
  /*@include col(3, 2rem);*/
  align-items: center;
  flex-grow: 2;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  position: relative;
}
.site-footer .mainFooter .mainFooterGrid .footerRight .footerSitemapGrid > .col > * {
  width: auto;
  /*min-width: 80%;*/
  /*max-width: 90%;*/
}
.site-footer .mainFooter .mainFooterGrid .footerRight .footerSitemapGrid > .col:first-child {
  flex-grow: 1;
  padding-left: 0;
  align-items: flex-start;
}
.site-footer .mainFooter .mainFooterGrid .footerRight .footerSitemapGrid > .col:last-child {
  flex-grow: 1;
  padding-right: 0;
  align-items: flex-end;
}
.site-footer .mainFooter .mainFooterGrid .footerRight .footerSitemapGrid > .col:not(:last-child):after {
  top: 0;
  right: 0;
  content: " ";
  height: 100%;
  position: absolute;
  display: block;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.7);
}
.site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl {
  max-width: 100%;
}
.site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li {
  font-size: 0.9rem;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  margin-bottom: 0.6em;
}
.site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem {
  margin-bottom: 1.6em;
}
.site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li.rootMenuItem > *:not(li) {
  font-size: 1.3rem;
  color: white;
  margin-top: 0;
  margin-bottom: 0.7em;
}
.site-footer .mainFooter .mainFooterGrid .footerRight .navCustomUl ul li a {
  text-decoration: none;
}
.site-footer .mainFooter .mainFooterGrid .footerRight .socialLinksWrapper {
  margin-top: auto;
  align-self: flex-start;
}
.site-footer .mainFooter .mainFooterGrid .footerRight .socialLinks {
  font-size: 1.4rem;
}
.site-footer .copyrightFooter {
  color: #555555;
  padding: 1rem 0;
  font-size: 0.7rem;
}
.site-footer .copyrightFooter .cmsContent {
  font-size: 1em;
}
.site-footer .copyrightFooter .cmsContent > :last-child {
  margin-bottom: 0;
}
.site-footer .copyrightFooter a {
  color: inherit;
  text-decoration: none;
  font-size: 1em;
}
.site-footer .copyrightFooter a:focus, .site-footer .copyrightFooter a:hover {
  text-decoration: underline;
}
.site-footer .copyrightFooter nav.topLevelSimple ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.site-footer .copyrightFooter nav.topLevelSimple ul li {
  display: flex;
  align-items: center;
}
.site-footer .copyrightFooter nav.topLevelSimple ul li:not(:last-of-type):after {
  content: " ";
  width: 1px;
  height: 1.2em;
  position: relative;
  display: block;
  background-color: #555555;
  margin: 0 0.4em;
}
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Forms + Inputs / Fields */
/****************************************************************************************************/
label {
  cursor: pointer;
}

/* Text Fields */
input {
  color: #555555;
  width: 100%;
  height: 3.15rem;
  max-width: 100%;
  padding: 0.2rem 1rem;
  padding-right: 3rem;
  text-overflow: ellipsis;
  border: 1px solid #E2E3E4;
  background-color: white;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, padding 0s linear, margin 0s linear;
  /*    &:hover, &:focus {
      @include placeholder {
          opacity: 0.4;
      }
  }*/
  /* Search-specific textbox */
}
input::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
input:-moz-placeholder {
  opacity: 1;
  -moz-transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
input::-moz-placeholder {
  opacity: 1;
  -moz-transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
input:-ms-input-placeholder {
  opacity: 1;
  -ms-transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
input:focus:focus-visible {
  outline: 1px solid #007B8B;
  outline-offset: 0;
}
input[type=search] {
  background-image: url(/CFImages/Icons/search.svg);
  background-repeat: no-repeat;
  background-position: center right 1rem;
}

textarea {
  width: 100%;
  min-height: 5rem;
  display: block;
  border: 1px solid #E2E3E4;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  padding: 0.2rem 3rem 0.2rem 1rem;
}
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: 1px solid #007B8B;
  outline-offset: 0;
}

/* Select Lists */
select {
  width: 100%;
  height: 3.15rem;
  max-width: 100%;
  color: #555555;
  cursor: pointer;
  border: 1px solid #E2E3E4;
  padding: 0.2rem 1rem;
  padding-right: 1.6rem;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  line-height: 1; /* Firefox */ /* Safari and Chrome */
  appearance: none;
  background-size: 0.8rem auto;
  background-image: url(/CFImages/Icons/plus-red.svg);
  background-repeat: no-repeat;
  background-position: right 1rem center;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, padding 0s linear, margin 0s linear;
}
select:hover {
  border-color: rgba(187, 0, 0, 0.7);
}
select:focus {
  outline: none;
  outline: 1px solid #007B8B;
  outline-offset: 0;
}
select > option {
  text-transform: none;
}
select > option:checked, select > option:hover {
  background-color: #E2E3E4;
}

/* Checkboxes */
input[type=checkbox] {
  width: 1px;
  height: 1px;
  margin-right: -1px;
  margin-bottom: -1px;
  cursor: pointer;
  position: absolute;
  visibility: hidden;
  /* disabled */
}
input[type=checkbox] + label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  padding-left: 2rem;
}
input[type=checkbox] + label::selection {
  color: inherit;
  background-color: transparent;
}
input[type=checkbox] + label:before, input[type=checkbox] + label:after {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  position: absolute;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  margin-right: 0.4rem;
  width: 1em;
  height: 1em;
  transform: translateY(-50%);
}
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;
  background-size: 80% auto;
  border: 1px solid #E2E3E4;
  border-color: #707070;
}
input[type=checkbox] + label:hover, input[type=checkbox] + label:focus {
  color: #007B8B;
}
input[type=checkbox] + label:hover:after, input[type=checkbox] + label:focus:after {
  border-color: #007B8B;
}
input[type=checkbox]:focus {
  outline: none !important;
}
input[type=checkbox]:focus:focus-visible + label {
  outline: 2px solid #156961;
}
input[type=checkbox]:checked + label:after {
  background-image: url(/CFImages/Icons/check.svg);
}
input[type=checkbox]:disabled {
  color: #A3A3A3;
}
input[type=checkbox]:disabled + label {
  color: #A3A3A3;
}
input[type=checkbox]:disabled + label:after {
  filter: grayscale(1);
  opacity: 0.6;
  border-color: #A3A3A3;
}
input[type=checkbox]:disabled + label:hover, input[type=checkbox]:disabled + label:focus {
  color: #A3A3A3;
}
input[type=checkbox]:disabled + label:hover:after, input[type=checkbox]:disabled + label:focus:after {
  border-color: #A3A3A3;
}

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

/*  */
form {
  /* Form-only Buttons */
}
form label {
  cursor: pointer;
}
form fieldset {
  padding: 0;
  border: none;
}
/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

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

.hiddenForHumans {
  position: absolute !important;
  z-index: -10 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  width: 0;
  height: 0;
}

/* #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: #007B8B;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /*padding: 0.9rem 1.4em;*/
  padding: 0.8em 1.8em 0.7em;
  margin-top: 1em;
  font-size: 0.9rem;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  border: 1px solid #007B8B;
  border-radius: 4px;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  height: auto;
  /* FontAwesome Icons in markup */
}
[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;
}
[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, [data-sf-role=file-field-inputs] input[type=file]:focus {
  color: white;
  background-color: #006472;
  text-decoration: none !important;
}
[data-sf-role=file-field-inputs] input[type=file]:active {
  color: white;
  text-decoration: none !important;
  background-color: #004e58;
}
.dark [data-sf-role=file-field-inputs] input[type=file] {
  border-color: white;
}
.dark [data-sf-role=file-field-inputs] input[type=file]:hover, .dark [data-sf-role=file-field-inputs] input[type=file]:focus {
  color: black;
  background-color: white;
}
.dark [data-sf-role=file-field-inputs] input[type=file]:active {
  color: white;
  color: black;
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
[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 Content Type Labels */
/****************************************************************************************************/
.contentTypeLabels {
  color: #BB0000;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  /*letter-spacing: $letterSpacing;*/
  letter-spacing: initial;
  font-size: 0.7rem;
  margin-bottom: 1.4rem;
}
.contentTypeLabels span.labelValuesSeperator:before {
  content: ": ";
}
.contentTypeLabels a {
  color: inherit;
  text-decoration: none;
}
.contentTypeLabels span.separator {
  margin: 0 0.6em;
  color: inherit;
  margin: 0 0.6em;
  width: max(1px, 0.05em);
  height: 0.9em;
  display: inline-block;
  margin-top: -0.05em;
}
.contentTypeLabels span.subType {
  display: inline-block;
}

.meta {
  color: #BB0000;
  font-size: 0.7rem;
  font-weight: 400;
  /*letter-spacing: $letterSpacing;*/
  margin-bottom: 0.6rem;
  /*display: block;*/
  display: flex;
  flex-wrap: wrap;
  content: " ";
  align-items: center;
}
.meta > * {
  /*white-space: nowrap;*/
  display: inline-flex;
}
.meta .separator, .meta .itemSeperator {
  color: inherit;
  margin: 0 0.6em;
  width: max(1px, 0.05em);
  height: 0.9em;
  background-color: #BB0000;
  display: inline-block;
}
.meta .contentTypeLabels {
  margin: 0;
  display: flex;
  align-items: center;
}
.meta .contentTypeLabels .itemSeperator {
  color: transparent !important;
}
.meta .contentTypeLabels a {
  letter-spacing: inherit;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Dates */
/****************************************************************************************************/
span.dates {
  /*text-transform: uppercase;*/
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}
span.dates time {
  font-size: inherit;
  /*text-transform: uppercase;*/
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Sliders */
/****************************************************************************************************/
/*.splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide.is-active, .splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
    opacity: 1;
    position: relative;
    z-index: 1;
}

.splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide, .splide--fade > .splide__track > .splide__list > .splide__slide {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 0;
}*/
/* Splide sliders */
.splide {
  visibility: visible;
  /* Show only the first slide ONLY until the slider is initialized */
  /* slider initialized */
  /* Arrows */
}
.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.is-active .splide__slide {
  display: flex;
}
.splide .splide__list {
  transform-style: flat !important;
  /*        .splide__slide {
      transform-style: preserve-3d !important;
  }*/
}
.splide .splide__list.listView > li.splide__slide {
  margin: 0;
  flex: initial;
  max-width: initial;
  width: auto;
}
.splide .splide__arrow {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  color: #fff;
}
.splide .splide__arrow.splide__arrow--next svg {
  transform: translateX(10%);
  margin-left: 0;
}
.splide .splide__arrow.splide__arrow--prev svg {
  transform: translateX(-10%);
  margin-left: 0;
}

.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 {
  /*@include aspectRatioBox(16 9, a);*/
  aspect-ratio: 16/9;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Home */
/****************************************************************************************************/
.homeSlideshow {
  position: relative;
}
.homeSlideshow .splide__arrows {
  display: none;
}
.homeSlideshow ul.splide__pagination {
  width: auto;
  position: absolute;
  top: 50%;
  left: calc((100vw - 70rem) / 2 - 5rem);
  right: auto;
  bottom: initial;
  /*        transform: translateX(-50%) translateY(-50%);*/
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0;
}
@media (max-width: 1700px) {
  .homeSlideshow ul.splide__pagination {
    left: 3rem;
  }
}
@media (max-width: 1024px) {
  .homeSlideshow ul.splide__pagination {
    left: 2.5rem;
  }
}
@media (max-width: 767px) {
  .homeSlideshow ul.splide__pagination {
    left: 1.5rem;
  }
}
.homeSlideshow ul.splide__pagination li .splide__pagination__page {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0.5rem 0;
  background-color: #A3A3A3;
}
.homeSlideshow ul.splide__pagination li .splide__pagination__page.is-active {
  transform: scale(1);
  background-color: #BB0000;
}
.homeSlideshow .splide__slide {
  background-color: white;
  color: black;
  overflow: hidden;
  position: relative;
  transition: all 1s ease-out;
  min-height: 30rem;
  padding: 3rem 2rem;
}
.homeSlideshow .splide__slide .coverImg {
  transition: filter 4s ease-in;
}
.homeSlideshow .splide__slide.is-active .coverImg .bgImgWrapper .bgImg {
  animation: kenburns 20s;
  animation-fill-mode: forwards;
}
@media (max-width: 767px) {
  .homeSlideshow .splide__slide {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 20rem;
  }
}
.homeSlideshow .splide__slide .coverImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
  display: none !important;
}
.homeSlideshow .splide__slide .coverImg .bgImgWrapper {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}
.homeSlideshow .splide__slide .coverImg .bgImgWrapper .bgImg:before {
  position: relative;
  position: relative;
  display: block;
  height: 100%;
  content: " ";
  background-image: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(63, 108, 118, 0.5) 60%);
  opacity: 0.6;
  z-index: 2;
}
.homeSlideshow .splide__slide .innerContent {
  padding: 0 2rem;
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*opacity: 0;*/
}
@media (max-width: 767px) {
  .homeSlideshow .splide__slide .innerContent {
    padding: 0;
  }
}
.homeSlideshow .splide__slide .innerContent h1 {
  text-align: left;
  /*color: #fff;*/
  color: #007B8B;
  /*line-height: $lineHeightHeadings;*/
  line-height: 1.1;
  /*@include fluid-type(320px, $HD_Min, 37px, 100px );*/
  /*@include fluid-type(320px, $HD_Min, 37px, 100px );*/
}
.homeSlideshow .splide__slide .innerContent h1 {
  font-size: 37px;
}
@media screen and (min-width: 320px) {
  .homeSlideshow .splide__slide .innerContent h1 {
    font-size: calc(37px + 33 * (100vw - 320px) / 1600);
  }
}
@media screen and (min-width: 1920px) {
  .homeSlideshow .splide__slide .innerContent h1 {
    font-size: 70px;
  }
}
.homeSlideshow .splide__slide .innerContent .summary {
  font-size: 1.4rem;
  font-weight: 100;
  width: 40rem;
  max-width: 100%;
  text-align: center;
}
@media (max-width: 1024px) {
  .homeSlideshow .splide__slide .innerContent .summary {
    font-size: 1.2rem;
    width: 30rem;
  }
}
@media (max-width: 1024px) {
  .homeSlideshow .splide__slide .innerContent .summary {
    font-size: 1.1rem;
  }
}
.homeSlideshow .splide__slide .innerContent .button, .homeSlideshow .splide__slide .innerContent nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .homeSlideshow .splide__slide .innerContent a.button {
  display: inline-block;
  margin-top: 2rem;
}
.homeSlideshow .splide__slide.is-visible .innerContent {
  opacity: 1;
}
.homeSlideshow .splide__slide.right .contentWrapper .innerContent {
  float: right;
  text-align: right;
}
.homeSlideshow .splide__slide.left .contentWrapper .innerContent {
  float: left;
  text-align: left;
}
.homeSlideshow .splide__slide.centred .coverImg:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  display: block;
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.25);
}

/*@keyframes kenburns {
    0% {
        opacity: .9;
    }

    5% {
        opacity: 1;
    }

    95% {
        transform: scale3d(1.5, 1.5, 1.5) translate3d(-190px, -120px, 0px);
        animation-timing-function: ease-in;
        opacity: 1;
    }

    100% {
        transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px);
        opacity: 0;
    }
}*/
/*@keyframes kenburns {
    0% {
        opacity: .9;
    }

    5% {
        opacity: 1;
    }

    100% {
        transform: scale3d(1.5, 1.5, 1.5) translate3d(-190px, -120px, 0px);
        animation-timing-function: ease-in;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        opacity: 1;
    }*/
/*    100% {
        transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px);
        opacity: 0;
    }*/
/*}*/
@keyframes kenburns {
  0% {
    opacity: 1;
  }
  /*    5% {
      opacity: 1;
  }*/
  100% {
    /*transform: scale3d(1.5, 1.5, 1.5) translate3d(-190px, -120px, 0px);*/
    /*transform: scale3d(1.3, 1.3, 1.3) translate3d(-100px, -80px, 0px);*/
    transform: scale3d(1.2, 1.1, 1.1) translate3d(-5%, -4%, 0);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 1;
  }
}
/*@keyframes kenburns {
    0% {
        opacity: .9;
        filter: grayscale(1);
    }

    5% {
        opacity: 1;
        filter: grayscale(1);
    }

    50% {
        filter: grayscale(1);
    }

    95% {
        transform: scale3d(1.5, 1.5, 1.5) translate3d(-190px, -120px, 0px);
        animation-timing-function: ease-in;
        opacity: 1;
    }

    100% {
        transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px);
        opacity: 0;
        filter: grayscale(0);
    }
}*/
.featured section.wrapper.related {
  margin: 0;
}
.featured .insights.listView {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.featured .insights.listView > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  vertical-align: top;
  /*width: calc((1 / 1) * 100%);*/
  flex-basis: calc(1 / 1 * 100%);
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region List Views */
/****************************************************************************************************/
.wrapper .viewAllMoreWrapper {
  text-align: center;
}

ul.listView {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}
@media (max-width: 767px) {
  ul.listView {
    grid-template-columns: 1fr;
  }
}

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

/* Featured Awards */
ul.listView.awards {
  grid-template-columns: 1fr;
  margin: 1rem 0 2rem 0;
}
ul.listView.awards .cardView.featuredAward {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 1rem;
  padding: 1rem 0;
}
ul.listView.awards .cardView.featuredAward.clickable {
  position: relative;
}
ul.listView.awards .cardView.featuredAward.clickable:before {
  inset: 0;
}
ul.listView.awards .cardView.featuredAward .awardBadge {
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  padding: 1rem 0 1rem 1rem;
  min-height: 100px;
  max-width: 250px;
}
ul.listView.awards .cardView.featuredAward .awardBadge .imgWrapper {
  width: auto;
}
ul.listView.awards .cardView.featuredAward .awardBadge .imgWrapper img {
  object-fit: contain;
  object-position: center;
  max-width: 100%;
  max-height: 125px;
}
ul.listView.awards .cardView.featuredAward .awardOverview {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 1rem;
}
@media (max-width: 767px) {
  ul.listView.awards .cardView.featuredAward {
    grid-template-columns: 1fr;
  }
  ul.listView.awards .cardView.featuredAward .awardBadge {
    height: auto;
    max-width: 100%;
  }
  ul.listView.awards .cardView.featuredAward .awardBadge .imgWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Detail Views (shared) */
/****************************************************************************************************/
.detailView {
  position: relative;
  /* Print, Share, VCard, Bookmark buttons */
  /* Social */
  /* related sections (shared) */
  /* related news & events */
  /* related documents */
  /* Meet-the-team section */
  /* related team */
  /* NEW Optimized */
}
.detailView .topperSection {
  position: relative;
  margin: 0;
  /*        .topperContent.noImage {
      position: relative;
      background: $primaryColour;
      padding: 1rem $fullWidthPadding 1rem $fullWidthPadding;
  }*/
  /* print / share buttons */
}
.detailView .topperSection .meta {
  color: #BB0000;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.detailView .topperSection .meta .contentTypeLabels {
  font-size: inherit;
  margin: 0;
}
.detailView .topperSection h1 {
  /*@include fluidH1;*/
  /*@include fluid-type(320px, $HD_Min, 37px, 40px );*/
}
.detailView .topperSection h1 {
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  .detailView .topperSection h1 {
    font-size: calc(26px + 14 * (100vw - 320px) / 1600);
  }
}
@media screen and (min-width: 1920px) {
  .detailView .topperSection h1 {
    font-size: 40px;
  }
}
.detailView .topperSection hr {
  margin: 2rem 0 0;
}
.detailView .topperSection .topperContent {
  /*            @extend %gradientOverlay;
  top: 0;
  left: 0;
  overflow: hidden;
  @include forceColour(white);
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  padding: 0 $fullWidthPadding 0 $fullWidthPadding;*/
  /*padding: 3rem 0 1rem;*/
}
.detailView .topperSection .authorTeam {
  margin-bottom: 2rem;
}
.detailView .topperSection .authorTeam a {
  color: #555555;
}
.detailView .topperSection .authorTeam a:hover, .detailView .topperSection .authorTeam a:focus {
  color: #007B8B;
}
.detailView .overview {
  margin-top: 0;
  margin-bottom: 4rem;
}
.detailView .overview .readMoreButtonWrapper {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detailView .overview .readMoreButtonWrapper .toggleReadMore {
  margin: 0 auto;
}
.detailView .overview + .teammembersWrapper {
  margin-top: -4rem;
}
.detailView .buttons {
  line-height: 0;
}
.detailView .buttons .button, .detailView .buttons nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .detailView .buttons a.button {
  padding: 0;
  background-color: transparent;
  /*color: $grey;*/
  color: black;
  color: #222222;
  border: none;
  margin: 0 1rem 0 0;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  font-weight: 400;
  filter: brightness(1);
}
.detailView .buttons .button svg, .detailView .buttons nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button svg, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .detailView .buttons a.button svg {
  margin: 0;
  margin-right: 0.5rem;
}
.detailView .buttons .button span, .detailView .buttons nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button span, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .detailView .buttons a.button span {
  font-size: 1rem;
}
.detailView .buttons .button .icon, .detailView .buttons nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button .icon, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .detailView .buttons a.button .icon {
  width: 1.6em;
  height: 1.6em;
  margin-right: 0.6em;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  filter: grayscale(1) brightness(1);
}
.detailView .buttons .button:focus, .detailView .buttons nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:focus, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .detailView .buttons a.button:focus, .detailView .buttons .button:hover, .detailView .buttons nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:hover, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .detailView .buttons a.button:hover {
  color: #006472;
}
.detailView .buttons .button:focus .icon, .detailView .buttons nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:focus .icon, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .detailView .buttons a.button:focus .icon, .detailView .buttons .button:hover .icon, .detailView .buttons nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:hover .icon, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .detailView .buttons a.button:hover .icon {
  filter: grayscale(0) brightness(1);
}
.detailView .buttons .button:active, .detailView .buttons nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:active, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .detailView .buttons a.button:active {
  filter: brightness(0.5);
}
.detailView div.socialAndSharing {
  display: flex;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  box-sizing: border-box;
  padding: 1rem 0;
}
.detailView div.socialAndSharing > ul {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
.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 .wrapper.related {
  padding: 4rem 0;
  /* related expertise */
}
.detailView .wrapper.related.expertisesWrapper {
  /*@extend %fullWidthBackgroundColour;*/
  padding: 2rem 0 2rem;
  margin: 0;
}
.detailView .wrapper.related.expertisesWrapper + .bigBlockQuote {
  margin-top: 0 !important;
}
.detailView .related.newsandeventsWrapper .listView.newsandevents {
  gap: 1rem 2rem;
  grid-template-columns: 1fr;
}
.detailView .related.newsandeventsWrapper.container.edge .container {
  padding-left: 1rem;
  padding-right: 1rem;
}
.detailView .related.documents {
  margin-top: 4rem;
}
.detailView .bigBlockQuote.meetTheTeam {
  padding: 3.8rem var(--site-padding) !important;
  background-color: #F7F7F7;
}
.detailView .bigBlockQuote.meetTheTeam + .bigBlockQuote {
  margin-top: 0 !important;
  background-color: #E2E3E4;
}
.detailView .bigBlockQuote.meetTheTeam h2 {
  font-size: 2.4rem;
}
.detailView .bigBlockQuote.meetTheTeam .button, .detailView .bigBlockQuote.meetTheTeam nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .detailView .bigBlockQuote.meetTheTeam a.button {
  margin-top: 0;
}
@media (max-width: 767px) {
  .detailView .bigBlockQuote.meetTheTeam h2 {
    font-size: 1.8rem;
  }
}
.detailView ul.listView.expertises {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
}
.detailView .meetTheTeam {
  margin: 0 !important;
}
.detailView .meetTheTeam .overlay {
  background-color: transparent;
  background: radial-gradient(#fff 0%, #007b8b 100%);
  opacity: 0.15 !important;
}
.detailView aside {
  margin-top: 2rem;
}
.detailView .bigBlockQuote {
  margin-bottom: 0;
}
.detailView .imgWrapper.optimizedImage {
  overflow: hidden;
  aspect-ratio: 4/1;
  margin-bottom: 3rem;
}
.detailView .imgWrapper.optimizedImage img {
  object-fit: cover;
  object-position: center center;
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .detailView .imgWrapper.optimizedImage {
    aspect-ratio: 16/9;
    margin-bottom: 1rem;
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region CardView (SHARED) */
/****************************************************************************************************/
.cardView {
  /* clickable items get a blue background hover state */
}
.cardView.clickable:before {
  content: " ";
  position: absolute;
  background-color: #E5F1F3;
  inset: -1rem;
  margin: 0;
  z-index: 0;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, padding 0s linear, margin 0s linear;
  pointer-events: none;
  display: block;
}
.cardView.clickable > * {
  position: relative;
  z-index: 1;
}
.cardView.clickable:focus:before, .cardView.clickable:focus-within:before, .cardView.clickable:hover:before {
  opacity: 1;
  pointer-events: initial;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Insights / Resources (shared styles) */
/****************************************************************************************************/
/* .publications .blog.carditems .newsitems .eventitems .cases etc... */
.insightsWrapper .insights.listView {
  grid-row-gap: 3rem;
}
.insightsWrapper .viewAllMoreWrapper .button, .insightsWrapper .viewAllMoreWrapper nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .insightsWrapper .viewAllMoreWrapper a.button {
  margin-top: 2rem;
}

/*.insights {
    #filteredContentResult {

    }
}*/
/* Insight CardView */
.insight.cardView {
  margin: 0;
  position: relative;
  padding-bottom: 2rem;
}
.insight.cardView .contentTypeLabels {
  display: flex;
}
.insight.cardView .contentTypeLabels a {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  /*letter-spacing: $letterSpacing;*/
  letter-spacing: initial;
  text-decoration: none;
  font-size: inherit;
}
.insight.cardView .meta {
  color: #BB0000;
  margin-top: 0.6rem;
  text-transform: none;
}
.insight.cardView .meta .contentTypeLabels {
  letter-spacing: inherit;
}
.insight.cardView .meta .contentTypeLabels a {
  letter-spacing: inherit;
}
.insight.cardView .meta .separator:last-child {
  display: none !important;
}
.insight.cardView .meta .dates {
  text-transform: inherit;
}
.insight.cardView .meta .dates time {
  text-transform: inherit;
}
.insight.cardView h3 {
  color: #555555;
  margin-top: 0.6rem;
  margin-bottom: 1em;
  font-size: 1.2rem;
}
.insight.cardView h3 a {
  color: inherit;
  text-decoration: none;
}
.insight.cardView h3 a:hover {
  color: #007B8B;
}
.insight.cardView .cmsContent {
  font-size: 0.9rem;
  line-height: 1.5;
  font-weight: 300;
}

/* Insight DetailView */
/* blog detail only */
.insight.blogitem.detailView {
  /*    .cmsContent u {
      text-decoration: none;
  }*/
}
.insight.blogitem.detailView .stickySidebarWrapper {
  padding-top: 4rem;
}

/* Featured Insights combined list + slider */
.listView.featuredInsights {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.listView.featuredInsights > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  vertical-align: top;
  /*width: calc((1 / 1) * 100%);*/
  flex-basis: calc(1 / 1 * 100%);
}

/* Random Background Art (SHARED) */
/* used for all sections containing random background art (listviews, sliders, and custom layouts using containers and backstretch) */
.wrapper.withRandomBackgroundArt {
  background-color: #707070;
  padding: 0 var(--site-padding);
}
.wrapper.withRandomBackgroundArt ul > li {
  display: flex;
  justify-content: center;
  margin: 0 !important;
  padding: 0;
}
.wrapper.withRandomBackgroundArt ul > li:after {
  display: none;
}
.wrapper.withRandomBackgroundArt .cardView {
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 3rem 0;
  width: 48rem;
  max-width: 100%;
  margin: 0 auto;
  /*        &.blogitem {
      .contentTypeLabels:after {
          display: block;
      }
  }*/
}
.wrapper.withRandomBackgroundArt .cardView:before {
  display: none !important;
}
.wrapper.withRandomBackgroundArt .cardView:after {
  display: none;
}
.wrapper.withRandomBackgroundArt .cardView .contentTypeLabels {
  color: inherit;
  display: inline-block;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
}
.wrapper.withRandomBackgroundArt .cardView .contentTypeLabels:after {
  content: " ";
  width: 1px;
  height: 1em;
  display: inline-block;
  margin: 0 0.8em 0 0.7em;
  background-color: white;
  display: none;
}
.wrapper.withRandomBackgroundArt .cardView .contentTypeLabels a {
  color: inherit;
  font-size: inherit;
}
.wrapper.withRandomBackgroundArt .cardView .meta {
  color: inherit;
  display: flex;
}
.wrapper.withRandomBackgroundArt .cardView .meta .dates {
  color: white !important;
}
.wrapper.withRandomBackgroundArt .cardView .meta .separator {
  background-color: white;
}
.wrapper.withRandomBackgroundArt .cardView h3 {
  color: inherit;
  font-size: 2rem;
  text-align: center;
}
@media (max-width: 767px) {
  .wrapper.withRandomBackgroundArt .cardView h3 {
    font-size: 1.4rem;
  }
}
.wrapper.withRandomBackgroundArt .cardView h3 a:hover, .wrapper.withRandomBackgroundArt .cardView h3 a:focus {
  color: white;
  text-decoration: underline !important;
}
.wrapper.withRandomBackgroundArt .cardView h3 a:active {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: underline !important;
}
.wrapper.withRandomBackgroundArt .cardView .summary {
  color: inherit;
  text-align: center;
}
.wrapper.withRandomBackgroundArt .splide__pagination {
  display: none;
}
.wrapper.withRandomBackgroundArt .viewAllMoreWrapper {
  position: relative;
  z-index: 2;
  padding-bottom: 3rem;
  margin-top: -4rem;
}
.wrapper.withRandomBackgroundArt .viewAllMoreWrapper .button, .wrapper.withRandomBackgroundArt .viewAllMoreWrapper nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .wrapper.withRandomBackgroundArt .viewAllMoreWrapper a.button {
  margin: 0;
  color: white;
  border-color: white;
}
.wrapper.withRandomBackgroundArt .viewAllMoreWrapper .button:focus, .wrapper.withRandomBackgroundArt .viewAllMoreWrapper nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:focus, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .wrapper.withRandomBackgroundArt .viewAllMoreWrapper a.button:focus, .wrapper.withRandomBackgroundArt .viewAllMoreWrapper .button:hover, .wrapper.withRandomBackgroundArt .viewAllMoreWrapper nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:hover, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .wrapper.withRandomBackgroundArt .viewAllMoreWrapper a.button:hover {
  color: #707070;
  background-color: white;
}
.wrapper.withRandomBackgroundArt .viewAllMoreWrapper .button:active, .wrapper.withRandomBackgroundArt .viewAllMoreWrapper nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:active, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .wrapper.withRandomBackgroundArt .viewAllMoreWrapper a.button:active {
  color: #707070;
  background-color: rgba(255, 255, 255, 0.9);
}

/* Home Page Featured Insights (with slider) */
.homePageFeatured {
  margin: 5rem 0;
}
.homePageFeatured .homePageFeaturedGrid {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  min-height: 25rem;
}
.homePageFeatured .homePageFeaturedGrid .splide {
  width: 100%;
  margin-bottom: 2.4rem !important;
  /*            @media (max-width:$L_Max) {
      .splide__slide {
          width: calc( var(--track-width) * .33);

          &.slide-featured {
              width: calc( var(--track-width) * .67 );
          }
      }
  }

  @media (max-width:$M_Max) {
      .splide__slide {
          width: calc( var(--track-width) * .5);

          &.slide-featured {
              width: var(--track-width);
          }
      }
  }

  @media (max-width:$S_Max) {
      .splide__slide {
          width: var(--track-width) !important;
          &.slide-featured {
              h3 {
                  font-size: 1.2rem!important;
              }
          }
      }
  }*/
}
.homePageFeatured .homePageFeaturedGrid .splide .splide__slide {
  /*                width: calc( var(--track-width) * .25);
  margin: 0 !important;*/
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 !important;
}
.homePageFeatured .homePageFeaturedGrid .splide .splide__slide .cardView {
  padding: 1.2rem;
  /*padding-bottom: 2.4rem;*/
  padding-bottom: 4rem;
  height: auto;
}
.homePageFeatured .homePageFeaturedGrid .splide .splide__slide .cardView:after {
  left: 1.4rem;
  bottom: 1.4rem;
}
.homePageFeatured .homePageFeaturedGrid .splide .splide__slide .cardView:before {
  inset: 0 !important;
}
.homePageFeatured .homePageFeaturedGrid .splide .splide__slide.slide-featured {
  width: calc(var(--track-width) * 0.5);
}
.homePageFeatured .homePageFeaturedGrid .splide .splide__slide.slide-featured .cardView h3 {
  font-size: 2.3rem;
  margin: 0.6rem 0 1rem;
}
.homePageFeatured .viewAllMoreWrapper {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.homePageFeatured .splide__pagination {
  display: none;
}
.homePageFeatured .splide__arrows {
  position: absolute;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  top: calc(100% + 1rem);
  /*top: calc(100%);*/
  /*top: auto;*/
  bottom: 0;
  display: flex;
}
.homePageFeatured .splide__arrows .splide__arrow {
  color: #BB0000;
  position: relative;
  inset: initial;
  margin: 0;
}
.homePageFeatured.hasFeaturedItems .homePageFeaturedGrid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.homePageFeatured.hasFeaturedItems .homePageFeaturedGrid > div.col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  vertical-align: top;
  /*width: calc((1 / 2) * 100%);*/
  flex-basis: calc(1 / 2 * 100%);
}
.homePageFeatured.hasFeaturedItems .splide__arrows {
  /*transform: translateX(calc(-50% - 1px));*/
}
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region News & Events */
/****************************************************************************************************/
/* NewsAndEvent CardView */
.newsandevent.cardView {
  /*    .meta {
      font-size: 0.8rem;
  }*/
  padding-bottom: 2rem;
}
.newsandevent.cardView h3 {
  margin: 0;
  font-size: 1.2rem;
}
.newsandevent.cardView h3 a {
  color: inherit;
}
.newsandevent.cardView h3 a:hover, .newsandevent.cardView h3 a:focus {
  color: #007B8B;
}
.newsandevent.cardView h3 a:active {
  color: #004e58;
}
.newsandevent.cardView .summary {
  margin-top: 1rem;
}

.wrapper.related.newsandeventsWrapper .newsandevents li:not(:last-of-type) {
  margin-bottom: 3rem;
}
.wrapper.related.newsandeventsWrapper .newsandevents li .dates {
  color: #BB0000;
}
.wrapper.related.newsandeventsWrapper .newsandevents li a {
  text-decoration: none;
}
.wrapper.related.newsandeventsWrapper .viewAllMoreWrapper {
  margin-top: 1rem;
}

/* Home Page Featured News & Events */
.homePageFeaturedNewsEvents.newsandeventsWrapper {
  /*margin: 6rem 0;*/
  /*@media(min-width: $M_Min) {
      ul.newsandevents.listView {
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-auto-rows: auto;
          grid-column-gap: 3rem;
          grid-row-gap: 2rem;

          > li {
              grid-column: 2;
              margin: 0;

              &:not(:first-child) {

                  .summary {
                      display: none;
                  }
              }*/
  /* first/featured item */
  /*&:first-child {
                  margin: 0;
                  grid-column: 1 / 1;
                  grid-row: 1 / span 2;

                  h3 {
                      font-size: 2.4rem;
                  }

                  .summary {
                      font-size: 1.2rem;
                  }
              }
          }
      }
  }*/
}
.homePageFeaturedNewsEvents.newsandeventsWrapper .viewAllMoreWrapper {
  margin-top: 3rem;
}

/* Goodmans Presents (Filtered) */
.goodmansPresentsFilteredContent #filteredContentResult, .goodmansPresentsFilteredContent #filteredContentResult_upcoming {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
}
@media (max-width: 767px) {
  .goodmansPresentsFilteredContent #filteredContentResult, .goodmansPresentsFilteredContent #filteredContentResult_upcoming {
    grid-template-columns: 1fr;
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Goodmans Presents */
/****************************************************************************************************/
/* Goodmans Presents (variation of event) */
.gpItem.cardView {
  /* upcoming (full width / horizontal) */
  /*&.upcoming {
      display: flex;
      flex-direction: row;


      .innerContent {
          flex: 1 1 auto;
      }

      .gpContent {
          flex: 0 0 auto;
          display: flex;
          flex-direction: column;
          justify-content: center;
          margin-left: 2rem;
      }
  }*/
}
.gpItem.cardView .innerContent .meta {
  text-transform: uppercase;
}
.gpItem.cardView .gpElementsWrapper {
  margin-bottom: 4rem;
}
@media (max-width: 767px) {
  .gpItem.cardView .gpElementsWrapper {
    margin-bottom: 1rem;
  }
}
.gpItem.cardView .gpElements {
  margin-top: 1.4rem;
}
.gpItem.cardView .gpElements > * {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 0.2em;
}
.gpItem.cardView .gpElements > * .icon {
  margin-right: 0.8em;
  background-position: center left;
}
.gpItem.cardView .gpElements > * .icon:before {
  background-position: left center;
}

/* Goodmans Presents DetailView */
.detailView.newsandevent .gpElements {
  margin: 0;
  display: grid;
  gap: 1rem 2rem;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}
.detailView.newsandevent .gpElements .gpElement {
  display: flex;
  flex-direction: row;
  margin-bottom: 1.6rem;
}
.detailView.newsandevent .gpElements .gpElement .icon {
  font-size: 1.8rem;
  margin-right: 1.2rem;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Blog Items */
/****************************************************************************************************/
.blogitem.detailView .contentSidebarWrapper {
  margin-top: -3rem;
}
.blogitem.detailView .contentSidebarWrapper .readMoreContent {
  padding-top: 4.4rem;
}
.blogitem.detailView .primaryImage .bgImgWrapper {
  /*@include aspectRatioBox(16 4);*/
  aspect-ratio: 16/4;
}
@media (max-width: 767px) {
  .blogitem.detailView .primaryImage .bgImgWrapper {
    aspect-ratio: 16/9;
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Cases (Featured Work) */
/****************************************************************************************************/
.case.cardView {
  /* For cases only - reverse expertise and dates in the meta section */
}
.case.cardView .meta .separator:first-child {
  display: none !important;
}
.case.detailView .expertisesWrapper + .bigBlockQuote {
  margin-top: 0 !important;
}

.casesWrapper.withRandomBackgroundArt.splide .case.cardView {
  width: 100%;
  color: white;
  text-align: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.casesWrapper.withRandomBackgroundArt.splide .case.cardView .meta {
  color: white;
  font-size: 1.1rem;
  letter-spacing: 0.3em;
  font-weight: 300;
}
.casesWrapper.withRandomBackgroundArt.splide .case.cardView h3 {
  color: inherit;
  font-size: 2rem;
  width: 47rem;
  max-width: 100%;
  margin: 2rem 0;
}
.casesWrapper.withRandomBackgroundArt.splide .case.cardView .client {
  /*font-weight: $fontWeightBold;*/
  font-weight: 500;
  font-size: 1.2rem;
}
.casesWrapper.withRandomBackgroundArt.splide .splide__pagination {
  display: none;
}

.filteredContent #filteredContentResult.cases.listView {
  margin: 0;
  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
}
@media (max-width: 767px) {
  .filteredContent #filteredContentResult.cases.listView {
    grid-template-columns: 1fr;
  }
}
.filteredContent #filteredContentResult.cases.listView .col {
  margin: 0;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Expertises + Sector List View */
/****************************************************************************************************/
/* Expertise List (Shared) */
ul.expertises.listView {
  gap: 0.4rem 1rem;
}
ul.expertises.listView > li .cardView {
  position: relative;
  height: 100%;
}

/* Expertise Page */
@media (max-width: 1700px) {
  .expertiseColumn .expertisesWrapper {
    padding-left: 2.4rem;
  }
}

@media (max-width: 767px) {
  .sectorsColumn {
    margin-top: 3rem !important;
  }
  .sectorsColumn .expertisesWrapper {
    padding-left: 2.4rem;
  }
}

/* Expertise: CardView (Shared) */
.expertise.cardView h3 {
  margin: 0;
  color: black;
  padding-bottom: 1em;
  text-decoration: none;
  word-break: break-word;
  hyphens: auto;
  font-size: 1.2rem;
}
.expertise.cardView h3:after {
  width: 3.8rem;
}
.expertise.cardView h3 a {
  color: inherit;
  text-decoration: none;
}
.expertise.cardView h3 a:focus, .expertise.cardView h3 a:hover {
  color: #007B8B;
}
.expertise.cardView h3 a:active {
  color: #004e58;
}

/*.expertisePageGrid {
    .expertiseColumn {
        @media(max-width: 1700px) {
            padding-left: 2rem;
        }
    }
    .sectorsColumn {
    }
}*/
/* expertise tree view */
.expertisesWrapper.treeViewWrapper ul.level1 {
  visibility: hidden;
}
.expertisesWrapper.treeViewWrapper .k-treeview ul.level1 {
  visibility: visible;
}
.expertisesWrapper.treeViewWrapper .k-treeview {
  overflow: visible;
  /* first level */
  /* second level */
  /* third level */
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-treeview-toggle {
  margin-left: 0;
  left: -3.1rem;
  right: initial;
  /*            @media(max-width: 1700px) {
      left: -2rem;
  }*/
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-treeview-toggle .k-icon {
  width: 2rem;
  height: 2rem;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-treeview-toggle .k-icon:before {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  background-size: 100% auto;
  background-position: center;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-treeview-toggle .k-icon.k-i-expand:before {
  background-image: url(/CFImages/Icons/plus-red.svg);
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-treeview-toggle .k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/minus-red.svg);
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item {
  font-style: normal;
  font-family: "classico-urw", serif;
  font-weight: 500;
  /*font-family: 'Sinhala MN';*/
  line-height: 1.2;
  font-size: 1.2rem;
  color: #707070;
  /*margin-left: -2rem;*/
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-link, .expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-in {
  font: inherit;
  padding: 1.4rem 0;
  /*padding-left: 2rem;*/
  width: 100%;
  white-space: initial !important;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-link:focus, .expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-link:hover, .expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-link.k-state-focused, .expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-in:focus, .expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-in:hover, .expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-in.k-state-focused {
  color: #007B8B;
  background-color: transparent;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-link.k-state-selected, .expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-in.k-state-selected {
  color: #707070;
  background-color: transparent;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-link:active, .expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-in:active {
  color: #004e58;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-in:not(.k-link) {
  color: #A3A3A3;
  display: none !important;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-in:not(.k-link):focus, .expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-in:not(.k-link):hover {
  color: #A3A3A3;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-in:not(.k-link):focus, .expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-in:not(.k-link):active, .expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-in:not(.k-link).k-state-focused, .expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-in:not(.k-link).k-state-selected {
  outline: none !important;
  box-shadow: none !important;
}
.expertisesWrapper.treeViewWrapper .k-treeview .level1 > .k-item {
  margin-bottom: 0.8rem;
}
.expertisesWrapper.treeViewWrapper .k-treeview .level2 {
  /*padding-left: 2.4rem;*/
  /*padding-left: 3.2rem;*/
  padding-left: 0;
  padding-right: 3rem;
  margin: 0.2rem 0 2rem;
}
.expertisesWrapper.treeViewWrapper .k-treeview .level2 .k-item {
  font-size: 1rem;
}
.expertisesWrapper.treeViewWrapper .k-treeview .level2 .k-item .k-link, .expertisesWrapper.treeViewWrapper .k-treeview .level2 .k-item .k-in {
  border-bottom: 1px solid #E2E3E4;
  padding: 1.2rem 0;
  padding-left: 1.2rem;
}
.expertisesWrapper.treeViewWrapper .k-treeview .level2 .k-item .k-link:after, .expertisesWrapper.treeViewWrapper .k-treeview .level2 .k-item .k-in:after {
  display: none;
}
.expertisesWrapper.treeViewWrapper .k-treeview .level2 .k-item .k-icon {
  left: 0rem;
}
.expertisesWrapper.treeViewWrapper .k-treeview .level2 .k-item:first-child .k-link {
  /*border-top: $border;*/
  border-top: none;
}
.expertisesWrapper.treeViewWrapper .k-treeview .level3 {
  padding-left: 2.4rem;
}
.expertisesWrapper.treeViewWrapper .k-treeview .level3 .k-item {
  font-size: 0.8rem;
}
.expertisesWrapper.treeViewWrapper .k-treeview .level3 .k-item:first-child .k-link, .expertisesWrapper.treeViewWrapper .k-treeview .level3 .k-item:first-child .k-in {
  border-top: none;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Expertise Detail View (and Sector Detail View) */
/****************************************************************************************************/
.firstParagraphHighlight {
  font-size: 1.4em !important;
}

.expertise.detailView .buttons {
  margin-top: 1rem;
}
.expertise.detailView .overview {
  margin-bottom: 4rem;
}
.expertise.detailView .related.expertisesWrapper {
  padding-bottom: 5rem !important;
}
.expertise.detailView .related.expertisesWrapper:before {
  background-color: transparent;
}
.expertise.detailView .related.expertisesWrapper.relatedExpertise {
  padding-top: 5rem !important;
}
.expertise.detailView .related.rankingsWrapper {
  padding-top: 6rem !important;
}
.expertise.detailView .related.insightsWrapper {
  padding: 4rem 0;
}
.expertise.detailView .related.insightsWrapper ul.listView {
  /*@include grid(2, 2rem, "li");*/
}
.expertise.detailView .expertise.cardView h3 {
  font-size: 1.2rem;
}
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Rankings */
/****************************************************************************************************/
/* .rankings */
.rankingsWrapper {
  /*    &.related {
      .rankings.listView {
          @include grid(2, 2rem, "li");

          > li {
              margin-bottom: 3rem;
          }
      }
  }*/
}
.rankingsWrapper .rankings.listView {
  display: grid;
  gap: 3rem 2rem;
  grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
  margin-top: -1rem;
  padding: 0 1rem;
  margin-bottom: 2rem;
  /*        > li {
      margin-bottom: 3rem;
  }*/
}

.rankings #filteredContentResult {
  /*@include grid(3, 2rem, "li");*/
}

.recognitionWrapper {
  margin-top: 3rem;
  border-top: solid 1px #CCCCCC;
}
.recognitionWrapper > .grid {
  border-bottom: solid 1px #CCCCCC;
  font-size: 90%;
  /*        margin-top: 3rem !important;
  margin-bottom: 3rem !important;*/
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  gap: 2rem;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.recognitionWrapper > .grid > .col {
  margin: 0 !important;
}
.recognitionWrapper > .grid:last-child {
  border-bottom: none;
}
.recognitionWrapper > .grid .borderLeft {
  position: relative;
}
.recognitionWrapper > .grid .borderLeft:before {
  content: "";
  height: 50%;
  width: 1px;
  background-color: #CCCCCC;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translatey(-50%);
  display: none;
}
.recognitionWrapper > .grid img {
  display: inline-block;
}
.recognitionWrapper .cmsContent > :last-child {
  margin-bottom: 0;
}

/* Ranking CardView */
.ranking.cardView {
  margin: 0;
  position: relative;
  padding-bottom: 3rem;
  position: relative;
}
.ranking.cardView .goodmansGBar {
  background-image: url(/CFImages/logo-g.svg);
  background-repeat: no-repeat;
  background-size: 1.6rem;
  background-position: center center;
  width: 100%;
  height: 2rem;
}
.ranking.cardView .goodmansGBar:before {
  content: " ";
  position: absolute;
  background-color: #BB0000;
  height: 1px;
  width: calc(50% - 1.5rem);
  left: 0;
  top: 1rem;
}
.ranking.cardView .goodmansGBar:after {
  content: " ";
  position: absolute;
  background-color: #BB0000;
  height: 1px;
  width: calc(50% - 1.5rem);
  right: 0;
  top: 1rem;
}
.ranking.cardView .innerContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0 0;
  /* optional item */
}
.ranking.cardView .innerContent span {
  display: block;
}
.ranking.cardView .innerContent span.rankingPublisher {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  color: #BB0000;
  font-size: 0.7rem;
  text-align: center;
}
.ranking.cardView .innerContent span.rankingAccolade {
  color: #007B8B;
  font-family: "classico-urw", serif;
  font-weight: 500;
  font-size: 1rem;
  max-width: 80%;
  text-transform: none;
  text-align: center;
  line-height: 1.3;
}
.ranking.cardView .innerContent span.rankingLocation {
  color: #707070;
  font-size: 0.7rem;
  text-transform: uppercase;
}
.ranking.cardView .innerContent span.yearAwarded {
  color: #BB0000;
  font-family: "classico-urw", serif;
  font-size: 1.2rem;
  position: absolute;
  bottom: 0.5rem;
}
.ranking.cardView .listView.teammembers {
  display: block;
}

/* Rankings (Filtered Content) */
.filteredContent #filteredContentResult.rankings {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
}
@media (max-width: 767px) {
  .filteredContent #filteredContentResult.rankings {
    grid-template-columns: 1fr;
  }
}

.awardsGrid.grid > .col {
  margin-bottom: 2rem !important;
}
.awardsGrid.grid > .col div.sfContentBlock:first-child {
  height: 6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, padding 0s linear, margin 0s linear;
}
.awardsGrid.grid > .col div.sfContentBlock:first-child img {
  mix-blend-mode: multiply;
  position: relative;
}
.awardsGrid.grid > .col.clickable {
  position: relative;
}
.awardsGrid.grid > .col.clickable:before {
  content: " ";
  position: absolute;
  background-color: #E5F1F3;
  inset: -1rem;
  margin: 0;
  z-index: 0;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, padding 0s linear, margin 0s linear;
  pointer-events: none;
  display: block;
}
.awardsGrid.grid > .col.clickable > * {
  position: relative;
  z-index: 1;
}
.awardsGrid.grid > .col.clickable:focus div.sfContentBlock:first-child, .awardsGrid.grid > .col.clickable:focus-within div.sfContentBlock:first-child, .awardsGrid.grid > .col.clickable:hover div.sfContentBlock:first-child {
  background-color: #E5F1F3;
}
.awardsGrid.grid > .col.clickable:focus:before, .awardsGrid.grid > .col.clickable:focus-within:before, .awardsGrid.grid > .col.clickable:hover:before {
  opacity: 1;
  pointer-events: initial;
}
.awardsGrid.grid > .col div.sfContentBlock + div.sfContentBlock {
  height: auto;
}

/*#endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Testimonials */
/****************************************************************************************************/
/* Testimonials List */
ul.listView.testimonials {
  display: grid;
  grid-template-columns: 1fr;
}

/* Testimonial CardView */
blockquote.testimonial.cardView {
  margin: 0;
  background-color: transparent;
  padding: 3rem 0;
}
blockquote.testimonial.cardView cite {
  display: block;
  margin-top: 1.4rem;
  font-size: 1rem;
}

/* Testimonials List with Background Art */
.testimonialsWrapper.withRandomBackgroundArt {
  margin: 4rem 0;
}
.testimonialsWrapper.withRandomBackgroundArt ul.listView.testimonials {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.testimonialsWrapper.withRandomBackgroundArt ul.listView.testimonials > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  vertical-align: top;
  /*width: calc((1 / 1) * 100%);*/
  flex-basis: calc(1 / 1 * 100%);
}
.testimonialsWrapper.withRandomBackgroundArt ul.listView.testimonials .testimonial.cardView {
  color: white;
  font-size: 2rem;
  padding: 3rem 0;
}
.testimonialsWrapper.withRandomBackgroundArt ul.listView.testimonials .testimonial.cardView blockquote {
  font-size: 1em;
  padding: 5rem 5%;
  background-color: transparent;
}
.testimonialsWrapper.withRandomBackgroundArt .viewAllMoreWrapper {
  margin-top: -1rem;
}

/* Testimonials Slider */
.bigBlockQuote aside.testimonialsWrapper.splide {
  margin: 0;
  padding: 0;
}
.bigBlockQuote aside.testimonialsWrapper.splide .testimonial.cardView blockquote {
  margin: 0;
  min-height: 16rem;
  padding-left: 0;
}
.bigBlockQuote aside.testimonialsWrapper.splide .splide__pagination {
  display: none;
}
.bigBlockQuote aside.testimonialsWrapper.splide .splide__arrows {
  position: absolute;
  top: 3rem;
  bottom: 3rem;
  /*transform: translateY(-50%);*/
  left: calc(-5rem + 7px);
  display: flex;
  padding: 4rem 0;
}
.bigBlockQuote aside.testimonialsWrapper.splide .splide__arrows:before, .bigBlockQuote aside.testimonialsWrapper.splide .splide__arrows:after {
  width: 50%;
  height: 3rem;
  content: " ";
  position: absolute;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.bigBlockQuote aside.testimonialsWrapper.splide .splide__arrows:before {
  top: 0;
}
.bigBlockQuote aside.testimonialsWrapper.splide .splide__arrows:after {
  bottom: 0;
  height: calc(100% - 7rem);
}
.bigBlockQuote aside.testimonialsWrapper.splide .splide__arrows .splide__arrow {
  position: absolute;
  left: initial;
  right: initial;
  margin: 0;
  transform: none;
  top: 4rem;
}
.bigBlockQuote aside.testimonialsWrapper.splide .splide__arrows .splide__arrow.splide__arrow--prev {
  /*margin-left: -2em;*/
  transform: translateX(-100%);
}
@media (max-width: 1700px) {
  .bigBlockQuote aside.testimonialsWrapper.splide {
    padding-left: 4rem !important;
  }
  .bigBlockQuote aside.testimonialsWrapper.splide .splide__arrows {
    left: calc(-3rem + 7px);
  }
}
@media (max-width: 1600px) {
  .bigBlockQuote aside.testimonialsWrapper.splide {
    padding-left: 4rem !important;
  }
  .bigBlockQuote aside.testimonialsWrapper.splide .splide__arrows {
    /*left: calc(0 + 7px);*/
    left: 7px;
  }
}

/*#endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Events (divergences ONLY from resource styles) */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Team Shared */
/****************************************************************************************************/
.audioButton {
  padding: 0rem;
}

/*.audioFile {
    border: none;
    border-radius: 3px;
    cursor: pointer;
    margin: 0;
    display: inline;

    a {
        padding: 0;
        display: inline-block;
        color: $secondaryColour;
        display: block;
        line-height: 0;
        display: inline;

        .icon {
            transition: $transition;
            //filter: grayscale(1) brightness(1.6); // turn the icons from teal to grey so that we can animate them back to teal on hover
            filter: grayscale(1) brightness(1); // turn the icons from teal to grey so that we can animate them back to teal on hover
        }

        &:focus,
        &:hover {
            .icon {
                filter: grayscale(0) brightness(1); // turn the icons from teal to grey so that we can animate them back to teal on hover
            }
        }

        &:active {
            filter: brightness(0.5);
        }
    }
}*/
.audioPlayerWrapper button {
  padding: 0;
  border: none;
}
.audioPlayerWrapper button:focus:focus-visible {
  background: none;
}
.audioPlayerWrapper button:hover {
  background: none;
}
.audioPlayerWrapper button .icon {
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  filter: grayscale(1) brightness(1);
}
.audioPlayerWrapper button:focus, .audioPlayerWrapper button:hover {
  background: none !important;
}
.audioPlayerWrapper button:focus .icon, .audioPlayerWrapper button:hover .icon {
  filter: grayscale(0) brightness(1);
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Team List */
/****************************************************************************************************/
/* Team ListView */
.teammembers.listView {
  margin: 0;
  display: grid;
  grid-gap: 1.2rem;
  /*grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));*/
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
}
.teammembers.listView > li {
  margin: 0;
  /*max-width: 1/5 * 100%;*/
}

.authorTeam a {
  text-decoration: none;
}

/* Team Card View */
.teammember.cardView {
  border-top: 1px solid #E2E3E4;
  padding-top: 1rem;
  position: relative;
  /* primary image */
  /* content wrapper  */
  /* title */
  /* position */
  /* email & phone */
  /* audio */
  /*    .audioFile {
      margin-top: 0.6rem;
      display: inline-block;

      .icon.audio {
          font-size: 0.8rem;
      }
  }*/
  /* social */
}
.teammember.cardView.clickable:focus:before, .teammember.cardView.clickable:hover:before {
  display: none !important;
}
.teammember.cardView:before {
  content: "" !important;
  display: none !important;
}
.teammember.cardView .imgWrapper {
  width: 100%;
  aspect-ratio: 1/1;
  height: inherit;
  background: rgb(198, 198, 198);
  background: radial-gradient(circle at 30% 50%, #f5f5f5 0, #acacac 92%);
}
.teammember.cardView .imgWrapper {
  position: relative;
  overflow: hidden;
}
.teammember.cardView .imgWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: center;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.teammember.cardView:hover .imgWrapper img, .teammember.cardView:focus .imgWrapper img {
  transform: scale(1.05);
}
.teammember.cardView .itemContent {
  padding-left: 1px;
}
.teammember.cardView h3 {
  color: #555555;
  margin-top: 0.4em;
  margin-bottom: 0.2em;
}
.teammember.cardView h3 a {
  color: inherit;
  text-decoration: none;
}
.teammember.cardView h3 a:focus, .teammember.cardView h3 a:hover {
  text-decoration: underline;
}
.teammember.cardView .position {
  color: #BB0000;
  display: block;
  font-family: "classico-urw", serif;
  font-weight: 500;
  padding-bottom: 0.8rem;
  margin-bottom: 1em;
  line-height: 1.2;
}
.teammember.cardView .position:after {
  /*height: 2px;*/
}
.teammember.cardView .contactInfo li {
  font-family: "Roboto", sans-serif;
  font-size: 0.9rem;
}
.teammember.cardView .contactInfo li .prefixLabel {
  font-weight: 400;
  color: #BB0000;
  display: inline-block;
  margin-right: 0.3em;
}
.teammember.cardView .contactInfo li a {
  font-family: inherit;
  color: black;
  text-decoration: none;
}
.teammember.cardView .contactInfo li a:focus, .teammember.cardView .contactInfo li a:hover {
  text-decoration: underline;
}
.teammember.cardView .contactInfo li a:active {
  text-decoration: underline;
}
.teammember.cardView .audioPlayerWrapper .icon.audio {
  font-size: 0.8rem;
}
.teammember.cardView ul.socialLinks {
  justify-content: flex-start;
}

/* author list */
.teammembers.authorView ul.grid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.teammembers.authorView ul.grid > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  vertical-align: top;
  /*width: calc((1 / 1) * 100%);*/
  flex-basis: calc(1 / 1 * 100%);
}
.teammembers.authorView ul.grid li.col article {
  margin-bottom: 1rem;
}

.authorView .teammembers {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
}
.authorView .teammembers .teammember.cardView .innerContent {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
}
.authorView .teammembers li {
  grid-column-end: span 2;
}
@media (min-width: 500px) {
  .authorView .teammembers .teammember.cardView {
    padding: 0;
    border: none;
  }
  .authorView .teammembers .teammember.cardView .innerContent .itemContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.authorViewMobileOnly .teammembers {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
}
@media (max-width: 1024px) {
  .authorViewMobileOnly .teammembers .teammember.cardView .innerContent {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  }
  .authorViewMobileOnly .teammembers li {
    grid-column-end: span 2;
  }
  .authorViewMobileOnly .teammembers .teammember.cardView {
    padding: 0;
    border: none;
  }
  .authorViewMobileOnly .teammembers .teammember.cardView .innerContent .itemContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Team DetailView / Bio */
/****************************************************************************************************/
.teamBodyWrapper .breadCrumb {
  display: none;
}
.teamBodyWrapper .breadCrumb.noHide {
  display: block;
}

.detailView.teammember {
  /* Overview */
  /* Sections */
  /* alternating grey background sections */
  /* Related Sections (Shared) */
  /* Related Expertise */
  /* team */
  /* Related Cases */
  /* Credentials */
}
.detailView.teammember .bioTopContent {
  /*padding: 0 2rem;*/
  position: relative;
  background-color: #F6F6F6;
  overflow: hidden;
}
.detailView.teammember .bioTopContent:before {
  content: " ";
  position: absolute;
  inset: 0;
  bottom: auto;
  height: 175%;
  background: rgb(198, 198, 198);
  background: radial-gradient(circle, #fff 0%, #777 92%);
  opacity: 0.4;
}
.detailView.teammember .bioTopContent .bioTopContactGrid {
  display: flex;
  position: relative;
  min-height: 40rem;
}
@media (max-width: 1299px) {
  .detailView.teammember .bioTopContent .bioTopContactGrid {
    min-height: 35rem;
  }
}
.detailView.teammember .bioTopContent .bioContact {
  width: 50%;
  display: flex;
  flex-direction: column;
  flex: initial;
  flex-basis: 60%;
  padding: 4rem 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .detailView.teammember .bioTopContent .bioContact {
    padding: 4rem var(--site-padding) !important;
    margin: 0 calc(var(--site-padding) * -1);
    /*border-top: 5px solid white;*/
    background-color: white !important;
    border-bottom: 1px solid #E2E3E4;
    width: 100vw !important;
    max-width: 100vw !important;
  }
}
.detailView.teammember .bioTopContent .bioContact .bioContactTop {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.detailView.teammember .bioTopContent .bioContact .bioContactTop .nameAndPronunciation {
  /*                    display: flex;
  align-items: center;*/
  display: inline-block;
  margin-bottom: 0.3em;
}
.detailView.teammember .bioTopContent .bioContact .bioContactTop .nameAndPronunciation h1 {
  margin: 0;
  color: #007B8B;
  line-height: 1.1;
  display: inline;
}
.detailView.teammember .bioTopContent .bioContact .bioContactTop .nameAndPronunciation button {
  margin: 0;
  margin-left: 0.6rem;
}
.detailView.teammember .bioTopContent .bioContact .bioContactTop .nameAndPronunciation .audioFile {
  margin-left: 2rem;
}
.detailView.teammember .bioTopContent .bioContact .bioContactTop .pronounsWrapper {
  margin-bottom: 0.7rem;
}
.detailView.teammember .bioTopContent .bioContact .bioContactTop .position {
  margin: 0.3em 0 1em;
  padding-bottom: 0.7em;
}
.detailView.teammember .bioTopContent .bioContact .bioContactTop .contactInfo {
  font-size: 1.1rem;
}
.detailView.teammember .bioTopContent .bioContact .bioContactTop .contactInfo .prefixLabel {
  color: #BB0000;
  margin-right: 0.25rem;
  font-weight: 400;
}
.detailView.teammember .bioTopContent .bioContact .bioContactTop a {
  text-decoration: none;
  color: #000;
}
.detailView.teammember .bioTopContent .bioContact .bioContactTop ul.socialLinks {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.2rem;
  gap: 0.2rem;
  min-height: 2rem;
}
.detailView.teammember .bioTopContent .bioContact .bioContactTop ul.socialLinks li {
  position: relative;
}
.detailView.teammember .bioTopContent .bioContact .bioContactTop ul.socialLinks li a {
  color: #707070;
  font-size: 1.3rem;
}
.detailView.teammember .bioTopContent .bioContact .bioContactTop ul.socialLinks li a:focus, .detailView.teammember .bioTopContent .bioContact .bioContactTop ul.socialLinks li a:hover {
  color: #007B8B;
}
.detailView.teammember .bioTopContent .bioContact .bioContactTop ul.socialLinks li a:active {
  color: #00373f;
}
.detailView.teammember .bioTopContent .bioContact .bioContactBottom {
  flex: initial;
}
.detailView.teammember .bioTopContent .bioContact .bioContactBottom #printModal {
  display: none !important;
}
.detailView.teammember .bioTopContent .bioImage {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  width: 50%;
  min-width: 30rem;
  z-index: 0;
}
.detailView.teammember .bioTopContent .bioImage .imgWrapper {
  position: absolute;
  inset: 0;
}
.detailView.teammember .bioTopContent .bioImage .imgWrapper picture {
  position: absolute;
  inset: 0;
}
.detailView.teammember .bioTopContent .bioImage .imgWrapper img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  object-position: 50% 100%;
}
.detailView.teammember .bioTopContent .bioImageFull {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  /*            .bgImgWrapper {
      height: 100%;

      .bgImg {
          background-position: 50% 74%;
      }
  }*/
}
.detailView.teammember .bioTopContent .bioImageFull picture {
  position: absolute;
  inset: 0;
}
.detailView.teammember .bioTopContent .bioImageFull picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 74%;
}
.detailView.teammember .cmsContent h1, .detailView.teammember .cmsContent h2, .detailView.teammember .cmsContent h3, .detailView.teammember .cmsContent h4, .detailView.teammember .cmsContent h5, .detailView.teammember .cmsContent h6 {
  color: #BB0000;
}
.detailView.teammember .overview {
  /*margin-bottom: 4rem;*/
  /* hide empty paragraphs? */
}
.detailView.teammember section.wrapper {
  padding: 6rem 0;
  margin: 0;
}
.detailView.teammember .alternatingBgColourSections {
  margin-bottom: 0;
}
.detailView.teammember .alternatingBgColourSections > * {
  position: relative;
}
.detailView.teammember .alternatingBgColourSections > *:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  max-width: calc(100vw - var(--scrollbar-width));
  content: " ";
  z-index: 0;
  background-color: transparent;
  pointer-events: none;
}
.detailView.teammember .alternatingBgColourSections > :first-child {
  padding-top: 2rem;
}
.detailView.teammember .alternatingBgColourSections > :nth-child(even):before {
  background-color: #F7F7F7;
}
.detailView.teammember section.related ul.listView {
  /*width: $container;*/
}
.detailView.teammember .related.expertisesWrapper {
  margin-bottom: 0;
  padding-bottom: 4rem;
}
.detailView.teammember .related.expertisesWrapper ul.expertises.listView {
  display: grid;
  gap: 1.6rem 2rem;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
}
.detailView.teammember section.meetTheTeam {
  margin: 0 !important;
}
.detailView.teammember .related.casesWrapper {
  background-color: #F6F6F6;
  /*padding: 4rem 0;*/
}
.detailView.teammember .representativeWork {
  padding: 5rem 0;
}
.detailView.teammember .representativeWork h6 {
  font-size: 1.2rem;
}
.detailView.teammember .credentials {
  /*background-color: $offWhite;*/
  padding: 5rem 0;
}
.detailView.teammember .credentials h3 {
  font-size: 1.2rem;
}
.detailView.teammember .credentials .credentialsSection {
  padding: 2rem 0;
  border-bottom: 1px solid #BB0000;
}
.detailView.teammember .credentials .credentialsSection:first-child {
  padding-top: 0;
}
.detailView.teammember .credentials .credentialsSection:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.detailView.teammember .credentials .related.wrapper {
  margin: 0;
}
.detailView.teammember .credentials .educationitemsWrapper ul,
.detailView.teammember .credentials .memberships ul,
.detailView.teammember .credentials .calltobarsWrapper ul {
  margin-bottom: 0;
}
.detailView.teammember .credentials .educationitemsWrapper ul.listView,
.detailView.teammember .credentials .memberships ul.listView,
.detailView.teammember .credentials .calltobarsWrapper ul.listView {
  display: block !important;
  gap: 0;
}
.detailView.teammember .credentials .educationitems {
  display: block;
}

/* Sections with vertical/sideways titles */
.sideTitleWrapper {
  /*@media(max-width: 1300px) {

      > .container {
          padding-left: 3rem;
      }

      .sideTitle {*/
  /*left: 0rem;*/
  /*}
  }*/
}
.sideTitleWrapper > .container {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  min-height: 10rem;
}
.sideTitleWrapper .sideTitle {
  writing-mode: vertical-lr;
  margin: 0;
  transform: rotate(180deg);
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex: 1 1 auto;
  width: 3rem;
  max-width: 3rem;
  margin-top: -0.3em;
  margin-right: 2rem;
  color: #BB0000;
  position: absolute;
  height: 100%;
  top: 0;
  left: -5rem;
  white-space: nowrap;
  /* the line */
  /*        &:after {
      content: ' ';
      background-color: white;
  }*/
  /* the element immediately after the title */
}
.sideTitleWrapper .sideTitle .cmsContent {
  color: #BB0000;
}
.sideTitleWrapper .sideTitle h1, .sideTitleWrapper .sideTitle h2, .sideTitleWrapper .sideTitle h3, .sideTitleWrapper .sideTitle h4, .sideTitleWrapper .sideTitle h5, .sideTitleWrapper .sideTitle h6 {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
}
.sideTitleWrapper .sideTitle:before {
  width: 1px;
  content: " ";
  flex-grow: 1;
  background-image: linear-gradient(to top, #E2E3E4, #E2E3E4 50%, transparent 50%, transparent 100%);
  background-size: 100% 200%;
  background-position: 0% 0%;
  margin-bottom: 1rem;
  margin-left: 0.5rem;
  position: relative;
  left: -0.4rem;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, padding 0s linear, margin 0s linear;
  transition-duration: 1.5s;
}
.sideTitleWrapper .sideTitle + * {
  flex: 1 1 auto;
  width: 100%;
}
.sideTitleWrapper .sideTitle.animate:before {
  background-position: 0% 100%;
}
@media (max-width: 1700px) {
  .sideTitleWrapper .sideTitle {
    left: -3rem;
  }
}
@media (max-width: 1600px) {
  .sideTitleWrapper > .container {
    padding-left: 4rem;
    padding-right: 1.4rem;
    padding-right: 2rem;
  }
  .sideTitleWrapper .sideTitle {
    /*left: 1.5rem;*/
    left: 0;
  }
}
@media (max-width: 767px) {
  .sideTitleWrapper > .container {
    /*            padding-left: 3rem;
    padding-right: 1.4rem;*/
    padding-left: 2rem;
    padding-right: 1rem;
  }
  .sideTitleWrapper .sideTitle {
    left: 0;
    width: 2rem;
  }
}
@media (max-width: 500px) {
  .sideTitleWrapper > .container {
    padding-left: 2.4rem;
    padding-right: 1rem;
  }
  .sideTitleWrapper .sideTitle {
    left: 0;
    width: 2rem;
  }
}
.sideTitleWrapper .viewAllMoreWrapper {
  width: 100%;
  flex: initial;
}

/*section.wrapper.related {
    margin-top: 4rem;
}*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Filtered Content Items */
/****************************************************************************************************/
.fieldGroups {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1.2rem;
  /*    @media(max-width:$S_Max) {
      flex-wrap: wrap;

      &[data-group='data-expertises-guids'] {
          width: 100%;
          flex: 1 1 auto;
      }
  }*/
}
.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;
}
@media (max-width: 767px) {
  .fieldGroups {
    flex-wrap: wrap;
  }
  .fieldGroups > fieldset {
    flex: 1 0 100%;
    width: 100%;
  }
}

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

.k-list-optionlabel,
.k-list .k-item {
  padding: 0.8rem 0.6rem;
}
.k-list-optionlabel.k-state-selected,
.k-list .k-item.k-state-selected {
  background-color: #007B8B;
}
.k-list-optionlabel.k-state-selected:hover,
.k-list .k-item.k-state-selected:hover {
  background-color: #006472;
}

/* Filters */
.filtersContainer {
  display: block;
  margin: 0 auto;
  width: 56rem;
  margin: 0 auto 6rem;
  max-width: calc(100vw - 6rem);
}
@media (max-width: 500px) {
  .filtersContainer {
    max-width: 100%;
  }
}
.filtersContainer fieldset legend {
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: absolute;
}

/* Keyword Search */
.keywordSearchWrapper {
  margin-bottom: 1.4rem;
  position: relative;
  overflow: hidden;
}
.keywordSearchWrapper input[type=search] {
  border: none;
  border-bottom: 1px solid #E2E3E4;
  padding-left: 0;
  box-sizing: border-box;
  height: 3.4rem;
  /* 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, #BB0000, #BB0000 50%, transparent 50%, transparent 75%);*/
  background-image: linear-gradient(to right, #A3A3A3, #A3A3A3 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 $red;*/
}
.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;
}
.keywordSearchWrapper .buttons .clearSearch {
  display: none;
  opacity: 0;
  transition: all 0.2s 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, .keywordSearchWrapper .buttons nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .keywordSearchWrapper .buttons a.button {
  border: none;
  padding: 0;
  background-color: white;
  width: 2.6rem;
  margin: 0;
}
.keywordSearchWrapper input[type=search]:not(:placeholder-shown) ~ .buttons .clearSearch {
  display: block;
  opacity: 1;
}

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

/* Filtered Content Wrapper */
.filteredContent {
  padding-bottom: 6rem;
  min-height: 30rem;
  /* special filter styles for the Featured Work page */
}
.filteredContent .buttonsContainer .button i, .filteredContent .buttonsContainer nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button i, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .filteredContent .buttonsContainer a.button i {
  margin-left: 2rem;
}
.filteredContent .buttonsContainer .button:not(:last-child), .filteredContent .buttonsContainer nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:not(:last-child), nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .filteredContent .buttonsContainer a.button:not(:last-child) {
  margin-right: 1rem;
}
.filteredContent .permanentLinkField {
  display: flex;
}
.filteredContent .permanentLinkField button {
  padding: 0.6rem 1rem;
  margin: 0;
}
.filteredContent .permanentLinkField button svg {
  margin: 0;
}
@media (min-width: 768px) {
  .filteredContent.filteredContentFeaturedWork .fieldGroups fieldset:first-child {
    width: 25%;
    flex: initial;
  }
}

/* Active filters tags/pills */
#filtersDisplayContainer {
  margin: 1.6rem 0 1rem;
}
#filtersDisplayContainer .activeFilterGroup {
  display: inline-flex;
  flex-wrap: wrap;
}
#filtersDisplayContainer .activeFilterGroup .activeFilterTag {
  border: 1px solid #E2E3E4;
  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: #007B8B;
  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: #A3A3A3;
}
#filtersDisplayContainer .activeFilterGroup .activeFilterTag:active {
  border-color: #A3A3A3;
}

.loadMoreContainer {
  text-align: center;
  margin: 4rem 0 0;
}
.loadMoreContainer button .icon {
  font-size: 0.8rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.6rem;
  margin-right: 0.6rem;
}

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

#loadingIndicator {
  height: 200px;
  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 {
  display: grid;
  grid-row-gap: 3rem;
  margin: 0;
}
@media (max-width: 767px) {
  #filteredContentResult {
    grid-template-columns: 1fr;
  }
}
#filteredContentResult > .col {
  margin: 0;
}
#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;
  grid-column-end: span 5;
}
#filteredContentResult li.noResults .message {
  font-style: italic;
}
/*#filteredContentResult_upcoming {
    padding: 4rem 0;
    border: 2px solid red;
}*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Popups / Modals (SHARED) */
/****************************************************************************************************/
.popup_wrapper .button.close, .popup_wrapper nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.close.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .popup_wrapper a.close.button {
  top: -2rem;
  right: 0;
  width: 2rem;
  height: 2rem;
  position: absolute;
  border: none;
  padding: 0;
  border-radius: 0;
  background-color: white;
  border: 1px solid #E2E3E4;
}
.popup_wrapper .button.close:before, .popup_wrapper nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.close.button:before, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .popup_wrapper a.close.button:before {
  background-image: url(/CFImages/Icons/plus-red.svg);
  background-size: 1rem auto;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(45deg);
  transform-origin: center;
  content: " ";
  display: inline-block;
  position: absolute;
  inset: 0;
}
.popup_wrapper .button.close:focus, .popup_wrapper nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.close.button:focus, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .popup_wrapper a.close.button:focus, .popup_wrapper .button.close:hover, .popup_wrapper nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.close.button:hover, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .popup_wrapper a.close.button:hover {
  background-color: transparent;
}
.popup_wrapper .button.close:focus:before, .popup_wrapper nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.close.button:focus:before, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .popup_wrapper a.close.button:focus:before, .popup_wrapper .button.close:hover:before, .popup_wrapper nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.close.button:hover:before, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .popup_wrapper a.close.button:hover:before {
  /*background-image: url(/CFImages/Icons/plus-white.svg);*/
}
.popup_wrapper .button.close:active, .popup_wrapper nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.close.button:active, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .popup_wrapper a.close.button:active {
  background-color: transparent;
}
.popup_wrapper .button.close:active:before, .popup_wrapper nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.close.button:active:before, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .popup_wrapper a.close.button:active:before {
  /*background-image: url(/CFImages/Icons/plus-white.svg);*/
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Search */
/****************************************************************************************************/
.searchModal {
  display: none;
}

.searchBox {
  display: flex;
}
.searchBox .sfsearchOpen {
  color: #BB0000;
  margin: 0;
  padding: 0;
  border: none;
  margin-right: 0.8rem;
}
.searchBox .sfsearchOpen:focus, .searchBox .sfsearchOpen:hover {
  background-color: transparent;
}
.searchBox .sfsearchOpen:active {
  background-color: transparent;
}

.popup_background.searchModalBackground {
  opacity: 0.9 !important;
  background-color: #f7f7f7 !important;
}

.popup_wrapper[id^=searchModal] {
  padding: 5rem;
}
@media (max-width: 767px) {
  .popup_wrapper[id^=searchModal] {
    padding: 5rem 2rem;
  }
}
@media (max-width: 500px) {
  .popup_wrapper[id^=searchModal] {
    padding: 5rem 1rem;
  }
}

.searchModal {
  /*width: $container;*/
  width: 42rem;
  max-width: 100%;
  padding: 2rem;
  background-color: white;
  /*@media(max-width: $S_Max) {*/
  /*width: calc(100vw - 4rem);*/
  /*padding: 3rem 2rem;
  }*/
}
.searchModal h3 {
  color: #BB0000;
  font-size: 1.2rem;
}
@media (max-width: 500px) {
  .searchModal {
    padding: 2rem 1rem;
  }
}
.searchModal fieldset {
  border: none;
  padding: 0;
}
.searchModal .fields input[type=search] {
  margin-right: -1px;
}
.searchModal .fields .button, .searchModal .fields nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .searchModal .fields a.button {
  margin: 0;
  border-radius: 0;
  border: 1px solid #E2E3E4;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  background-color: white;
}
.searchModal .keywordSearchWrapper {
  position: relative;
}
.searchModal .keywordSearchWrapper input[type=search] {
  background: none;
}
.searchModal .keywordSearchWrapper button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: auto;
  width: 3rem;
  border: 1px solid #E2E3E4;
  border-radius: 0;
}
.searchModal .keywordSearchWrapper button:focus:focus-visible .icon:before {
  filter: brightness(0) invert(1);
}
.searchModal .keywordSearchWrapper button:hover .icon:before {
  filter: brightness(0) invert(1);
}
.searchModal .fields.checkboxes {
  margin-top: 2rem;
  font-size: 0.8rem;
  /*        display: flex;
  justify-content: space-between;
  flex-wrap: wrap;*/
  /*justify-content: flex-start;*/
  display: grid;
  gap: 0.4rem 1.4rem;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  /*grid-auto-columns: auto;*/
  /*grid-auto-columns: minmax(3rem, auto);*/
  /*        
  */
  /*        display: grid;
  grid-template-columns: repeat(auto-fit, min-content);*/
  /*grid-auto-columns: minmax(min-content, 1fr);*/
}
.searchModal .fields.checkboxes .field {
  /*border: $border;*/
  border-color: #e2e3e4;
  /*padding: 1rem;*/
  display: inline-flex;
  align-items: center;
}
.searchModal .fields.checkboxes .field label {
  padding: 0 1.4rem;
}
.searchModal .button.close, .searchModal nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.close.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .searchModal a.close.button {
  top: 1rem;
  right: 2rem;
  width: 2rem;
  height: 2rem;
  position: absolute;
  border: none;
  padding: 0;
  border-radius: 0;
  background-color: white;
  border: 1px solid #E2E3E4;
}
.searchModal .button.close:before, .searchModal nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.close.button:before, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .searchModal a.close.button:before {
  background-image: url(/CFImages/Icons/plus-red.svg);
  background-size: 1rem auto;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(45deg);
  transform-origin: center;
  content: " ";
  display: inline-block;
  position: absolute;
  inset: 0;
}
.searchModal .button.close html.popup_visible_searchModal-1 #wrapper > main {
  filter: blur(5px);
}

a.backendEditLink {
  position: fixed;
  top: 150px;
  right: 2rem;
  border: 1px solid #E2E3E4;
  border-radius: 50px;
  padding: 0.4rem 1rem;
  display: inline-block;
  text-decoration: none;
  background-color: white;
  z-index: 5;
}
a.backendEditLink svg {
  margin-right: 0.4em;
}

.enhancedSearchResults {
  display: grid;
  grid-template-columns: 16rem 1fr;
  gap: 1.4rem;
  /* Filters */
  /* Search Results List */
}
.enhancedSearchResults .searchFilters {
  grid-column: 1;
  position: relative;
}
.enhancedSearchResults .searchFilters .sticky {
  top: var(--header-height);
  position: sticky;
  /*            &.stuck {
      inset: initial;
      top: 0;
      position: fixed;
  }*/
}
.enhancedSearchResults .searchFilters .checkboxes {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  border: 1px solid #E2E3E4;
  padding: 1rem;
}
.enhancedSearchResults .searchFilters .checkboxes .checkbox {
  width: 100%;
}
.enhancedSearchResults .searchFilters .checkboxes .checkbox label:after {
  border-color: #E2E3E4;
}
.enhancedSearchResults .searchFilters label.fieldLabel {
  text-transform: uppercase;
  color: #707070;
  font-size: 0.7rem;
}
.enhancedSearchResults .searchFilters .fields {
  display: flex;
  gap: 1rem;
  width: 100%;
  flex-wrap: wrap;
}
.enhancedSearchResults .searchFilters .fields .field {
  width: 100%;
  flex: 1 1 auto;
}
.enhancedSearchResults .loadingCounterWrapper {
  /*        background-color: white;
  border: $border;
  padding: 1rem;
  position: sticky;
  top: var(--header-height);
  z-index: 999;
  margin-bottom: 1rem;
  margin-top: 1.5rem;*/
}
.enhancedSearchResults .loadingCounterWrapper #loadingCounter {
  /*margin: 0.5rem 0 2rem;*/
  margin: 0;
  height: 1.4rem;
}
.enhancedSearchResults .loadingCounterWrapper #loadingCounter strong {
  font-style: italic;
}
.enhancedSearchResults .searchResultsWrapper {
  padding-top: 1.5rem;
}
.enhancedSearchResults #searchResults {
  grid-column: 2;
  gap: 1rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.enhancedSearchResults #searchResults > h2 {
  margin-top: 0;
}
.enhancedSearchResults #searchResults ul.results {
  gap: 2rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  margin: 2rem 0;
}
.enhancedSearchResults #searchResults ul.results > li {
  width: 100%;
  min-width: 0;
}
.enhancedSearchResults #searchResults div.searchPager {
  margin: 2rem 0;
  text-align: center;
}
.enhancedSearchResults #searchResults div.searchPager ul.pagination {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  box-sizing: border-box;
  justify-content: center;
}
.enhancedSearchResults #searchResults div.searchPager ul.pagination > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
.enhancedSearchResults #searchResults div.searchPager ul.pagination li {
  margin-top: 1rem;
}
.enhancedSearchResults #searchResults div.searchPager ul.pagination li.active a {
  color: #007B8B;
}
@media (max-width: 767px) {
  .enhancedSearchResults {
    grid-template-columns: 1fr;
  }
  .enhancedSearchResults .searchFilters .checkboxes {
    display: grid;
    gap: 0.4rem;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    overflow-y: scroll;
    max-height: 7rem;
    font-size: 0.9rem;
  }
}

/* Search Result Card (SHARED) */
.searchResult.cardView {
  border: 1px solid #E2E3E4;
  padding: 1.4rem 1.4rem;
  width: 100%;
  position: relative;
}
.searchResult.cardView.clickable:before {
  inset: 0;
}
.searchResult.cardView .meta .labelValuesSeparator {
  width: 1px;
  height: 1em;
  background-color: #BB0000;
  margin: 0 0.6em;
}
.searchResult.cardView .meta .dates {
  display: flex;
  align-items: center;
  color: #707070;
  width: 100%;
  display: block;
  margin: 0.2em 0;
  /*            &:before {
      content: ' ';
      background-color: $red;
      width: 1px;
      height: 0.8rem;
      position: relative;
      margin: 0 0.6em;
  }*/
}
.searchResult.cardView h3 {
  margin: 0;
}
@media (max-width: 767px) {
  .searchResult.cardView h3 {
    font-size: 1.2rem;
  }
}
.searchResult.cardView .preview {
  display: flex;
  gap: 2rem;
}
.searchResult.cardView .preview .image {
  width: 10rem;
  height: 100%;
  flex: 0 0 auto;
}
.searchResult.cardView .preview .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.searchResult.cardView .itemContent .excerpt {
  margin: 0.8rem 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.searchResult.cardView .links {
  display: flex;
  width: 100%;
  gap: 0.6rem;
  /*justify-content: flex-end;*/
  justify-content: flex-start;
}
.searchResult.cardView .links a {
  border: 1px solid #E2E3E4;
  border-radius: 50px;
  padding: 0.4rem 1rem;
  display: inline-block;
  text-decoration: none;
  background-color: white;
}
.searchResult.cardView .links a svg {
  margin-right: 0.4em;
}
.searchResult.cardView[data-content-type="Telerik.Sitefinity.DynamicTypes.Model.Team.TeamMember"] .imgWrapper {
  position: relative;
  overflow: hidden;
  width: 260px;
  max-width: 100%;
  aspect-ratio: 1/1;
  height: inherit;
  background: rgb(198, 198, 198);
  background: radial-gradient(circle at 30% 50%, #f5f5f5 0, #acacac 92%);
}
.searchResult.cardView[data-content-type="Telerik.Sitefinity.DynamicTypes.Model.Team.TeamMember"] .imgWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: center;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
@media only screen and (max-width: 767px) {
  .searchResult.cardView[data-content-type="Telerik.Sitefinity.DynamicTypes.Model.Team.TeamMember"] .preview {
    display: flex;
    flex-direction: column;
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Global Alerts */
/****************************************************************************************************/
.globalalert {
  color: white;
  background-color: #007B8B;
  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;
  font-size: 0.8rem;
}
.globalalert .additionalContent * {
  color: inherit;
}
.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: #156961;
}
.globalalert.exclamation {
  background-color: #BB0000;
}
.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-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
ul.globalalerts.listView:not(.splide__list) > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  vertical-align: top;
  /*width: calc((1 / 1) * 100%);*/
  flex-basis: calc(1 / 1 * 100%);
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Accordions + FAQs */
/****************************************************************************************************/
.accordion .accordionTop {
  cursor: pointer;
  margin: 0;
  padding: 1.6rem 0;
  padding-right: 3.4rem;
  position: relative;
  border-bottom: 1px solid #007B8B;
  /* Vertical line */
  /* horizontal line */
}
.accordion .accordionTop:before, .accordion .accordionTop:after {
  top: 50%;
  right: 30px;
  margin-top: -10px;
  content: "";
  position: absolute;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  background-color: #007B8B;
}
.accordion .accordionTop:before {
  width: 2px;
  height: 20px;
}
.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: #007B8B;
  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 #007B8B;
  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 Toggle Sections */
/****************************************************************************************************/
.toggleContent {
  display: none;
}
.toggleContent:active {
  display: block;
}

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

.mapbox-improve-map {
    display: none;
}
// map marker
.marker {
    width: 2rem;
    height: 2rem;
    cursor: pointer;

    &:after {
        position: absolute;
        top: 0;
        left: 0;
        content: $markerIcon;
        color: $primaryColour;
        font-size: 50px;
        font-weight: $fontWeightBold;
    }
}
// map popup
.mapboxgl-popup {
    max-width: 300px;

    .mapboxgl-popup-content {
        padding: 1.2rem;
        text-align: center;
        font-family: $primaryFont;
        font-size: 1.3rem;
    }
}

// Put before Gmaps iframe to eliminate pointer events on Google Maps until you click on this
// Put before iframe embed <div class="googleMapsOverlay" onclick="style.pointerEvents='none'">&nbsp;</div>
// http://stackoverflow.com/questions/21992498/disable-mouse-scroll-wheel-zoom-on-embedded-google-maps
.googleMapsOverlay {
    background: transparent;
    position: relative;
    width: 100%;
    height: 500px;
    top: 500px;*/ /* your iframe height */
/*margin-top: -500px;*/ /* your iframe height */
/*}*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Image Galleries */
/****************************************************************************************************/
.imageGallery.slider {
  max-width: 100%;
}
.imageGallery.slider .gallerySlider .splide__arrows {
  opacity: 0;
}
.imageGallery.slider .gallerySlider:hover .splide__arrows {
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  opacity: 1;
}
.imageGallery.slider .gallerySlider .splide__slide {
  /*height: 70vh;*/
  /*max-height: 700px;*/
  max-width: 100vw;
  aspect-ratio: 16/9;
  /*            &:hover {
      .descriptionWrapper {
          opacity: 1;
          .description {
          }
      }
  }*/
}
.imageGallery.slider .gallerySlider .splide__slide > a {
  cursor: zoom-in;
  position: absolute;
  inset: 0;
}
.imageGallery.slider .gallerySlider .splide__slide img {
  object-fit: scale-down;
  object-fit: cover;
  object-position: 50% 13%;
  height: 100%;
  width: 100%;
}
.imageGallery.slider .gallerySlider .splide__slide .descriptionWrapper {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  z-index: 2;
  color: black;
  max-width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  /*                opacity: 0;
      transition: $transitionQuint;*/
}
.imageGallery.slider .gallerySlider .splide__slide .descriptionWrapper .description {
  font-size: 0.9rem;
  padding: 2rem;
  display: inline-block;
}
.imageGallery.slider .gallerySlider .splide__slide .descriptionWrapper .description > :last-child {
  margin-bottom: 0;
}
.imageGallery.slider .gallerySlider,
.imageGallery.slider .gallerySliderNav {
  padding-top: 1rem;
}
.imageGallery.slider .gallerySliderNav .splide__slide {
  /*opacity: 0.8;*/
  border: 2px solid white;
  /*            .bgImgWrapper {
      position: relative;
      @include aspectRatioBox(4 3);
      opacity: 0.9;

      div.bgImg {
      }
  }

  img {
      opacity: 0.8;
  }*/
}
.imageGallery.slider .gallerySliderNav .splide__slide.is-active {
  border: 2px solid #007B8B;
}
.imageGallery.slider .gallerySliderNav .splide__slide:before {
  content: " ";
  background-color: #F7F7F7;
  position: absolute;
  inset: 0;
  z-index: -1;
}
.imageGallery.slider .gallerySliderNav .splide__slide:after {
  content: " ";
  position: absolute;
  inset: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.1);
  pointer-events: none;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, padding 0s linear, margin 0s linear;
}
.imageGallery.slider .gallerySliderNav .splide__slide:focus:focus-visible {
  /*opacity: 1;*/
  /*                img,
  .bgImgWrapper {
      opacity: 1;
  }*/
}
.imageGallery.slider .gallerySliderNav .splide__slide:focus:focus-visible:after {
  background-color: rgba(255, 255, 255, 0);
}
.imageGallery.slider .gallerySliderNav .splide__slide:hover {
  /*opacity: 1;*/
  /*                img,
  .bgImgWrapper {
      opacity: 1;
  }*/
}
.imageGallery.slider .gallerySliderNav .splide__slide:hover:after {
  background-color: rgba(255, 255, 255, 0);
}

.fancybox-caption {
  display: none !important;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Container Dev Page Styles */
/****************************************************************************************************/
/*$container_outline_colour: #ff6a00;
$container_outline_colour_hover: $primaryColour; // darken($container_outline_colour, 10%);

.containersPage {
    .bd {
        .container {
            border: 2px dotted $container_outline_colour;
            min-height: 4rem;
            padding-top: 1rem;
            padding-bottom: 1rem;
            margin-top: 0.2rem;
            margin-bottom: 0.2rem;

            &:hover {
                border-color: $container_outline_colour_hover;
                border-style: solid;
                background-color: #eee;

                .container {
                    background-color: white;

                    &:hover {
                        background-color: #eee;
                    }
                }

                &:before {
                    background-color: $container_outline_colour_hover;
                }

                &:after {
                    border-color: $container_outline_colour_hover;
                }
            }
            // label
            &:before {
                top: 0;
                left: 0;
                content: '.container';
                display: block;
                position: absolute;
                padding: 2px 5px;
                color: white;
                font-size: 14px;
                background-color: $container_outline_colour;
            }

            &:after {
                content: 'CONTENT';
            }
            // content
            &:after,
            .content {
                color: $greyLight;
                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, $greyXXLight, $greyXXLight 10px, lighten($greyXXLight, 2%) 10px, lighten($greyXXLight, 2%) 20px )
            }

            &.force {
                &:before {
                    content: '.container.force';
                }
            }

            &.full {
                &:before {
                    content: '.container.full';
                }

                &.force {
                    &:before {
                        content: '.container.full.force';
                    }
                }
            }

            &.edge {
                &:before {
                    content: '.container.edge';
                }

                &.force {
                    &:before {
                        content: '.container.edge.force';
                    }
                }
            }

            &.wide {
                &:before {
                    content: '.container.wide';
                }

                &.force {
                    &:before {
                        content: '.container.wide.force';
                    }
                }
            }

            &.narrow {
                &:before {
                    content: '.container.narrow';
                }

                &.force {
                    &:before {
                        content: '.container.narrow.force';
                    }
                }
            }
        }
    }
}*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Dev Page Styles */
/****************************************************************************************************/
/*$grid_outline_colour: darken(#00d0ff, 15%);
$grid_outline_colour_hover: $primaryColour; // darken($container_outline_colour, 10%);
$col_outline_colour: #00d0ff;

// Styles for testing grids:
.gridsPage {
    .bd {
        .grid {
            position: relative;
            padding: 2rem 0;
            border: 2px solid $grid_outline_colour;

            &:hover {
                border-color: darken($grid_outline_colour, 5%);
                border-style: solid;
                background-color: #eee;

                .col {
                    background-color: white;

                    &:hover {
                        background-color: #eee;
                    }
                }

                &:before {
                    background-color: $container_outline_colour_hover;
                }
            }

            &:before,
            .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: $grid_outline_colour;
            }

            .col {
                position: relative;
                min-height: 5rem;
                border: 2px dashed $col_outline_colour;
                text-align: center;

                &:before {
                    content: '.col';
                    background-color: $col_outline_colour;
                }

                &:hover {
                    border-color: darken($col_outline_colour, 5%);
                    border-style: solid;
                    background-color: #eee;

                    &:before {
                        background-color: darken($col_outline_colour, 5%);
                    }
                }
            }
        }
    }
}*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Big Block Quote styles (About Us page */
/****************************************************************************************************/
.bigBlockQuote {
  overflow: hidden;
  background-color: #707070;
  color: white;
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding: 2.4rem var(--site-padding) !important;
  position: relative;
  /* nick's quick and dirty solution to some slider resizing issues */
  /* reduce the font size on sictions with too much text. This is not programmatic - you need to add the class to the dev */
}
.bigBlockQuote.light {
  background-color: #E2E3E4;
}
.bigBlockQuote .cmsContent {
  color: inherit;
}
.bigBlockQuote blockquote {
  margin: 0;
  color: inherit;
  background-color: transparent;
  font-size: 1.8em;
}
@media (max-width: 767px) {
  .bigBlockQuote blockquote {
    font-size: 1.4rem;
  }
}
.bigBlockQuote .related.testimonialsWrapper {
  padding: 0 !important;
}
.bigBlockQuote p {
  color: inherit;
}
.bigBlockQuote p.testimonialSource {
  margin-top: 1rem;
}
.bigBlockQuote cite {
  font-size: 0.9rem;
}
.bigBlockQuote .forceRight {
  /*            position: relative;
  left: 50%;
  top: 0;
  margin-top: -2rem;*/
}
.bigBlockQuote .forceRight h2 {
  color: #007B8B;
  font-size: 3rem;
  margin-top: 0;
  width: 50%;
  /*word-spacing: 100vw;*/
}
@media (max-width: 767px) {
  .bigBlockQuote .forceRight h2 {
    width: 60%;
  }
}
.bigBlockQuote:not(.meetTheTeam) .backstretch,
.bigBlockQuote:not(.meetTheTeam) .backstretch-item {
  min-height: 100% !important;
}
.bigBlockQuote:not(.meetTheTeam) .backstretch img,
.bigBlockQuote:not(.meetTheTeam) .backstretch-item img {
  min-height: 100% !important;
  min-height: 100% !important;
  position: relative !important;
  object-fit: cover;
  min-width: 100% !important;
  /* width: 100%!important; */
  /* height: 100%!important; */
  inset: initial !important;
}
.bigBlockQuote.longQuote blockquote {
  font-size: 1.6em;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Section - Join Us */
/****************************************************************************************************/
.joinUsSection hr {
  width: 3.5rem;
  display: block;
  margin: 1.6rem auto;
}
.joinUsSection h2 {
  font-size: 2.2rem;
}
.joinUsSection p {
  font-family: "classico-urw", serif;
  font-weight: 500;
  font-size: 1.4rem;
}
.joinUsSection .button, .joinUsSection nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .joinUsSection a.button {
  margin-top: 2rem;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Page - Home Page */
/****************************************************************************************************/
.homePage .homeSlideshow .splide__pagination {
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 1025px) {
  .homePage .homeSlideshow .splide__pagination {
    margin-top: -2rem;
  }
}
@media (max-width: 767px) {
  .homePage .homeSlideshow .splide__pagination {
    transform: scale(0.7) translateX(-50%) translateY(-70%);
    transform-origin: 0% 50%;
  }
}
.homePage .homeSlideshow .splide__pagination .splide__pagination__page {
  opacity: 1;
  background-color: transparent !important;
  border-radius: 0;
  width: 1.4rem;
  height: 2rem;
  position: relative;
  overflow: hidden;
}
.homePage .homeSlideshow .splide__pagination .splide__pagination__page:before, .homePage .homeSlideshow .splide__pagination .splide__pagination__page:after {
  content: " ";
  position: absolute;
  inset: auto;
  top: 0;
  left: 50%;
  width: 1px;
  height: 2rem;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
  background-color: white;
  z-index: 10;
}
.homePage .homeSlideshow .splide__pagination .splide__pagination__page:after {
  transform: translateX(-50%) translateY(-100%);
  z-index: 11;
  background-color: #BB0000;
  transition-timing-function: linear;
}
.homePage .homeSlideshow .splide__pagination .splide__pagination__page.is-active:after {
  transform: translateX(-50%) translateY(0%);
  transition-duration: 6000ms;
}
@media (max-width: 767px) {
  .homePage .homeSlideshow .splide__pagination .splide__pagination__page {
    height: 1.5rem;
  }
  .homePage .homeSlideshow .splide__pagination .splide__pagination__page:after {
    height: 1.5rem;
  }
}
.homePage .homeSlideshow .splide__slide {
  min-height: 10rem;
  aspect-ratio: 16/6;
  background-color: #555555;
}
@media (max-width: 1574px) {
  .homePage .homeSlideshow .splide__slide {
    aspect-ratio: 16/7;
  }
}
@media (max-width: 1024px) {
  .homePage .homeSlideshow .splide__slide {
    aspect-ratio: 16/8;
  }
}
.homePage .homeSlideshow .splide__slide h1 {
  opacity: 0;
  margin: 0;
  color: white !important;
  /*font-size: 2.5rem;*/
  min-width: 250px;
}
.homePage .homeSlideshow .splide__slide h1 {
  font-size: 14px;
}
@media screen and (min-width: 325px) {
  .homePage .homeSlideshow .splide__slide h1 {
    font-size: calc(14px + 36 * (100vw - 325px) / 1595);
  }
}
@media screen and (min-width: 1920px) {
  .homePage .homeSlideshow .splide__slide h1 {
    font-size: 50px;
  }
}
@media (min-width: 1025px) {
  .homePage .homeSlideshow .splide__slide h1 {
    margin-bottom: 4rem;
  }
}
@media (max-width: 767px) {
  .homePage .homeSlideshow .splide__slide h1 {
    font-size: 16px !important;
  }
}
@media (max-width: 500px) {
  .homePage .homeSlideshow .splide__slide h1 {
    font-size: 14px !important;
  }
}
.homePage .homeSlideshow .splide__slide h1 .line {
  overflow: hidden;
  display: block;
  line-height: 1.3;
}
.homePage .homeSlideshow .splide__slide h1 .line .lineInner {
  opacity: 0;
  display: block;
  transform: translateY(100%);
  line-height: inherit;
  line-height: 1.3;
}
.homePage .homeSlideshow .splide__slide.is-active h1 {
  opacity: 1;
}
.homePage .homeSlideshow .splide__slide.is-active h1 .line .lineInner {
  opacity: 1;
  transform: translateY(0%);
  transition-duration: 700ms;
}
.homePage .homeSlideshow .splide__slide.is-active h1 .line:nth-of-type(1) .lineInner {
  transition-delay: 100ms;
}
.homePage .homeSlideshow .splide__slide.is-active h1 .line:nth-of-type(2) .lineInner {
  transition-delay: 200ms;
}
.homePage .homeSlideshow .splide__slide.is-active h1 .line:nth-of-type(3) .lineInner {
  transition-delay: 300ms;
}
.homePage .homeSlideshow .splide__slide.is-active h1 .line:nth-of-type(4) .lineInner {
  transition-delay: 400ms;
}
.homePage .homeSlideshow .splide__slide.is-active h1 .line:nth-of-type(5) .lineInner {
  transition-delay: 500ms;
}
.homePage .homeSlideshow .splide__slide .coverImg {
  display: block !important;
  /*                &:before {
      content: ' ';
      inset: 0;
      position: absolute;
      background-color: rgba(white, 0.1);
      z-index: 10;
      //mix-blend-mode: difference;
  }*/
}
.homePage .searchBox.searchHome {
  width: 100%;
  max-width: 100%;
  position: relative;
}
.homePage .searchBox.searchHome .keywordSearchWrapper {
  /*max-width: calc(100vw - 4rem);*/
  position: relative;
  margin: 0;
  margin-top: 3rem;
  width: 30rem;
  max-width: calc(100vw - 4rem);
  left: 50%;
  transform: translateX(-50%);
}
.homePage .searchBox.searchHome .keywordSearchWrapper .k-autocomplete {
  box-shadow: none !important;
  border-radius: 0;
  border: none !important;
  border-bottom: 1px solid white !important;
}
.homePage .searchBox.searchHome .keywordSearchWrapper input[type=search] {
  background-color: transparent;
  background-image: none;
}
.homePage .searchBox.searchHome .keywordSearchWrapper input[type=search] + .textFieldUnderline {
  display: none !important;
  /*background-image: linear-gradient(to right, white, #A3A3A3 50%, transparent 50%, transparent 75%);*/
}
.homePage .searchBox.searchHome .keywordSearchWrapper .button, .homePage .searchBox.searchHome .keywordSearchWrapper nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .homePage .searchBox.searchHome .keywordSearchWrapper a.button {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 1px;
  border: none !important;
  background: none;
  margin: 0;
  z-index: 10;
  border-radius: 0;
}
.homePage .searchBox.searchHome .keywordSearchWrapper .button:focus:focus-visible {
  /*background-color: rgba(white, 0.2);*/
  background-color: #007B8B;
}
.homePage .searchBox.searchHome .keywordSearchWrapper .button:hover {
  /*background-color: rgba(white, 0.2);*/
  background-color: #007B8B;
}
@media (min-width: 768px) {
  .homePage .searchBox.searchHome {
    margin-top: -9rem;
    position: absolute;
  }
  .homePage .searchBox.searchHome input[type=search] {
    color: white !important;
    font-size: 1rem;
  }
  .homePage .searchBox.searchHome input[type=search]::placeholder {
    color: inherit;
    font-weight: 100;
  }
  .homePage .searchBox.searchHome .k-widget {
    border-bottom: 1px solid white !important;
  }
  .homePage .searchBox.searchHome .keywordSearchWrapper {
    margin-top: 0;
  }
  .homePage .searchBox.searchHome .keywordSearchWrapper .button:focus {
    outline-color: white;
    outline-offset: -2px;
  }
  .homePage .searchBox.searchHome .keywordSearchWrapper .button .icon.search:before {
    background-image: url(/CFImages/Icons/search-white.svg);
  }
}

/* Lawyer Search (FindASearch) */
.findASearch {
  margin: 0 auto 9em;
  text-align: center;
  width: 28rem;
  max-width: calc(100vw - 6rem);
}
.findASearch input[type=text] {
  color: #707070;
  width: 100%;
  height: 3.15rem;
  max-width: 100%;
  padding: 0.2rem 1rem;
  padding-right: 3rem;
  text-overflow: ellipsis;
  background-color: white;
  font-size: 1.2rem;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  background-image: url(/CFImages/Icons/search.svg);
  /*background-image: url(/CFImages/Icons/search-white.svg);*/
  background-repeat: no-repeat;
  background-position: center right 1rem;
  background-color: transparent;
  outline-offset: -2px;
  border: none;
  padding-left: 0;
  box-sizing: border-box;
  height: 3.4rem;
}
@media (max-width: 767px) {
  .findASearch input[type=text] {
    font-size: 0.9rem;
  }
}
.findASearch input[type=text]:focus {
  outline: none !important;
}
.findASearch .k-widget {
  background-color: transparent;
  /* the animated underline */
}
.findASearch .k-widget + .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, #BB0000, #BB0000 50%, transparent 50%, transparent 75%);*/
  background-image: linear-gradient(to right, #A3A3A3, #A3A3A3 50%, transparent 50%, transparent 75%);
  position: relative;
  z-index: 10;
}
.findASearch .k-widget:focus, .findASearch .k-widget:active, .findASearch .k-widget:hover, .findASearch .k-widget.k-state-focused {
  outline: none !important;
  /*border-bottom: 2px solid $red;*/
}
.findASearch .k-widget:focus + .textFieldUnderline, .findASearch .k-widget:active + .textFieldUnderline, .findASearch .k-widget:hover + .textFieldUnderline, .findASearch .k-widget.k-state-focused + .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;
}
.findASearch .k-widget.k-autocomplete {
  width: 100%;
  color: #707070;
  border: none;
  border-bottom: 1px solid #E2E3E4;
  box-shadow: none;
}
.findASearch #findALawyerDropdownContainer .k-list .k-item:first-of-type {
  display: none !important;
}
.findAnything fieldset {
  border: none;
  padding: 0;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Page - Alumni */
/****************************************************************************************************/
.AlumniGridWrapper {
  /* megaphone */
}
.AlumniGridWrapper .listView.teammembers > li {
  flex-basis: 100%;
  margin-bottom: 2rem;
}
.AlumniGridWrapper .listView.teammembers > li .teammember.cardView {
  border-top: none;
  padding-top: 0;
}
.AlumniGridWrapper .grid.tall {
  height: 80%;
}
.AlumniGridWrapper .transparencyWrapper {
  background-color: rgba(0, 123, 139, 0.1);
  padding: 3rem;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, padding 0s linear, margin 0s linear;
}
.AlumniGridWrapper .transparencyWrapper h3 {
  font-size: 2rem;
  color: #007B8B;
}
.AlumniGridWrapper .transparencyWrapper p {
  font-style: normal;
  font-family: "classico-urw", serif;
  font-weight: 500;
  /*font-family: 'Sinhala MN';*/
  line-height: 1.2;
  font-size: 1.2rem;
  color: #707070;
}
.AlumniGridWrapper .transparencyWrapper:hover, .AlumniGridWrapper .transparencyWrapper:focus, .AlumniGridWrapper .transparencyWrapper:focus-within {
  background-color: rgba(0, 33, 37, 0.1);
}
.AlumniGridWrapper .clickable .cmsContent h2 a, .AlumniGridWrapper .clickable .cmsContent h3 a {
  text-decoration: none !important;
}
.AlumniGridWrapper .megaphone {
  shape-outside: polygon(8% 71%, 83% 0, 95% 83%, 9% 94%);
  float: right !important;
  margin-right: -2.6rem;
  margin-top: 1rem;
  filter: drop-shadow(7px 10px 6px rgba(0, 0, 0, 0.2));
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Page - About Us*/
/****************************************************************************************************/
/*.aboutUsPage {
    .bigBlockQuote {
        .testimonial.cardView {
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-height: 34rem;

            blockquote {
                font-size: 2.2rem;
            }
        }
    }
}*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Page - Careers (and child pages) */
/****************************************************************************************************/
.bgImgGradientGrid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.bgImgGradientGrid > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  vertical-align: top;
  /*width: calc((1 / 2) * 100%);*/
  flex-basis: calc(1 / 2 * 100%);
}
.bgImgGradientGrid .content {
  padding: 6rem 0;
  position: relative;
  z-index: 10;
  width: 30%;
  width: 36rem;
  flex: 0 1 auto;
}
.bgImgGradientGrid .image {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
}
.bgImgGradientGrid .image:after {
  content: " ";
  position: absolute;
  inset: 0;
  /*background-image: linear-gradient(to right, scrim-gradient($greyXXLight));*/
  background-image: linear-gradient(to right, #e2e3e4, #e2e3e4 50%, rgba(226, 227, 228, 0));
  z-index: 1;
  pointer-events: none;
  width: 100vw;
  left: -50vw;
}

/* styles for the /Lists/OpportunitiesList.cshtml template */
.opportunitiesList ul.opportunities li {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  border-bottom: 1px solid #E2E3E4;
  align-items: center;
  padding: 1rem 0;
}
.opportunitiesList ul.opportunities li .title {
  flex: 1 1 auto;
  margin: 0;
}
@media (max-width: 767px) {
  .opportunitiesList ul.opportunities li .title {
    font-size: 1.2rem;
  }
}
.opportunitiesList ul.opportunities li .content {
  flex: 0 0 auto;
}
.opportunitiesList ul.opportunities li .content > :last-child {
  margin-bottom: 0;
}
.opportunitiesList ul.opportunities li .apply {
  padding-left: 1rem;
}
.opportunitiesList ul.opportunities li .apply .button, .opportunitiesList ul.opportunities nav.mainNavWrapper ul.mainNav li.rootMenuItem .apply .megaContainer li a.button, nav.mainNavWrapper ul.mainNav .opportunitiesList ul.opportunities li.rootMenuItem .apply .megaContainer li a.button, .opportunitiesList ul.opportunities nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .apply a.button, nav.mainNavWrapper ul.mainNav .opportunitiesList ul.opportunities li.rootMenuItem .megaContainer li .apply a.button {
  margin: 0;
}

.listView.opportunitys {
  display: grid;
  gap: 0;
  grid-template-columns: 1fr;
}

.cardView.opportunity {
  border-bottom: 1px solid #E2E3E4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}
.cardView.opportunity h3 {
  margin: 0;
}
.cardView.opportunity .button.apply, .cardView.opportunity nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.apply.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .cardView.opportunity a.apply.button {
  margin: 0;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region PDF Generation (Printable Bios) */
/****************************************************************************************************/
#printModal_background {
  background: none !important;
}

#printModal {
  width: 36rem;
  background-color: white;
  padding: 4rem;
  padding-top: 3rem;
  border: 1px solid #E2E3E4;
}
#printModal .printModal {
  /*        display: flex;
  flex-direction: column;
  align-items: flex-start;*/
}
#printModal .top p {
  font-style: italic;
}
#printModal .bottom {
  margin: 1.4rem 0 1.1rem;
}
#printModal .bottom .options ul li {
  display: flex;
  align-items: center;
  margin-bottom: 0.4em;
}
#printModal .label {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  letter-spacing: 0.25em;
  font-size: 0.7rem;
  color: #BB0000;
  margin-top: 0;
}
#printModal h3 {
  color: #007B8B;
  margin-top: 0;
  margin-bottom: 0.6rem;
}
#printModal .button.close {
  inset: initial;
  top: 2.6rem;
  right: 2.6rem;
  margin: 0;
}
#printModal button[type=submit] {
  font-weight: 400;
  margin-left: auto;
  padding: 0.8em 2em 0.8em 1.6em;
}
#printModal button[type=submit] .icon, #printModal button[type=submit] svg {
  margin-right: 1rem;
  font-size: 1.5rem;
  /*            filter: grayscale(0) brightness(1);
  transition: $transitionQuint;*/
}
#printModal button[type=submit] .fa-file-download {
  display: none;
}
#printModal button[type=submit]:focus, #printModal button[type=submit]:hover {
  /*.icon {*/
  /*filter: grayscale(1) brightness(200);*/
  /*animation: fadeToGreyscaleWhite;
      animation-duration: 200ms;
      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      animation-fill-mode: forwards;
  }*/
}
#printModal button[type=submit]:focus .fa-file-pdf, #printModal button[type=submit]:hover .fa-file-pdf {
  display: none;
}
#printModal button[type=submit]:focus .fa-file-download, #printModal button[type=submit]:hover .fa-file-download {
  display: inline-block;
}

@keyframes fadeToGreyscaleWhite {
  0% {
    filter: grayscale(0) brightness(1);
  }
  1% {
    filter: grayscale(1) brightness(1);
  }
  100% {
    filter: grayscale(1) brightness(200);
  }
}
html.popup_visible_printModal #wrapper > main {
  filter: blur(5px);
}

/****************************************************************************************************/
/* #region PDF Generation (Printable Bios) */
/****************************************************************************************************/
.consent-container {
  right: 2rem !important;
  bottom: 2rem !important;
  border: 1px solid #E2E3E4 !important;
  color: black !important;
  background-color: #E2E3E4 !important;
}
.consent-container .consent-accept-container,
.consent-container .consent-reject-container {
  padding-bottom: 0;
  margin-bottom: 0;
}
.consent-container .consent-description {
  color: inherit;
}
.consent-container .consent-description a {
  color: #007B8B;
}
.consent-container .consent-button {
  background-color: #007B8B;
}
.consent-container .consent-button:focus, .consent-container .consent-button:hover {
  text-decoration: none;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region PDF Generation (Printable Bios) */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
.listView.featuredcontentitems {
  display: grid;
  grid-template-columns: 1fr;
}

.cardView.featuredcontentitem {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  padding: 1rem 0;
  padding-left: 1rem;
  flex-wrap: nowrap;
  align-items: center;
}
.cardView.featuredcontentitem.clickable {
  position: relative;
}
.cardView.featuredcontentitem.clickable:before {
  inset: 0;
}
.cardView.featuredcontentitem .itemImage {
  width: 10rem;
  height: 10rem;
  flex: 1 0 auto;
  grid-column: 1;
  display: flex;
}
.cardView.featuredcontentitem .itemImage img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.cardView.featuredcontentitem .itemContent {
  grid-column: 2;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .cardView.featuredcontentitem {
    flex-wrap: wrap;
  }
  .cardView.featuredcontentitem .itemImage {
    display: flex;
    height: auto;
    justify-content: center;
  }
  .cardView.featuredcontentitem .itemImage .imgWrapper {
    width: 10rem;
    height: auto;
    max-width: 100%;
  }
}

/* sponsorship card */
.cardView.featuredcontentitem.sponsorship {
  padding: 1rem;
}
.cardView.featuredcontentitem.sponsorship > a {
  mix-blend-mode: multiply;
  position: relative;
}
.cardView.featuredcontentitem.sponsorship .itemImage {
  width: 100%;
  height: 12rem;
  max-width: 100%;
  aspect-ratio: 1/1;
  position: relative;
}
.cardView.featuredcontentitem.sponsorship .itemImage picture {
  position: absolute;
  inset: 0;
}
.cardView.featuredcontentitem.sponsorship .itemImage img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  position: absolute;
}

.splide.featuredcontentitemsWrapper {
  /* JT Fix for Iphone slider */
  margin: 0 -1rem;
}
.splide.featuredcontentitemsWrapper .cardView.featuredcontentitem.sponsorship {
  height: 12rem;
  padding: 1rem;
}
.splide.featuredcontentitemsWrapper .cardView.featuredcontentitem.sponsorship .itemImage {
  width: 100%;
  height: initial;
  max-width: 100%;
  aspect-ratio: initial;
  position: relative;
  padding: 0;
}
.splide.featuredcontentitemsWrapper .cardView.featuredcontentitem.sponsorship .itemImage picture {
  position: relative;
}
.splide.featuredcontentitemsWrapper .cardView.featuredcontentitem.sponsorship .itemImage img {
  width: 10rem !important;
  height: 100%;
  object-fit: contain;
  object-position: center;
  position: initial;
}
.splide.featuredcontentitemsWrapper .splide__arrows {
  position: absolute;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  top: calc(100% + 1rem);
  /*top: calc(100%);*/
  /*top: auto;*/
  bottom: auto;
  display: flex;
}
.splide.featuredcontentitemsWrapper .splide__arrows .splide__arrow {
  color: #BB0000;
  position: relative;
  inset: initial;
}
.splide.featuredcontentitemsWrapper .splide__arrows .splide__arrow.splide__arrow--prev {
  left: 0;
}
.splide.featuredcontentitemsWrapper .splide__arrows .splide__arrow.splide__arrow--next {
  right: 0;
}
.splide.featuredcontentitemsWrapper .splide__slide {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region CTA / Subscribe Section */
/****************************************************************************************************/
@media (max-width: 1024px) {
  .subscribeGrid .col {
    align-items: center !important;
    justify-content: center !important;
  }
  .subscribeGrid .cmsContent {
    text-align: center !important;
  }
  .subscribeGrid .cmsContent p {
    text-align: center !important;
  }
  .subscribeGrid .button, .subscribeGrid nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button, nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li .subscribeGrid a.button {
    margin-top: 2rem !important;
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Additive CSS animations (fade-in) */
/****************************************************************************************************/
.preFadeIn {
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.86, 0, 0.07, 1);
  transition-duration: 0ms;
}
.preFadeIn.fadeIn {
  opacity: 1;
  transition-duration: 500ms;
}
@media (max-width: 767px) {
  .preFadeIn {
    opacity: 1;
    transition-duration: 0;
  }
}

.cardView.preFadeIn {
  visibility: hidden;
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.86, 0, 0.07, 1);
  transition-duration: 500ms;
}
.cardView.preFadeIn.fadeIn {
  visibility: visible;
  opacity: 1;
}

.splide__slide .cardView {
  visibility: visible !important;
  opacity: 1 !important;
}

.sideTitleWrapper .sideTitle {
  opacity: 0;
  transition: opacity;
}
.sideTitleWrapper .sideTitle:before {
  transition-delay: 300ms;
  transition-duration: 500ms;
  background-image: linear-gradient(to top, #E2E3E4, #E2E3E4 50%, transparent 50%, transparent 100%);
  background-size: 100% 200%;
  background-position: 0% 0% !important;
}
.sideTitleWrapper .sideTitle.animate:before {
  background-position: 0% 100% !important;
}
.sideTitleWrapper .sideTitle.fadeIn {
  opacity: 1;
  transition-duration: 500ms;
}
@media (max-width: 767px) {
  .sideTitleWrapper .sideTitle {
    opacity: 1;
    transition-duration: 0;
  }
}
.sideTitleWrapper .cardView {
  opacity: 0;
  transition-delay: 200ms;
}
@media (max-width: 767px) {
  .sideTitleWrapper .cardView {
    opacity: 1;
    transition-delay: 0ms;
  }
}
.sideTitleWrapper.preFadeIn .splide__arrows {
  opacity: 0;
  transition-duration: 500ms;
}
.sideTitleWrapper.preFadeIn.fadeIn .splide__arrows {
  opacity: 1;
}

.viewAllMoreWrapper {
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.86, 0, 0.07, 1);
  transition-duration: 500ms;
  transition-delay: 200ms;
}
.viewAllMoreWrapper.fadeIn {
  opacity: 1;
}

.filteredContent.teammembers .cardView.teammember {
  transition-delay: 0ms !important;
}

#footer .footerCopyrightGrid {
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.86, 0, 0.07, 1);
  transition-duration: 500ms;
}
#footer .footerCopyrightGrid .cmsContent {
  opacity: 1;
}
#footer .footerCopyrightGrid .cmsContent .preFadeIn {
  opacity: 1;
}
body.scrolledToBottom #footer .footerCopyrightGrid {
  opacity: 1;
}
body.scrolledToBottom #footer .footerCopyrightGrid .preFadeIn {
  opacity: 1;
}

/* #endregion */
/****************************************************************************************************/
.videoWidget video {
  max-width: 100%;
  height: auto;
}

/****************************************************************************************************/
/* #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: white;
}
.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 #A3A3A3;
  outline-offset: 0;
}
.k-menu:not(.k-context-menu):focus:focus-visible > .k-item.k-state-focused {
  outline: 2px solid #156961;
  box-shadow: none;
}

/****************************************************************************************************/
/* #region Main Menu (CF Default) */
/****************************************************************************************************/
/* CF Default Menu */
nav.mainNavWrapper {
  width: 35rem;
}
nav.mainNavWrapper a {
  text-decoration: none;
  color: #555555;
  display: block;
}
nav.mainNavWrapper a:hover {
  color: #BB0000;
}
nav.mainNavWrapper ul.mainNav {
  display: flex;
  flex-wrap: nowrap;
  z-index: 2;
  margin-top: 0.5rem;
  justify-content: space-between;
  gap: 2rem;
  /* selected states (CFAdded selected or childSelected classes) */
  /*.k-group .k-item.childSelected {

  }*/
}
@media (max-width: 1299px) {
  nav.mainNavWrapper ul.mainNav {
    gap: 1rem;
  }
}
nav.mainNavWrapper ul.mainNav li.rootMenuItem {
  border: none;
  background: none;
  text-align: left;
  position: static;
  /* hover state */
}
nav.mainNavWrapper ul.mainNav li.rootMenuItem:after {
  content: " ";
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  height: 0;
}
nav.mainNavWrapper ul.mainNav li.rootMenuItem:hover:after {
  height: 2rem;
}
nav.mainNavWrapper ul.mainNav li.rootMenuItem:focus, nav.mainNavWrapper ul.mainNav li.rootMenuItem:active {
  outline: none !important;
  box-shadow: none !important;
}
nav.mainNavWrapper ul.mainNav li.rootMenuItem > a {
  color: #555555;
  padding: 0.8rem 0 0 0;
  font-size: 1.1rem;
  font-weight: 300;
  border: none;
  background: none;
  transform: translateY(0);
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, margin 0s linear;
  font-family: "Roboto", sans-serif;
  /* The down icons */
  /* underline */
}
nav.mainNavWrapper ul.mainNav li.rootMenuItem > a .k-icon {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0;
  margin-left: 0.6rem;
  /* temporarily disabled expand icons to match design */
  display: none !important;
}
nav.mainNavWrapper ul.mainNav li.rootMenuItem > a .k-icon .k-icon:before {
  color: #fff;
}
nav.mainNavWrapper ul.mainNav li.rootMenuItem > a.k-state-active {
  color: #007B8B;
}
nav.mainNavWrapper ul.mainNav li.rootMenuItem > a:after {
  width: 100%;
  height: 2px;
  left: 50%;
  bottom: 0;
  opacity: 0;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  background-color: #BB0000;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, margin 0s linear;
  /*transition-duration: 300ms;*/
}
nav.mainNavWrapper ul.mainNav li.rootMenuItem.contactPage {
  display: none !important;
}
nav.mainNavWrapper ul.mainNav li.rootMenuItem.k-state-hover > a, nav.mainNavWrapper ul.mainNav li.rootMenuItem:hover > a {
  color: #007B8B;
  /*transform: translateY(-0.6em);*/
  padding: 0 0 0.5rem 0;
  background: none;
}
nav.mainNavWrapper ul.mainNav li.rootMenuItem.k-state-hover > a:after, nav.mainNavWrapper ul.mainNav li.rootMenuItem:hover > a:after {
  opacity: 1;
}
nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer {
  margin-top: 2rem !important;
  /*                &:before {

  }*/
}
nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:focus:focus-visible:after {
  display: none !important;
}
nav.mainNavWrapper ul.mainNav li.rootMenuItem .megaContainer li a.button:hover:after {
  display: none !important;
}
nav.mainNavWrapper ul.mainNav .rootMenuItem.selected > a,
nav.mainNavWrapper ul.mainNav .rootMenuItem.childSelected > a {
  color: #007B8B;
  /*transform: translateY(-0.6em);*/
}
nav.mainNavWrapper ul.mainNav .k-item {
  box-shadow: none;
}
nav.mainNavWrapper ul.mainNav .k-item .k-link {
  background: none;
}
nav.mainNavWrapper ul.mainNav .k-item .k-link:hover {
  background: none;
}
nav.mainNavWrapper ul.mainNav .k-item.k-state-focused {
  box-shadow: none;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Hamburger */
/****************************************************************************************************/
.hamburger {
  font: inherit;
  color: inherit;
  border: 0;
  top: 3.5rem;
  /*top: calc(var(--header-height) / 2);*/
  /*transform: translateY(-50%);*/
  right: 2rem;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  overflow: visible;
  cursor: pointer;
  text-transform: none;
  background-color: transparent;
  transition-duration: 0.15s;
  transition-property: opacity, filter;
  transition-timing-function: linear;
  width: 2rem;
  height: 2rem;
  /*transition: $transition;*/
  transition: top 0.1s 0.1s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.1s 0.1s cubic-bezier(0.86, 0, 0.07, 1), transform 0.1s 0s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-user-select: none !important;
          user-select: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media (max-width: 1024px) {
  .hamburger {
    top: 2rem;
  }
}
.hamburger * {
  transition: inherit;
  -webkit-user-select: none !important;
          user-select: none !important;
  -webkit-tap-highlight-color: transparent;
}
.hamburger .lines {
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  display: block;
  position: absolute;
}
.hamburger .lines .line {
  height: 1px;
  width: 2rem;
  display: block;
  background-color: black;
  position: absolute;
  transform: rotate(0deg);
}
.hamburger .lines .line:nth-child(1) {
  top: 20%;
}
.hamburger .lines .line:nth-child(2) {
  top: 40%;
}
.hamburger .lines .line:nth-child(3) {
  top: 60%;
}
.hamburger .lines .line:nth-child(4) {
  top: 80%;
}
.hamburger .lines .line.short {
  width: 1.6rem;
}
.hamburger:focus, .hamburger:hover {
  background-color: white;
}
.hamburger:active {
  background-color: white;
}
.hamburger.open {
  transition: top 0.1s 0s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.1s 0s cubic-bezier(0.86, 0, 0.07, 1), transform 0.1s 0.1s cubic-bezier(0.86, 0, 0.07, 1);
}
.hamburger.open .lines .line {
  top: 50%;
  width: 2rem;
}
.hamburger.open .lines .line.short {
  opacity: 0;
}
.hamburger.open .lines .line:nth-child(2) {
  transform: rotate(45deg);
}
.hamburger.open .lines .line:nth-child(4) {
  transform: rotate(-45deg);
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Mobile Menu */
/****************************************************************************************************/
/* sometimes a duplicate of the header, sometimes just a container for the mobile nav */
.mobileHeader {
  position: fixed;
  z-index: 1000;
}
/* tweak other elements when the mobile nav is open */
body.withNavOpen {
  padding-right: var(--scrollbar-width);
}
body.withNavOpen #header {
  top: 0;
  left: 0;
  right: 0;
  bottom: initial;
  position: fixed;
}

/* the mobile nav menu */
nav.mobileNav {
  top: 0;
  top: var(--header-height);
  right: 0;
  width: 40rem;
  max-width: 100%;
  height: 100%;
  height: calc(100% - var(--header-height));
  position: fixed;
  overflow-x: hidden;
  overflow-y: scroll;
  min-height: 100vh;
  transform: translateX(100%);
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear, visibility linear 0s;
  visibility: hidden;
  background-color: white;
  border-left: 1px solid #E2E3E4;
}
nav.mobileNav .mobileNavInner {
  padding: 0;
}
nav.mobileNav.open {
  transform: translateX(0%);
  visibility: visible;
}
nav.mobileNav .k-treeview {
  color: white;
  height: 100%;
}
nav.mobileNav .k-treeview .k-link {
  color: black;
}
nav.mobileNav .k-treeview .k-item {
  margin: 0;
  border-bottom: 1px solid #E2E3E4;
  border-color: rgba(226, 227, 228, 0.7);
  padding: 2rem 1.4rem;
  /* sub-menu */
}
nav.mobileNav .k-treeview .k-item > div > .k-icon {
  width: 3rem;
  height: 3rem;
  right: 1.2rem;
  background-color: transparent;
  border-radius: 999px;
}
nav.mobileNav .k-treeview .k-item > div > .k-icon:before {
  background-size: 1rem auto;
}
nav.mobileNav .k-treeview .k-item .k-group .k-item {
  margin-bottom: 0.6em;
}
nav.mobileNav .rootMenuItem {
  padding: 0 var(--site-padding);
}
nav.mobileNav .rootMenuItem > div[class*=k-] > a.k-in {
  font-size: 1.6rem;
}
nav.mobileNav .rootMenuItem > div[class*=k-] > a.k-in.k-focus {
  color: #007B8B;
}
nav.mobileNav .rootMenuItem > div[class*=k-] .k-icon {
  width: 2rem;
  height: 2rem;
}
nav.mobileNav .rootMenuItem > div[class*=k-] .k-icon:before {
  background-size: 1rem auto;
}
nav.mobileNav .rootMenuItem[data-expanded=true] {
  background-color: #fcfcfc;
}
nav.mobileNav .rootMenuItem[data-expanded=true] > div > .k-in {
  color: #007B8B;
}
nav.mobileNav .megaContainer .k-item {
  padding: 0;
  margin: 0;
  border-bottom: none !important;
}
nav.mobileNav .megaContainer ul.navUl {
  width: 100%;
  max-width: 100%;
  /*            > li {
      > div {
          a {
              color: $red;
              @include smallcaps;
          }
      }
  }*/
}
nav.mobileNav .megaContainer ul.navUl h3 {
  color: #BB0000;
  margin: 0 0 0.6em;
}
nav.mobileNav .megaContainer ul.navUl li {
  font-size: 1rem;
  margin-bottom: 0.2em;
}
nav.mobileNav .megaContainer ul.navUl li a:not(.button) {
  font: inherit;
  white-space: initial;
  text-decoration: none;
  color: black;
}
nav.mobileNav .megaContainer ul.navUl li a:not(.button):focus, nav.mobileNav .megaContainer ul.navUl li a:not(.button):hover {
  color: #004e58;
}
nav.mobileNav .megaContainer .industriesMenuItem {
  margin-top: 1.2rem;
}
nav.mobileNav .findAnything {
  width: 100%;
  margin: 1.2rem 0;
  /* hide the unused/empty k-in */
}
nav.mobileNav .findAnything + .k-in {
  display: none;
}
nav.mobileNav .findAnything .keywordSearchWrapper {
  border: 1px solid #E2E3E4;
  margin-bottom: 1.2rem;
}
nav.mobileNav .findAnything input[type=search] {
  border: none;
  padding-left: 1rem;
  /*            &:focus, &:hover {
      border: 1px solid $greyLight;
  }*/
}
nav.mobileNav .findAnything button.searchSubmit {
  width: 3rem;
}
nav.mobileNav .findAnything .textFieldUnderline {
  display: none;
}
nav.mobileNav .findAnything .k-dropdownlist {
  background-color: white;
}
nav.mobileNav .findAnything select {
  background-color: white;
}
nav.mobileNav .findAnything select option {
  background-color: white;
}
nav.mobileNav .findAnything .fieldGroups {
  flex-wrap: wrap;
}
nav.mobileNav .findAnything .fieldGroups fieldset[data-group=data-expertises-guids] {
  flex: 1 0 100%;
  width: 100%;
}
@media (max-width: 500px) {
  nav.mobileNav .findAnything .fieldGroups fieldset[data-group] {
    flex: 1 0 100%;
    width: 100%;
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Nav - Description List */
/****************************************************************************************************/
nav.descriptionList {
  margin: 5rem 0 4.5rem !important;
}
nav.descriptionList h2 {
  color: #BB0000;
  font-size: 1rem;
  font-family: "classico-urw", serif;
  margin-bottom: 2rem;
}
nav.descriptionList ul.menuItems.listView {
  margin-top: 4rem;
  display: grid;
  gap: 0 2rem;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}
nav.descriptionList ul.menuItems.listView li.menuItem {
  position: relative;
  margin-bottom: 2.4rem;
}
nav.descriptionList ul.menuItems.listView li.menuItem:before {
  content: " ";
  position: absolute;
  inset: -1rem;
  background-color: rgba(0, 123, 139, 0.1);
  z-index: 1;
  opacity: 0;
  display: block;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
nav.descriptionList ul.menuItems.listView li.menuItem > * {
  position: relative;
  z-index: 2;
}
nav.descriptionList ul.menuItems.listView li.menuItem.selected:before {
  opacity: 1;
  background-color: #F7F7F7;
}
nav.descriptionList ul.menuItems.listView li.menuItem.selected:hover:before, nav.descriptionList ul.menuItems.listView li.menuItem.selected:focus:before, nav.descriptionList ul.menuItems.listView li.menuItem.selected:focus-within:before {
  background-color: #E5F1F3;
}
nav.descriptionList ul.menuItems.listView li.menuItem.selected h3:after {
  background-color: #007B8B !important;
}
nav.descriptionList ul.menuItems.listView li.menuItem:hover:before {
  opacity: 1;
}
nav.descriptionList ul.menuItems.listView li.menuItem .navItemInner {
  /*padding: 1rem;*/
  position: relative;
  z-index: 9;
}
nav.descriptionList ul.menuItems.listView li.menuItem .navItemInner .bgImgWrapper {
  /*@include aspectRatioBox(1 1, ".bgImg");*/
  aspect-ratio: 1/1;
}
nav.descriptionList ul.menuItems.listView li.menuItem .navItemInner a {
  text-decoration: none;
  color: inherit;
  display: block;
}
nav.descriptionList ul.menuItems.listView li.menuItem .navItemInner h3 {
  margin: 0;
  position: relative;
  padding-bottom: 1.5rem;
  color: #707070;
  min-height: 3rem;
}
nav.descriptionList ul.menuItems.listView li.menuItem .navItemInner h3:after {
  content: " ";
  position: absolute;
  background-color: #BB0000;
  height: 1px;
  /*width: calc(50% - 1.5rem);*/
  width: 4rem;
  left: 0;
  bottom: 0;
}

nav.thumbnailList ul.menuItems {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}
nav.thumbnailList ul.menuItems li.menuItem {
  margin: 0;
}
nav.thumbnailList ul.menuItems li.menuItem:hover .navItemInner {
  /*padding: 2px;*/
  text-align: center;
}
nav.thumbnailList ul.menuItems li.menuItem:hover .navItemInner .bgImgWrapper .bgImg {
  transform: scale(1.1);
}
nav.thumbnailList ul.menuItems li.menuItem .navItemInner {
  padding: 2px;
  text-align: center;
}
nav.thumbnailList ul.menuItems li.menuItem .navItemInner .bgImgWrapper {
  /*@include aspectRatioBox(1 1, ".bgImg");*/
  aspect-ratio: 1/1;
}
nav.thumbnailList ul.menuItems li.menuItem .navItemInner .bgImgWrapper .bgImg {
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
nav.thumbnailList ul.menuItems li.menuItem .navItemInner a {
  text-decoration: none;
  color: inherit;
  display: block;
}
nav.thumbnailList ul.menuItems li.menuItem .navItemInner h3 {
  padding-bottom: 1.5rem;
  color: #007B8B;
  margin: 1rem auto;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Mega Menu - Disabled by default */
/****************************************************************************************************/
nav ul.megaNav {
  /* (The Mega Dropdown) */
}
nav ul.megaNav .megaContainer {
  display: none;
}
nav ul.megaNav .k-menu-item > .k-animation-container {
  width: 60vw !important;
  max-height: 750px !important;
  display: none;
  transform: translatex(-50%) !important;
  left: 50% !important;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-item.k-state-default {
  white-space: normal !important;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer {
  width: 100% !important;
  box-shadow: 0px 5px 27px 7px rgba(0, 0, 0, 0.12);
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 2.5rem;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer a {
  padding-bottom: 0.3rem;
  padding-left: 0;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer a:after {
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, margin 0s linear;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer > li.k-item {
  display: inline-block;
  width: 100%;
  font-size: 0.9rem;
  padding-bottom: 0.5rem;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer > li.k-item:hover {
  background-color: transparent;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer > li.k-item h4 {
  margin-top: 0;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer > li.k-item .k-content {
  background-color: transparent;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer > li.k-item .k-content .level1 li {
  padding-bottom: 0.5rem;
  break-inside: avoid;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer > li.k-item .k-content .button {
  white-space: normal;
  text-align: left;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer > li.k-item .k-content .button a:hover {
  color: #fff;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.commonPanel {
  column-count: 2;
  display: block !important;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.expertises {
  display: flex;
  /*                .k-first {
      flex-basis: 70%;
  }

  .k-last {
      flex-basis: 30%;
  }*/
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.expertises ul {
  margin: 0;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.expertises .expertiseMenuItem .level1 {
  column-count: 2;
  column-gap: 1rem;
  padding-right: 1rem;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.expertises .expertiseMenuItem .level1 > li {
  display: block;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.expertises .k-content.megaLeft {
  margin-right: 2rem;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.expertises .k-content.megaLeft .level1 {
  column-count: 2;
  column-gap: 2rem;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.expertises .k-content.megaLeft .level1 li {
  display: inline-block;
  width: 100%;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.expertises ul.expertiseTree {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-auto-rows: auto;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.expertises ul.expertiseTree li h3 {
  margin-top: 0;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.teammembers {
  flex-direction: column;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.insights {
  padding: 0;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.insights ul.level1 {
  column-count: 2;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.insights .k-content {
  flex-direction: column;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.insights > li {
  padding: 2.5rem;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.insights li:first-of-type {
  background-color: #F7F7F7 !important;
}
nav ul.megaNav .k-menu-item > .k-animation-container .k-group.megaContainer.insights li.k-item + li.k-item {
  padding-top: 1rem;
}

/* #endregion */
/****************************************************************************************************/
/* 
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)
*/
/* Large Desktop (switch between simple and mobile nav) */
/* Small Desktop (switch between simple and mobile nav) */
@media only screen and (max-width: 1299px) {
  #header {
    top: 0;
    position: fixed;
  }
  .site-footer .mainFooter .mainFooterGrid .footerLeft {
    padding-top: 2rem;
    padding-bottom: 2rem;
    /* the background */
    /*                    &:before {
        right: -100vw;
    }*/
  }
  .site-footer .mainFooter .mainFooterGrid .footerLeft .footerLeftGrid {
    display: flex;
    flex-direction: row;
  }
  .site-footer .mainFooter .mainFooterGrid .footerLeft .footerLeftGrid .logoAndAddress {
    width: 50%;
    flex: initial;
  }
  .site-footer .mainFooter .mainFooterGrid .footerLeft .footerLeftGrid .studentLinks {
    width: 50%;
    flex: initial;
  }
  .site-footer .mainFooter .mainFooterGrid .footerRight {
    padding-left: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .site-footer .mainFooter .mainFooterGrid .footerRight .footerSitemapGrid {
    width: 100%;
  }
}
/* Tablet */
@media only screen and (max-width: 1024px) {
  .hamburger {
    display: block !important;
  }
  #header .header {
    /*padding: 1rem 0;*/
    padding: 1rem 0 1.4rem;
  }
  #header .headerGrid {
    padding-right: 4rem;
  }
  #header .headerGrid .col.menu {
    display: none !important;
  }
  #header .mainNavWrapper {
    display: none !important;
  }
  /* Team Detail */
  .teammember.detailView .bioTopContent .bioTopContactGrid {
    min-height: 28rem;
  }
  .teammember.detailView .bioTopContent .bioImage {
    min-width: 26rem;
  }
  .homePageFeatured .homePageFeaturedGrid > .col {
    flex: initial !important;
    width: 100% !important;
  }
  .homePageFeatured .homePageFeaturedGrid .featuredItems {
    border-right: none;
  }
  .homePageFeatured .homePageFeaturedGrid .featuredItems .cardView h3 {
    font-size: 2rem;
  }
  .homePageFeatured .homePageFeaturedGrid .recentItems .splide {
    padding-left: 0;
  }
  .homePageFeatured .homePageFeaturedGrid .recentItems .splide .splide__arrows {
    left: 50%;
    transform: translateX(-50%);
  }
}
/* Mobile Only */
@media only screen and (max-width: 767px) {
  #header .headerGrid .col.contact {
    display: none;
  }
  nav.mobileNav {
    width: 100vw;
  }
  .homePageFeatured .homePageFeaturedGrid .featuredItems .cardView h3 {
    font-size: 1.4rem;
  }
  .homePageFeatured .homePageFeaturedGrid .recentItems .splide .splide__list {
    margin: 0 !important;
  }
  .homePageFeatured .homePageFeaturedGrid .recentItems .splide .splide__slide {
    margin: 0 !important;
  }
  /*    .k-treeview {
      .k-item {
          font-size: 1.6rem;
      }
  }*/
  /* Team Detail */
  .teammember.detailView .bioTopContent {
    /*.bioImage {
        order: 1;
        left: 50%;
        transform: translateX(-50%);
        min-width: initial;
        position: relative;
        display: flex;*/
    /*width: 30rem;*/
    /*width: 100%;
        max-width: 100%;
        justify-content: center;*/
    /*padding-top: 100%;*/
    /*@include aspectRatioBox(1 1);

        .imgWrapper {
            &:before { // background shadow behind the image
                content: ' ';
                background: radial-gradient(ellipse at 50% 120%, rgba($greyLight, 0.5), rgba($greyLight, 0) 100%);
                display: block;
                width: 100vw;
                height: 100%;
                position: absolute;
                z-index: -1;
                left: 50%;
                transform: translateX(-50%);
                background-position: center bottom;
            }

            img {
                object-fit: cover;
                object-position: 50% 50%;
                z-index: 1;
            }
        }
    }*/
  }
  .teammember.detailView .bioTopContent .bioTopContactGrid {
    display: flex;
    flex-wrap: wrap;
    min-height: initial;
    height: auto;
  }
  .teammember.detailView .bioTopContent .bioContact {
    order: 2;
    width: 100%;
    flex: initial;
    padding: 2rem 0;
    background-color: transparent !important;
  }
  .teammember.detailView .bioTopContent .bioContact .bioContactTop h1 {
    font-size: 2rem;
  }
  .teammember.detailView .bioTopContent .bioContact .bioContactBottom .printAndShare {
    margin-top: 1rem;
  }
  .teammember.detailView .bioTopContent .bioImage {
    right: calc(var(--site-padding) * -1 * 2);
    top: 0;
    margin-top: -2rem;
  }
  .teammember.detailView .bioTopContent .bioImageFull {
    /*                position: relative;
    aspect-ratio: 5 / 3;
    width: initial;*/
    width: initial;
    display: block;
    max-width: 100%;
  }
  .teammember.detailView .bioTopContent .bioImageFull picture img {
    object-position: center right;
  }
  #footer .footerLeftGrid {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  #footer .footerLeftGrid > div {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    vertical-align: top;
    /*width: calc((1 / 1) * 100%);*/
    flex-basis: calc(1 / 1 * 100%);
  }
  #footer .footerSitemapGrid {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    box-sizing: border-box;
  }
  #footer .footerSitemapGrid > .col {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 2) * 100% - 1rem);*/
    flex-basis: calc(1 / 2 * 100% - 1rem);
  }
  #footer .footerSitemapGrid > .col {
    padding: 0;
    justify-content: flex-start;
    align-items: flex-start;
    /*                &:not(:first-child) {
    }*/
  }
  #footer .footerSitemapGrid > .col:after {
    display: none;
  }
  #footer .logoAndAddress img {
    width: 12rem;
  }
  #footer .navCustomUl ul li {
    margin-bottom: 0.8em;
  }
  #footer .navCustomUl ul li.rootMenuItem > a {
    margin: 0;
  }
  #footer .navCustomUl ul li .subMenu {
    display: none !important;
  }
  #footer .copyrightFooter .footerCopyrightGrid > .col {
    justify-content: center;
    align-items: center;
  }
  #footer .copyrightFooter .footerCopyrightGrid .legal {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  #footer .copyrightFooter .footerCopyrightGrid .legal nav.topLevelSimple ul {
    justify-content: center;
  }
}
/* XS Mobile Only */
@media only screen and (max-width: 500px) {
  /* Team Detail */
  .teammember.detailView .bioTopContent {
    padding: 0;
  }
  .teammember.detailView .bioTopContent .bioContact {
    padding: 2rem var(--site-padding) !important;
    background-color: white !important;
    margin: 0 !important;
  }
  .teammember.detailView .bioTopContent .bioImage {
    order: 1;
    left: 50%;
    transform: translateX(-50%);
    min-width: initial;
    position: relative;
    display: flex;
    /*width: 30rem;*/
    width: 100%;
    max-width: 100%;
    justify-content: center;
    /*padding-top: 100%;*/
    margin-top: 0;
  }
  .teammember.detailView .bioTopContent .bioImage: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%;
  }
  .teammember.detailView .bioTopContent .bioImage:after { /* to clear float */
    content: "";
    display: table;
    clear: both;
  }
  .teammember.detailView .bioTopContent .bioImage .imgWrapper:before {
    content: " ";
    background: radial-gradient(ellipse at 50% 120%, rgba(163, 163, 163, 0.5), rgba(163, 163, 163, 0) 100%);
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    background-position: center bottom;
  }
  .teammember.detailView .bioTopContent .bioImage .imgWrapper img {
    object-fit: cover;
    object-position: 50% 50%;
    z-index: 1;
  }
  .teammember.detailView .bioTopContent .bioImageFull {
    position: relative;
    /*aspect-ratio: 16 / 9;*/
    aspect-ratio: 1/1;
    width: initial;
    margin-top: -2rem;
  }
  #footer .footerSitemapGrid {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  #footer .footerSitemapGrid > .col {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    vertical-align: top;
    /*width: calc((1 / 1) * 100%);*/
    flex-basis: calc(1 / 1 * 100%);
  }
}
/* ### Bullets */
/*$primaryFont: 'Sinhala MN', serif; // headings*/
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS 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) */
/* Large Desktop (max width) */
/* Extra-Large Desktop (min width) */
/* Extra-Large Desktop (max width) */
/* High Definition (HD) - THIS IS THE LEVEL OF OUR DEFAULT STYLES */
/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* Base unit used for spacing gutters */
/* Buttons */
/*$topHeaderHeight: 60px;*/
/*$totalHeaderHeight: 150px; //Sum of the two*/
/*$mobileHeaderHeight: 120px;*/
/*$border2: 1px solid $greyLight;*/
/*$letterSpacingSideTitle: 0.35em;*/
@media print {
  .noPrint {
    display: none;
  }
  .printOnly {
    display: block;
    height: auto;
    width: auto;
  }
  .readMoreContent {
    display: block !important;
  }
  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 .teammember.detailView .bioTopContent .bioContact .bioContactTop .position:after,
.printWrapper .teammember.cardView .position:after,
.printWrapper .expertisesWrapper.treeViewWrapper .k-treeview .level1 > .k-item .k-link:after,
.printWrapper .expertisesWrapper.treeViewWrapper .k-treeview .level1 > .k-item .k-in:after,
.printWrapper .expertise.cardView h3:after,
.printWrapper .newsandevent.cardView:after,
.printWrapper .insight.cardView:after,
.printWrapper .borderBottomShort:after {
  bottom: inherit;
  margin-top: 1rem;
}
.printWrapper .baseFont {
  font-family: "classico-urw", serif;
}
.printWrapper section {
  /*       -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;*/
  margin-bottom: 3rem;
}
.printWrapper section .keepTogether {
  break-inside: avoid;
}
.printWrapper section ul {
  list-style-type: none;
}
.printWrapper section ul > li {
  list-style-type: none;
  font-size: 1em;
  position: relative;
  margin: 0 0 0.8em;
  position: relative;
  padding: 0 0 0 1.5rem;
  /* bullet icon */
  /*                &:before {
      content: ' ';
      top: initial;
      left: 0;
      width: 1em;
      height: 1.4em; // needs to match the height of a single line of the li (in order to keep it centered with the text)
      content: "";
      display: block;
      position: absolute;
      line-height: inherit;
      background-image: url(/CFImages/Icons/caret-right-solid.svg);
      background-size: 0.4em auto;
      background-repeat: no-repeat;
      background-position: center;
  }*/
}
.printWrapper section ul.expertiseandsectors {
  margin-top: 2rem;
}
.printWrapper section ul.expertiseandsectors li {
  padding-left: 0;
}
.printWrapper section .listView {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
}
.printWrapper section .listView .insights > li {
  width: inherit !important;
}
.printWrapper section .listView .cardView.insight {
  background-color: transparent !important;
  padding: 0 !important;
  min-height: inherit !important;
}
.printWrapper h2, .printWrapper h3, .printWrapper h4 {
  break-inside: avoid;
  color: #BB0000;
}
.printWrapper h2::after, .printWrapper h3::after, .printWrapper h4::after {
  content: "";
  display: block;
  height: 200px;
  margin-bottom: -200px;
}
.printWrapper .logo {
  margin: 2rem;
  padding: 2rem;
}
.printWrapper .display-flex {
  display: block;
}
.printWrapper .mainContent h2 {
  text-transform: uppercase;
  letter-spacing: 0.4rem;
  font-size: 1rem;
}
.printWrapper .detailView .wrapper .viewAllMoreWrapper {
  display: none;
}
.printWrapper .detailView .wrapper.related {
  padding: 0;
}
.printWrapper .detailView .overview {
  margin-bottom: 0;
}
.printWrapper .detailView .expertisesWrapper:before {
  background-color: transparent;
}
.printWrapper .detailView .representativeWork {
  padding: 0;
}
.printWrapper .detailView .listView.expertiseandsectors.expertises {
  column-count: 3;
}
.printWrapper .detailView .listView.teammembers > li {
  width: 25%;
  page-break-inside: avoid;
}
.printWrapper .detailView .listView.rankings {
  column-count: 2;
}
.printWrapper .detailView .listView.rankings > li {
  padding-left: 0;
  page-break-inside: avoid;
}
.printWrapper .detailView .listView.rankings > li:before {
  content: none;
}
.printWrapper .detailView .related.rankingsWrapper {
  padding: 0 !important;
}
.printWrapper .detailView .listView.rankings {
  margin-top: 3rem;
  padding: 0;
}
.printWrapper .detailView .listView.insights > li {
  margin-bottom: 1rem;
}
.printWrapper .detailView .cardView.ranking {
  page-break-inside: avoid !important;
}
.printWrapper .detailView .wrapper.related.newsandeventsWrapper .newsandevents li:not(:last-of-type) {
  margin-bottom: 1rem;
}
.printWrapper .detailView .wrapper.related.newsandeventsWrapper .newsandevents li a {
  text-decoration-line: underline;
  text-decoration-color: #CCCCCC;
}
.printWrapper .detailView ul.listView.insights, .printWrapper .detailView ul.listView.newsandevents, .printWrapper .detailView ul.listView.educationitems, .printWrapper .detailView ul.listView.calltobars {
  gap: 0 !important;
  grid-template-columns: 1fr !important;
  margin-bottom: 0 !important;
}
.printWrapper .detailView .related.expertisesWrapper.relatedExpertise {
  padding: 0 0 3rem !important;
}
.printWrapper .detailView.teammember {
  margin-bottom: 2rem;
}
.printWrapper .detailView.teammember section.wrapper {
  padding: 0;
}
.printWrapper .detailView.teammember .bioTopContent_print {
  border-top: solid 2px #007B8B;
  background: radial-gradient(circle, #fff 0%, #ccc 120%);
  overflow: hidden;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.printWrapper .detailView.teammember .bioTopContent_print .bioTopContactGrid td {
  width: 50%;
}
.printWrapper .detailView.teammember .bioTopContent_print .bioTopContactGrid .bioContact {
  /*display: inline-block;
  width: 49%;
  height:100%;*/
  padding: 0 0 0 6rem;
}
.printWrapper .detailView.teammember .bioTopContent_print .bioTopContactGrid .bioContact .bioContactTop h1 {
  margin-bottom: 0.5rem;
  margin-top: 0;
  font-weight: bold;
}
.printWrapper .detailView.teammember .bioTopContent_print .bioTopContactGrid .bioContact .bioContactTop h2 {
  margin-top: 0;
}
.printWrapper .detailView.teammember .bioTopContent_print .bioTopContactGrid .bioContact .bioContactTop a {
  text-decoration: none;
  color: #000;
}
.printWrapper .detailView.teammember .bioTopContent_print .bioTopContactGrid .bioContact .bioContactTop span {
  color: #BB0000;
}
.printWrapper .detailView.teammember .bioTopContent_print .bioTopContactGrid .bioImage {
  /*display: inline-block;
  width: 50%;
  line-height: 0;
  vertical-align: top;*/
}
.printWrapper .detailView.teammember .bioTopContent_print .bioTopContactGrid .bioImage img {
  width: 70%;
}
.printWrapper .detailView.teammember .credentialsWrapper {
  /*background-color: #f7f7f7;*/
  margin: 3rem 0 0;
  /*padding: 4rem 3rem 1rem;*/
  /*break-inside: avoid;*/
}
.printWrapper .detailView.teammember .credentialsWrapper .related {
  padding: 0 0 2rem;
}
.printWrapper .detailView.insight .topperContent {
  margin: 2rem 0;
  padding-bottom: 2rem;
  border-bottom: solid 1px #BB0000;
  color: #000;
}
.printWrapper .detailView.insight .topperContent h1 {
  font-size: 2.4rem;
  margin-top: 0.25rem;
}
.printWrapper .detailView.insight .topperContent span {
  color: #000;
}
.printWrapper .detailView.insight .topperContent .contentTypeLabels {
  font-size: 1rem;
  margin-bottom: 0;
  color: #004e58;
}
.printWrapper .detailView.insight .topperContent .dates {
  font-size: 0.9rem;
  color: #000;
}
.printWrapper .detailView.insight .topperContent .listView.teammembers {
  display: inline-flex;
  margin: 0;
}
.printWrapper .detailView.insight .topperContent .listView.teammembers .teammember {
  background-color: transparent;
  font-size: 0.9rem;
}
.printWrapper .detailView.insight .topperContent .listView.teammembers .teammember a {
  text-decoration: none;
  color: #000;
}
.printWrapper .detailView.insight .topperContent .listView.teammembers .teammember + .teammember:before {
  content: ", ";
}
.printWrapper .detailView.insight .topperImage img {
  width: 100%;
  object-fit: cover;
}
.printWrapper .cardView {
  visibility: visible !important;
  opacity: 1 !important;
}
.printWrapper .clickable:before {
  content: "" !important;
  display: none !important;
}

/******************************
* Edge Hacks ******************
******************************/
@supports (-ms-ime-align: auto) {
  .hero .homeSlideshow .slide img {
    height: auto !important;
    top: -25%;
  }
}
.k-ie11 .k-menu .k-animation-container {
  left: 0px !important;
  top: 69px !important;
}
.k-ie11 .k-menu .k-animation-container .k-animation-container {
  left: 180px !important;
  top: 0px !important;
}

/****************************************************************************************************/
/* #region FALLBACKS */
/****************************************************************************************************/
@supports not (aspect-ratio: 1/1) {
  .teammember.cardView .imgWrapper {
    padding: 0;
    padding-top: 100%;
  }
  .teammember.cardView .imgWrapper picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .teammember.detailView .bioImageFull: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%;
  }
  .teammember.detailView .bioImageFull:after { /* to clear float */
    content: "";
    display: table;
    clear: both;
  }
  .imageGallery.slider .gallerySlider .splide__slide {
    padding: 0;
    padding-top: 56.25%;
  }
  .homePage .homeSlideshow .splide__slide {
    padding: 0;
  }
  .homePage .homeSlideshow .splide__slide:before {
    content: " " !important;
    width: 1px;
    margin-left: -1px;
    padding: 0;
    padding-top: 37.5%;
  }
  .cardView.featuredcontentitem.sponsorship .itemImage {
    padding: 0;
    padding-top: 100%;
  }
  .blogitem.detailView .primaryImage .bgImgWrapper .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: 25%;
  }
  .blogitem.detailView .primaryImage .bgImgWrapper .bgImgWrapper:after { /* to clear float */
    content: "";
    display: table;
    clear: both;
  }
}
/* #endregion */
/****************************************************************************************************/

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