/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./.yarn/__virtual__/css-loader-virtual-bf286824a5/6/AppData/Local/Yarn/Berry/cache/css-loader-npm-6.7.3-63aa933400-10.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./.yarn/__virtual__/postcss-loader-virtual-1b7e30ecb8/6/AppData/Local/Yarn/Berry/cache/postcss-loader-npm-7.3.0-788d8ed604-10.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../../AppData/Local/Yarn/Berry/cache/resolve-url-loader-npm-5.0.0-9b441067c9-10.zip/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!./.yarn/__virtual__/sass-loader-virtual-51a5632b47/6/AppData/Local/Yarn/Berry/cache/sass-loader-npm-13.2.2-b5bbed2dce-10.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!../../../../../AppData/Local/Yarn/Berry/cache/@splidejs-splide-npm-4.1.4-574032679c-10.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-bf286824a5/6/AppData/Local/Yarn/Berry/cache/css-loader-npm-6.7.3-63aa933400-10.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./.yarn/__virtual__/postcss-loader-virtual-1b7e30ecb8/6/AppData/Local/Yarn/Berry/cache/postcss-loader-npm-7.3.0-788d8ed604-10.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../../AppData/Local/Yarn/Berry/cache/resolve-url-loader-npm-5.0.0-9b441067c9-10.zip/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!./.yarn/__virtual__/sass-loader-virtual-51a5632b47/6/AppData/Local/Yarn/Berry/cache/sass-loader-npm-13.2.2-b5bbed2dce-10.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!../../../../../AppData/Local/Yarn/Berry/cache/@splidejs-splide-npm-4.1.4-574032679c-10.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-bf286824a5/6/AppData/Local/Yarn/Berry/cache/css-loader-npm-6.7.3-63aa933400-10.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./.yarn/__virtual__/postcss-loader-virtual-1b7e30ecb8/6/AppData/Local/Yarn/Berry/cache/postcss-loader-npm-7.3.0-788d8ed604-10.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../../AppData/Local/Yarn/Berry/cache/resolve-url-loader-npm-5.0.0-9b441067c9-10.zip/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!./.yarn/__virtual__/sass-loader-virtual-51a5632b47/6/AppData/Local/Yarn/Berry/cache/sass-loader-npm-13.2.2-b5bbed2dce-10.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/styles/master.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ### Bullets */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) */
/* Large Desktop (mid 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 */
/* Subheader */
/* Base unit used for spacing gutters */
/* Buttons */
/****************************************************************************************************/
/* #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);
*/
/* Font Size Clamp */
/* #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 Modifiers  */
/* You shouldn't ever need to use this directly - it's just used to generate our subheader classes */
/* Based content https://frontstuff.io/generate-all-your-utility-classes-with-sass-maps            */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Misc */
/****************************************************************************************************/
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
/* #######  NAC SPECIFIC ######### */
/* #######  END of NAC SPECIFIC ######### */
.fontsize-xxl, .fontsize-xl, .fontsize-l, .fontsize-m, .fontsize-s, .fontsize-xs {
  font-family: "Roboto Condensed", sans-serif !important;
  font-weight: 700 !important;
}

/* 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;
  -webkit-hyphens: auto;
          hyphens: auto;
  white-space: unset;
}

.borderBottomShort {
  position: relative;
}
.borderBottomShort:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 3rem;
  height: 1px;
  background-color: #1E1E1E;
}

.container.edge *.container.full, .container.full {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
@media (max-width: 1599px) {
  .container.edge *.container.full, .container.full {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (max-width: 1299px) {
  .container.edge *.container.full, .container.full {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 1024px) {
  .container.edge *.container.full, .container.full {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
  }
}
@media (max-width: 767px) {
  .container.edge *.container.full, .container.full {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 500px) {
  .container.edge *.container.full, .container.full {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.cardView.employeespotlight.standard .cardContent:before {
  content: " ";
  z-index: 0;
  position: absolute;
  top: 0;
  left: initial;
  right: 2rem;
  background-image: url(/CFImages/double-quote.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  height: auto;
  aspect-ratio: 0.8;
  width: clamp(60px, -19.3984962406px + 0.1033834586 * 100vw, 115px);
  opacity: 0.5;
}

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

/****************************************************************************************************/
/* #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;
}
.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;
}
.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) {
  .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) {
  .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) {
  .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) {
  .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 */
/****************************************************************************************************/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translatex(-1000%);
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translatex(1000%);
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes shift-image-position {
  0% {
    -o-object-position: 50% 40%;
       object-position: 50% 40%;
  }
  100% {
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }
}
@keyframes header-slide-in {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes slideBottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    filter: blur(0);
  }
}
@keyframes slideTop {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes clippath {
  0%, 100% {
    -webkit-clip-path: inset(0 0 95% 0);
            clip-path: inset(0 0 95% 0);
  }
  25% {
    -webkit-clip-path: inset(0 95% 0 0);
            clip-path: inset(0 95% 0 0);
  }
  50% {
    -webkit-clip-path: inset(95% 0 0 0);
            clip-path: inset(95% 0 0 0);
  }
  75% {
    -webkit-clip-path: inset(0 0 0 95%);
            clip-path: inset(0 0 0 95%);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}
/* Nac Used */
@keyframes slide-in-from-left {
  0% {
    transform: translateX(-200%);
  }
  50% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-from-right {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateY(0);
  }
  10%, 30%, 50%, 70% {
    transform: translateY(-8px);
  }
  20%, 40%, 60% {
    transform: translateY(8px);
  }
  80% {
    transform: translateY(6.4px);
  }
  90% {
    transform: translateY(-6.4px);
  }
}
@keyframes shakeTop {
  0%, 100% {
    transform: rotate(0deg);
    transform-origin: 50% 0;
  }
  10% {
    transform: rotate(2deg);
  }
  20%, 40%, 60% {
    transform: rotate(-4deg);
  }
  30%, 50%, 70% {
    transform: rotate(4deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  90% {
    transform: rotate(2deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes wobblebottom {
  0%, 100% {
    transform: translateX(0%);
    transform-origin: 50% 50%;
  }
  15% {
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes scaleforward {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(250px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes drop {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: translateY(-250px);
  }
  38% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: translateY(0);
  }
  55% {
    animation-timing-function: ease-in;
    transform: translateY(-65px);
  }
  72% {
    animation-timing-function: ease-out;
    transform: translateY(0);
  }
  81% {
    animation-timing-function: ease-in;
    transform: translateY(-28px);
  }
  90% {
    animation-timing-function: ease-out;
    transform: translateY(0);
  }
  95% {
    animation-timing-function: ease-in;
    transform: translateY(-8px);
  }
  100% {
    animation-timing-function: ease-out;
    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;
}

/* Remove Italic styling */
address {
  font-style: normal;
}

/* 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 */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) */
/* Large Desktop (mid 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 */
/* Subheader */
/* Base unit used for spacing gutters */
/* Buttons */
/* these need to be here for intellisense and go-to-definition to work */
/****************************************************************************************************/
/* #region Document */
/****************************************************************************************************/
::selection {
  background: #8BD40A;
  color: white;
}

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

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

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

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

* {
  box-sizing: border-box;
}

:root {
  --scrollbar-width: 16px;
  --header-height: 180px;
  --card-width: 16rem;
  --column-count: 3;
  --card-gap: 1.5rem;
  --containerPadding: 3rem;
  --paddingAndMarginSize: 3rem;
  --polygon-size: 86px;
  --polygon-size-l: 120px;
  --topper-height: 600px;
  --min-topper-height: 250px;
  color-scheme: normal !important;
  /* For Images */
  --image-width: 0;
  --image-height: 0;
  --image-aspectratio: 1.5;
}

html {
  min-height: auto;
  font-style: normal;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  font-size: clamp(16px, 10.2255639098px + 0.007518797 * 100vw, 20px);
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  color: #1E1E1E;
  font-style: normal;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  background-color: white;
}

/* Custom Scrollbar Styles (only works in the latest browsers) */
::-webkit-scrollbar-track {
  background-color: #E6E6E6;
  -webkit-box-shadow: none;
  border: none;
}

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

::-webkit-scrollbar-thumb {
  background-color: #0E3548;
  border: none;
}

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

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

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

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

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

strong, b {
  /*font-weight: $fontWeightSemiBold;*/
  font-weight: 700;
  font-style: normal;
}

em, i {
  font-style: italic;
}

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

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

blockquote {
  width: 100%;
  max-width: 100%;
  margin: 2rem auto;
  padding: 3rem 10%;
  position: relative;
  border: none;
  color: inherit;
  text-align: left;
  font-size: 1.2em;
  background-color: #E6E6E6;
}
blockquote p {
  color: inherit;
  font-weight: 700;
  font-style: normal;
}
blockquote > :last-child {
  margin-bottom: 0;
}
blockquote cite {
  font-style: italic;
  font-family: "Roboto Condensed", sans-serif;
}
a {
  color: #0E3548;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  text-decoration: none;
  text-underline-offset: 5px;
}

a:hover, a:focus {
  color: #8BD40A;
}

a:active {
  color: #1E1E1E;
  text-decoration: underline;
}

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

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

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li,
ol li {
  list-style: none;
}
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Headings */
/****************************************************************************************************/
span.seperator {
  padding: 0 7px;
  color: #E0DDE0;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-style: inherit;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  color: #0E3548;
  margin: 1.4rem 0 1.38rem;
  padding: 0;
  display: block;
}
h1.centered, h2.centered, h3.centered, h4.centered, h5.centered, h6.centered {
  text-align: center;
}

:is(h1, h2, h3, h4, h5, h6) + :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
}

h1 {
  color: #1E1E1E;
  font-size: clamp(46px, -26.1804511278px + 0.0939849624 * 100vw, 96px);
}

h2 {
  font-size: clamp(36px, 18.6766917293px + 0.022556391 * 100vw, 48px);
}

h3 {
  font-size: clamp(30px, 15.5639097744px + 0.0187969925 * 100vw, 40px);
}

h4 {
  font-size: clamp(22px, 9.007518797px + 0.0169172932 * 100vw, 31px);
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 0.9rem;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
.button, button.button, .cmsContent .button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1rem;
  color: #0E3548;
  background-color: #fff;
  box-shadow: none;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  border: 2px solid #0E3548;
  cursor: pointer;
  padding: 0.5rem 1.5rem;
  margin-top: 0;
  text-decoration: none;
}
.button:focus:focus-visible, button.button:focus:focus-visible, .cmsContent .button:focus:focus-visible {
  color: #8BD40A;
  border-color: #8BD40A;
  text-decoration: none;
}
.button:hover, button.button:hover, .cmsContent .button:hover {
  color: #8BD40A;
  border-color: #8BD40A;
  text-decoration: none;
}
.button:active, button.button:active, .cmsContent .button:active {
  color: #06161d;
  border-color: #06161d;
}
.button.arrow:after, button.button.arrow:after, .cmsContent .button.arrow:after {
  content: " ";
  width: 1em;
  height: 1em;
  display: inline-block;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  background: url(/CFImages/Icons/arrow-right.svg) no-repeat center;
  background-size: 100% auto;
}
.button.transparent, button.button.transparent, .cmsContent .button.transparent {
  background-color: transparent;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Hyperlinks + Special Links */
/****************************************************************************************************/
/* Special Links */
/* Non-link elements with onclick functionality */
.clickable {
  cursor: pointer;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Images */
/****************************************************************************************************/
img {
  width: auto;
  height: auto;
}

/* As a NATIVE picture img */
.imgWrapper {
  width: 100%;
  /* if wrapped in hyperlink */
}
.imgWrapper img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  aspect-ratio: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.imgWrapper a img {
  max-width: 100%;
}

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

/* As fullscreenimage */
.backstretch .overlay {
  inset: 0;
  position: absolute;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region TYPOGRAPHY CMS Content Styles */
/****************************************************************************************************/
.cmsContent {
  color: #1E1E1E;
  font-size: 1rem;
  line-height: 1.6;
  /* Headings */
  /* Links */
  /* 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 */
  /* last child selector */
  /*
  > :last-child {
  }
  */
}
.cmsContent img {
  max-width: 100%;
}
.cmsContent em, .cmsContent i {
  font-style: italic;
}
.cmsContent h1, .cmsContent h2, .cmsContent h3, .cmsContent h4, .cmsContent h5, .cmsContent h6 {
  color: #1E1E1E;
}
.cmsContent h1:first-child, .cmsContent h2:first-child, .cmsContent h3:first-child, .cmsContent h4:first-child, .cmsContent h5:first-child, .cmsContent h6:first-child {
  margin-top: 0;
}
.cmsContent a {
  position: relative;
  color: #0E3548;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  text-decoration: none;
}
.cmsContent a:hover, .cmsContent a:focus {
  color: #8BD40A;
  text-decoration: underline;
}
.cmsContent a:active {
  color: #1E1E1E;
}
.cmsContent .socialLinks a[target=_blank]:after {
  content: none;
}
.cmsContent p {
  line-height: 1.6;
}
.cmsContent ul,
.cmsContent ol {
  margin: 1rem 0;
  /* SHARED list item styles */
  /* SHARED nested list styles */
  /* Special lists:   Alpha & Roman Numerals */
}
.cmsContent ul li,
.cmsContent ol li {
  margin: 0 0 0.8em;
  position: relative;
  padding: 0 0 0 1.75rem;
}
.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: #1E1E1E;
}
.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: 1rem;
  position: relative;
  /* bullet icon */
}
.cmsContent ul > li:before {
  content: " ";
  top: initial;
  left: 0;
  width: 1em;
  height: 1.4em;
  color: #1E1E1E;
  content: "";
  display: block;
  position: absolute;
  line-height: inherit;
  background-image: url(/CFImages/Icons/bullet-square-solid.svg);
  background-size: 0.4em auto;
  background-repeat: no-repeat;
  background-position: center;
}
.cmsContent ol {
  counter-reset: customListCounter 0;
  list-style-position: outside;
}
.cmsContent ol > li {
  list-style-type: none;
  list-style-position: inside;
  counter-increment: customListCounter;
}
.cmsContent ol > li:before {
  top: initial;
  left: 0.4rem;
  content: counter(customListCounter) ".";
  color: #1E1E1E;
  position: absolute;
  font-weight: 400;
}
.cmsContent address {
  margin: 0.5rem 0 1rem;
}
.cmsContent mark {
  color: white;
  background-color: #8BD40A;
}
.cmsContent pre {
  white-space: pre-wrap;
  background-color: #efefef;
  padding: 2rem;
}
.cmsContent.highlight > p:nth-of-type(1) {
  font-size: 1.266rem;
  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;
}

.dark, .dark .cmsContent {
  color: white;
  /* 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 */
}
.dark ::selection, .dark .cmsContent ::selection {
  background: #1057AD;
  color: white;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p, .dark ul li, .dark address, .dark .cmsContent h1, .dark .cmsContent h2, .dark .cmsContent h3, .dark .cmsContent h4, .dark .cmsContent h5, .dark .cmsContent h6, .dark .cmsContent p, .dark .cmsContent ul li, .dark .cmsContent address {
  color: white;
}
.dark a, .dark .cmsContent a {
  text-underline-offset: 5px;
}
.dark a:link, .dark a:visited, .dark .cmsContent a:link, .dark .cmsContent a:visited {
  color: white;
  text-decoration: none;
}
.dark a:hover, .dark a:active, .dark a:focus, .dark .cmsContent a:hover, .dark .cmsContent a:active, .dark .cmsContent a:focus {
  color: #8BD40A;
  text-decoration: underline;
}
.dark a.button, .dark .cmsContent a.button {
  border-color: #fff;
  color: #fff;
  text-decoration: none;
  background: transparent;
}
.dark a.button:focus:focus-visible, .dark .cmsContent a.button:focus:focus-visible {
  color: #8BD40A;
  border-color: #8BD40A;
}
.dark a.button:hover, .dark .cmsContent a.button:hover {
  color: #8BD40A;
  border-color: #8BD40A;
}
.dark a.button:active, .dark .cmsContent a.button:active {
  color: #fff;
  border-color: #fff;
}
.dark ul,
.dark ol, .dark .cmsContent ul,
.dark .cmsContent ol {
  /* SHARED nested list styles */
}
.dark ul ol > li:before,
.dark ul ul > li:before,
.dark ol ol > li:before,
.dark ol ul > li:before, .dark .cmsContent ul ol > li:before,
.dark .cmsContent ul ul > li:before,
.dark .cmsContent ol ol > li:before,
.dark .cmsContent ol ul > li:before {
  color: white;
}
.dark ul > li, .dark .cmsContent ul > li {
  /* bullet icon */
}
.dark ul > li:before, .dark .cmsContent ul > li:before {
  color: white;
  background-image: url(/CFImages/Icons/bullet-square-solid-white.svg);
}
.dark ol > li:before, .dark .cmsContent ol > li:before {
  color: white;
}
.dark mark, .dark .cmsContent mark {
  color: white;
  background-color: #1057AD;
}
.dark pre, .dark .cmsContent pre {
  background-color: #050505;
  color: white;
}
.dark blockquote, .dark .cmsContent blockquote {
  background-color: #050505;
  color: white;
}
.dark blockquote p, .dark .cmsContent blockquote p {
  color: white;
}

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

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

/* shared Kendo widget icon styles (works with navigation css file) */
.k-icon {
  width: 3rem;
  height: 3rem;
  /* Expand / Collapse Arrows */
}
.k-icon:before {
  content: " ";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.6rem;
}
.k-icon.k-menu-expand-arrow:before, .k-icon.k-i-expand:before {
  background-image: url(/CFImages/Icons/plus.svg);
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.k-state-active .k-icon.k-menu-expand-arrow:before, .k-state-active .k-icon.k-i-expand:before {
  transform: rotate(360deg);
  background-image: url(/CFImages/Icons/minus.svg);
}
.k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/minus.svg);
}
.k-state-active .k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/plus-white.svg);
}

/* selected element icon (needs to be white because dark background */
li.k-item.selected > div .k-icon:first-of-type.k-i-expand:before {
  background-image: url(/CFImages/Icons/plus-white.svg);
}
li.k-item.selected > div .k-icon:first-of-type.k-i-collapse:before {
  background-image: url(/CFImages/Icons/minus-white.svg);
}

/* Custom icons element with background svgs*/
.icon {
  display: inline-block;
  font-size: 1em;
}
.icon:before {
  content: " ";
  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);
}
.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);
}

/* #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 #8BD40A;
  border-radius: 15px;
  background-color: black;
}

/* #endregion */
/**

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

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

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

.sfPageEditor .wrapper > * {
  opacity: 1 !important;
  transform: translatey(0) !important;
}

/* NAC Specfic*/
div.blueFeatured {
  position: relative;
  width: 100%;
  min-height: 245px;
  background-color: rgba(14, 53, 72, 0.8);
  padding: calc(var(--polygon-size) / 2);
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}
div.blueFeatured:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}

.photoDiv {
  position: relative;
}
.photoDiv .container.full {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0 4rem;
}
.photoDiv .photo {
  width: calc(50% - 2rem);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /* positional elements (add position abscolute to these) */
}
.photoDiv .photo img {
  max-height: 500px;
  max-width: 70%;
  -o-object-fit: contain;
     object-fit: contain;
  overflow: visible;
}
.photoDiv .photo.addOverlays {
  position: relative;
}
.photoDiv .photo.addOverlays img {
  max-height: initial;
  max-width: 100%;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}
.photoDiv .photo.top img, .photoDiv .photo.bottom img, .photoDiv .photo.left img, .photoDiv .photo.right img, .photoDiv .photo.full img {
  position: absolute;
  transform: none;
  max-height: calc(100% - var(--paddingAndMarginSize));
}
.photoDiv .photo.small img {
  max-height: 300px;
  max-width: 50%;
}
.photoDiv .photo.big img {
  max-height: 90%;
  max-width: 90%;
}
.photoDiv .photo.full img {
  max-height: initial;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.photoDiv .photo.top img {
  top: 0px;
}
.photoDiv .photo.bottom img {
  bottom: 0px;
  top: initial;
}
.photoDiv .photo.left img {
  left: calc(-1 * var(--containerPadding));
}
.photoDiv .photo.right img {
  left: initial;
  right: calc(-1 * var(--containerPadding));
}
.photoDiv .content {
  width: calc(50% - 2rem);
  padding: var(--paddingAndMarginSize) 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
.photoDiv .content h2 {
  margin: 0 0 1.38rem;
  line-height: 1.2;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  color: inherit;
  font-size: clamp(26px, 5.7894736842px + 0.0263157895 * 100vw, 40px);
}
.photoDiv .content h2.larger {
  font-size: clamp(38px, 0.4661654135px + 0.0488721805 * 100vw, 64px);
  color: #0E3548;
}
.photoDiv.thirtySeventy .photo {
  width: calc(30% - 2rem);
}
.photoDiv.thirtySeventy .content {
  width: calc(70% - 2rem);
}
.photoDiv.reversed .container.full {
  flex-direction: row-reverse;
}
.photoDiv.dark {
  -webkit-clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
          clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
}
.photoDiv.dark:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
          clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
}
.photoDiv.noPolygonCut {
  -webkit-clip-path: none !important;
          clip-path: none !important;
}
.photoDiv.noPolygonOverlay:before, .photoDiv.noPolygonOverlay:after {
  content: none !important;
}
.photoDiv.noPolygons {
  -webkit-clip-path: none !important;
          clip-path: none !important;
}
.photoDiv.noPolygons:before, .photoDiv.noPolygons:after {
  content: none !important;
}
.photoDiv.doubleContent {
  margin: var(--paddingAndMarginSize) 0;
}
.photoDiv.doubleContent .container.full {
  gap: 0 2rem;
}
.photoDiv.doubleContent .content, .photoDiv.doubleContent .content2 {
  width: 50%;
  padding: 0;
}

/* for the spotlights label */
h2.larger {
  font-size: clamp(38px, 0.4661654135px + 0.0488721805 * 100vw, 64px);
  color: #0E3548;
}

.videoDiv {
  position: relative;
}
.videoDiv .container.full {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0 4rem;
}
.videoDiv .content {
  width: calc(50% - 2rem);
  padding: var(--paddingAndMarginSize) 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
.videoDiv .content h2, .videoDiv .content p:first-child {
  margin: 0 0 1.38rem;
  line-height: 1.2;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  color: inherit;
  font-size: clamp(26px, -8.6466165414px + 0.045112782 * 100vw, 50px);
}
.videoDiv .content h2.larger, .videoDiv .content p:first-child.larger {
  font-size: clamp(38px, 0.4661654135px + 0.0488721805 * 100vw, 64px);
  color: #0E3548;
}
.videoDiv .video {
  width: calc(50% - 2rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
.videoDiv.careers {
  margin: var(--paddingAndMarginSize) 0;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Containers */
/****************************************************************************************************/
.container {
  width: 70rem;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  max-width: calc(100vw - (3.5rem * 2) - var(--scrollbar-width));
}
@media (max-width: 1299px) {
  .container {
    max-width: calc(100vw - (2rem * 2) - var(--scrollbar-width));
  }
}
@media (max-width: 1024px) {
  .container {
    max-width: calc(100vw - (1.4rem * 2) - var(--scrollbar-width));
  }
}
@media (max-width: 767px) {
  .container {
    max-width: calc(100vw - (25px * 2) - var(--scrollbar-width));
  }
}
@media (max-width: 500px) {
  .container {
    max-width: calc(100vw - (1rem * 2) - var(--scrollbar-width));
  }
}
.container .container {
  padding-left: 0;
  padding-right: 0;
}
.container.wide {
  width: calc(80rem);
}
.container.narrow {
  width: calc(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: calc(100vw);
  max-width: calc(100vw - var(--scrollbar-width));
  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: 3rem !important;
  }
}
@media (max-width: 1299px) {
  .padLeft {
    padding-left: 2rem !important;
  }
}
@media (max-width: 1024px) {
  .padLeft {
    padding-left: 1.4rem !important;
  }
}
@media (max-width: 767px) {
  .padLeft {
    padding-left: 25px !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: 3rem !important;
  }
}
@media (max-width: 1299px) {
  .padRight {
    padding-right: 2rem !important;
  }
}
@media (max-width: 1024px) {
  .padRight {
    padding-right: 1.4rem !important;
  }
}
@media (max-width: 767px) {
  .padRight {
    padding-right: 25px !important;
  }
}
@media (max-width: 500px) {
  .padRight {
    padding-right: 1rem !important;
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Header */
/****************************************************************************************************/
#header {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  position: absolute;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  border-top: 15px solid #8BD40A;
  height: var(--header-height);
}
#header.up {
  position: fixed;
  animation: header-slide-in 300ms ease;
}
#header .searchHiddenWrapper {
  /* refer to "region Site Search" styles below */
  display: none;
}
#header .topHeader {
  display: none;
}
#header .header {
  z-index: 100;
  color: white;
  padding: 1.5rem 0 1rem 0;
  position: relative;
  background-color: white;
}
#header .header .mainHeaderGrid .logo {
  display: flex;
  justify-content: flex-end;
}
#header .header .mainHeaderGrid .logo img {
  width: 260px;
  max-width: 100%;
  height: auto;
}
#header .header .rightSide .headerTop {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 3rem;
}
#header .header .rightSide .headerTop div.searchOuter .search svg {
  height: 22px;
}
#header .header .rightSide .menuOuter {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: flex-end;
  margin-top: 0.75rem;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Page Topper (Banner) */
/****************************************************************************************************/
/* Usually nested in the topper */
.topperSection {
  position: relative;
  margin: 0;
  text-align: left;
  overflow: hidden;
  min-height: var(--min-topper-height);
}
.topperSection .topperImage {
  position: absolute;
  height: 100%;
  width: 100%;
}
.topperSection .topperImage .imgWrapper {
  height: 100%;
  width: 100%;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--polygon-size)), calc(100% - var(--polygon-size)) 100%, 0% 100%, 0% 0%);
          clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--polygon-size)), calc(100% - var(--polygon-size)) 100%, 0% 100%, 0% 0%);
}
.topperSection .topperImage .imgWrapper img {
  -o-object-position: center 15%;
     object-position: center 15%;
}
.topperSection .container.full .topperContent {
  position: relative;
  margin: 2rem 0;
  max-width: 1100px;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 100px;
  background-color: rgba(14, 53, 72, 0.95);
  padding: 48px 64px;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
          clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
}
.topperSection .container.full .topperContent:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
          clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
}
.topperSection .container.full .topperContent .topperTitle {
  display: flex;
  height: 100%;
  align-items: center;
  min-height: 80px;
}
.topperSection .container.full .topperContent .topperTitle h1 {
  line-height: 1;
  text-transform: uppercase;
  white-space: normal;
  font-size: clamp(26px, -11.5338345865px + 0.0488721805 * 100vw, 52px);
  margin: 0;
}

body.hasSubNavBar .topperSection .topperImage .imgWrapper {
  -webkit-clip-path: initial;
          clip-path: initial;
}

/* #endregion */
/****************************************************************************************************/
.pageSubNav {
  background-color: #0E3548;
}
.pageSubNav nav.topLevelSimple {
  width: 100%;
  display: flex;
  justify-content: center;
}
.pageSubNav nav.topLevelSimple ul {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 0;
  /* scroll bar styles */
}
.pageSubNav nav.topLevelSimple ul::-webkit-scrollbar {
  height: 12px;
  cursor: pointer;
}
.pageSubNav nav.topLevelSimple ul::-webkit-scrollbar-thumb {
  background-color: #8BD40A;
  border: none;
}
.pageSubNav nav.topLevelSimple ul::-webkit-scrollbar-track {
  background-color: white;
  -webkit-box-shadow: inset 0 0 2px #0E3548;
}
.pageSubNav nav.topLevelSimple ul li a {
  display: flex;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  text-decoration: none;
  padding: 36px 50px;
  color: white;
  font-size: 1.25rem;
}
.pageSubNav nav.topLevelSimple ul li a:focus:focus-visible {
  background-color: #8BD40A;
  color: #1E1E1E;
  text-decoration: none;
}
.pageSubNav nav.topLevelSimple ul li a:hover {
  background-color: #8BD40A;
  color: #1E1E1E;
  text-decoration: none;
}
.pageSubNav nav.topLevelSimple ul li.selected a {
  background-color: #449DD1;
  color: white;
}
@media only screen and (max-width: 767px) {
  .pageSubNav nav.topLevelSimple ul {
    overflow-x: auto;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .pageSubNav nav.topLevelSimple ul li a {
    padding: 8px 12px;
  }
}

/****************************************************************************************************/
/*#region Site Main Content */
/****************************************************************************************************/
main {
  padding-top: var(--header-height);
}
main .bd .breadCrumbInner {
  padding: 2rem 0;
  font-size: 0.7rem;
  display: flex;
}
main .bd .breadCrumbInner a {
  color: #555555;
  text-decoration: none;
  font-weight: 400;
}
main .bd .breadCrumbInner > *:last-child {
  color: #1E1E1E;
}
main .bd .breadCrumbInner > *:not(:last-child) {
  color: #555555;
  font-weight: 400;
}
main .bd .breadCrumbInner > *:not(:last-child):hover, main .bd .breadCrumbInner > *:not(:last-child):focus {
  text-decoration: underline;
}
main .bd .breadCrumbInner span.separator {
  margin: 0 0.6em;
}
main .bd .mainContent {
  padding-bottom: 2rem;
}
main .bd .mainContent .sfContentBlock img {
  max-width: 100%;
}
main .bd .sideContent {
  padding: 2rem 0;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Footer */
/****************************************************************************************************/
/* all footer sections */
/* NOTE USE mixin utility classes of mvxl or pvxl etc on Templates to contol padding and margins */
.siteFooter {
  position: relative;
  z-index: 1;
  background: #0E3548;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
          clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
}
.siteFooter .mainFooter {
  padding: 4rem 0 3rem 0;
}
.siteFooter .mainFooter .mainFooterGrid:after {
  content: "";
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  background-repeat: repeat;
  background-size: 100% auto;
  background-position: center;
  background-image: url(/CFImages/bg_line-dashed.svg);
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterLeft {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: flex-start;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterLeft ul.socialLinks {
  margin: 2rem 0;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterRight .footerNavigation nav.topLevelSimple {
  width: 100%;
  margin-bottom: 4rem;
  padding-right: 2rem;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterRight .footerNavigation nav.topLevelSimple ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem 4rem;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterRight .footerNavigation nav.topLevelSimple ul a {
  display: flex;
  flex-direction: column;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterRight .footerNavigation nav.topLevelSimple ul a:after {
  display: block;
  content: "";
  width: 100%;
  border-bottom: solid 2px #8BD40A;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition: transform 250ms ease-in-out;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterRight .footerNavigation nav.topLevelSimple ul a:focus:focus-visible {
  color: #8BD40A;
  text-decoration: none;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterRight .footerNavigation nav.topLevelSimple ul a:focus:focus-visible:after {
  transform: scaleX(1);
  transform-origin: 0% 50%;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterRight .footerNavigation nav.topLevelSimple ul a:hover {
  color: #8BD40A;
  text-decoration: none;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterRight .footerNavigation nav.topLevelSimple ul a:hover:after {
  transform: scaleX(1);
  transform-origin: 0% 50%;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterRight .footerOffices {
  font-size: 16px;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterRight .footerOffices .listView.offices {
  margin: 0;
  --card-width: 18rem;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterRight .footerOffices .listView.offices .cardView.office {
  margin: 0 0 2rem 0;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterRight .footerOffices .listView.offices .cardView.office .cardContent h3.officeTitle {
  margin: 0 0 1rem 0;
  font-size: 20px;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterRight .footerOffices .listView.offices .cardView.office .cardContent span.prefixLabel {
  text-transform: uppercase;
  padding-right: 5px;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterRight .footerOffices .listView.offices .cardView.office .cardContent .contactDetails {
  margin-top: 1rem;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterRight .footerOffices .listView.offices .cardView.office .cardContent .otherContactInfo {
  margin-top: 1rem;
}
.siteFooter .mainFooter .mainFooterGrid .mainFooterRight .footerOffices .listView.offices .cardView.office p:last-child {
  margin-bottom: 0;
}
.siteFooter .copyrightFooter {
  position: relative;
  font-size: 13px;
  padding: 1rem 0;
}
.siteFooter .copyrightFooter:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to left, white calc(100% - 15px), rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 30px;
  background-repeat: repeat-x;
}
.siteFooter .copyrightFooter .container.full {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.siteFooter .copyrightFooter .legalAndCopyright ul.reset {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin: 0;
}
.siteFooter .copyrightFooter .legalAndCopyright ul.reset li:after {
  content: "|";
  margin-left: 0.5rem;
}
.siteFooter .copyrightFooter .legalAndCopyright ul.reset li:last-child:after {
  content: none;
}
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Sticky Sidebar (Scroll Nav) */
/****************************************************************************************************/
.sticky-wrapper {
  position: relative;
}

.stickySidebar {
  padding: 0;
  position: relative;
  height: calc(100vh - 300px);
  overflow: auto;
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
.stickySidebar.stuck {
  position: fixed;
  top: 250px;
  z-index: 10;
}
.stickySidebar ul.scrollingSideBar {
  padding: 1.5rem;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 20px 5px #cccccc;
}
.stickySidebar ul.scrollingSideBar li {
  position: relative;
  padding: 0.4rem 0;
}
.stickySidebar ul.scrollingSideBar li a {
  padding: 0 1.5rem 0 0;
  font-size: 1rem;
  color: #0D0D0D;
  text-decoration: none;
  display: block;
  width: 100%;
}
.stickySidebar ul.scrollingSideBar li a:focus, .stickySidebar ul.scrollingSideBar li a:hover, .stickySidebar ul.scrollingSideBar li a:active {
  color: #0D0D0D;
  padding: 0 0 0 1.5rem;
  font-weight: 600;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.stickySidebar ul.scrollingSideBar li a:focus:before, .stickySidebar ul.scrollingSideBar li a:hover:before, .stickySidebar ul.scrollingSideBar li a:active:before {
  content: "";
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  top: 50%;
  left: 0%;
  transform: rotate(180deg) translateX(-50%) translateY(50%);
  background-size: 100% auto;
  background-position: center;
  background-image: url(/CFImages/Icons/chevron-right-secondary.svg);
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Universal Styles - Shared across cardViews and detailViews */
/****************************************************************************************************/
.audioButton {
  padding: 0rem;
}

.audioFile {
  border: none;
  border-radius: 3px;
  cursor: pointer;
  margin: 0;
  display: inline;
}
.audioFile a {
  padding: 0;
  display: inline-block;
  color: #0E3548;
  display: block;
  line-height: 0;
  display: inline;
}
.audioFile a .icon {
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  filter: grayscale(1) brightness(1.6);
}
.audioFile a:focus .icon, .audioFile a:hover .icon {
  filter: grayscale(0) brightness(1);
}
.audioFile a:active {
  filter: brightness(0.5);
}

.viewAllMoreWrapper {
  text-align: center;
}

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

/* #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 Content Type Labels */
.contentTypeLabels {
  color: #1E1E1E;
  display: inline-block;
  letter-spacing: 0.15em;
  font-size: 1rem;
  margin-bottom: 1.4rem;
  text-transform: uppercase;
}
.contentTypeLabels span.labelValuesSeperator:before {
  content: ": ";
}
.contentTypeLabels a {
  color: inherit;
  text-decoration: none;
}
.contentTypeLabels span.subType {
  display: inline-block;
}

.meta {
  color: #1E1E1E;
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0.15em;
  margin-bottom: 0.6rem;
}
.meta .separator {
  color: inherit;
  margin: 0 0.2rem;
}

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

/* #endregion */
/* #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;
  margin: 0;
}
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;
}
ul.socialLinks li:first-child,
.cmsContent ul.socialLinks li:first-child {
  margin-left: 0;
}
ul.socialLinks li svg,
.cmsContent ul.socialLinks li svg {
  font-size: 22px;
}

/** ShareThis (social sharing links) *****************************************************************/
ul.sharingLinks {
  display: none;
}
ul.sharingLinks.popup_content {
  display: flex !important;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid #8BD40A;
  background-color: #0E3548;
  border-radius: 5px;
  padding: 1rem;
}
ul.sharingLinks.popup_content:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 1rem;
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% calc(100% - 1rem), 1rem 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - 1rem), 1rem 100%, 100% 100%, 100% 0%, 0% 0%);
}
ul.sharingLinks.popup_content li.sharingLink button {
  justify-content: flex-start;
  margin-top: 0;
  padding: 1rem 0.5rem;
  font-size: 0.75rem;
  width: 100%;
}
ul.sharingLinks.popup_content li.sharingLink button svg {
  font-size: 1rem;
  margin-right: 0.5rem;
}
ul.sharingLinks.popup_content li.sharingLink button i {
  color: inherit;
}
ul.sharingLinks.popup_content li.sharingLink button:hover, ul.sharingLinks.popup_content li.sharingLink button:focus ul.sharingLinks.popup_content li.sharingLink button:active {
  color: white;
  background-color: transparent;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Sliders - .sliderView  Currently using SPLIDE */
/****************************************************************************************************/
/* Splide sliders */
.splide {
  position: relative;
  visibility: visible;
  /* Show only the first slide ONLY until the slider is initialized */
  /* slider initialized */
  /* Pagination */
  /* Arrows (sit outside the splide track) */
}
.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.sliderView > li.splide__slide {
  margin: 0;
  width: auto;
}
.splide .splide__pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 1rem;
}
.splide .splide__pagination button.splide__pagination__page {
  border-radius: 0;
  background: #0E3548;
  margin: 0;
  width: 24px;
  height: auto;
  aspect-ratio: 1;
}
.splide .splide__pagination button.splide__pagination__page.is-active {
  background: #8BD40A;
}
.splide .splide__pagination.withNumbers button.splide__pagination__page {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 12px;
}
.splide .splide__arrows {
  /* Slide Arrows are at below the splide track */
  position: relative;
  min-height: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  text-align: right;
  margin: -50px 0 0 0;
  /* Arrows */
}
.splide .splide__arrows .splide__arrow {
  padding: 0;
  background-color: transparent;
  color: #0E3548;
  font-size: 20px;
  opacity: 1;
  margin: 0;
  /* adjust accordingly for position */
  left: initial;
  right: 20px;
  width: 50px;
  height: auto;
  aspect-ratio: 1;
  border: 1px solid #0E3548;
  border-radius: 50%;
  background-color: white;
}
.splide .splide__arrows .splide__arrow.splide__arrow--prev {
  /* adjust accordingly for position */
  right: 90px;
}
.splide .splide__arrows .splide__arrow.splide__arrow--prev svg {
  transform: translatex(0);
}
.splide .splide__arrows .splide__arrow:focus:focus-visible {
  background-color: #8BD40A;
}
.splide .splide__arrows .splide__arrow:hover {
  background-color: #8BD40A;
}

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

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

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Project Slide Show (Home Page Video Slider) */
/****************************************************************************************************/
.projectVideoSlideshow.splide {
  position: relative;
  /* slider sits over top of the video */
}
.projectVideoSlideshow.splide .videoBackground {
  width: 100%;
  background-color: #0E3548;
}
.projectVideoSlideshow.splide .videoBackground .displayVideo .video-container video {
  width: 100%;
  aspect-ratio: 1.78;
  opacity: 0.7;
}
.projectVideoSlideshow.splide .overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}
.projectVideoSlideshow.splide .overlay .container.full {
  height: 100%;
}
.projectVideoSlideshow.splide .overlay .container.full .splide__pagination {
  display: none !important;
}
.projectVideoSlideshow.splide .overlay .container.full .splide__pagination button.splide__pagination__page {
  background: #fff;
}
.projectVideoSlideshow.splide .overlay .container.full .splide__pagination button.splide__pagination__page.is-active {
  background: #8BD40A;
}
.projectVideoSlideshow.splide .overlay .container.full .splide__track .splide__slide .projectfact {
  padding: var(--paddingAndMarginSize) 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 1400px;
  max-width: 100%;
  height: 100%;
}
.projectVideoSlideshow.splide .overlay .container.full .splide__track .splide__slide .theFact {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.projectVideoSlideshow.splide .overlay .container.full .splide__track .splide__slide .theFact span {
  font-size: clamp(36px, -85.2631578947px + 0.1578947368 * 100vw, 120px);
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-variant-numeric: lining-nums proportional-nums;
  text-transform: uppercase;
  line-height: 1;
  text-shadow: 2px 1px 1px #1E1E1E;
}
.projectVideoSlideshow.splide .overlay .container.full .splide__track .splide__slide .theFact span.normal {
  color: white;
}
.projectVideoSlideshow.splide .overlay .container.full .splide__track .splide__slide .theFact span.highlight {
  color: #8BD40A;
}
.projectVideoSlideshow.splide .overlay .container.full .splide__track .splide__slide .theFactSummary {
  font-size: clamp(20px, -21.8646616541px + 0.0545112782 * 100vw, 49px);
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-variant-numeric: lining-nums proportional-nums;
  line-height: 1.2;
  color: white;
  text-shadow: 2px 1px 1px #1E1E1E;
}
.projectVideoSlideshow.splide .overlay .container.full .splide__track .splide__slide .theFactSummary p {
  font-size: clamp(20px, -21.8646616541px + 0.0545112782 * 100vw, 49px);
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-variant-numeric: lining-nums proportional-nums;
  line-height: 1.2;
  color: white;
  text-shadow: 2px 1px 1px #1E1E1E;
}
.projectVideoSlideshow.splide .overlay .container.full .splide__track .splide__slide a.button {
  margin: 2rem 0 1.25rem 0;
}
@media only screen and (max-width: 650px) {
  .projectVideoSlideshow.splide .overlay {
    position: relative;
    background: #0E3548;
  }
  .projectVideoSlideshow.splide .overlay .container.full .splide__track .splide__slide .projectfact {
    padding-bottom: 3rem;
  }
  .projectVideoSlideshow.splide .overlay .container.full .splide__track .splide__slide .theFact span {
    text-shadow: none;
  }
  .projectVideoSlideshow.splide .overlay .container.full .splide__track .splide__slide .theFactSummary {
    text-shadow: none;
  }
  .projectVideoSlideshow.splide .overlay .container.full .splide__track .splide__slide .theFactSummary p {
    text-shadow: none;
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Home Tab Slider (Community/People/Development) */
/****************************************************************************************************/
.homeTabSlider.splide {
  position: relative;
  background-color: #0E3548;
  padding: 0;
  -webkit-clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
          clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
}
.homeTabSlider.splide .splide__slide {
  position: relative;
  /* This is where we do the transitions */
}
.homeTabSlider.splide .splide__slide .cardView.slide {
  position: relative;
  height: 100%;
  background-color: #0E3548;
  position: relative;
}
.homeTabSlider.splide .splide__slide .cardView.slide:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.homeTabSlider.splide .splide__slide .cardView.slide .coverImg {
  z-index: 1;
}
.homeTabSlider.splide .splide__slide .cardView.slide .coverImg .imgWrapper {
  height: 100%;
}
.homeTabSlider.splide .splide__slide .cardView.slide .coverImg .imgWrapper img {
  max-width: initial;
}
.homeTabSlider.splide .splide__slide .cardView.slide .overlayImg {
  z-index: 2;
  inset: 0;
  display: block;
  position: absolute;
  height: 100%;
}
.homeTabSlider.splide .splide__slide .cardView.slide .overlayImg .imgWrapper {
  position: absolute;
  bottom: 0;
  height: 80%;
}
.homeTabSlider.splide .splide__slide .cardView.slide .overlayImg .imgWrapper img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom center;
     object-position: bottom center;
}
.homeTabSlider.splide .splide__slide .cardView.slide .cardContent {
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  color: #fff;
  max-width: 50%;
  margin: 3rem calc(var(--paddingAndMarginSize) * 2);
  z-index: 3;
}
.homeTabSlider.splide .splide__slide .cardView.slide .cardContent h2 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: clamp(21px, 6.5639097744px + 0.0187969925 * 100vw, 31px);
  margin-bottom: 3rem;
  font-variant-numeric: lining-nums proportional-nums;
  text-shadow: 2px 1px 1px #1E1E1E;
}
.homeTabSlider.splide .splide__slide .cardView.slide .cardContent h2 span.lastWord {
  display: block;
  font-size: clamp(40px, -17.7443609023px + 0.0751879699 * 100vw, 80px);
  font-variant-numeric: lining-nums proportional-nums;
  text-shadow: 2px 1px 1px #1E1E1E;
}
.homeTabSlider.splide .splide__slide .cardView.slide .cardContent div.content {
  font-size: clamp(22px, 7.5639097744px + 0.0187969925 * 100vw, 32px);
  font-variant-numeric: lining-nums proportional-nums;
  text-shadow: 2px 1px 1px #1E1E1E;
}
.homeTabSlider.splide .splide__slide .cardView.slide .cardContent div.content p {
  font-size: clamp(22px, 7.5639097744px + 0.0187969925 * 100vw, 32px);
  font-variant-numeric: lining-nums proportional-nums;
  text-shadow: 2px 1px 1px #1E1E1E;
}
.homeTabSlider.splide .splide__slide .cardView.slide .cardContent .button.outline {
  margin: 3rem 0;
  border: 2px solid #fff;
  background-color: transparent;
  color: #fff;
  width: -moz-fit-content;
  width: fit-content;
}
.homeTabSlider.splide .splide__slide .cardView.slide .cardContent .button.outline:focus:focus-visible {
  color: #8BD40A;
  border-color: #8BD40A;
  text-decoration: none;
}
.homeTabSlider.splide .splide__slide .cardView.slide .cardContent .button.outline:hover {
  color: #8BD40A;
  border-color: #8BD40A;
  text-decoration: none;
}
.homeTabSlider.splide .splide__slide .cardView.slide .cardContent .button.outline:active {
  color: #8BD40A;
  border-color: #8BD40A;
  text-decoration: none;
}
.homeTabSlider.splide .splide__slide.is-visible .cardView.slide {
  /* transition shift of position */
  /* transition slide right */
  /* transition fade */
}
.homeTabSlider.splide .splide__slide.is-visible .cardView.slide .coverImg .imgWrapper img {
  animation: shift-image-position;
  animation-duration: 1.5s;
  filter: blur(5px);
}
.homeTabSlider.splide .splide__slide.is-visible .cardView.slide .overlayImg {
  animation: slide-in-from-left;
  animation-duration: 1.5s;
}
.homeTabSlider.splide .splide__slide.is-visible .cardView.slide .cardContent {
  animation: fadeIn;
  animation-duration: 1.5s;
}
@media only screen and (max-width: 650px) {
  .homeTabSlider.splide .splide__slide .cardView.slide .cardContent {
    max-width: 100%;
  }
}

#homeNavSlider {
  position: relative;
  background-color: #0E3548;
  padding: 0;
}
#homeNavSlider:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
          clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
}
#homeNavSlider .splide__pagination button.splide__pagination__page {
  background: white;
}
#homeNavSlider .splide__pagination button.splide__pagination__page.is-active {
  background: #8BD40A;
}
#homeNavSlider .splide__track--nav > .splide__list > .splide__slide.is-active {
  border: none !important;
}
#homeNavSlider .homeTabSliderNavigation .splide__slide {
  position: relative;
}
#homeNavSlider .homeTabSliderNavigation .splide__slide div.navigationTab {
  padding: 1rem 2rem;
}
#homeNavSlider .homeTabSliderNavigation .splide__slide div.navigationTab span {
  display: block;
  color: #fff;
}
#homeNavSlider .homeTabSliderNavigation .splide__slide div.navigationTab span.title {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 4.1203007519px + 0.0206766917 * 100vw, 31px);
  text-transform: uppercase;
  margin-bottom: 1rem;
}
#homeNavSlider .homeTabSliderNavigation .splide__slide div.navigationTab span.summary {
  font-size: clamp(14px, 5.3383458647px + 0.0112781955 * 100vw, 20px);
}
@media only screen and (max-width: 650px) {
  #homeNavSlider .homeTabSliderNavigation .splide__slide div.navigationTab {
    padding: 1rem 2rem 4rem 2rem;
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region LIST VIEWS - .listView THIS ONLY CONTROL THE GRIDS and number of ITEMS - NOT THE CARDS */
/****************************************************************************************************/
.listView {
  display: grid;
  position: relative;
  grid-template-columns: repeat(auto-fill, minmax(min(var(--card-width), 100%), 1fr));
  gap: var(--card-gap);
  margin-bottom: 2rem;
  --listViewArticleIndex: none;
}

/* fixedSize class is a card that has a fixed pixel width that never scales and only wraps (should always be less than 320px) */
.listView.fixedSize {
  grid-template-columns: repeat(auto-fill, minmax(var(--card-width), var(--card-width)));
}

.listView.fixedSizeScales {
  grid-template-columns: repeat(auto-fit, minmax(min(var(--card-width), 100%), 1fr));
}

/* defined number of columns class */
.listView.gridCols {
  grid-template-columns: repeat(var(--column-count), 1fr);
}

.listView.gridCols.oneCol {
  --column-count: 1;
}

.listView.gridCols.twoCol {
  --column-count: 2;
}

.listView.gridCols.threeCol {
  --column-count: 3;
}

.listView.gridCols.fourCol {
  --column-count: 4;
}

.listView.gridCols.fiveCol {
  --column-count: 5;
}

.listView.gridCols.sixCol {
  --column-count: 6;
}

/* Responsive resizing of gridsCols */
@media (max-width: 1299px) {
  .listView.gridCols {
    /* Go down to 4 */
    /* Go down to 3 */
  }
  .listView.gridCols.fiveCol, .listView.gridCols.sixCol {
    --column-count: 4;
  }
  .listView.gridCols.fourCol {
    --column-count: 3;
  }
}
@media (max-width: 1024px) {
  /* Go down to 3 */
  .listView.gridCols.fiveCol, .listView.gridCols.sixCol {
    --column-count: 3;
  }

  /* Go down to 2 */
  .listView.gridCols.fourCol, .listView.gridCols.threeCol {
    --column-count: 2;
  }
}
@media (max-width: 767px) {
  /* Go down to 2 */
  .listView.gridCols.fiveCol, .listView.gridCols.sixCol {
    --column-count: 2;
  }

  /* Go down to 1 */
  .listView.gridCols.twoCol, .listView.gridCols.threeCol {
    --column-count: 1;
  }
}
@media (max-width: 600px) {
  /* Go down to 1 */
  .listView.gridCols.fourCol, .listView.gridCols.fiveCol, .listView.gridCols.sixCol {
    --column-count: 1;
  }
}
/* ### Content Specific Sizing of Grids if required exact dimensions can be paired with default or fixedSizeScales or .fixedSize ### */
.listView.projects, .listView.insights.publications {
  --card-gap: 2rem;
  --card-width: calc(33% - var(--card-gap));
}
@media (max-width: 1299px) {
  .listView.projects, .listView.insights.publications {
    --card-width: calc(50% - var(--card-gap));
  }
}
@media (max-width: 767px) {
  .listView.projects, .listView.insights.publications {
    --card-width: 100%;
  }
}

.listView.employeespotlights.noGap {
  --card-gap: 0;
  --card-width: 360px;
}

/* Special Reduced WhatWeDos list on Template */
.whatWeDoReduced {
  margin: var(--paddingAndMarginSize) 0;
}
.whatWeDoReduced .grid.resizable {
  position: relative;
  padding: 1.5rem 0;
}
.whatWeDoReduced .grid.resizable:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to left, #0E3548 calc(100% - 15px), rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 30px;
  background-repeat: repeat-x;
}
.whatWeDoReduced h3 {
  margin: 0;
  line-height: 1.2;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  color: inherit;
  font-size: clamp(22px, -18.4210526316px + 0.0526315789 * 100vw, 50px);
}
.whatWeDoReduced ul.listView.whatWeDos {
  display: flex;
  padding: 1rem;
  flex-wrap: nowrap;
  gap: 1rem 1rem;
  margin: 0;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  /* scroll bar styles */
}
.whatWeDoReduced ul.listView.whatWeDos::-webkit-scrollbar {
  height: 12px;
}
.whatWeDoReduced ul.listView.whatWeDos::-webkit-scrollbar-thumb {
  background-color: #8BD40A;
  border: none;
  width: 150px;
}
.whatWeDoReduced ul.listView.whatWeDos::-webkit-scrollbar-track {
  background-color: white;
  -webkit-box-shadow: inset 0 0 2px transparent;
  border-top: 1px solid #1E1E1E;
  border-bottom: 1px solid #1E1E1E;
}
.whatWeDoReduced ul.listView.whatWeDos li {
  padding: 0;
  margin: 0;
}
.whatWeDoReduced ul.listView.whatWeDos li:before {
  content: none;
}
.whatWeDoReduced ul.listView.whatWeDos li a.button {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .whatWeDoReduced ul.listView.whatWeDos {
    overflow-x: auto;
    overflow-y: scroll;
    flex-wrap: wrap;
    height: 200px;
  }
}

/* Related Content Lists (if different) */
/*
.related .listView.related {
}
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region CARDS - .cardView */
/****************************************************************************************************/
/* Shared/Common Card Views Styles */
.cardView {
  height: 100%;
  width: 100%;
}
.cardView.reverse {
  background-color: #fff;
  border-radius: 5px;
  padding: 1.25rem;
  color: #1E1E1E !important;
  /* Title */
}
.cardView.reverse h3 {
  font-size: 1.2rem;
  color: #1E1E1E;
  margin-top: 0;
}
.cardView.reverse h3 a:link, .cardView.reverse h3 a:visited {
  color: #1E1E1E;
}
.cardView.reverse h3 a:hover, .cardView.reverse h3 a:active {
  color: #8BD40A;
}
.cardView.reverse a:link, .cardView.reverse a:visited {
  color: #1E1E1E;
}
.cardView.reverse a:hover, .cardView.reverse a:active {
  color: #8BD40A;
}
.cardView.twoColumn {
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
}
.cardView.twoColumn .cardContent {
  padding: 1.25rem;
}
.cardView.imageCard {
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0px 0px 20px 5px #999999;
}
.cardView.imageCard .imgWrapper {
  position: relative;
  max-height: 250px;
  overflow: hidden;
}
.cardView.imageCard .imgWrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.4;
}
.cardView.imageCard span.featured {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  padding: 4px 8px;
  border-radius: 0.25rem;
  background-color: #1E1E1E;
  font-size: 0.9rem;
  color: #fff;
  text-transform: uppercase;
}
.cardView.imageCard .cardContent {
  position: relative;
  padding: 1.5rem 1rem;
}
.cardView.imageCard.withScrollbar {
  /* scrollbar option*/
}
.cardView.imageCard.withScrollbar .cardContent {
  margin: 1.5rem 0.75rem 1.5rem 0.25rem;
  padding-top: 0;
  max-height: 400px;
  overflow-y: scroll;
}
.cardView.imageCard.withScrollbar .cardContent::-webkit-scrollbar {
  width: 0.375rem;
}
.cardView.imageCard.withScrollbar .cardContent::-webkit-scrollbar-track {
  box-shadow: 0;
  border-radius: 1rem;
}
.cardView.imageCard.withScrollbar .cardContent::-webkit-scrollbar-thumb {
  background: #CCCCCC;
  border-radius: 1rem;
}
.cardView.imageCard:hover .imgWrapper img {
  transition: all 0.6s ease;
  transform: scale(1.2);
}
.cardView.imageOverlayCard {
  position: relative;
  height: 100%;
  min-height: 200px;
}
.cardView.imageOverlayCard .overlayWrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  /* zoom in the image */
}
.cardView.imageOverlayCard .overlayWrapper .imgWrapper {
  width: 100%;
  height: 100%;
}
.cardView.imageOverlayCard .overlayWrapper .imgWrapper img {
  transition: all 0.6s ease;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0%;
     object-position: 50% 0%;
}
.cardView.imageOverlayCard .overlayWrapper:hover .imgWrapper img {
  transform: scale(1.2);
}
.cardView.imageOverlayCard .overlayWrapper .overlay {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.cardView.imageHoverCard {
  position: relative;
  height: 100%;
  min-height: 200px;
}
.cardView.imageHoverCard .overlayWrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.cardView.imageHoverCard .overlayWrapper .imgWrapper {
  width: 100%;
  height: 100%;
}
.cardView.imageHoverCard .overlayWrapper .imgWrapper img {
  transition: all 0.6s ease;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0%;
     object-position: 50% 0%;
}
.cardView.imageHoverCard .overlayWrapper .overlay {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.cardView.imageHoverCard .overlayWrapper:focus:focus-visible .overlay {
  opacity: 1;
}
.cardView.imageHoverCard .overlayWrapper:hover .overlay {
  opacity: 1;
}
.cardView h3 {
  margin: 0;
  text-transform: uppercase;
}

/* Content Specfic Card Views Styles */
/* Team Card View */
.cardView.teammember {
  position: relative;
  background: linear-gradient(180deg, transparent var(--polygon-size), #f3f3f3 100px);
  /* content wrapper  */
}
.cardView.teammember .imgWrapper {
  aspect-ratio: 0.95;
  background: #E0DDE0;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%, 0% 0%);
}
.cardView.teammember .imgWrapper .img {
  -o-object-position: 50% 0%;
     object-position: 50% 0%;
}
.cardView.teammember .cardContent {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2.5rem 3rem;
  /* title */
  /* position */
}
.cardView.teammember .cardContent h3 {
  margin: 0;
}
.cardView.teammember .cardContent h3 a:link, .cardView.teammember .cardContent h3 a:visited {
  color: #1E1E1E;
}
.cardView.teammember .cardContent .position {
  display: block;
  color: #1E1E1E;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 1rem;
}
.cardView.teammember:focus:focus-visible {
  box-shadow: 0px 0px 20px 5px #cccccc;
}
.cardView.teammember:focus:focus-visible .imgWrapper {
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}
.cardView.teammember:focus:focus-visible .imgWrapper:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}
.cardView.teammember:hover {
  box-shadow: 0px 0px 20px 5px #cccccc;
}
.cardView.teammember:hover .imgWrapper {
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}
.cardView.teammember:hover .imgWrapper:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}

/* Expertise/Sectors/DeliveryMethods Card View*/
/* Expertise: Card View*/
/* Project Card & Publication (Insight) Card (share same styles) */
.cardView.project, .cardView.insight.publication {
  background: linear-gradient(180deg, transparent var(--polygon-size), #f3f3f3 100px);
  /* This is for when two images are added */
  /* This is when there is only one image added (or the fallback) */
}
.cardView.project h3, .cardView.insight.publication h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.cardView.project .relatedImagesWrapper, .cardView.insight.publication .relatedImagesWrapper {
  position: relative;
}
.cardView.project .relatedImagesWrapper .imgWrapper, .cardView.insight.publication .relatedImagesWrapper .imgWrapper {
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%, 0% 0%);
  aspect-ratio: 1.4;
  width: 100%;
  overflow: hidden;
}
.cardView.project .relatedImagesWrapper .imgWrapper img, .cardView.insight.publication .relatedImagesWrapper .imgWrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cardView.project .relatedImagesWrapper .imgWrapper:nth-child(2), .cardView.insight.publication .relatedImagesWrapper .imgWrapper:nth-child(2) {
  position: absolute;
  top: 0;
  opacity: 0;
  height: 0;
}
.cardView.project .imgWrapper.singleImageOnly, .cardView.insight.publication .imgWrapper.singleImageOnly {
  position: relative;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%, 0% 0%);
  aspect-ratio: 1.4;
  overflow: hidden;
}
.cardView.project .imgWrapper.singleImageOnly img, .cardView.insight.publication .imgWrapper.singleImageOnly img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cardView.project .cardContent, .cardView.insight.publication .cardContent {
  min-height: 360px;
  padding: 1.5rem var(--paddingAndMarginSize);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cardView.project .cardContent .bottom, .cardView.insight.publication .cardContent .bottom {
  display: flex;
  gap: 0.75rem;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.cardView.project .cardContent .bottom .contentTypeLabels, .cardView.insight.publication .cardContent .bottom .contentTypeLabels {
  margin: 0;
}
.cardView.project .cardContent .bottom .contentTypeLabels a, .cardView.insight.publication .cardContent .bottom .contentTypeLabels a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.9rem;
  color: #0E3548;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  border: 2px solid #0E3548;
  cursor: pointer;
  padding: 0.5rem 1rem;
  margin-top: 0;
  text-decoration: none;
}
.cardView.project .cardContent .bottom .contentTypeLabels a:focus:focus-visible, .cardView.insight.publication .cardContent .bottom .contentTypeLabels a:focus:focus-visible {
  color: #8BD40A;
  border: 2px solid #8BD40A;
}
.cardView.project .cardContent .bottom .contentTypeLabels a:hover, .cardView.insight.publication .cardContent .bottom .contentTypeLabels a:hover {
  color: #8BD40A;
  border: 2px solid #8BD40A;
}
.cardView.project .cardContent .bottom .locationDetails, .cardView.insight.publication .cardContent .bottom .locationDetails {
  max-width: 50%;
}
.cardView.project .cardContent .bottom ul.listView.sectors.simple, .cardView.insight.publication .cardContent .bottom ul.listView.sectors.simple {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.cardView.project .cardContent .bottom ul.listView.sectors.simple li a, .cardView.insight.publication .cardContent .bottom ul.listView.sectors.simple li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.9rem;
  color: #0E3548;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  border: 2px solid #0E3548;
  cursor: pointer;
  padding: 0.5rem 1rem;
  margin-top: 0;
  text-decoration: none;
}
.cardView.project .cardContent .bottom ul.listView.sectors.simple li a:focus:focus-visible, .cardView.insight.publication .cardContent .bottom ul.listView.sectors.simple li a:focus:focus-visible {
  color: #8BD40A;
  border: 2px solid #8BD40A;
}
.cardView.project .cardContent .bottom ul.listView.sectors.simple li a:hover, .cardView.insight.publication .cardContent .bottom ul.listView.sectors.simple li a:hover {
  color: #8BD40A;
  border: 2px solid #8BD40A;
}
.cardView.project:focus:focus-visible, .cardView.insight.publication:focus:focus-visible {
  box-shadow: 0px 0px 20px 5px #cccccc;
  /* This is for when two images are added */
  /* This is when there is only one image added (or the fallback) */
}
.cardView.project:focus:focus-visible .relatedImagesWrapper .imgWrapper, .cardView.insight.publication:focus:focus-visible .relatedImagesWrapper .imgWrapper {
  opacity: 0;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
  transition: opacity 0.5s, -webkit-clip-path 0.5s;
  transition: opacity 0.5s, clip-path 0.5s;
  transition: opacity 0.5s, clip-path 0.5s, -webkit-clip-path 0.5s;
}
.cardView.project:focus:focus-visible .relatedImagesWrapper .imgWrapper:after, .cardView.insight.publication:focus:focus-visible .relatedImagesWrapper .imgWrapper:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}
.cardView.project:focus:focus-visible .relatedImagesWrapper .imgWrapper:nth-child(2), .cardView.insight.publication:focus:focus-visible .relatedImagesWrapper .imgWrapper:nth-child(2) {
  position: absolute;
  top: 0;
  opacity: 1;
  height: auto;
}
.cardView.project:focus:focus-visible .imgWrapper.singleImageOnly, .cardView.insight.publication:focus:focus-visible .imgWrapper.singleImageOnly {
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}
.cardView.project:focus:focus-visible .imgWrapper.singleImageOnly:after, .cardView.insight.publication:focus:focus-visible .imgWrapper.singleImageOnly:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}
.cardView.project:hover, .cardView.insight.publication:hover {
  box-shadow: 0px 0px 20px 5px #cccccc;
  /* This is for when two images are added */
  /* This is when there is only one image added (or the fallback) */
}
.cardView.project:hover .relatedImagesWrapper .imgWrapper, .cardView.insight.publication:hover .relatedImagesWrapper .imgWrapper {
  opacity: 0;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
  transition: opacity 0.5s, -webkit-clip-path 0.5s;
  transition: opacity 0.5s, clip-path 0.5s;
  transition: opacity 0.5s, clip-path 0.5s, -webkit-clip-path 0.5s;
}
.cardView.project:hover .relatedImagesWrapper .imgWrapper:after, .cardView.insight.publication:hover .relatedImagesWrapper .imgWrapper:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}
.cardView.project:hover .relatedImagesWrapper .imgWrapper:nth-child(2), .cardView.insight.publication:hover .relatedImagesWrapper .imgWrapper:nth-child(2) {
  position: absolute;
  top: 0;
  opacity: 1;
  height: auto;
}
.cardView.project:hover .imgWrapper.singleImageOnly, .cardView.insight.publication:hover .imgWrapper.singleImageOnly {
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}
.cardView.project:hover .imgWrapper.singleImageOnly:after, .cardView.insight.publication:hover .imgWrapper.singleImageOnly:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}

/* By the numbers Card*/
.cardView.projectnumber {
  display: flex;
  flex-direction: column;
  padding: 1rem 0.5rem;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.cardView.projectnumber span {
  display: block;
  margin: 0 0 10px 0;
  line-height: 1.1;
  text-align: center;
}
.cardView.projectnumber span.normal {
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  margin: 0;
  padding: 0;
}
.cardView.projectnumber span.highlight {
  font-size: clamp(60px, 8.030075188px + 0.0676691729 * 100vw, 96px);
  color: #449DD1;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

/* FeaturedContentItem Cards*/
.cardView.featuredcontentitem {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cardView.featuredcontentitem .imgWrapper {
  position: relative;
  -webkit-clip-path: polygon(calc(100% - var(--polygon-size)) 100%, 100% calc(100% - var(--polygon-size)), 100% 0%, var(--polygon-size) 0%, 0% var(--polygon-size), 0% 100%);
          clip-path: polygon(calc(100% - var(--polygon-size)) 100%, 100% calc(100% - var(--polygon-size)), 100% 0%, var(--polygon-size) 0%, 0% var(--polygon-size), 0% 100%);
  aspect-ratio: 1.8;
  overflow: hidden;
}
.cardView.featuredcontentitem .imgWrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(100%);
}
.cardView.featuredcontentitem .cardContent {
  min-height: 300px;
  width: 80%;
  padding: var(--paddingAndMarginSize);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
}
.cardView.featuredcontentitem .cardContent h3 {
  font-size: clamp(22px, 10.4511278195px + 0.015037594 * 100vw, 30px);
  color: #1E1E1E;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}

.sliderView.featuredcontentitems li.is-active .cardView.featuredcontentitem .imgWrapper {
  -webkit-clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
          clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
}
.sliderView.featuredcontentitems li.is-active .cardView.featuredcontentitem .imgWrapper:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
          clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
}
.sliderView.featuredcontentitems li.is-active .cardView.featuredcontentitem .imgWrapper img {
  filter: none;
}

/* Employee Spotlight Cards - Standard */
.cardView.employeespotlight.standard {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  background: #F3F3F3;
  --img-testimonial-width: 600px;
}
.cardView.employeespotlight.standard .imgWrapper {
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--polygon-size)), calc(100% - var(--polygon-size)) 100%, 0% 100%, 0% 0%);
          clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--polygon-size)), calc(100% - var(--polygon-size)) 100%, 0% 100%, 0% 0%);
  aspect-ratio: 1.2;
  overflow: hidden;
  width: var(--img-testimonial-width);
}
.cardView.employeespotlight.standard .imgWrapper:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--polygon-size)), calc(100% - var(--polygon-size)) 100%, 0% 100%, 0% 0%);
          clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--polygon-size)), calc(100% - var(--polygon-size)) 100%, 0% 100%, 0% 0%);
}
.cardView.employeespotlight.standard .imgWrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.cardView.employeespotlight.standard .cardContent {
  width: calc(100% - var(--img-testimonial-width));
  min-height: 300px;
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}
.cardView.employeespotlight.standard .cardContent h3 {
  padding-top: 2rem;
}
.cardView.employeespotlight.standard .cardContent span.positionTitle {
  text-transform: uppercase;
  font-weight: 700;
}
.cardView.employeespotlight.standard .cardContent span.quote {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  color: #1E1E1E;
  font-size: 16px;
  max-width: 900px;
  line-height: 1.4;
  padding-bottom: 2rem;
}
.cardView.employeespotlight.standard .cardContent span.quote p {
  font-size: 16px;
  line-height: 1.4;
}
@media only screen and (max-width: 1299px) {
  .cardView.employeespotlight.standard {
    --img-testimonial-width: 500px;
    background: #F3F3F3;
  }
}
@media only screen and (max-width: 1024px) {
  .cardView.employeespotlight.standard {
    --img-testimonial-width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .cardView.employeespotlight.standard {
    flex-direction: column;
  }
  .cardView.employeespotlight.standard .imgWrapper {
    max-width: 100%;
    width: 100%;
  }
  .cardView.employeespotlight.standard .cardContent {
    width: 100%;
    padding-bottom: 80px;
  }
}

/* Employee Spotlight Cards - NAC Team Page */
.cardView.employeespotlight.imageHoverCard .overlayWrapper {
  aspect-ratio: 0.93;
}
.cardView.employeespotlight.imageHoverCard .overlayWrapper .overlay.cardContent {
  background-color: #0E3548;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow-x: hidden;
  overflow-y: scroll;
}
.cardView.employeespotlight.imageHoverCard .overlayWrapper .overlay.cardContent h3 {
  margin: 0;
}
.cardView.employeespotlight.imageHoverCard .overlayWrapper .overlay.cardContent span.positionTitle {
  text-transform: uppercase;
  font-weight: 700;
}
.cardView.employeespotlight.imageHoverCard .overlayWrapper .overlay.cardContent span.quote {
  display: block;
  margin-top: 1rem;
  font-size: 14px;
  line-height: 1.4;
  height: 100%;
  padding-bottom: 1.5rem;
}
.cardView.employeespotlight.imageHoverCard .overlayWrapper .overlay.cardContent span.quote p {
  font-size: 14px;
  line-height: 1.4;
}
.cardView.employeespotlight.imageHoverCard .overlayWrapper:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
          clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
}
.cardView.employeespotlight.imageHoverCard .overlayWrapper:focus:focus-visible:after {
  background-color: white;
}
.cardView.employeespotlight.imageHoverCard .overlayWrapper:hover:after {
  background-color: white;
}
.cardView.employeespotlight.imageHoverCard ::-webkit-scrollbar-track {
  background-color: #0E3548;
}
.cardView.employeespotlight.imageHoverCard ::-webkit-scrollbar-thumb {
  background-color: #8BD40A;
  border: none;
}

.careersWrapper {
  margin: 0;
  padding-top: 2rem;
}

.spotlightWrapper {
  margin: 0 0 2rem 0;
  padding-top: 2rem;
}
.spotlightWrapper .employeespotlightsWrapper.splide {
  padding-bottom: 2rem;
}
.spotlightWrapper .employeespotlightsWrapper.splide .splide__arrows {
  margin: -4rem 0 0;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .spotlightWrapper h2.larger {
    margin-bottom: 5rem;
  }
  .spotlightWrapper .employeespotlightsWrapper.splide .splide__arrows {
    margin: -3rem 0 0;
  }
}

/* Ranking CardView */
.cardView.ranking {
  margin: 0;
  position: relative;
  padding-bottom: 2rem;
  position: relative;
}
.cardView.ranking .cardContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0.25rem;
  /* optional item */
}
.cardView.ranking .cardContent span {
  display: block;
  margin: 0.2rem;
}
.cardView.ranking .cardContent span.rankingPublisher {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.35em;
  color: #1E1E1E;
  font-size: 0.7rem;
  text-align: center;
}
.cardView.ranking .cardContent span.rankingAccolade {
  color: #0E3548;
  font-weight: 500;
  font-size: 1.2rem;
  max-width: 80%;
  text-transform: none;
  text-align: center;
}
.cardView.ranking .cardContent span.rankingLocation {
  color: #707070;
  font-size: 0.7rem;
  text-transform: uppercase;
}
.cardView.ranking .cardContent span.yearAwarded {
  color: #1E1E1E;
  font-size: 1.2rem;
  position: absolute;
  bottom: 0.5rem;
}

/* Global Alert CardView */
.cardView.globalalert {
  padding: 0.5rem 0;
  position: relative;
  display: flex;
  align-items: center;
}
.cardView.globalalert .alertIcon {
  padding-right: 1rem;
}
.cardView.globalalert .alertIcon svg {
  font-size: 1.2rem;
  color: white;
}
.cardView.globalalert .alertContent a.alertLabelLink {
  text-decoration: underline;
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}
.cardView.globalalert .alertContent .optionalContent {
  font-size: 0.8rem;
}
.cardView.globalalert .alertContent .optionalContent p {
  margin: 0;
  font-size: 0.8rem;
}
.cardView.globalalert .alertContent .optionalContent a {
  text-decoration: underline;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region DETAIL VIEWS - .detailView */
/****************************************************************************************************/
/* Shared detailView Styles */
.detailView {
  /* Social */
  /* Grid for Photos (project detail page) */
}
.detailView .topperSection {
  position: relative;
  margin: 0;
  min-height: 600px;
}
.detailView .topperSection .contentTypeLabels {
  font-size: inherit;
}
.detailView .topperSection .topperContent {
  padding: 5rem 0;
}
.detailView .topperSection .topperImage .imgWrapper img {
  -o-object-position: initial;
     object-position: initial;
}
@media (max-width: 767px) {
  .detailView .topperSection {
    display: flex;
    flex-direction: column-reverse;
  }
  .detailView .topperSection .topperImage {
    position: relative;
    height: auto;
  }
  .detailView .topperSection .topperImage .imgWrapper {
    -webkit-clip-path: initial;
            clip-path: initial;
  }
  .detailView .topperSection .container.full {
    padding: 0;
  }
  .detailView .topperSection .container.full .topperContent {
    opacity: 1;
    animation: none;
    -webkit-clip-path: initial;
            clip-path: initial;
    margin: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    display: flex;
    height: 100%;
    align-items: center;
  }
  .detailView .topperSection .container.full .topperContent .topperTitle {
    min-height: 0;
  }
  .detailView .topperSection .container.full .topperContent .topperTitle h1 {
    width: 80%;
    font-size: 26px;
    margin: 20px auto;
  }
}
.detailView h2.listViewTitle {
  font-size: clamp(28px, -6.6466165414px + 0.045112782 * 100vw, 52px);
  line-height: 1;
  text-transform: uppercase;
  white-space: normal;
}
.detailView .overview {
  margin-top: 0;
}
.detailView .overview .readMoreButtonWrapper {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detailView .overview .readMoreButtonWrapper .toggleReadMore {
  margin: 0 auto;
}
.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 .sidebarGrid {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 5rem;
}
.detailView .sidebarGrid .mainContent {
  width: 50%;
}
.detailView .sidebarGrid .mainContent > :first-child {
  margin-top: 2rem;
}
.detailView .sidebarGrid .mainContent > :last-child {
  margin-bottom: 4rem;
}
.detailView .sidebarGrid .sideContent {
  width: 50%;
  background-color: #F3F3F3;
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
}
.detailView .sidebarGrid .sideContent h3.legendTitle {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.52;
  color: #0E3548;
  margin: 0;
  padding: 0;
  white-space: break-spaces;
}
.detailView .sidebarGrid .sideContent .relatedDetails {
  position: relative;
  padding: 3rem 4rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.detailView .sidebarGrid .sideContent .relatedDetails .legendView {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.3rem;
  justify-content: flex-start;
}
.detailView .sidebarGrid .sideContent .relatedDetails .legendView ul.legendValues {
  margin: 0;
  padding: 0;
}
.detailView .sidebarGrid .sideContent .relatedDetails .legendView ul.legendValues li {
  font-size: 1rem;
  line-height: 1.6;
  color: #0E3548;
  margin: 0;
  padding: 0;
}
.detailView .sidebarGrid .sideContent .relatedDetails .legendView span.legendValues {
  display: block;
  font-size: 1rem;
  line-height: 1.6;
  color: #0E3548;
}
@media only screen and (max-width: 767px) {
  .detailView .sidebarGrid .sideContent .relatedDetails {
    padding: 2rem 1rem;
  }
  .detailView .sidebarGrid .sideContent .relatedDetails .legendView {
    display: block;
  }
}
.detailView .sidebarGrid .sideContent .projectnumbersWrapper {
  padding: 3rem 2rem 5rem 2rem;
}
.detailView .sidebarGrid .sideContent .projectnumbersWrapper .listView.projectnumbers {
  grid-template-columns: 1fr;
}
.detailView .sidebarGrid .sideContent .projectnumbersWrapper h3.listViewTitle {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  text-transform: uppercase;
  line-height: 1.2;
  color: #0E3548;
  margin: 0;
  padding: 0;
  text-align: center;
}
.detailView .sidebarGrid .sideContent .splide__track {
  margin-bottom: 1rem;
}
.detailView .sidebarGrid .sideContent .splide__arrows {
  margin: 0;
  /* Arrows */
}
.detailView .sidebarGrid .sideContent .splide__arrows .splide__arrow {
  right: calc(50% - 3rem);
}
.detailView .sidebarGrid .sideContent .splide__arrows .splide__arrow.splide__arrow--prev {
  /* adjust accordingly for position */
  right: calc(50% + 1rem);
}
@media only screen and (max-width: 767px) {
  .detailView .sidebarGrid {
    flex-direction: column;
    gap: 1rem;
  }
  .detailView .sidebarGrid .mainContent {
    width: 100%;
    padding-bottom: 1rem;
  }
  .detailView .sidebarGrid .mainContent > :last-child {
    margin-bottom: 1rem;
  }
  .detailView .sidebarGrid .sideContent {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.detailView .mainContent.noSideBar {
  width: 80%;
}
@media (max-width: 767px) {
  .detailView .mainContent.noSideBar {
    width: 100%;
  }
}
.detailView .bottomContent {
  margin-top: var(--paddingAndMarginSize);
}
.detailView .relatedImagesWrapper.photoGallery {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  /* Show the first 7 images */
}
.detailView .relatedImagesWrapper.photoGallery .imgWrapper {
  position: relative;
  margin: 0;
  /* Initially hide all the images */
  display: none;
  grid-template-rows: 1fr auto;
  cursor: pointer;
  height: 100%;
}
.detailView .relatedImagesWrapper.photoGallery .imgWrapper img {
  position: relative;
  aspect-ratio: initial;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.detailView .relatedImagesWrapper.photoGallery .imgWrapper:nth-child(-n+7) {
  display: grid;
}
.detailView .relatedImagesWrapper.photoGallery .imgWrapper:nth-child(1), .detailView .relatedImagesWrapper.photoGallery .imgWrapper:nth-child(4), .detailView .relatedImagesWrapper.photoGallery .imgWrapper:nth-child(8), .detailView .relatedImagesWrapper.photoGallery .imgWrapper:nth-child(14) {
  grid-column: auto/span 2;
  -webkit-clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
          clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
}
.detailView .relatedImagesWrapper.photoGallery.hasLoadMore {
  -webkit-mask-image: linear-gradient(180deg, #000 90%, transparent);
}
.detailView .related div.masthead {
  position: relative;
  margin: calc(2 * var(--paddingAndMarginSize)) 0 var(--paddingAndMarginSize) 0;
  min-height: 600px;
}
.detailView .related div.masthead .mastheadImage {
  position: absolute;
  height: 100%;
  width: 100%;
}
.detailView .related div.masthead .mastheadImage .imgWrapper {
  height: 100%;
  width: 100%;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--polygon-size)), calc(100% - var(--polygon-size)) 100%, 0% 100%, 0% 0%);
          clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--polygon-size)), calc(100% - var(--polygon-size)) 100%, 0% 100%, 0% 0%);
}
.detailView .related div.masthead .mastheadInner {
  position: relative;
  margin: var(--paddingAndMarginSize) 0;
  top: calc(-1 * var(--paddingAndMarginSize));
  left: var(--containerPadding);
  z-index: 2;
  background-color: rgba(14, 53, 72, 0.8);
  width: 870px;
  min-height: 200px;
  max-width: 60%;
  padding: 2rem;
  min-width: 280px;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--polygon-size)), calc(100% - var(--polygon-size)) 100%, 0% 100%, 0% 0%);
          clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--polygon-size)), calc(100% - var(--polygon-size)) 100%, 0% 100%, 0% 0%);
}
.detailView .related div.masthead .mastheadInner:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}
.detailView .related div.masthead .mastheadInner .viewAllMoreWrapper {
  text-align: left;
}
.detailView .related.projectsWrapper {
  --mastheadImage: url("/images/default-source/mastheads/related_projects_masthead.tmb-cfthumb_l.webp");
}
.detailView .related.publicationsWrapper {
  --mastheadImage: url("/images/default-source/mastheads/related_publications_masthead.tmb-cfthumb_l.webp");
}
.detailView .loadMoreOuter {
  display: flex;
  justify-content: center;
  align-content: center;
  margin: var(--paddingAndMarginSize) 0;
}
.detailView .loadMoreOuter button {
  margin: 0;
}

/* Content Specfic detailView Styles */
/* Project Detail View */
.detailView.project .bottomContent {
  margin-top: 0;
}

/* Insight Detail View */
/* Team Detail View */
.detailView.teammember .bioTopContent {
  position: relative;
  width: 100%;
  display: block;
  color: #fff;
  overflow: hidden;
  background-color: #E0DDE0;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--polygon-size)), calc(100% - var(--polygon-size)) 100%, 0% 100%, 0% 0%);
          clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--polygon-size)), calc(100% - var(--polygon-size)) 100%, 0% 100%, 0% 0%);
}
.detailView.teammember .bioTopContent .bioPhotoWrapper {
  flex: auto;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  flex-basis: auto;
  position: relative;
}
.detailView.teammember .bioTopContent .bioPhotoWrapper .imgWrapper {
  width: 50%;
}
.detailView.teammember .bioTopContent .bioPhotoWrapper .imgWrapper img {
  aspect-ratio: 0.95;
}
.detailView.teammember .bioTopContent .bioContact {
  position: absolute;
  top: 15%;
  left: var(--paddingAndMarginSize);
  width: -moz-fit-content;
  width: fit-content;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 90%;
  min-height: 300px;
  background-color: rgba(14, 53, 72, 0.95);
  padding: var(--paddingAndMarginSize) calc(2 * var(--paddingAndMarginSize)) var(--paddingAndMarginSize) var(--paddingAndMarginSize);
  overflow: hidden;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
          clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
}
.detailView.teammember .bioTopContent .bioContact:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
          clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
}
.detailView.teammember .bioTopContent .bioContact ul.socialLinks {
  justify-content: flex-start;
}
.detailView.teammember .bioTopContent .bioContact ul.socialLinks li {
  display: inline-block;
  font-size: 1rem;
  margin-left: 0;
  margin-right: 2rem;
}
.detailView.teammember .bioTopContent .bioContact ul.socialLinks li a:hover {
  color: #1E1E1E;
}
.detailView.teammember .bioTopContent .bioContact h1 {
  margin: 0;
  font-size: clamp(30px, 1.1278195489px + 0.037593985 * 100vw, 50px);
}
.detailView.teammember .bioTopContent .bioContact span.positionTitle {
  font-size: clamp(16px, 4.4511278195px + 0.015037594 * 100vw, 24px);
  text-transform: uppercase;
  font-weight: 700;
}
.detailView.teammember .bioTopContent .bioContact ul.genderPronouns li {
  font-size: clamp(12px, 6.2255639098px + 0.007518797 * 100vw, 16px);
}
.detailView.teammember .bioTopContent .bioContact .printAndShare {
  display: flex;
  gap: 1rem;
  font-size: 1rem;
  margin: 1rem 0;
}
.detailView.teammember .bioTopContent .bioContact .printAndShare a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  width: 1.25rem;
  aspect-ratio: 1;
  color: white;
}
.detailView.teammember .bioTopContent .bioContact .printAndShare a:focus:focus-visible {
  color: #8BD40A;
  cursor: pointer;
}
.detailView.teammember .bioTopContent .bioContact .printAndShare a:hover {
  color: #8BD40A;
  cursor: pointer;
}
.detailView.teammember .bioTopContent .email.button {
  margin: 1rem 0 2rem 0;
  width: -moz-fit-content;
  width: fit-content;
}

/* Expertise, Delivery Methods, and Sectors */
.detailView.whatWeDo .sidebarGrid .mainContent {
  width: 70%;
}
.detailView.whatWeDo .sidebarGrid .sideContent {
  width: 30%;
}
@media only screen and (max-width: 767px) {
  .detailView.whatWeDo .sidebarGrid {
    flex-direction: column;
  }
  .detailView.whatWeDo .sidebarGrid .mainContent {
    width: 100%;
  }
  .detailView.whatWeDo .sidebarGrid .sideContent {
    width: 100%;
  }
}

p.careersAreaTitle {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 1rem 0 0.5rem 0;
}

.careersList .careerCard {
  padding: 0.25rem 1.5rem;
  margin: 0;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-between;
}
.careersList .careerCard div.meta {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.careersList .careerCard div.meta span {
  display: block;
}
.careersList .careerCard div.meta span:after {
  content: "|";
  display: inline-block;
  margin-left: 0.5rem;
}
.careersList .careerCard div.meta span:last-child:after {
  content: "";
  margin: 0;
}
.careersList .careerCard .cardLeft h3 {
  margin: 0;
  text-transform: none;
  font-size: 1.2rem;
}
.careersList .careerCard .cardLeft h3 a {
  text-decoration: underline;
}
.careersList .careerCard .cardRight {
  text-align: right;
}
.careersList .careerCard .cardRight p {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .careersList .careerCard {
    display: block;
  }
  .careersList .careerCard .cardRight {
    text-align: left;
  }
}

.detailView.career h1 {
  text-transform: none;
  font-size: clamp(28px, -0.8721804511px + 0.037593985 * 100vw, 48px);
}
.detailView.career .buttonWrapper {
  margin: 0 0 1rem 0;
}
.detailView.career div.meta {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
  letter-spacing: initial;
}
.detailView.career div.meta span {
  display: block;
  font-size: 1rem;
  color: #0E3548;
}
.detailView.career div.meta span:after {
  content: "|";
  display: inline-block;
  margin-left: 0.5rem;
}
.detailView.career div.meta span:last-child:after {
  content: "";
  margin: 0;
}
.detailView.career section.cmsContent {
  padding: 0.5rem 0;
}
.detailView.career section.cmsContent h2 {
  text-transform: none;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Expertises + Sectors  */
/****************************************************************************************************/
/* 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 */
  /*.level2 {
      padding-left: 2rem;
      padding-right: 3rem;
      margin: 0 0 2rem;
      background: #000;
      border-radius: 0 0 60px;

      .k-item {
          font-size: 1rem;

          .k-link, .k-in {
              border-bottom: none;
              color: #fff;
              padding: 1.2rem 0;
              padding-left: 2rem;

              &:after {
                  display: none;
              }
          }

          .k-icon {
              left: 0rem;
          }

          &:first-child {
              .k-link {*/
  /*border-top: $border;*/
  /*border-top: none;
              }
          }
      }
  }*/
  /* third level */
  /*.level3 {
      padding-left: 2.4rem;

      .k-item {
          font-size: 0.8rem;

          &:first-child {
              .k-link, .k-in {
                  border-top: none;
              }
          }
      }
  }*/
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item {
  font-size: 1.2rem;
  border-radius: var(--border-corner-radius) 0;
  border: solid 1px #000;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-link, .expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-in {
  font: inherit;
  padding: 0.75rem 0;
  padding-left: 3rem;
  width: 100%;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-link:active, .expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-in:active {
  color: #06161d;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-icon {
  width: 2rem;
  height: 2rem;
  left: initial;
  right: 2rem;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item .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-item .k-icon.k-i-expand:before {
  background-image: url(/CFImages/Icons/plus.svg);
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/minus.svg);
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item[data-expanded=true], .expertisesWrapper.treeViewWrapper .k-treeview .k-item:hover {
  background-color: #000;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item[data-expanded=true] .k-link, .expertisesWrapper.treeViewWrapper .k-treeview .k-item:hover .k-link {
  color: #fff;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item[data-expanded=true] .k-icon.k-i-expand:before, .expertisesWrapper.treeViewWrapper .k-treeview .k-item:hover .k-icon.k-i-expand:before {
  background-image: url(/CFImages/Icons/plus-white.svg);
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item[data-expanded=true] .k-icon.k-i-collapse:before, .expertisesWrapper.treeViewWrapper .k-treeview .k-item:hover .k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/minus-white.svg);
}
.expertisesWrapper.treeViewWrapper .k-treeview .level1 > .k-item {
  margin-bottom: 0.8rem;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Documents */
/****************************************************************************************************/
.document {
  font-size: 0.8rem;
  background-color: #fff;
  position: relative;
  position: relative;
}
.document:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to left, #0E3548 calc(100% - 15px), rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 30px;
  background-repeat: repeat-x;
}
.document a {
  width: 100%;
  display: block;
  padding: 1rem 1.4rem 0.8rem 1.4rem;
  text-decoration: none !important;
}
.document a .iconExtension {
  width: 1.5rem;
  flex-grow: 0;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  color: #0E3548;
}
.document a .iconExtension svg {
  color: inherit;
  font-size: 2rem;
}
.document a .documentDetails .titleLink {
  margin: 0;
  padding: 0;
  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: #F3F3F3;
  color: #1E1E1E;
}
.document a:focus:focus-visible:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}
.document a:focus:focus-visible .grid .col.iconExtension {
  color: #1E1E1E;
}
.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: #F3F3F3;
  color: #1E1E1E;
}
.document a:hover:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}
.document a:hover .grid .col.iconExtension {
  color: #1E1E1E;
}
.document a:hover .grid .col.iconExtension svg.typeIcon {
  display: none;
}
.document a:hover .grid .col.iconExtension svg.hoverIcon {
  display: block;
}

.documents {
  margin: 3rem 0 1rem 0;
}
.documents ul li {
  color: #1E1E1E;
  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 Filtered Content Items */
/****************************************************************************************************/
body.hasFilterBar .filteredContent {
  padding-bottom: 6rem;
  min-height: 30rem;
}
body.hasFilterBar .filteredContent #activeFilters {
  display: none;
}
body.hasFilterBar .filteredContent .buttonsContainer .button i {
  margin-left: 2rem;
}
body.hasFilterBar .filteredContent .buttonsContainer .button:not(:last-child) {
  margin-right: 1rem;
}
body.hasFilterBar .filteredContent .loadMoreContainer {
  text-align: center;
  margin: 4rem 0 0;
}
body.hasFilterBar .filteredContent .loadMoreContainer button .icon {
  font-size: 0.8rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.6rem;
  margin-right: 0.6rem;
}
body.hasFilterBar .filteredContent .filtersContainer {
  width: 100%;
  max-width: initial;
  margin: 0 0 2rem 0;
  padding: 1rem 0;
  background-color: #0E3548;
  /* Special single classification */
}
body.hasFilterBar .filteredContent .filtersContainer.singleclassification {
  padding: 0;
}
body.hasFilterBar .filteredContent .filtersContainer.singleclassification fieldset.checkboxes[data-input-type=checkboxesalt] {
  width: 100%;
  display: flex;
  justify-content: center;
}
body.hasFilterBar .filteredContent .filtersContainer.singleclassification fieldset.checkboxes[data-input-type=checkboxesalt] ul.fields.checkboxes {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0;
  /* scroll bar styles */
}
body.hasFilterBar .filteredContent .filtersContainer.singleclassification fieldset.checkboxes[data-input-type=checkboxesalt] ul.fields.checkboxes::-webkit-scrollbar {
  height: 12px;
  cursor: pointer;
}
body.hasFilterBar .filteredContent .filtersContainer.singleclassification fieldset.checkboxes[data-input-type=checkboxesalt] ul.fields.checkboxes::-webkit-scrollbar-thumb {
  background-color: #8BD40A;
  border: none;
}
body.hasFilterBar .filteredContent .filtersContainer.singleclassification fieldset.checkboxes[data-input-type=checkboxesalt] ul.fields.checkboxes::-webkit-scrollbar-track {
  background-color: white;
  -webkit-box-shadow: inset 0 0 2px #0E3548;
}
body.hasFilterBar .filteredContent .filtersContainer.singleclassification fieldset.checkboxes[data-input-type=checkboxesalt] ul.fields.checkboxes li.field label {
  display: flex;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  text-decoration: none;
  padding: 36px 50px;
  color: white;
  cursor: pointer;
  font-size: 1.25rem;
}
body.hasFilterBar .filteredContent .filtersContainer.singleclassification fieldset.checkboxes[data-input-type=checkboxesalt] ul.fields.checkboxes li.field label span.numOfType {
  display: none;
  /*    vertical-align: super;
  color: $lightBlue;
  font-size: 60%;
  padding-left: 0.25rem;*/
}
body.hasFilterBar .filteredContent .filtersContainer.singleclassification fieldset.checkboxes[data-input-type=checkboxesalt] ul.fields.checkboxes li.field label:focus:focus-visible {
  background-color: #8BD40A;
  color: #1E1E1E;
  text-decoration: none;
}
body.hasFilterBar .filteredContent .filtersContainer.singleclassification fieldset.checkboxes[data-input-type=checkboxesalt] ul.fields.checkboxes li.field label:hover {
  background-color: #8BD40A;
  color: #1E1E1E;
  text-decoration: none;
}
body.hasFilterBar .filteredContent .filtersContainer.singleclassification fieldset.checkboxes[data-input-type=checkboxesalt] ul.fields.checkboxes li.field label:after, body.hasFilterBar .filteredContent .filtersContainer.singleclassification fieldset.checkboxes[data-input-type=checkboxesalt] ul.fields.checkboxes li.field label:before {
  content: none;
}
body.hasFilterBar .filteredContent .filtersContainer.singleclassification fieldset.checkboxes[data-input-type=checkboxesalt] ul.fields.checkboxes li.field input {
  visibility: hidden;
}
body.hasFilterBar .filteredContent .filtersContainer.singleclassification fieldset.checkboxes[data-input-type=checkboxesalt] ul.fields.checkboxes li.field input[type=checkbox]:checked ~ label {
  background-color: #449DD1;
}
body.hasFilterBar .filteredContent .filtersContainer.singleclassification fieldset.checkboxes[data-input-type=checkboxesalt] ul.fields.checkboxes li.field input[type=checkbox]:checked ~ label span.numOfType {
  color: #1E1E1E;
}
@media only screen and (max-width: 650px) {
  body.hasFilterBar .filteredContent .filtersContainer.singleclassification fieldset.checkboxes[data-input-type=checkboxesalt] ul.fields.checkboxes li.field label {
    padding: 16px 20px;
  }
}
body.hasFilterBar .filtersWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0 2rem;
}
body.hasFilterBar .filtersWrapper span.filterBy {
  font-size: 1.5rem;
  font-weight: 700;
  padding-right: 2rem;
  color: white;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  body.hasFilterBar .filtersWrapper {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  body.hasFilterBar .filtersWrapper {
    flex-direction: column;
    align-items: center;
    gap: 2rem 0;
  }
}

/* the kendo annimation dropdown */
.k-animation-container .k-list-scroller {
  min-width: 250px;
  background-color: white;
}
.k-animation-container .k-list-scroller ul.k-list li.k-item {
  width: 100% !important;
}

.fieldGroups.dropdowns {
  display: flex;
  /*    display: grid;
      grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
      gap: 1.2rem;
  */
}
.fieldGroups.dropdowns > fieldset {
  flex: 1 1 0;
  margin: 0;
  padding: 0;
  border: none;
  border-right: 2px solid #8BD40A;
}
.fieldGroups.dropdowns > fieldset legend {
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: absolute;
  background-color: #fff;
  color: #000;
}
.fieldGroups.dropdowns > fieldset:last-of-type {
  border-right: none;
}
.fieldGroups.dropdowns .k-dropdown {
  width: 100%;
}
.fieldGroups.dropdowns .k-dropdown:hover .k-dropdown-wrap, .fieldGroups.dropdowns .k-dropdown.k-state-border-down .k-dropdown-wrap {
  border-color: #E0DDE0;
}
.fieldGroups.dropdowns .k-dropdown .k-dropdown-wrap {
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.fieldGroups.dropdowns .k-dropdown .k-dropdown-wrap .k-input {
  padding: 1.6rem 1.2rem;
  font-size: 1rem;
  color: white;
  -webkit-user-select: none;
          user-select: none;
}
.fieldGroups.dropdowns .k-dropdown .k-dropdown-wrap .k-select {
  padding-right: 1.2rem;
}
.fieldGroups.dropdowns .k-dropdown .k-dropdown-wrap .k-select .k-icon {
  width: 1rem;
  height: 1rem;
}
.fieldGroups.dropdowns .k-dropdown .k-dropdown-wrap .k-select .k-icon:before {
  background-image: url(/CFImages/Icons/chevron-down-white.svg);
  background-size: 1rem auto;
}
.fieldGroups.dropdowns.hyperlinks fieldset.hyperlinks ul.fields.links li.field a {
  color: white;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .fieldGroups.dropdowns {
    flex-wrap: wrap;
  }
  .fieldGroups.dropdowns > fieldset {
    display: block;
    width: 100%;
    border: none;
    margin-bottom: 5px;
    flex: 1 1 1;
  }
}

/*
.filteredContent {
    // Checkboxes
    .checkboxes {
        flex-wrap: wrap;

        label {
            display: flex;
            gap: .5em;
        }

        fieldset {
            legend {
                width: 100%;
                height: auto;
                position: relative;
                margin: 0;
                padding: 0;
                overflow: initial;
            }

            ul.grid.checkboxes {
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;

                li.field.col {
                    flex: 0;
                    font-size: 0.9rem;
                }
            }
        }
    }


}*/
.k-list-container {
  border: 1px solid #E0DDE0;
  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: #0E3548;
}
.k-list-optionlabel.k-state-selected:hover,
.k-list .k-item.k-state-selected:hover {
  background-color: #0a2533;
}

/* Filters */
.filtersContainer {
  display: block;
  margin: 0 auto;
  width: 56rem;
  max-width: calc(100% - 4rem);
  margin: 4rem auto 6rem;
}
.filtersContainer fieldset legend {
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: absolute;
  background-color: #fff;
  color: #000;
}

/* Keyword Search */
.keywordSearchWrapper {
  margin-bottom: 1.4rem;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 6rem;
}
.keywordSearchWrapper input[type=search] {
  border: none;
  border-bottom: 1px solid #CCCCCC;
  padding-left: 0;
  box-sizing: border-box;
  height: 3.4rem;
  /* the animated underline */
  /*& + .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, #1E1E1E, #1E1E1E 50%, transparent 50%, transparent 75%);*/
  /*background-image: linear-gradient(to right, #E0DDE0, #E0DDE0 50%, transparent 50%, transparent 75%);
      position: relative;
      z-index: 10;
  }*/
}
.keywordSearchWrapper input[type=search]:focus, .keywordSearchWrapper input[type=search]:active, .keywordSearchWrapper input[type=search]:hover {
  outline: none !important;
  /*border-bottom: 2px solid $primaryColour;*/
}
.keywordSearchWrapper input[type=search]:focus + .textFieldUnderline, .keywordSearchWrapper input[type=search]:active + .textFieldUnderline, .keywordSearchWrapper input[type=search]:hover + .textFieldUnderline {
  background-position: 0% 0%;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, padding 0s linear, margin 0s linear;
  transition-duration: 250ms;
}
.keywordSearchWrapper .buttons {
  display: flex;
  align-items: stretch;
}
.keywordSearchWrapper .buttons .button svg {
  margin: 0;
}
.keywordSearchWrapper input[type=search]:not(:placeholder-shown) ~ .buttons .clearSearch {
  display: block;
  opacity: 1;
}

/* Search by initial (alphabet) */
.searchByInitialContainer {
  margin: 1rem 0 0 0;
  display: flex;
  justify-content: center;
}
.searchByInitialContainer .alphaList a {
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #0E3548;
  padding: 0.25rem 0.25rem;
  min-width: 1.5rem;
  min-height: 0.25rem;
  margin-bottom: 0.5rem;
  display: inline-flex;
  justify-content: center;
}
.searchByInitialContainer .alphaList a.initialFilter.selected {
  background-color: #0E3548;
  color: white;
}
.searchByInitialContainer .alphaList a.initialFilter:hover {
  background-color: #0E3548;
  color: white;
}
.searchByInitialContainer .alphaList a.disabledFilter {
  color: #707070;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  border-color: #707070;
}

/* Filtered Content Wrapper */
#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 li.noResults {
  color: #707070;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0;
  flex: initial;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#filteredContentResult li.noResults .message {
  font-style: italic;
}
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Popups / Modals (SHARED) */
/****************************************************************************************************/
.popup_wrapper .button.close {
  top: -2rem;
  right: 0;
  width: 2rem;
  height: 2rem;
  position: absolute;
  border: none;
  padding: 0;
  border-radius: 0;
  background-color: white;
  border: 1px solid #CCCCCC;
}
.popup_wrapper .button.close:before {
  background-image: url(/CFImages/Icons/plus.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 .button.close:hover {
  background-color: transparent;
}
.popup_wrapper .button.close:focus:before, .popup_wrapper .button.close:hover:before {
  /*background-image: url(/CFImages/Icons/plus-white.svg);*/
}
.popup_wrapper .button.close:active {
  background-color: transparent;
}
.popup_wrapper .button.close:active:before {
  /*background-image: url(/CFImages/Icons/plus-white.svg);*/
}

/* #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 #CCCCCC;
  background-color: white;
  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;
      }
  }*/
}
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 #0E3548;
  outline-offset: 0;
}
textarea {
  width: 100%;
  min-height: 5rem;
  display: block;
  border: 1px solid #CCCCCC;
  font-weight: 100;
}
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 #0E3548;
  outline-offset: 0;
}

/* Select Lists */
select {
  width: 100%;
  height: 3.15rem;
  max-width: 100%;
  color: #555555;
  cursor: pointer;
  border: 1px solid #CCCCCC;
  padding: 0.2rem 1rem;
  padding-right: 1.6rem;
  font-size: 1rem;
  font-weight: 100;
  line-height: 1;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-size: 0.8rem auto;
  background-image: url(/CFImages/Icons/plus.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(30, 30, 30, 0.7);
}
select:focus {
  outline: none;
  outline: 1px solid #0E3548;
  outline-offset: 0;
}
select > option {
  text-transform: none;
}
select > option:checked, select > option:hover {
  background-color: #E6E6E6;
}

/* Checkboxes */
input[type=checkbox] {
  width: 1px;
  height: 1px;
  margin-right: -1px;
  cursor: pointer;
  position: absolute;
  /* 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;
}
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 #CCCCCC;
  border-color: #707070;
}
input[type=checkbox] + label:hover, input[type=checkbox] + label:focus {
  color: #0E3548;
}
input[type=checkbox] + label:hover:after, input[type=checkbox] + label:focus:after {
  border-color: #0E3548;
}
input[type=checkbox]:focus {
  outline: none !important;
}
input[type=checkbox]:focus:focus-visible + label {
  outline: 2px solid #8BD40A;
}
input[type=checkbox]:checked + label:after {
  background-image: url(/CFImages/Icons/check.svg);
}
input[type=checkbox]:disabled {
  color: #E0DDE0;
}
input[type=checkbox]:disabled + label {
  color: #E0DDE0;
}
input[type=checkbox]:disabled + label:after {
  filter: grayscale(1);
  opacity: 0.6;
  border-color: #E0DDE0;
}
input[type=checkbox]:disabled + label:hover, input[type=checkbox]:disabled + label:focus {
  color: #E0DDE0;
}
input[type=checkbox]:disabled + label:hover:after, input[type=checkbox]:disabled + label:focus:after {
  border-color: #E0DDE0;
}

/* 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: #0E3548;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /*padding: 0.9rem 1.4em;*/
  padding: 0.8em 2em;
  margin-top: 1em;
  font-size: 0.9rem;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  border: 1px solid #0E3548;
  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;
  letter-spacing: 0.1em;
  height: auto;
  width: -moz-fit-content;
  width: fit-content;
  /* FontAwesome Icons in markup */
  /* Reverse (flip the colours of the standard button */
  /* Outline */
}
[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: #0a2533;
  text-decoration: none !important;
}
[data-sf-role=file-field-inputs] input[type=file]:active {
  color: white;
  text-decoration: none !important;
  background-color: #06161d;
}
[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;
  background-color: #fff;
  color: #000;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Search */
/****************************************************************************************************/
.searchBoxOuter {
  max-width: 100%;
  width: 600px;
}
.searchBoxOuter .formGroup {
  display: flex;
  gap: 1rem;
}
.searchBoxOuter .formGroup input {
  border: 1px solid #0E3548;
  color: #0E3548;
}

.searchSorting {
  width: 400px;
  max-width: 100%;
  padding-bottom: 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1rem;
  justify-content: flex-start;
  align-items: center;
}
.searchSorting label {
  font-size: 1rem;
}
.searchSorting select {
  width: 200px;
}

.searchResults .resultTotalAndRelevance {
  position: relative;
  margin: 2rem 0;
  max-width: 870px;
  min-height: 245px;
  background-color: #0E3548;
  padding: 32px;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
          clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
}
.searchResults .resultTotalAndRelevance:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
          clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
}
.searchResults .resultTotalAndRelevance select {
  padding-right: 1.2rem;
  color: white;
  background-color: #0E3548;
  background-image: url(/CFImages/Icons/chevron-down-white.svg);
  background-size: 1rem auto;
  border: none;
  border-right: 2px solid #8BD40A;
}
.searchResults .searchResult {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 1.5rem;
}
.searchResults .searchResult h3 a {
  color: #0E3548;
}
.searchResults .searchResult h3 a:visited {
  color: black;
}

em.resultTotal {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 2rem;
  text-align: center;
  font-style: normal;
}

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;
}
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;
}
ul.pagination li {
  margin-top: 1rem;
}
ul.pagination li.active a {
  color: var(--secondaryColour);
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Global Alerts */
/****************************************************************************************************/
/* refer to class .dark for a lot of the styles */
.alertsHeader {
  height: auto;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Accordions + FAQs */
/****************************************************************************************************/
.accordionGroup .accordionTop {
  white-space: break-spaces;
}

.accordionGroup.k-group {
  margin: 2rem 0;
}
.accordionGroup.k-group .k-item {
  margin-bottom: 1rem;
  width: 100%;
  white-space: normal;
  position: relative;
  z-index: 1;
  /* expanded */
}
.accordionGroup.k-group .k-item .accordionTop {
  padding: 2rem 250px 2rem 2rem;
  color: #0E3548;
  position: relative;
}
.accordionGroup.k-group .k-item .accordionTop:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to left, #0E3548 calc(100% - 15px), rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 30px;
  background-repeat: repeat-x;
}
.accordionGroup.k-group .k-item .accordionTop h2 {
  line-height: 1.2;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  color: #0E3548;
  font-size: clamp(22px, -18.4210526316px + 0.0526315789 * 100vw, 50px);
}
.accordionGroup.k-group .k-item .accordionTop p {
  color: #0E3548;
}
.accordionGroup.k-group .k-item .accordionTop .k-in {
  padding: 0;
}
.accordionGroup.k-group .k-item .accordionTop .k-icon {
  right: calc(var(--polygon-size) - 1rem);
  top: 2rem;
  width: 2rem;
  height: 2rem;
}
.accordionGroup.k-group .k-item .accordionTop .k-icon:before {
  background-size: 1rem;
}
.accordionGroup.k-group .k-item .accordionTop .k-icon:before {
  background-image: url(/CFImages/Icons/arrow-down.svg);
}
.accordionGroup.k-group .k-item .accordionTop .k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/arrow-up.svg);
}
.accordionGroup.k-group .k-item .accordionBottom {
  padding: 0 200px 2rem 0;
}
.accordionGroup.k-group .k-item .accordionBottom .k-content {
  display: block;
  padding: 2rem;
  white-space: normal;
  /* The list view of links */
}
.accordionGroup.k-group .k-item .accordionBottom .k-content .k-in {
  display: none;
}
.accordionGroup.k-group .k-item .accordionBottom .k-content ul.listView.whatWeDos {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.accordionGroup.k-group .k-item .accordionBottom .k-content ul.listView.whatWeDos li {
  padding: 0;
  margin: 0;
}
.accordionGroup.k-group .k-item .accordionBottom .k-content ul.listView.whatWeDos li:before {
  content: none;
}
.accordionGroup.k-group .k-item[data-expanded=true] {
  background-color: #0E3548;
  color: #fff;
}
.accordionGroup.k-group .k-item[data-expanded=true]:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
}
.accordionGroup.k-group .k-item[data-expanded=true] h2 {
  color: #fff;
}
.accordionGroup.k-group .k-item[data-expanded=true] p {
  color: #fff;
}
.accordionGroup.k-group .k-item[data-expanded=true] .cmsContent {
  color: #fff;
}
.accordionGroup.k-group .k-item[data-expanded=true] .accordionTop {
  padding-bottom: 0;
}
.accordionGroup.k-group .k-item[data-expanded=true] .accordionBottom .button.outline {
  border: 2px solid #fff;
  background-color: transparent;
  color: #fff;
}
.accordionGroup.k-group .k-item[data-expanded=true] .accordionBottom .button.outline:focus:focus-visible {
  color: #8BD40A;
  border-color: #8BD40A;
  text-decoration: none;
}
.accordionGroup.k-group .k-item[data-expanded=true] .accordionBottom .button.outline:hover {
  color: #8BD40A;
  border-color: #8BD40A;
  text-decoration: none;
}
.accordionGroup.k-group .k-item[data-expanded=true] .accordionBottom .button.outline:active {
  color: #8BD40A;
  border-color: #8BD40A;
  text-decoration: none;
}
.accordionGroup.k-group .k-item.k-last .accordionTop:after {
  content: none;
}
@media only screen and (max-width: 767px) {
  .accordionGroup.k-group .k-item .accordionTop {
    padding: 2rem 2.5rem 1rem 1rem;
  }
  .accordionGroup.k-group .k-item .accordionTop .k-icon {
    top: 2rem;
    right: 1rem;
  }
  .accordionGroup.k-group .k-item .accordionBottom {
    padding: 0 2.5rem 1rem 0;
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Toggle Sections */
/****************************************************************************************************/
.toggleContent {
  display: none;
}
.toggleContent:active {
  display: block;
}

/* #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 {
  min-height: 600px;
  height: 70vh;
  max-height: 700px;
  max-width: 100vw;
  /*            &:hover {
      .descriptionWrapper {
          opacity: 1;
          .description {
          }
      }
  }*/
}
.imageGallery.slider .gallerySlider .splide__slide > a {
  cursor: zoom-in;
  position: absolute;
  inset: 0;
}
.imageGallery.slider .gallerySlider .splide__slide img {
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 13%;
     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;
}
@media (max-width: 767px) {
  .imageGallery.slider .gallerySliderNav {
    display: none;
  }
}
.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 #0E3548;
}
.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 Page - Home Page */
/****************************************************************************************************/
.homePage .homeWhatWeDo {
  margin: var(--paddingAndMarginSize) 0;
}
.homePage .homeNews {
  padding-top: 2rem;
}
.homePage .homeNews .container.full {
  position: relative;
}
.homePage .homeNews .container.full .blueFeatured {
  max-width: calc(50% - 2rem);
  position: absolute;
  top: 0;
  z-index: 2;
}
.homePage .homeNews .container.full .blueFeatured h2 {
  font-size: clamp(26px, -28.8571428571px + 0.0714285714 * 100vw, 64px);
}
.homePage .homeNews .listView.insights.publications {
  --card-width: 100%;
  padding-top: 2rem;
}
.homePage .homeNews .listView.insights.publications .cardView.insight.publication.featured {
  position: relative;
  background: none;
  box-shadow: none;
}
.homePage .homeNews .listView.insights.publications .cardView.insight.publication.featured .cardContent {
  position: absolute;
  min-height: 220px;
  width: 55%;
  bottom: 2rem;
  right: 2rem;
  background-color: rgba(14, 53, 72, 0.8);
  padding: 64px;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
          clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
}
.homePage .homeNews .listView.insights.publications .cardView.insight.publication.featured .cardContent:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: var(--polygon-size);
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
          clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
}
.homePage .homeNews .listView.insights.publications .cardView.insight.publication.featured .cardContent .contentTypeLabels a {
  color: white;
  border: 2px solid white;
}
.homePage .homeNews .listView.insights.publications .cardView.insight.publication.featured .cardContent .contentTypeLabels a:focus:focus-visible {
  color: #8BD40A;
  border: 2px solid #8BD40A;
}
.homePage .homeNews .listView.insights.publications .cardView.insight.publication.featured .cardContent .contentTypeLabels a:hover {
  color: #8BD40A;
  border: 2px solid #8BD40A;
}
.homePage .homeNews .listView.insights.publications .cardView.insight.publication.featured .imgWrapper {
  position: relative;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size-l)), var(--polygon-size-l) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size-l)), var(--polygon-size-l) 100%, 100% 100%, 100% 0%, 0% 0%);
  aspect-ratio: 1.8;
  overflow: hidden;
}
.homePage .homeNews .listView.insights.publications .cardView.insight.publication.featured .imgWrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1024px) {
  .homePage .homeNews .container.full .blueFeatured {
    max-width: 100%;
    position: relative;
  }
  .homePage .homeNews .listView.insights.publications {
    padding-top: 0;
    margin-top: -5rem;
  }
  .homePage .homeNews .listView.insights.publications .cardView.insight.publication.featured .cardContent {
    position: absolute;
    width: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .homePage .homeNews .listView.insights.publications {
    padding-top: 0;
    margin-top: -8rem;
  }
  .homePage .homeNews .listView.insights.publications .cardView.insight.publication.featured .cardContent {
    position: relative;
    width: 100%;
    left: initial;
    right: initial;
    background-color: #0E3548;
    -webkit-clip-path: initial;
            clip-path: initial;
  }
  .homePage .homeNews .listView.insights.publications .cardView.insight.publication.featured .imgWrapper {
    -webkit-clip-path: initial;
            clip-path: initial;
  }
}

.contactPage .contactGrid {
  display: grid !important;
  grid-template-areas: "form headoffice" "office2 office3";
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 4rem;
}
.contactPage .contactGrid .form {
  grid-area: form;
  background: #F3F3F3;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
          clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
  padding: 2rem;
}
.contactPage .contactGrid .form h2 {
  font-size: clamp(26px, -8.6466165414px + 0.045112782 * 100vw, 50px);
}
.contactPage .contactGrid .form [data-sf-role=form-container] [data-sf-role=fields-container] {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1rem;
}
.contactPage .contactGrid .form [data-sf-role=form-container] [data-sf-role=fields-container] .sf-fieldWrp {
  width: 100%;
}
.contactPage .contactGrid .form [data-sf-role=form-container] [data-sf-role=fields-container] .sf-fieldWrp.fullWidth {
  width: 100%;
  height: 200px;
}
.contactPage .contactGrid .form [data-sf-role=form-container] [data-sf-role=fields-container] .sf-fieldWrp button[type=submit] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.9rem;
  color: #0E3548;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  border: 2px solid #0E3548;
  cursor: pointer;
  padding: 0.5rem 1rem;
  margin-top: 0;
  text-decoration: none;
}
.contactPage .contactGrid .form [data-sf-role=form-container] [data-sf-role=fields-container] .sf-fieldWrp button[type=submit]:focus:focus-visible {
  color: #8BD40A;
  border: 2px solid #8BD40A;
}
.contactPage .contactGrid .form [data-sf-role=form-container] [data-sf-role=fields-container] .sf-fieldWrp button[type=submit]:hover {
  color: #8BD40A;
  border: 2px solid #8BD40A;
}
.contactPage .contactGrid .headoffice, .contactPage .contactGrid .office2, .contactPage .contactGrid .office3 {
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
          clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% var(--polygon-size), calc(100% - var(--polygon-size)) 0%);
}
.contactPage .contactGrid .headoffice .officesWrapper, .contactPage .contactGrid .office2 .officesWrapper, .contactPage .contactGrid .office3 .officesWrapper {
  height: 100%;
}
.contactPage .contactGrid .headoffice {
  grid-area: headoffice;
}
.contactPage .contactGrid .office2 {
  grid-area: office2;
}
.contactPage .contactGrid .office3 {
  grid-area: office3;
}
.contactPage .contactGrid .listView.offices {
  margin: 0;
  height: 100%;
}
.contactPage .contactGrid .listView.offices .cardView.office {
  background: #F3F3F3;
}
.contactPage .contactGrid .listView.offices .cardView.office .cardContent {
  min-height: 200px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.contactPage .contactGrid .listView.offices .cardView.office .cardContent .top {
  /* Contains Title and Direction Button*/
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 1rem;
}
.contactPage .contactGrid .listView.offices .cardView.office .cardContent .top h3.officeTitle {
  margin: 0;
  font-size: clamp(22px, 7.5639097744px + 0.0187969925 * 100vw, 32px);
}
.contactPage .contactGrid .listView.offices .cardView.office .cardContent .top a.button {
  margin: 0;
}
.contactPage .contactGrid .listView.offices .cardView.office .cardContent address p:last-child {
  margin-bottom: 0;
}
.contactPage .contactGrid .listView.offices .cardView.office .cardContent span.prefixLabel {
  text-transform: uppercase;
  padding-right: 5px;
}
.contactPage .contactGrid .listView.offices .cardView.office .cardContent .contactDetails li:first-child {
  margin-top: 1rem;
}
.contactPage .contactGrid .listView.offices .cardView.office .cardContent .otherContactInfo {
  margin-top: 1rem;
}
.contactPage .contactGrid .listView.offices .cardView.office .imgWrapper {
  position: relative;
  -webkit-clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% calc(100% - var(--polygon-size)), var(--polygon-size) 100%, 100% 100%, 100% 0%, 0% 0%);
  aspect-ratio: 1.4;
  overflow: hidden;
}
.contactPage .contactGrid .listView.offices .cardView.office .imgWrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Lawyer Search (FindASearch) */
.findASearch {
  margin: 0 auto 9em;
  text-align: center;
  width: 28rem;
  max-width: 100%;
}
.findASearch input[type=text], .findASearch textarea {
  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-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-repeat: no-repeat;
  background-position: center right 1rem;
  outline-offset: -2px;
  border: none;
  padding-left: 0;
  box-sizing: border-box;
  height: 3.4rem;
}
.findASearch input[type=text]:focus, .findASearch textarea:focus {
  outline: none !important;
}
.findASearch .k-widget {
  /* 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, #1E1E1E, #1E1E1E 50%, transparent 50%, transparent 75%);*/
  background-image: linear-gradient(to right, #E0DDE0, #E0DDE0 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 $primaryColour;*/
}
.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 #CCCCCC;
  box-shadow: none;
}
.findASearch #findALawyerDropdownContainer .k-list .k-item:first-of-type {
  display: none !important;
}
.findAnything fieldset {
  border: none;
  padding: 0;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Page - Careers (and child pages) */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Insights (shared styles) - Cards and Detail View  */
/****************************************************************************************************/
.wrapper.careersWrapper .k-treeview .listView.careers {
  --card-width: 100%;
}
.wrapper.careersWrapper .k-treeview .listView.careers .k-item {
  margin-bottom: 0.5rem;
}
.wrapper.careersWrapper .k-treeview .listView.careers .k-item .k-icon:before {
  background-image: url(/CFImages/Icons/plus-white.svg);
}
.wrapper.careersWrapper .k-treeview .listView.careers .k-item .k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/minus-white.svg);
}
.wrapper.careersWrapper .k-treeview .listView.careers .k-item .k-in {
  width: 100%;
  background-color: #0E3548;
  padding: 1rem 2rem;
  white-space: normal;
}
.wrapper.careersWrapper .k-treeview .listView.careers .k-item .k-in h4 {
  margin: 0;
  padding: 0;
  color: #fff;
}
.wrapper.careersWrapper .k-treeview .listView.careers .k-item .k-content {
  display: block;
  background-color: #E6E6E6;
  padding: 2rem;
  white-space: normal;
}
.wrapper.careersWrapper .k-treeview .listView.careers .k-item .k-content .k-in {
  display: none;
}

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

#printModal {
  display: none;
}

.printModalWrapper #printModal {
  display: block;
}

#printModal {
  width: 36rem;
  background-color: white;
  padding: 4rem;
  padding-top: 3rem;
  border: 1px solid #CCCCCC;
}
#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 Condensed", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.35em;
  letter-spacing: 0.25em;
  font-size: 0.7rem;
  color: #1E1E1E;
  margin-top: 0;
}
#printModal h3 {
  color: #0E3548;
  margin-top: 0;
  margin-bottom: 0.6rem;
}
#printModal .button.close {
  inset: initial;
  top: 2.6rem;
  right: 2.6rem;
  margin: 0;
}
#printModal button[type=submit] {
  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;
}
#printModal button[type=submit] .fa-file-download {
  display: none;
}
#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);
}

/* #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;
  background-color: #fff;
  color: #000;
}

.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 - Position, Display, Float */
/****************************************************************************************************/
/* Floating */
.float-none {
  float: none;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

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

.position-relative {
  position: relative;
}

.position-fixed {
  position: fixed;
}

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

.display-block {
  display: block;
}

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

.display-inline {
  display: inline;
}

.display-none {
  display: none;
}

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

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

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

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

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

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

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

.man {
  margin: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.paxs {
  padding: 0.25rem !important;
}

.maxs {
  margin: 0.25rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pas {
  padding: 0.5rem !important;
}

.mas {
  margin: 0.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pam {
  padding: 1rem !important;
}

.mam {
  margin: 1rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pal {
  padding: 2rem !important;
}

.mal {
  margin: 2rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.paxl {
  padding: 3rem !important;
}

.maxl {
  margin: 3rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.paxxl {
  padding: 5rem !important;
}

.maxxl {
  margin: 5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.paxxxl {
  padding: 7rem !important;
}

.maxxxl {
  margin: 7rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.paxxxxl {
  padding: 9rem !important;
}

.maxxxxl {
  margin: 9rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* ##### txtsize ##### */
/*    Examples: .txtsize-s .... .txtsize-xxl */
.fontsize-xs {
  font-size: 1rem !important;
}
.fontsize-s {
  font-size: 1.5rem !important;
}
.fontsize-m {
  font-size: 2rem !important;
}
.fontsize-l {
  font-size: 3rem !important;
}
.fontsize-xl {
  font-size: 5rem !important;
}
.fontsize-xxl {
  font-size: 15rem !important;
}

.uppercase {
  text-transform: uppercase;
}

/* ##### txt colours ##### (replaces old txtGrey txtPrimary etc.)*/
/*    Examples: .txt-primary .txt-secondary .txt-grey .txt-grey-dark */
.txt-lightblue {
  color: #449DD1 !important;
}
.txt-white {
  color: #fff !important;
}
.txt-black {
  color: #000 !important;
}
.txt-primary {
  color: #1E1E1E !important;
}
.txt-primary-light {
  color: #383838 !important;
}
.txt-primary-dark {
  color: #050505 !important;
}
.txt-secondary {
  color: #0E3548 !important;
}
.txt-secondary-light {
  color: #165473 !important;
}
.txt-secondary-dark {
  color: #06161d !important;
}
.txt-tertiary {
  color: #8BD40A !important;
}
.txt-tertiary-light {
  color: #a6f41d !important;
}
.txt-tertiary-dark {
  color: #6ba308 !important;
}
.txt-grey {
  color: #707070 !important;
}
.txt-grey-dark {
  color: #555555 !important;
}
.txt-grey-xdark {
  color: #1E1E1E !important;
}
.txt-grey-light {
  color: #E0DDE0 !important;
}
.txt-grey-xlight {
  color: #CCCCCC !important;
}
.txt-grey-xxlight {
  color: #E6E6E6 !important;
}
.txt-grey-xxxlight {
  color: #F7F7F7 !important;
}

/* ##### bg colours ##### (replaces old bgGrey bgDark etc.) */
/*    Examples: .bg-primary .bg-secondary .bg-dark .bg-light .bg-grey .bg-grey-dark .bg-grey-xdark */
.bg-lightblue {
  background-color: #449DD1 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-black {
  background-color: #000 !important;
}
.bg-dark {
  background-color: #555555 !important;
}
.bg-light {
  background-color: #E6E6E6 !important;
}
.bg-offwhite {
  background-color: #F3F3F3 !important;
}
.bg-primary {
  background-color: #1E1E1E !important;
}
.bg-primary-light {
  background-color: #383838 !important;
}
.bg-primary-dark {
  background-color: #050505 !important;
}
.bg-secondary {
  background-color: #0E3548 !important;
}
.bg-secondary-light {
  background-color: #165473 !important;
}
.bg-secondary-dark {
  background-color: #06161d !important;
}
.bg-tertiary {
  background-color: #8BD40A !important;
}
.bg-tertiary-light {
  background-color: #a6f41d !important;
}
.bg-tertiary-dark {
  background-color: #6ba308 !important;
}
.bg-grey {
  background-color: #707070 !important;
}
.bg-grey-dark {
  background-color: #555555 !important;
}
.bg-grey-xdark {
  background-color: #1E1E1E !important;
}
.bg-grey-light {
  background-color: #E0DDE0 !important;
}
.bg-grey-xlight {
  background-color: #CCCCCC !important;
}
.bg-grey-xxlight {
  background-color: #E6E6E6 !important;
}
.bg-grey-xxxlight {
  background-color: #F7F7F7 !important;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Utility Classes - Misc */
/****************************************************************************************************/
/* (simple, single-purpose classes intended for use in Siteifnity editors, etc) */
.withTopDash {
  position: relative;
}
.withTopDash:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to left, #0E3548 calc(100% - 15px), rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 30px;
  background-repeat: repeat-x;
}

.withCenteredDash {
  position: relative;
}
.withCenteredDash * {
  z-index: 2;
}
.withCenteredDash:after {
  content: "";
  position: absolute;
  top: calc(50% - (2px / 2));
  left: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to left, #0E3548 calc(100% - 15px), rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 30px;
  background-repeat: repeat-x;
  z-index: 1;
}

.withBottomDash {
  position: relative;
}
.withBottomDash:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to left, #0E3548 calc(100% - 15px), rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 30px;
  background-repeat: repeat-x;
}

.withDashes {
  position: relative;
}
.withDashes:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to left, #0E3548 calc(100% - 15px), rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 30px;
  background-repeat: repeat-x;
}
.withDashes:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to left, #0E3548 calc(100% - 15px), rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 30px;
  background-repeat: repeat-x;
}

.border {
  border: 1px solid #CCCCCC;
}

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

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

.subtle {
  color: #444444;
  font-size: 0.8em;
}

/* #endregion */
/****************************************************************************************************/
#ClearFiltersWrapper {
  position: fixed;
  z-index: 10000;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  right: 5%;
  bottom: 10%;
  background: #1E1E1E;
  border: solid #fff 1px;
  border-radius: 40px;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.2);
  color: #fff;
  opacity: 0.45;
  transition: all linear 0.15s;
  cursor: pointer;
}
#ClearFiltersWrapper span.horizontal-slash {
  position: absolute;
  transform: rotate(35deg);
  height: 3px;
  width: 100%;
  background: #fff;
}

#ClearFiltersWrapper:hover {
  opacity: 1;
}

/* #endregion */
/****************************************************************************************************/
/* Careers List view and Treeview*/
.wrapper.expandlistsWrapper .k-treeview .listView.expandlists {
  --card-width: calc(50% - 1.5rem);
  --card-gap: 1.5rem;
  margin: 0 0 2rem 0;
}
@media only screen and (max-width: 767px) {
  .wrapper.expandlistsWrapper .k-treeview .listView.expandlists {
    --card-width: 100%;
  }
}
.wrapper.expandlistsWrapper .k-treeview .listView.expandlists .k-item .k-in {
  width: 100%;
  background: #0E3548;
  padding: 2rem 2.5rem;
  white-space: normal;
}
.wrapper.expandlistsWrapper .k-treeview .listView.expandlists .k-item .k-in h4 {
  margin: 0;
  padding: 0 2.5rem 0 0;
  color: #fff;
  font-size: 1.35rem;
  font-weight: 400;
}
.wrapper.expandlistsWrapper .k-treeview .listView.expandlists .k-item .k-icon {
  padding: 1rem;
  height: 50px;
  width: 50px;
  right: 1.5rem;
}
.wrapper.expandlistsWrapper .k-treeview .listView.expandlists .k-item .k-icon:before {
  background-color: white;
  border-radius: 50%;
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
}
.wrapper.expandlistsWrapper .k-treeview .listView.expandlists .k-item .k-icon:focus:focus-visible:before {
  background-color: #8BD40A;
}
.wrapper.expandlistsWrapper .k-treeview .listView.expandlists .k-item .k-icon:hover:before {
  background-color: #8BD40A;
}
.wrapper.expandlistsWrapper .k-treeview .listView.expandlists .k-item .k-content {
  display: block;
  background-color: #E6E6E6;
  padding: 2rem;
  white-space: normal;
}
.wrapper.expandlistsWrapper .k-treeview .listView.expandlists .k-item .k-content .k-in {
  display: none;
}
.wrapper.expandlistsWrapper .k-treeview .listView.expandlists .k-item[data-expanded=true] .k-in {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.wrapper.expandlistsWrapper .k-treeview .listView.expandlists .k-item[data-expanded=true] .k-icon:before {
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  background-color: #8BD40A;
}
.wrapper.expandlistsWrapper .k-treeview .listView.expandlists .k-item[data-expanded=true] .k-icon:focus:focus-visible:before {
  background-color: white;
}
.wrapper.expandlistsWrapper .k-treeview .listView.expandlists .k-item[data-expanded=true] .k-icon:hover:before {
  background-color: white;
}

/*************ANIMATIONS (inTheViewPort) ****************************************************/
/* This is the inTheViewPort reveal */
/*.wrapper {
    //padding: 2rem 0rem 5rem;
    > * {
        opacity: 0;
        transform: translatey(10%);
        transition: opacity 1s, transform .5s;
    }
}
*/
/*.cardView {
    opacity: 0;
    transform: translatey(10%);
    transition: opacity 1s, transform .5s;
}

.cardView.inTheViewport {
    animation: fadeInUp;
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    animation-delay: calc(var(--listViewArticleIndex)* 150ms);
}*/
.homeNews .blueFeatured {
  opacity: 0;
  transition: opacity 0.4s;
}

.homeNews.inTheViewport .blueFeatured {
  opacity: 1;
  animation: slide-in-from-left;
  animation-duration: 0.4s;
}

.topperSection .topperContent {
  opacity: 0;
  transition: opacity 0.4s;
}

.topperSection.inTheViewport .topperContent {
  opacity: 1;
  animation: slide-in-from-left;
  animation-duration: 0.4s;
}

.masthead .mastheadInner {
  opacity: 0;
  transition: opacity 0.4s;
}

.masthead.inTheViewport .mastheadInner {
  opacity: 1;
  animation: slide-in-from-left;
  animation-duration: 0.4s;
}

.photoDiv.inTheViewport .content {
  animation: slide-in-from-left;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}
.photoDiv.inTheViewport .photo.shake img {
  animation: shake;
  animation-duration: 2.5s;
  animation-iteration-count: 2;
}
.photoDiv.inTheViewport .photo.shakeTop img {
  animation: shakeTop;
  animation-duration: 3s;
  animation-iteration-count: 1;
}
.photoDiv.inTheViewport .photo.wave img {
  animation: wobblebottom;
  animation-duration: 3s;
  animation-iteration-count: 2;
}
.photoDiv.inTheViewport .photo.scale img {
  animation: scaleforward;
  animation-duration: 3s;
  animation-iteration-count: 1;
}
.photoDiv.inTheViewport .photo.slide {
  animation: slide-in-from-right;
  animation-duration: 0.8s;
}
.photoDiv.inTheViewport .photo.slideUp {
  animation: slideUp;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.photoDiv.inTheViewport .photo.drop {
  animation: drop;
  animation-duration: 2s;
}
.photoDiv.reversed.inTheViewport .content {
  animation: slide-in-from-right;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}
.photoDiv.reversed.inTheViewport .photo.slide {
  animation: slide-in-from-left;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}

.videoDiv.inTheViewport .content {
  animation: slide-in-from-left;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}
.videoDiv.inTheViewport .video {
  animation: slide-in-from-right;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}

.cardView.projectnumber span.highlight {
  opacity: 0;
  transition: opacity 0.4s;
}

.cardView.projectnumber.inTheViewport span.highlight {
  opacity: 1;
  animation: scaleforward;
  animation-duration: 3s;
  animation-iteration-count: 1;
}

/****************************************************************************************************/
/* #region Kendo Navigation top-level widget overrides */
/****************************************************************************************************/
/****************************************************************************************************/
/* Kendo Treeview (shared, general treeview styles) */
/* remember - these styles will affect ANY kendo treeview. So if you're making heavy changes then you probably want to target your specific treeview */
.k-treeview {
  padding: 0;
  /*    overflow-y: auto;
  overflow-x: hidden;*/
}
.k-treeview .k-item {
  color: inherit;
  position: relative;
  padding: 0;
  font-size: 1rem;
  border: none;
}
.k-treeview .k-item .k-icon {
  right: 5%;
  position: absolute;
  z-index: 3;
}
.k-treeview .k-item .k-icon:before {
  color: #fff;
  content: " ";
  font-size: 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 #8BD40A;
  outline-offset: 0;
}

/* #endregion */
/****************************************************************************************************/
/* CF Default Menu */
.mainNavWrapper {
  height: 100%;
}
.mainNavWrapper .mainNav:not(.k-menu) .rootMenuItem ul {
  display: none;
}
.mainNavWrapper :is(.mainNav, .k-menu) {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
  height: 100%;
  align-items: center;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item) {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #0E3548;
  text-transform: uppercase;
  /*&:focus, &:hover*/
  /* Root Items Only */
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item).k-state-hover {
  text-decoration: none;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item).selected, .mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item).childSelected {
  color: #0E3548;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item) :is(a, .k-link) {
  font: inherit;
  padding: 18px 18px;
  color: inherit;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item) :is(a, .k-link) .k-icon {
  display: none;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item).rootMenuItem {
  border: 2px solid transparent;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item).rootMenuItem .k-link {
  display: flex;
  flex-direction: column;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item).rootMenuItem .k-link:after {
  display: block;
  content: "";
  width: 100%;
  border-bottom: solid 2px #8BD40A;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition: transform 250ms ease-in-out;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item).rootMenuItem.k-state-hover .k-link {
  color: #8BD40A;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item).rootMenuItem.k-state-hover .k-link:after {
  transform: scaleX(1);
  transform-origin: 0% 50%;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item).rootMenuItem.k-state-hover .k-menu-group .k-link {
  color: inherit;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item).rootMenuItem.k-state-hover .k-menu-group .k-link:after {
  transform: scaleX(0);
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item).rootMenuItem.selected > .k-link, .mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item).rootMenuItem.childSelected > .k-link {
  color: #8BD40A;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item).rootMenuItem.selected > .k-link:after, .mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item).rootMenuItem.childSelected > .k-link:after {
  transform: scaleX(1);
  transform-origin: 0% 50%;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(li, .k-item).rootMenuItem.k-last {
  border: 2px solid #0E3548;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(ul, .k-menu-group) {
  border-radius: 0;
  padding: 1.2rem 1.6rem;
  border: 2px solid #1E1E1E;
  background-color: white;
  justify-content: flex-start;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(ul, .k-menu-group):after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  width: 1.75em;
  aspect-ratio: 1;
  background-color: #8BD40A;
  -webkit-clip-path: polygon(1.75em 0%, 0% 1.75em, 0% 101%, 100% 101%, 100% 0%);
          clip-path: polygon(1.75em 0%, 0% 1.75em, 0% 101%, 100% 101%, 100% 0%);
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(ul, .k-menu-group) :is(a, .k-link) {
  padding: 0.4rem 0;
  color: #1E1E1E;
  background-color: white;
  align-items: flex-start;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(ul, .k-menu-group) :is(a, .k-link):focus, .mainNavWrapper :is(.mainNav, .k-menu) :is(ul, .k-menu-group) :is(a, .k-link):hover {
  color: #8BD40A;
  background-color: white;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(ul, .k-menu-group) :is(a, .k-link):focus:after, .mainNavWrapper :is(.mainNav, .k-menu) :is(ul, .k-menu-group) :is(a, .k-link):hover:after {
  transform: scaleX(1);
  transform-origin: 0% 50%;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(ul, .k-menu-group) :is(a, .k-link).selected {
  color: #8BD40A;
}
.mainNavWrapper :is(.mainNav, .k-menu) :is(ul, .k-menu-group) :is(a, .k-link).selected:after {
  content: none;
}

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

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

/* the mobile nav menu */
nav.mobileNav {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  padding: calc(var(--header-height) + 2rem) 2rem 2rem 2rem;
  overflow-x: hidden;
  overflow-y: auto;
  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: #0E3548;
}
nav.mobileNav.open {
  transform: translateX(0%);
  visibility: visible;
}
nav.mobileNav .k-treeview {
  color: white;
  height: 100%;
  /* scroll bar styles */
}
nav.mobileNav .k-treeview .k-item {
  font-size: 1.6rem;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 1rem 0;
  padding: 0 3.5rem 0 0;
}
nav.mobileNav .k-treeview .k-item .k-icon {
  border: 1px solid white;
  cursor: pointer;
  right: 0.5rem;
}
nav.mobileNav .k-treeview .k-item .k-icon:before {
  background-image: url(/CFImages/Icons/plus-white.svg);
}
nav.mobileNav .k-treeview .k-item .k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/minus-white.svg);
}
nav.mobileNav .k-treeview .k-item .k-in {
  white-space: break-spaces;
}
nav.mobileNav .k-treeview .rootMenuItem .k-group {
  margin-left: 1.5rem;
}
nav.mobileNav .k-treeview .rootMenuItem .k-group .k-item {
  font-size: 1.3rem;
}
nav.mobileNav .k-treeview::-webkit-scrollbar {
  height: 12px;
  cursor: pointer;
}
nav.mobileNav .k-treeview::-webkit-scrollbar-thumb {
  background-color: #8BD40A;
  border: none;
}
nav.mobileNav .k-treeview::-webkit-scrollbar-track {
  background-color: white;
  -webkit-box-shadow: inset 0 0 2px #0E3548;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Kendo TreeView inside sideContent */
/****************************************************************************************************/
.sideContent nav {
  width: 100%;
  max-width: 300px;
}

.k-treeview ul.mainTreeView {
  border-top: 1px solid #0E3548;
  border-bottom: 1px solid #0E3548;
  padding: 0;
}
.k-treeview ul.mainTreeView li.k-item {
  /* above the link */
  /* link styles */
  /* These are any nested groups */
  /* The selected li */
  /* This is the expanded li item */
  /* expand collapse icons */
}
.k-treeview ul.mainTreeView li.k-item .k-top, .k-treeview ul.mainTreeView li.k-item .k-mid, .k-treeview ul.mainTreeView li.k-item .k-bot {
  padding: 2px;
}
.k-treeview ul.mainTreeView li.k-item a.k-link {
  color: #555555;
  font-size: 1rem;
  padding: 0.5rem 2rem 0.5rem 2rem;
  border: 2px solid transparent;
}
.k-treeview ul.mainTreeView li.k-item a.k-link:focus:focus-visible {
  border: 2px rgba(14, 53, 72, 0.5) solid;
}
.k-treeview ul.mainTreeView li.k-item a.k-link:hover {
  border: 2px rgba(14, 53, 72, 0.5) solid;
}
.k-treeview ul.mainTreeView li.k-item ul.k-group {
  background-color: #F3F3F3;
}
.k-treeview ul.mainTreeView li.k-item ul.k-group li.k-item {
  /* Level 2 Nest */
}
.k-treeview ul.mainTreeView li.k-item ul.k-group li.k-item a.k-link {
  padding-left: 3rem;
  font-size: 0.9rem;
}
.k-treeview ul.mainTreeView li.k-item ul.k-group li.k-item a.k-link:after {
  width: 8px;
  height: 8px;
}
.k-treeview ul.mainTreeView li.k-item ul.k-group li.k-item ul.k-group li.k-item a.k-link {
  padding-left: 4rem;
}
.k-treeview ul.mainTreeView li.k-item.selected {
  background-color: #8BD40A !important;
  /* link styles (both the li and a have class of selected on them) */
}
.k-treeview ul.mainTreeView li.k-item.selected a.k-link.selected {
  color: white !important;
}
.k-treeview ul.mainTreeView li.k-item[aria-expanded=true] {
  background-color: #E0DDE0;
}
.k-treeview ul.mainTreeView li.k-item span.k-icon {
  right: initial;
  left: 1.5rem;
}
.k-treeview ul.mainTreeView li.k-item:focus:focus-visible {
  background-color: #E0DDE0;
}
.k-treeview ul.mainTreeView li.k-item:hover {
  background-color: #E0DDE0;
}

/* #endregion */
/****************************************************************************************************/
/* #region Sitemap */
/****************************************************************************************************/
/*nav {
    ul.siteMapComplete {
        padding-left: 2em;


        li {
            padding: 0.35em 0 0 0.25em;
            list-style-type: disc;
            text-transform: none;
        }


        li.rootMenuItem {
            list-style-type: square;
            text-transform: uppercase;


            ul {
                padding-left: 2em;
            }


            ul.level2 {
                padding-left: 4em;
            }


            ul.level3 {
                padding-left: 6em;
            }


            ul.level4 {
                padding-left: 8em;
            }
        }


        li.reset {
            padding: 0;
            margin: 0;
            list-style-type: none;
        }


        li a.toggleAction.button {
            margin: 0.5em 0 0 0;
        }
        // FAQ Toggle
        li a.toggleAction.withPlusMinus {
            .openIcon {
                display: inline-block;
            }


            .closeIcon {
                display: none;
            }
        }
        // Active FAQ Toggle
        li.active {
            a.toggleAction.withPlusMinus {
                .openIcon {
                    display: none;
                }


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


        div.toggleContent {
            display: none;


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

.tabstrip.k-widget {
  display: block;
}
.tabstrip.k-widget .button .k-flat {
  display: none;
}
.tabstrip.k-widget.k-tabstrip {
  background: none;
  border: none;
  font-size: inherit;
  padding-top: 1rem;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items {
  border: none;
  background: none;
  text-transform: uppercase;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items .k-item {
  border: none;
  background: none;
  border-radius: 0;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items .k-item .k-loading {
  border: none;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items .k-item .k-link {
  color: #8BD40A;
  padding: 0 2rem 0;
  font-size: 1.4rem;
  background: none;
  text-transform: none;
  border-right: solid 1px #8BD40A;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items .k-item.k-first .k-link {
  padding-left: 0;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items .k-item.k-last .k-link {
  border: none;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items .k-item.k-state-active .k-link {
  color: #fff;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items .k-item.k-state-hover .k-link {
  opacity: 0.8;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items .k-item:active .k-link {
  color: #fff;
}
.tabstrip.k-widget.k-tabstrip:focus {
  box-shadow: none;
}
.tabstrip.k-widget.k-tabstrip:focus:focus-visible {
  outline: 2px solid #8BD40A;
  outline-color: #E0DDE0;
  outline-style: dashed;
}
.tabstrip.k-widget.k-tabstrip:focus:focus-visible .k-item.k-state-active {
  outline: 2px solid #8BD40A;
}
.tabstrip.k-widget.k-tabstrip .k-content {
  border: none;
  padding: 0;
  background-color: transparent;
  overflow: hidden;
}
.tabstrip.k-widget.k-tabstrip .k-content.k-state-active {
  background-color: transparent;
}
.tabstrip.k-widget.k-tabstrip .k-content:focus {
  outline: none;
}
.tabstrip.k-widget.k-tabstrip .k-content:focus:focus-visible {
  outline: 2px solid #8BD40A;
  outline-offset: 0;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region NAV navCustomUl (looks like buttons */
/****************************************************************************************************/
nav.navCustomUl ul.reset {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region NAV siteMapCompleted*/
/****************************************************************************************************/
nav ul.siteMapComplete li.rootMenuItem {
  text-transform: uppercase;
  font-size: 1.5rem;
}
nav ul.siteMapComplete li.rootMenuItem ul {
  padding-left: 2rem;
}
nav ul.siteMapComplete li.rootMenuItem ul li {
  text-transform: none;
}
nav ul.siteMapComplete li.rootMenuItem ul.specialpagewhatwedo {
  margin: 0.75rem 0 0 0;
}
nav ul.siteMapComplete li.rootMenuItem ul.specialpagewhatwedo h3.labelOnly {
  margin: 0 0 1rem 0;
  font-size: 1.5rem;
}
nav ul.siteMapComplete li.rootMenuItem ul.specialpagewhatwedo li {
  margin-left: 2rem;
}

/* #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)
*/
/* Variables Section*/
@media (max-width: 1350px) {
  :root {
    --header-height: 160px;
  }
}
@media (max-width: 1299px) {
  :root {
    --containerPadding: 2rem;
  }
}
@media (max-width: 1024px) {
  :root {
    --containerPadding: 1.4rem;
    --paddingAndMarginSize: 1.4rem;
    --topper-height: 300px;
    --polygon-size-l: 80px;
    --polygon-size: 60px;
  }
}
@media (max-width: 767px) {
  :root {
    --containerPadding: 25px;
    --header-height: 174px;
  }
}
@media (max-width: 500px) {
  :root {
    --containerPadding: 1rem;
    --polygon-size-l: 60px;
    --polygon-size: 40px;
  }
}
/* Large Desktop (switch between simple and mobile nav) */
@media only screen and (max-width: 1350px) {
  .hamburgerOuter {
    display: flex;
  }

  .hamburger {
    display: block !important;
  }

  #header .header {
    padding-top: 1rem;
  }
  #header .header .mainHeaderGrid .logo img {
    width: 260px;
  }
  #header .header .rightSide {
    justify-content: center;
  }
  #header .header .rightSide .mainNavWrapper {
    display: none !important;
  }
}
/* Small Desktop (switch between simple and mobile nav) */
@media only screen and (max-width: 1299px) {
  .topperSection:has(.topperImage) {
    min-height: initial;
  }

  .detailView .related div.masthead {
    min-height: initial;
  }

  .site-footer .mainFooter .mainFooterGrid .footerLeft {
    padding-top: 2rem;
    padding-bottom: 2rem;
    /* the background */
  }
  .site-footer .mainFooter .mainFooterGrid .footerLeft: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) {
  .topperSection:has(.topperImage) .container.full .topperContent {
    padding: 30px var(--polygon-size) 30px 45px;
    margin: 4rem 0;
    min-height: 150px;
    max-width: 100%;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 280px;
  }

  .photoDiv {
    position: relative;
  }
  .photoDiv .container.full {
    flex-direction: column;
    gap: 2rem;
  }
  .photoDiv .photo {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 2rem;
    /* positional elements (add position abscolute to these) */
  }
  .photoDiv .photo img {
    max-height: 300px;
    max-width: 70%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .photoDiv .photo.top img, .photoDiv .photo.bottom img, .photoDiv .photo.left img, .photoDiv .photo.right img, .photoDiv .photo.full img {
    position: relative;
    max-height: 300px;
    max-width: 70%;
  }
  .photoDiv .photo.small img {
    max-height: 300px;
    max-width: 50%;
  }
  .photoDiv .photo.full img {
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .photoDiv .photo.top {
    padding-top: 0;
  }
  .photoDiv .photo.top img {
    top: initial;
  }
  .photoDiv .photo.bottom {
    padding-bottom: 0;
  }
  .photoDiv .photo.bottom img {
    bottom: initial;
    top: initial;
  }
  .photoDiv .photo.left {
    padding-left: 0;
    justify-content: flex-start;
  }
  .photoDiv .photo.left img {
    left: initial;
  }
  .photoDiv .photo.right {
    padding-right: 0;
    justify-content: flex-end;
  }
  .photoDiv .photo.right img {
    left: initial;
    right: initial;
  }
  .photoDiv .content {
    width: 100%;
    padding: 2rem 2rem 0 2rem;
  }
  .photoDiv.thirtySeventy .photo {
    width: 100%;
  }
  .photoDiv.thirtySeventy .content {
    width: 100%;
    padding: 1rem 0;
  }
  .photoDiv.reversed .container.full {
    flex-direction: column;
  }
  .photoDiv.dark .content {
    padding: 2rem 2rem 0 2rem;
  }
  .photoDiv.doubleContent .container.full {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 2rem 0;
  }
  .photoDiv.doubleContent .content, .photoDiv.doubleContent .content2 {
    width: 100%;
  }

  .videoDiv {
    position: relative;
    margin-bottom: 2rem;
  }
  .videoDiv .container.full {
    flex-direction: column;
    gap: 2rem;
  }
  .videoDiv .video {
    width: 100%;
    padding: 0 1rem;
  }
  .videoDiv .content {
    width: 100%;
    padding: 1rem 0;
  }

  .homeWhatWeDo .photoDiv {
    margin-bottom: 1rem;
  }
  .homeWhatWeDo .photoDiv .photo {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .contactPage .contactGrid {
    grid-template-columns: 1fr;
    grid-template-areas: "headoffice" "office2" "office3" "form";
  }
}
/* Mobile Only */
@media only screen and (max-width: 767px) {
  .topperSection:has(.topperImage) .container.full .topperContent {
    margin: 2rem 0 4rem 0;
  }

  .k-treeview .k-item {
    font-size: 1.6rem;
  }

  .cardView.project .cardContent, .cardView.insight.publication .cardContent {
    min-height: 150px;
  }

  .detailView.teammember .bioTopContent {
    -webkit-clip-path: initial;
            clip-path: initial;
  }
  .detailView.teammember .bioTopContent:after {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    width: var(--polygon-size);
    aspect-ratio: 1;
    background-color: #8BD40A;
    -webkit-clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
            clip-path: polygon(var(--polygon-size) 0%, 0% var(--polygon-size), 0% 101%, 100% 101%, 100% 0%);
  }
  .detailView.teammember .bioTopContent .bioPhotoWrapper {
    flex: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-basis: auto;
    position: relative;
    align-items: center;
  }
  .detailView.teammember .bioTopContent .bioPhotoWrapper .imgWrapper {
    width: 66%;
    max-width: 350px;
  }
  .detailView.teammember .bioTopContent .bioPhotoWrapper .imgWrapper img {
    aspect-ratio: 0.95;
  }
  .detailView.teammember .bioTopContent .bioContact {
    position: relative;
    -webkit-clip-path: initial;
            clip-path: initial;
    width: 100%;
    max-width: 100%;
    left: initial;
  }
  .detailView.teammember .bioTopContent .bioContact:after {
    content: none;
  }

  .button, button.button, .cmsContent .button {
    padding: 0.5rem 1.25rem;
  }
}
@media only screen and (max-width: 650px) {
  #header .header {
    padding-top: 0.75rem;
  }
  #header .header .mainHeaderGrid {
    flex-direction: column-reverse;
  }
  #header .header .mainHeaderGrid .logo {
    margin: 0 !important;
    width: 100% !important;
    align-items: center;
    padding-top: 10px;
  }
  #header .header .mainHeaderGrid .logo img {
    width: 200px;
  }
  #header .header .mainHeaderGrid .rightSide {
    margin: 0 !important;
    padding: 0 1rem !important;
    width: 100% !important;
  }
  #header .header .mainHeaderGrid .rightSide .headerTop {
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
  }
}
/* XS Mobile Only */
@media only screen and (max-width: 500px) {
  .photoDiv .content {
    padding: 1rem 0.5rem 0 0.5rem;
  }
  .photoDiv.dark .content {
    padding: 4rem 0.5rem 0 0.5rem;
  }

  .videoDiv .content {
    padding: 1rem 0.5rem 0 0.5rem;
  }
}
/* ### Bullets */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) */
/* Large Desktop (mid 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 */
/* Subheader */
/* Base unit used for spacing gutters */
/* Buttons */
@media print {
  .noPrint {
    display: none;
  }

  .printOnly {
    display: block;
    height: auto;
    width: auto;
  }

  a[href]:after {
    content: none !important;
  }

  /* Hide these elements */
  .topHeader {
    display: none !important;
  }

  .mobile,
.topHeader,
header nav,
header .search,
footer,
video, audio, object, embed {
    display: none !important;
    height: 0 !important;
  }

  header .header.stuck {
    position: relative !important;
  }

  img {
    max-width: 100%;
  }

  @page {
    margin: 0.5cm;
  }
  body {
    line-height: 1.6;
  }

  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 .container {
  width: 100%;
  padding: 0;
  margin: 0;
  max-width: 100% !important;
}
.printWrapper .baseFont {
  font-family: "Roboto", sans-serif;
}
.printWrapper h2 {
  break-inside: avoid;
}
.printWrapper h2::after {
  content: "";
  display: block;
  height: 120px;
  margin-bottom: -120px;
}
.printWrapper h2.superMargin::after {
  content: "";
  display: block;
  height: 500px;
  margin-bottom: -500px;
}
.printWrapper h2.mediumMargin::after {
  content: "";
  display: block;
  height: 300px;
  margin-bottom: -300px;
}
.printWrapper .logo {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 0 1rem 0;
}
.printWrapper .listView.teammembers {
  display: block;
  width: 100%;
}
.printWrapper .listView.teammembers > li {
  display: inline-block;
  width: 205px;
  margin: 5px 3px;
}
.printWrapper .listView.teammembers > li .cardView.teammember {
  width: 100%;
}
.printWrapper .listView.teammembers > li .cardView.teammember ul.contactInfo {
  font-size: 11px;
}
.printWrapper .simpleViewWrapper .listView.teammembers.simpleView {
  display: initial;
  width: 100%;
  gap: initial;
}
.printWrapper .simpleViewWrapper .listView.teammembers.simpleView > li {
  display: inline-block;
  width: 205px;
  margin: 5px 3px;
}
.printWrapper .simpleViewWrapper .listView.teammembers.simpleView > li .cardView.teammember {
  width: 100%;
  min-height: 140px;
  break-inside: avoid;
}
.printWrapper .detailView {
  margin-top: 2rem;
}
.printWrapper .detailView .mainContent {
  padding: 1rem 0 1rem 0;
}
.printWrapper .detailView .mainContent h1.topperTitle {
  font-size: 1.8rem;
}
.printWrapper .detailView .mainContent h1.topperTitle.withAirdCorner {
  padding: 0.5rem 1rem 0 0;
}
.printWrapper .detailView .mainContent h2 {
  font-size: 22px;
}
.printWrapper .detailView .rightContent {
  margin-top: 2rem;
}
.printWrapper .detailView.expertiseandsector .twoColumn {
  display: block !important;
}
.printWrapper .detailView.teammember {
  display: block;
  position: relative;
  padding-top: 0 !important;
}
.printWrapper .detailView.teammember .bgImgWrapper {
  min-height: 350px;
}
.printWrapper .detailView.teammember .bgImgWrapper:before {
  padding-top: 50%;
}
.printWrapper .detailView.teammember .bgImgWrapper .bgImg {
  background-position: 95% 50%;
}
.printWrapper .detailView.teammember h2 {
  font-size: 18px;
}
.printWrapper .detailView.teammember .bioTopContent {
  padding: 0;
}
.printWrapper .detailView.teammember .bioTopContent table td {
  padding: 0;
  vertical-align: top;
}
.printWrapper .detailView.teammember .bioTopContent .bioContact {
  padding: 2rem;
  width: 100%;
}
.printWrapper .detailView.teammember .bioTopContent .bioContact a {
  border-bottom: none;
}
.printWrapper .detailView.teammember .bioTopContent .bioContact .nameDesignationsPronunciation h1 {
  font-size: 1.5rem;
  background-size: 20px 20px;
  padding: 0px 20px 0 0;
}
.printWrapper .detailView.teammember .bioTopContent .bioContact .audioPlayerWrapper {
  display: none;
}
.printWrapper .detailView.teammember .bioTopContent .bioContact .position {
  font-size: 1rem;
}
.printWrapper .detailView.teammember .bioTopContent .bioContact .printShareAndSocial {
  display: none;
}
.printWrapper .detailView.teammember .bioTopContent .bioContact .contactInfo {
  font-size: 0.8rem;
  margin: 0.75rem 0 0.75rem 0;
}
.printWrapper .detailView.teammember .bioTopContent .bioContact .contactInfo .contactItemWrapper .prefixLabel {
  font-size: 0.8rem;
}
.printWrapper .detailView.teammember .bioTopContent .bioContact .specializations {
  font-size: 0.8rem;
}
.printWrapper .detailView.teammember .bioTopContent .bioContact .specializations ul li, .printWrapper .detailView.teammember .bioTopContent .bioContact .specializations p {
  font-size: 0.8rem;
}
.printWrapper .detailView.teammember .bioTopContent .bioContact .professionalCorporation {
  color: #0E3548;
  font-size: 0.8rem;
}
.printWrapper .detailView.teammember .tabContent {
  margin: 0.5rem 0;
}
.printWrapper .detailView.teammember .tabContent .cmsContent {
  font-size: 80%;
}
.printWrapper .detailView.teammember .rightContent .related ul.listView.expertiseandsectors {
  margin: 0 !important;
  display: block;
}
.printWrapper .detailView.teammember .rightContent .related ul.listView.expertiseandsectors a {
  border-bottom: none !important;
  font-size: 80%;
}
.printWrapper .detailView.teammember .rightContent .related ul.listView.expertiseandsectors li {
  background-color: transparent !important;
  padding-left: 1.5rem;
}
.printWrapper .detailView.teammember .rightContent .related ul.listView.expertiseandsectors li:before {
  content: " ";
  top: initial;
  left: 0;
  width: 1em;
  height: 1.4em;
  color: #1E1E1E;
  content: "";
  display: block;
  position: absolute;
  line-height: inherit;
  background-image: url(/CFImages/Icons/square-solid-secondary.svg);
  background-size: 0.4rem;
  background-repeat: no-repeat;
  background-position: center;
}
.printWrapper .detailView.teammember .rightContent .related ul.listView.expertiseandsectors ul.level2 {
  margin: 0 !important;
  position: relative;
}
.printWrapper .detailView.teammember .rightContent .related ul.listView.expertiseandsectors ul.level2 > li {
  padding-left: 0;
}
.printWrapper .detailView.teammember .rightContent .related ul.listView.expertiseandsectors ul.level2 > li:before {
  content: none;
}
.printWrapper .detailView.teammember .rightContent .related ul.listView.expertiseandsectors ul.level2 li {
  margin-bottom: 0.05rem;
}
.printWrapper .detailView.teammember .rightContent .related ul.listView.expertiseandsectors .cardView.expertiseandsector {
  background-color: transparent !important;
}
.printWrapper .detailView.teammember .rightContent .related .listView.nestedchildview {
  display: block;
}
.printWrapper .detailView.insight .topperContent {
  margin: 2rem 0;
  padding-bottom: 2rem;
  border-bottom: solid 1px #0E3548;
  color: #000;
}
.printWrapper .detailView.insight .topperContent h1 {
  font-size: 2.8rem;
  margin-top: 0.25rem;
}
.printWrapper .detailView.insight .topperContent span {
  color: #000;
}
.printWrapper .detailView.insight .topperContent .contentTypeLabels {
  font-size: 1rem;
  margin-bottom: 0;
  color: #06161d;
}
.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 .bgImgWrapper {
  height: 300px;
}

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