/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./.yarn/__virtual__/css-loader-virtual-54a77d8c2e/0/cache/css-loader-npm-7.1.2-7540f12884-edec9ed71e.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./.yarn/__virtual__/postcss-loader-virtual-0785fc74b1/0/cache/postcss-loader-npm-8.1.1-20cf547c92-86cde94cd4.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./.yarn/cache/resolve-url-loader-npm-5.0.0-9b441067c9-53eef36203.zip/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!./.yarn/__virtual__/sass-loader-virtual-b14b937895/0/cache/sass-loader-npm-14.2.1-dc50026ea1-9a48d45458.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./.yarn/cache/@splidejs-splide-npm-4.1.4-574032679c-2dc36e0ce1.zip/node_modules/@splidejs/splide/dist/css/splide.min.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.splide__container {
  box-sizing: border-box;
  position: relative;
}

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

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

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

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

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

.splide__progress__bar {
  width: 0;
}

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

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

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

.splide__slide img {
  vertical-align: bottom;
}

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

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

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

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

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

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

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

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

.splide--rtl {
  direction: rtl;
}

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

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

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

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

.splide__arrow:disabled {
  opacity: 0.3;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.splide__slide:focus {
  outline: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./.yarn/__virtual__/css-loader-virtual-54a77d8c2e/0/cache/css-loader-npm-7.1.2-7540f12884-edec9ed71e.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./.yarn/__virtual__/postcss-loader-virtual-0785fc74b1/0/cache/postcss-loader-npm-8.1.1-20cf547c92-86cde94cd4.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./.yarn/cache/resolve-url-loader-npm-5.0.0-9b441067c9-53eef36203.zip/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!./.yarn/__virtual__/sass-loader-virtual-b14b937895/0/cache/sass-loader-npm-14.2.1-dc50026ea1-9a48d45458.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./.yarn/cache/aos-npm-2.3.4-40ac384fbe-8448609a2d.zip/node_modules/aos/dist/aos.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./.yarn/__virtual__/css-loader-virtual-54a77d8c2e/0/cache/css-loader-npm-7.1.2-7540f12884-edec9ed71e.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./.yarn/__virtual__/postcss-loader-virtual-0785fc74b1/0/cache/postcss-loader-npm-8.1.1-20cf547c92-86cde94cd4.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./.yarn/cache/resolve-url-loader-npm-5.0.0-9b441067c9-53eef36203.zip/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!./.yarn/__virtual__/sass-loader-virtual-b14b937895/0/cache/sass-loader-npm-14.2.1-dc50026ea1-9a48d45458.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/styles/master.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  display: block;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

.shareThis {
  box-shadow: 3px 5px 10px 1px rgba(51, 51, 51, 0.6);
  padding: 0.5em;
}

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

.detailView .topperSection .topperContent {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(2, 2, 2, 0.85) 1%, rgba(255, 255, 255, 0) 100%); /* w3c */
}

.cmsContent ul > li ul > li:before, .cmsContent ul > li:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

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

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

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

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

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

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

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

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

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

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

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

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

.shareThis {
  box-shadow: 3px 5px 10px 1px rgba(51, 51, 51, 0.6);
  padding: 0.5em;
}

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

.detailView .topperSection .topperContent {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(2, 2, 2, 0.85) 1%, rgba(255, 255, 255, 0) 100%); /* w3c */
}

.cmsContent ul > li:before, .cmsContent ul > li ul > li:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

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

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

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

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

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

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

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

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

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

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

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

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

.shareThis {
  box-shadow: 3px 5px 10px 1px rgba(51, 51, 51, 0.6);
  padding: 0.5em;
}

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

.detailView .topperSection .topperContent {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(2, 2, 2, 0.85) 1%, rgba(255, 255, 255, 0) 100%); /* w3c */
}

.cmsContent ul > li:before, .cmsContent ul > li ul > li:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-last {
  order: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

::-webkit-input-placeholder {
  color: #053962;
}

:-moz-placeholder {
  color: #053962;
}

::-moz-placeholder {
  color: #053962;
}

:-ms-input-placeholder {
  color: #053962;
}

* {
  box-sizing: border-box;
}

:root {
  --scrollbar-width: 16px;
  --header-height: $headerHeight;
  --topheader-height: $topHeaderHeight;
}

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

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

body {
  /*min-height: 100%;*/
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  color: #000;
  font-style: normal;
  font-family: "OpenSans", sans-serif;
  font-weight: 400;
  background-color: white;
  background-image: url(/CFImages/bg.gif);
  background-attachment: fixed;
}

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

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

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

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

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

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

em, i {
  font-style: italic;
}

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

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

blockquote {
  margin: 2rem auto;
  width: 40rem;
  max-width: 100%;
  padding: 2rem 1rem;
  position: relative;
  border-top: 1px solid #714B96;
  border-bottom: 1px solid #714B96;
  color: #714B96;
  text-align: center;
}
blockquote p {
  color: #714B96;
  font-weight: 700;
  font-style: normal;
}
blockquote > :last-child {
  margin-bottom: 0;
}
blockquote.edge {
  width: 100vw;
  max-width: 100%;
  max-width: 100vw;
  padding: 4rem 2rem;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-color: #053962;
  text-align: left;
}
blockquote.edge > * {
  padding-left: 5rem;
  padding-right: 5rem;
  color: #fff;
  font-size: 120%;
}

a {
  color: #000;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  color: #279EB6;
  text-decoration: underline;
}

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

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

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

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

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Headings */
/****************************************************************************************************/
span.seperator {
  padding: 0 7px;
  color: #1a1a1a;
}

/* Headings */
h1, h2, h3, h4, h5, h6, .h {
  color: #000;
  font-family: "FSOstroProBold", sans-serif;
  font-style: normal;
  font-weight: 100;
  margin: 2.4rem 0 1.38rem;
  padding: 0;
  line-height: 1.1;
  /* Consecutive headings (usually need to reduce spacing) */
}
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h1 + .h, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h2 + .h, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h3 + .h, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h4 + .h, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h5 + .h, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6, h6 + .h, .h + h1, .h + h2, .h + h3, .h + h4, .h + h5, .h + h6, .h + .h {
  margin-top: 0;
}
h1.centered, h2.centered, h3.centered, h4.centered, h5.centered, h6.centered, .h.centered {
  text-align: center;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .h:first-child {
  margin-top: 0;
}

h1,
.h1 {
  font-size: 2.488rem;
}

h2,
.h,
.h2 {
  font-size: 1.953rem;
}

h3,
.h3 {
  font-size: 1.602rem;
}

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

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

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

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

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/* Shared styles for native <button>s and .button class */
.button, :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #000;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.6em 1em;
  margin-top: 1em;
  font-family: "OpenSans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid #000;
  border-radius: 0;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  /* FontAwesome Icons in markup */
  /* Reverse */
  /* Outline */
  /*
      Any ADDITIONAL button styles to add ONLY IF no style was specified. Most default button
      styles should be defined at the top unless you wouldn't want them on predefined types.
  */
  /* primary colour */
  /* secondary colour */
  /* tertiary colour */
  /* reverse */
  /* outline */
  /* Arrow Icon */
  /* Submit */
  /* Reset button */
}
.button:after, :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]):after,
button:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
}
.button [class*=fa-], :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) [class*=fa-],
button [class*=fa-] {
  margin-left: 0.6rem;
}
.button:hover, :hover:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button:hover {
  color: white;
  background-color: #279EB6;
  border-color: #279EB6;
  text-decoration: none !important;
}
.button:active, :active:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button:active {
  color: white;
  background-color: #1e7a8c;
}
.button.primary, .primary:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.primary {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #000;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.6em 1em;
  margin-top: 1em;
  font-family: "OpenSans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid #000;
  border-radius: 0;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  /* FontAwesome Icons in markup */
  /* Reverse */
  /* Outline */
  background-color: #279EB6;
  border-color: #279EB6;
  color: #fff;
}
.button.primary:after, .primary:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]):after,
button.primary:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
}
.button.primary [class*=fa-], .primary:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) [class*=fa-],
button.primary [class*=fa-] {
  margin-left: 0.6rem;
}
.button.primary:hover, .primary:hover:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.primary:hover {
  color: white;
  background-color: #279EB6;
  border-color: #279EB6;
  text-decoration: none !important;
}
.button.primary:active, .primary:active:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.primary:active {
  color: white;
  background-color: #1e7a8c;
}
.button.primary:hover, .primary:hover:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.primary:hover {
  background-color: #042b4a;
  color: white;
}
.button.primary:active, .primary:active:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.primary:active {
  color: white;
  background-color: #000101;
}
.button.secondary, .secondary:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.secondary {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #000;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.6em 1em;
  margin-top: 1em;
  font-family: "OpenSans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid #000;
  border-radius: 0;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  /* FontAwesome Icons in markup */
  /* Reverse */
  /* Outline */
  /*
      Any ADDITIONAL button styles to add ONLY IF no style was specified. Most default button
      styles should be defined at the top unless you wouldn't want them on predefined types.
  */
}
.button.secondary:after, .secondary:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]):after,
button.secondary:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
}
.button.secondary [class*=fa-], .secondary:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) [class*=fa-],
button.secondary [class*=fa-] {
  margin-left: 0.6rem;
}
.button.secondary:hover, .secondary:hover:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.secondary:hover {
  color: white;
  background-color: #279EB6;
  border-color: #279EB6;
  text-decoration: none !important;
}
.button.secondary:active, .secondary:active:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.secondary:active {
  color: white;
  background-color: #1e7a8c;
}
.button.tertiary, .tertiary:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.tertiary {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #000;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.6em 1em;
  margin-top: 1em;
  font-family: "OpenSans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid #000;
  border-radius: 0;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  /* FontAwesome Icons in markup */
  /* Reverse */
  /* Outline */
  background-color: #714B96;
}
.button.tertiary:after, .tertiary:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]):after,
button.tertiary:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
}
.button.tertiary [class*=fa-], .tertiary:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) [class*=fa-],
button.tertiary [class*=fa-] {
  margin-left: 0.6rem;
}
.button.tertiary:hover, .tertiary:hover:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.tertiary:hover {
  color: white;
  background-color: #279EB6;
  border-color: #279EB6;
  text-decoration: none !important;
}
.button.tertiary:active, .tertiary:active:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.tertiary:active {
  color: white;
  background-color: #1e7a8c;
}
.button.tertiary:hover, .tertiary:hover:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.tertiary:hover {
  background-color: #644385;
  color: white;
}
.button.tertiary:active, .tertiary:active:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.tertiary:active {
  color: white;
  background-color: #3e2952;
}
.button.reverse, .reverse:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.reverse {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #000;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.6em 1em;
  margin-top: 1em;
  font-family: "OpenSans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid #000;
  border-radius: 0;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  /* FontAwesome Icons in markup */
  /* Reverse */
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
  /* Outline */
  /*
      Any ADDITIONAL button styles to add ONLY IF no style was specified. Most default button
      styles should be defined at the top unless you wouldn't want them on predefined types.
  */
}
.button.reverse:after, .reverse:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]):after,
button.reverse:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
}
.button.reverse [class*=fa-], .reverse:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) [class*=fa-],
button.reverse [class*=fa-] {
  margin-left: 0.6rem;
}
.button.reverse:hover, .reverse:hover:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.reverse:hover {
  color: white;
  background-color: #279EB6;
  border-color: #279EB6;
  text-decoration: none !important;
}
.button.reverse:active, .reverse:active:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.reverse:active {
  color: white;
  background-color: #1e7a8c;
}
.button.reverse:hover, .reverse:hover:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.reverse:hover {
  background-color: #fff;
  color: #279EB6;
  border: 2px solid #fff;
}
.button.reverse:active, .reverse:active:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.reverse:active {
  background-color: #fff;
  color: #279EB6;
  border: 2px solid #fff;
}
.button.outline, .outline:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.outline {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #000;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.6em 1em;
  margin-top: 1em;
  font-family: "OpenSans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid #000;
  border-radius: 0;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  /* FontAwesome Icons in markup */
  /* Reverse */
  /* Outline */
  background-color: transparent;
  color: #053962;
  border: 2px solid #053962;
}
.button.outline:after, .outline:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]):after,
button.outline:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
}
.button.outline [class*=fa-], .outline:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) [class*=fa-],
button.outline [class*=fa-] {
  margin-left: 0.6rem;
}
.button.outline:hover, .outline:hover:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.outline:hover {
  color: white;
  background-color: #279EB6;
  border-color: #279EB6;
  text-decoration: none !important;
}
.button.outline:active, .outline:active:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.outline:active {
  color: white;
  background-color: #1e7a8c;
}
.button.outline:hover, .outline:hover:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.outline:hover {
  background-color: #053962;
  color: white;
}
.button.outline:active, .outline:active:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.outline:active {
  color: white;
  background-color: #000101;
}
.button.arrow, .arrow:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.arrow {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #000;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.6em 1em;
  margin-top: 1em;
  font-family: "OpenSans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid #000;
  border-radius: 0;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  /* FontAwesome Icons in markup */
  /* Reverse */
  /* Outline */
}
.button.arrow:after, .arrow:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]):after,
button.arrow:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
}
.button.arrow [class*=fa-], .arrow:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) [class*=fa-],
button.arrow [class*=fa-] {
  margin-left: 0.6rem;
}
.button.arrow:hover, .arrow:hover:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.arrow:hover {
  color: white;
  background-color: #279EB6;
  border-color: #279EB6;
  text-decoration: none !important;
}
.button.arrow:active, .arrow:active:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.arrow:active {
  color: white;
  background-color: #1e7a8c;
}
.button.arrow:after, .arrow:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]):after,
button.arrow:after {
  content: "\f061";
  color: #fff;
  font-family: "Font Awesome 5 Pro";
  font-size: 0.6em;
  position: relative;
  top: -2px;
}
.button.arrow:hover:after, .arrow:hover:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]):after,
button.arrow:hover:after {
  transform: translatex(5px);
}
.button.submit, .submit:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.submit {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #000;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.6em 1em;
  margin-top: 1em;
  font-family: "OpenSans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid #000;
  border-radius: 0;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  /* FontAwesome Icons in markup */
  /* Reverse */
  /* Outline */
}
.button.submit:after, .submit:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]):after,
button.submit:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
}
.button.submit [class*=fa-], .submit:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) [class*=fa-],
button.submit [class*=fa-] {
  margin-left: 0.6rem;
}
.button.submit:hover, .submit:hover:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.submit:hover {
  color: white;
  background-color: #279EB6;
  border-color: #279EB6;
  text-decoration: none !important;
}
.button.submit:active, .submit:active:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.submit:active {
  color: white;
  background-color: #1e7a8c;
}
.button.submit:after, .submit:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]):after,
button.submit:after {
  content: " ";
  background-image: url(/CFImages/Icons/sync.svg);
}
.button.reset, :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.reset {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #000;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.6em 1em;
  margin-top: 1em;
  font-family: "OpenSans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid #000;
  border-radius: 0;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  /* FontAwesome Icons in markup */
  /* Reverse */
  /* Outline */
}
.button.reset:after, :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]):after,
button.reset:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
}
.button.reset [class*=fa-], :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) [class*=fa-],
button.reset [class*=fa-] {
  margin-left: 0.6rem;
}
.button.reset:hover, :hover:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.reset:hover {
  color: white;
  background-color: #279EB6;
  border-color: #279EB6;
  text-decoration: none !important;
}
.button.reset:active, :active:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.reset:active {
  color: white;
  background-color: #1e7a8c;
}
.button.reset:after, :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]):after,
button.reset:after {
  content: " ";
  background-image: url(/CFImages/Icons/sync.svg);
}
.button.subscribe, .subscribe:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]),
button.subscribe {
  border: solid 1px #fff;
}
/* button-like inputs */
/* native buttons only */
/* .button only */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Hyperlinks + Special Links */
/****************************************************************************************************/
/* Special Links */
/* Telephone Links */
a[href^=tel], a[href^=Tel] {
  text-decoration: none;
  font-weight: 400;
  font-family: "OpenSans", sans-serif;
  color: #000;
}
a[href^=tel]:hover, a[href^=Tel]:hover {
  text-decoration: underline;
  cursor: pointer;
  color: inherit;
}

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

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

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

/* Scroll-to-Top Link */
.scrollToTop {
  top: auto;
  left: auto;
  right: 5rem;
  bottom: 3rem;
  opacity: 0.4;
  display: none;
  z-index: 1000;
  position: fixed;
  font-size: 1.2rem;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border: 3px solid white;
  border-radius: 999px;
  background-color: #279EB6;
}
@media (max-width: 767px) {
  .scrollToTop {
    right: 2rem;
  }
}
.scrollToTop:focus:focus-visible {
  opacity: 1;
  text-decoration: none;
  background-color: #053962;
}
.scrollToTop:hover {
  opacity: 1;
  text-decoration: none;
  background-color: #053962;
}
.scrollToTop i {
  width: 100%;
  color: white;
  text-align: center;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region CMS Content Styles */
/****************************************************************************************************/
.cmsContent {
  color: #000;
  font-size: 1rem;
  line-height: 1.4;
  /* Headings */
  /* Links */
  /* Paragraphs */
  /* Unordered Lists */
  /* Ordered Lists */
  /* Special lists:   Alpha & Roman Numerals */
  /* Misc content elements */
}
.cmsContent img {
  max-width: 100%;
}
.cmsContent em, .cmsContent i {
  font-style: italic;
}
.cmsContent h1 {
  color: inherit;
}
.cmsContent h2.xlHeader, .cmsContent h5 {
  color: #053962;
  margin-bottom: 2rem;
}
.cmsContent h2.xlHeader, .cmsContent h5 {
  font-size: 40px;
}
@media screen and (min-width: 1025px) {
  .cmsContent h2.xlHeader, .cmsContent h5 {
    font-size: calc(40px + 50 * (100vw - 1025px) / 275);
  }
}
@media screen and (min-width: 1300px) {
  .cmsContent h2.xlHeader, .cmsContent h5 {
    font-size: 90px;
  }
}
.cmsContent a:not(.button):not(input[type=file]):not(input[type=reset]):not(input[type=submit]):not(input[type=button]) {
  color: #279EB6;
}
.cmsContent a:not(.button):not(input[type=file]):not(input[type=reset]):not(input[type=submit]):not(input[type=button]):hover {
  color: #714B96;
}
.cmsContent a[target=_blank]:after {
  /* content: " ";
   position: relative;
   display: inline-block;
   font-size: .6em;*/
}
.cmsContent .socialLinks a[target=_blank]:after {
  content: none;
}
.cmsContent p {
  line-height: 1.4;
}
.cmsContent ul {
  list-style-type: none;
  margin: 1rem 0;
}
.cmsContent ul > li {
  list-style-type: none;
  margin: 0;
  padding: 0.2rem 0;
  padding-left: 1.75rem;
  position: relative;
  font-size: 1em;
}
.cmsContent ul > li:before {
  font-family: "Font Awesome 5 Pro";
  top: 11px;
  left: 0;
  color: #279EB6;
  content: "\f111";
  display: inline-block;
  position: absolute;
  font-size: 0.3em;
  line-height: inherit;
}
.cmsContent ul > li ul {
  margin: 0;
  margin-top: 0.5rem;
}
.cmsContent ul > li ol {
  margin: 0;
  margin-top: 0.5rem;
}
.cmsContent ol {
  margin: 1rem 0;
  counter-reset: customListCounter 0;
  list-style-position: outside;
}
.cmsContent ol > li {
  list-style-type: none;
  list-style-position: inside;
  margin: 0;
  position: relative;
  padding: 0.2rem 0;
  padding-left: 1.75rem;
  counter-increment: customListCounter;
}
.cmsContent ol > li:before {
  top: 0.2rem;
  left: 0.4rem;
  content: counter(customListCounter) ".";
  color: #714B96;
  position: absolute;
  font-weight: 700;
}
.cmsContent ol > li ol {
  margin: 0;
  margin-top: 0.5rem;
}
.cmsContent ol > li ol > li {
  background: none;
  margin: 0;
}
.cmsContent ol > li ol > li:before {
  color: #053962;
}
.cmsContent ol > li ul {
  margin: 0;
  margin-top: 0.5rem;
}
.cmsContent ol > li ul > li {
  /*list-style-type: none;
  list-style-position: inside;*/
}
.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 ul:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) li,
.cmsContent ol.reset li,
.cmsContent ol:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) li {
  padding-left: 0;
}
.cmsContent ul.reset li:before, .cmsContent ul:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) li:before,
.cmsContent ol.reset li:before,
.cmsContent ol:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) li:before {
  display: none;
}
.cmsContent address {
  margin: 0.5rem 0 1rem;
}
.cmsContent mark {
  color: white;
  background-color: #714B96;
}

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

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

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

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

.mainContent > :first-child {
  margin-top: 6rem;
}
.mainContent > :last-child {
  margin-bottom: 2rem;
}
.purpleFooter .mainContent > :last-child, .yellowFooter .mainContent > :last-child, .mainContent > :last-child .blueFooter {
  margin-bottom: 0;
}

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

/* Standard Two-column layout with main + sidebar */
.blueWrapper {
  background: linear-gradient(90deg, #053962 50%, #CCCCCC 50%);
  padding: 3rem 5.5rem !important;
  color: #fff;
}
.blueWrapper .tabstrip {
  display: none;
}
.blueWrapper h2, .blueWrapper p {
  color: #fff;
}
.blueWrapper .k-tabstrip-items-wrapper {
  display: flex;
  width: 100%;
  margin-top: 3rem;
}
.blueWrapper .tabstrip {
  display: flex;
  margin: 1rem 0;
  background: none;
  border: none;
  flex: 1 1 auto;
}
.blueWrapper .tabstrip .k-content {
  flex: 1 0 50%;
  color: #000;
  background: none;
  border: none;
  padding-left: 2rem;
}
.blueWrapper .tabstrip .k-content p {
  color: #000;
}
.blueWrapper .tabstrip .k-tabstrip-items {
  flex: 1 0 50%;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  border-top: solid 1px #279EB6;
  margin-right: 3rem;
}
.blueWrapper .tabstrip .k-tabstrip-items h4 {
  color: #fff;
  margin: 0;
}
.blueWrapper .tabstrip .k-tabstrip-items span.tabTitle {
  color: #fff;
  margin: 0;
}
.blueWrapper .tabstrip .k-tabstrip-items .k-item {
  border-bottom: solid 1px #279EB6;
  padding: 0.75rem 0;
}
.blueWrapper .tabstrip .k-tabstrip-items .k-item .k-link {
  padding: 0;
}
.blueWrapper .tabstrip .k-tabstrip-items .k-item.k-state-active {
  background: transparent;
}
.blueWrapper .tabstrip .k-tabstrip-items .k-item .tabIcon {
  filter: invert(1);
  position: absolute;
  right: 1rem;
  top: 35%;
}

.greyWrapper {
  background-color: #F5F4F4;
}

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

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Header */
/****************************************************************************************************/
#header {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  position: relative;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
#header.top .hideUntilScroll {
  opacity: 0 !important;
}
#header.down .hideUntilScroll {
  opacity: 1;
}
#header.up .hideUntilScroll {
  opacity: 1;
}
#header .hideUntilScroll {
  opacity: 0;
  position: absolute;
  left: 20px;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
#header .hideUntilScroll span.sr-only {
  color: #000;
}
#header .topHeader {
  position: fixed;
  width: 100%;
  z-index: 1000;
  background-color: #F5F4F4;
  min-height: 42px;
}
#header .topHeader .search {
  background-color: #000;
}
#header .topHeader .search input[type=search] {
  width: calc(100% - 40px);
  padding: 0 10px;
  height: 40px;
}
#header .topHeader .search button {
  margin: 0;
  padding: 0;
  height: 40px;
  width: 40px;
  color: #fff;
  transistion: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
#header .topHeader .search button:hover {
  background-color: transparent;
  transform: rotate(90deg);
  border: none;
}
#header .topHeader .search button:after {
  content: "";
}
#header .header {
  padding: 0;
  z-index: 100;
  color: white;
  padding: 1rem 0 1rem;
  position: relative;
  background-color: white;
}
#header .header .logo img {
  width: 14rem;
}
#header .header .logo h1 {
  margin: 0;
  padding: 0;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Page Topper (Banner) */
/****************************************************************************************************/
/* Usually nested in the topper */
.pageTopper {
  color: white;
  min-height: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  padding: 5rem 3rem 3rem;
  background-color: #053962;
}
.pageTopper:after {
  content: "";
  background-color: #279EB6;
  opacity: 0.6;
  height: 120px;
  width: 20%;
  position: absolute;
  bottom: -60px;
  right: 0;
  z-index: 1;
}
.pageTopper .topperImage {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
  display: none;
}
.pageTopper .topperTitle {
  display: flex;
  position: relative;
  z-index: 2;
  justify-content: center;
}
.pageTopper .topperTitle h1 {
  color: white;
  font-size: 3rem;
  margin: 0 2rem;
  text-align: center;
}
.pageTopper .topperTitle .summary {
  border-left: solid 1px #279EB6;
  width: 50%;
  padding-left: 1rem;
  margin-left: 1rem;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Main Content */
/****************************************************************************************************/
main .bd .breadCrumb .breadCrumbInner {
  padding: 5px 0;
  font-size: 0.6rem;
}
main .bd .mainContent .sfContentBlock img {
  max-width: 100%;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Footer */
/****************************************************************************************************/
#footer {
  position: relative;
  z-index: 1;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(0, 0, 0) 50%);
  font-size: 0.8rem;
  padding-top: 2rem;
  color: white;
}
#footer ul.socialLinks {
  margin-top: 3rem;
}
#footer ul.socialLinks li:first-of-type {
  margin-left: 0;
}
.purpleFooter #footer {
  background: linear-gradient(90deg, #714B96 50%, rgb(0, 0, 0) 50%);
}
.yellowFooter #footer {
  background: linear-gradient(90deg, white 10rem, #F1C500 5rem 50%, rgb(0, 0, 0) 50%);
}
.yellowFooterFull #footer {
  background: linear-gradient(90deg, #F1C500 50%, rgb(0, 0, 0) 50%);
}
.blueFooter #footer {
  background: linear-gradient(90deg, #053962 50%, rgb(0, 0, 0) 50%);
}
#footer:before {
  content: "";
  height: 100%;
  width: 50%;
  background: rgb(255, 255, 255);
  background: linear-gradient(rgba(39, 158, 182, 0) 42%, #279eb6 42%);
  z-index: -1;
  position: absolute;
  bottom: 0;
}
#footer * {
  color: inherit;
}
#footer a {
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .mainFooter {
  text-transform: uppercase;
}
#footer .mainFooter .footerLeft {
  text-transform: initial;
  /*h2 {
      margin-bottom: 0;
  }*/
}
#footer .mainFooter .footerLeft .button, #footer .mainFooter .footerLeft :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) {
  margin-top: 0;
}
#footer .mainFooter .footerRight h3 {
  display: none;
}
#footer .mainFooter .footerRight .button, #footer .mainFooter .footerRight :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) {
  margin-top: 0;
}
#footer .mainFooter .footerRight .offices li {
  padding-left: 1em;
  font-family: "FSOstroProBold", sans-serif;
  font-weight: 100;
}
#footer .mainFooter .footerLogo {
  padding: 1rem 0;
  border-bottom: solid 1px #279EB6;
  margin-bottom: 1rem;
}
#footer .mainFooter .social .cmsContent {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer .mainFooter .social .cmsContent p {
  margin: 0;
}
#footer .mainFooter .offices li {
  text-transform: uppercase;
  font-size: 1rem;
  margin: 0.25rem 10px;
}
#footer .copyrightFooter {
  background-color: #F5F4F4;
  color: #000;
}
#footer .copyrightFooter * {
  color: inherit;
}
#footer .copyrightFooter p {
  font-size: 0.8rem;
  margin: 0;
}
#footer .copyrightFooter a {
  color: #000 !important;
}
#footer .cmsContent a, #footer .cmsContent a:not(.button):not(input[type=file]):not(input[type=reset]):not(input[type=submit]):not(input[type=button]) a {
  color: white;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Social & Sharing Links */
/****************************************************************************************************/
ul.socialLinks {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
  font-size: 1.8rem;
  flex-wrap: nowrap;
  justify-content: flex-end;
  list-style: none;
  margin: 0;
}
ul.socialLinks > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
ul.socialLinks li {
  list-style: none;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
ul.socialLinks li a {
  color: #fff;
}

ul.sharingLinks {
  display: flex;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
}
ul.sharingLinks > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
ul.sharingLinks li button {
  cursor: pointer;
  border: none;
  padding: 0;
  background-color: transparent;
  background-image: none;
  color: #fff;
  font-size: 1.8rem;
}
ul.sharingLinks li button i {
  color: inherit;
}
ul.sharingLinks li button:hover, ul.sharingLinks li button:focus ul.sharingLinks li button:active {
  color: #714B96;
}

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

/* Text Fields */
input {
  color: #053962;
  width: 100%;
  height: 2.6rem;
  max-width: 100%;
  padding: 0.2rem 1rem;
  padding-right: 3rem;
  text-overflow: ellipsis;
  border: solid 2px #B1B1B1;
  background-color: white;
  /*    &: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: 2px solid #053962;
}
textarea {
  width: 100%;
  min-height: 5rem;
  display: block;
  border: solid 2px #B1B1B1;
}
textarea:hover::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  opacity: 0.4;
}
textarea:hover:-moz-placeholder, textarea:focus:-moz-placeholder {
  opacity: 0.4;
}
textarea:hover::-moz-placeholder, textarea:focus::-moz-placeholder {
  opacity: 0.4;
}
textarea:hover:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  opacity: 0.4;
}
textarea:focus {
  outline: 2px solid #F7F7F7;
}

/* Checkboxes */
input[type=checkbox] {
  width: 1px;
  height: 1px;
  cursor: pointer;
  position: absolute;
  visibility: hidden;
}
input[type=checkbox] + label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  padding-left: 2rem;
}
input[type=checkbox] + label::selection {
  background-color: transparent;
}
input[type=checkbox] + label:hover {
  color: #279EB6;
}
input[type=checkbox] + label:before, input[type=checkbox] + label:after {
  top: 0;
  left: 0;
  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;
  border: 1px solid #279EB6;
}
input[type=checkbox]:checked + label:after {
  background-image: url(/CFImages/Icons/check.svg);
}

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

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

form {
  /* Form-only Buttons */
}
form label {
  cursor: pointer;
}
form fieldset {
  padding: 0;
  border: none;
}
/* #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;
}
[data-sf-role=form-container] input[type=checkbox] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
  visibility: visible;
}

/* 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: #000;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.6em 1em;
  margin-top: 1em;
  font-family: "OpenSans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid #000;
  border-radius: 0;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  /* FontAwesome Icons in markup */
  /* Reverse */
  /* Outline */
  /*
      Any ADDITIONAL button styles to add ONLY IF no style was specified. Most default button
      styles should be defined at the top unless you wouldn't want them on predefined types.
  */
}
[data-sf-role=file-field-inputs] input[type=file]: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 {
  color: white;
  background-color: #279EB6;
  border-color: #279EB6;
  text-decoration: none !important;
}
[data-sf-role=file-field-inputs] input[type=file]:active {
  color: white;
  background-color: #1e7a8c;
}
[data-sf-role=file-field-inputs] input[type=file]::-webkit-file-upload-button {
  visibility: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: absolute;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Images */
/****************************************************************************************************/
/* As BACKGROUND image */
.bgImgWrapper {
  width: 100%;
  height: 100%;
  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: 100%;
}
.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 a NATIVE IMG element */
.imgWrapper {
  width: 100%;
}
.imgWrapper a img {
  max-width: 100%;
}
.imgWrapper img {
  max-width: 100%;
}

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

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

.hidden {
  display: none !important;
}

.forcedHide {
  display: none !important;
}

.hideOnDesktop {
  display: none !important;
}

.hideOnMobile {
  display: inline-block;
}

.printOnly {
  display: none;
}

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

.jumpMenu {
  margin-bottom: 3rem;
}

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

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

.bgWhite {
  background-color: white;
}

.bgBlack {
  background-color: black;
}

.bgPrimary {
  background-color: #053962;
}

.bgSecondary {
  background-color: #279EB6;
}

.bgTertiary {
  background-color: #714B96;
}

.bgGrey {
  background-color: #707070;
}

.bgGreyLight {
  background-color: #F5F4F4;
}

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

.float-left {
  float: left;
}

.float-right {
  float: right;
}

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

.position-relative {
  position: relative;
}

.position-fixed {
  position: fixed;
}

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

.display-block {
  display: block;
}

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

.display-inline {
  display: inline;
}

.display-none {
  display: none;
}

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

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

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

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

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

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

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

.man {
  margin: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pas {
  padding: 0.25rem !important;
}

.mas {
  margin: 0.25rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pam {
  padding: 0.5rem !important;
}

.mam {
  margin: 0.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pal {
  padding: 1rem !important;
}

.mal {
  margin: 1rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.paxl {
  padding: 2rem !important;
}

.maxl {
  margin: 2rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.paxxl {
  padding: 3rem !important;
}

.maxxl {
  margin: 3rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.paxxxl {
  padding: 4rem !important;
}

.maxxxl {
  margin: 4rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.paxxxxl {
  padding: 5rem !important;
}

.maxxxxl {
  margin: 5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.displayFlex .cmsContent {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.columnCount3 {
  column-count: 3;
}

.center {
  text-align: center;
}

.hideThis {
  display: none;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Content Type Labels */
/****************************************************************************************************/
.contentTypeLabels span.labelValuesSeperator:before {
  content: ": ";
}
.contentTypeLabels span.subType {
  font-family: "FSOstroProBold", sans-serif;
}
.contentTypeLabels span.seperator:before {
  content: " | ";
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Dates */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Sliders */
/****************************************************************************************************/
/* Splide sliders */
.splide {
  visibility: visible;
  /* Show only the first slide ONLY until the slider is initialized */
  /* slider initialized */
  /* Arrows */
}
.splide:not(.is-active) .splide__list {
  width: 100%;
}
.splide:not(.is-active) .splide__slide {
  width: 100%;
  display: flex;
}
.splide:not(.is-active) .splide__slide:not(:first-child) {
  display: none;
}
.splide:not(.is-active) .splide__arrow {
  display: none;
}
.splide.is-active:not(.splide--grid) .splide__slide {
  display: flex;
}
.splide .splide__arrow {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  opacity: 1;
}
.splide .splide__arrow svg {
  font-size: 1.5rem;
}
.splide .splide__arrow.splide__arrow--next svg {
  transform: translateX(10%);
}
.splide .splide__arrow.splide__arrow--prev svg {
  transform: translateX(-10%);
}

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

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

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Home + Home Slideshow */
/****************************************************************************************************/
.homeSlideshow {
  position: relative;
  /*   li.splide__slide:nth-of-type(2) {
      background-color: $quaternaryColour;
  }*/
}
.homeSlideshow .splide__pagination {
  bottom: 1em;
}
.homeSlideshow li.splide__slide[id*=slide02] {
  background-color: #F1C500;
}
.homeSlideshow li.splide__slide[id*=slide02] h1 {
  color: #000 !important;
}
.homeSlideshow li.splide__slide[id*=slide02] .summary {
  color: #000 !important;
}
.homeSlideshow li.splide__slide[id*=slide03] {
  background-color: #714B96;
}
.homeSlideshow .splide__slide {
  background-color: #053962;
  color: white;
  overflow: hidden;
  position: relative;
  transition: all 1s ease-out;
  min-height: 30rem;
  padding: 3rem 0;
}
.homeSlideshow .splide__slide .coverImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}
.homeSlideshow .splide__slide .coverImg .bgImgWrapper {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}
.homeSlideshow .splide__slide .coverImg .bgImgWrapper .bgImg:before {
  position: relative;
  display: block;
  height: 100%;
  content: " ";
  background-image: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(63, 108, 118, 0.5) 60%);
  opacity: 0.6;
  z-index: 2;
}
.homeSlideshow .splide__slide .container {
  width: 50%;
}
.homeSlideshow .splide__slide .container .innerContent {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*opacity: 0;*/
}
.homeSlideshow .splide__slide .container .innerContent h1 {
  text-align: left;
  color: white;
  font-family: "FSOstroProBold", sans-serif;
  font-weight: 100;
  font-size: 5rem;
}
.homeSlideshow .splide__slide .container .innerContent h1 div {
  display: inline-block;
  transform: translatey(0);
}
.homeSlideshow .splide__slide .container .innerContent h1 div:after {
  position: absolute;
  content: "";
  height: 7px;
  width: 0;
  background-color: #279EB6;
  left: 50%;
  top: 5rem;
  transform: translatex(-50%);
}
.homeSlideshow .splide__slide .container .innerContent .summary {
  font-size: 1rem;
  font-weight: 100;
  margin-bottom: 1.5rem;
}
.homeSlideshow .splide__slide .container .innerContent .button, .homeSlideshow .splide__slide .container .innerContent :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) {
  display: inline-block;
}
.homeSlideshow .splide__slide.is-active .container .innerContent h1 div {
  animation: 0.5s forwards 0.8s moveLetterUp;
}
.homeSlideshow .splide__slide.is-active .container .innerContent h1 div:after {
  animation: 0.2s ease-in 0.8s forwards addLine;
}
.homeSlideshow .splide__slide.is-visible .innerContent {
  opacity: 1;
}
.homeSlideshow .splide__slide.right .contentWrapper .innerContent {
  float: right;
  text-align: right;
}
.homeSlideshow .splide__slide.left .contentWrapper .innerContent {
  float: left;
  text-align: left;
}
.homeSlideshow .splide__slide.centred .coverImg:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  display: block;
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.25);
}

/* #endregion */
/************************************************************/
/* #region Homepage */
/****************************************************************************************************/
.peopleWrapper {
  position: relative;
}
.peopleWrapper .pager {
  display: none;
}
.peopleWrapper .peopleInner {
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translatex(-50%);
  top: 1rem;
}
.peopleWrapper .peopleInner .findASearch {
  width: 60%;
  margin: 0 auto;
}
.peopleWrapper .peopleInner .findASearch .k-combobox {
  width: 100%;
  border-width: 1px;
  border-style: solid;
  /*border-top: none;*/
}
.peopleWrapper .peopleInner .findASearch .k-combobox .k-dropdown-wrap {
  background-color: transparent;
  border: none;
}
.peopleWrapper .peopleInner .findASearch input.findASearchInput {
  width: 100%;
  border-top: none;
  font-size: 1.2rem;
  padding: 1.5rem;
}
.peopleWrapper .peopleInner .findASearch input.findASearchInput:focus:focus-visible {
  outline: none;
}
.peopleWrapper .peopleInner .findASearch .k-select {
  background-color: transparent;
}
.peopleWrapper .peopleInner .findASearch .k-select .k-icon:before {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  left: inherit;
  right: 16px;
  font-size: 1.5rem;
  color: #279EB6;
}
.peopleWrapper .teammembersWrapper .teammembers {
  display: block !important;
}
.peopleWrapper .teammembersWrapper .bioTopContent {
  position: relative;
  padding-bottom: 0;
  margin-bottom: 0;
  width: 100%;
  display: block;
  color: #fff;
  overflow: hidden;
  background: radial-gradient(circle at 50% 35%, #F5F4F4 0%, #CCCCCC 70%);
}
.peopleWrapper .teammembersWrapper .bioTopContent .bioPhotoWrapper {
  flex: auto;
  flex-basis: auto;
  position: relative;
  display: flex;
}
.peopleWrapper .teammembersWrapper .bioTopContent .bioPhotoWrapper:after {
  content: "";
  background-color: #279EB6;
  opacity: 0.6;
  height: 140px;
  width: 20%;
  position: absolute;
  bottom: -85px;
  right: 0;
  z-index: 1;
}
.peopleWrapper .teammembersWrapper .bioTopContent .bioPhotoWrapper .bgImgWrapper {
  width: 50%;
  transform: translatex(100%);
  background: none;
}
.peopleWrapper .teammembersWrapper .bioTopContent .bioPhotoWrapper .bgImgWrapper:before { /* sets the height and then effectively removes itself from flow so as not to interfere with siblings */
  float: left;
  width: 1px;
  height: 0;
  content: "";
  margin-left: -1px;
  padding-top: 83.3333333333%;
}
.peopleWrapper .teammembersWrapper .bioTopContent .bioPhotoWrapper .bgImgWrapper:after { /* to clear float */
  content: "";
  display: table;
  clear: both;
}
.peopleWrapper .teammembersWrapper .bioTopContent .bioPhotoWrapper .bgImgWrapper .bgImg {
  margin-top: 3rem;
  background-position: top right;
}
.peopleWrapper .teammembersWrapper .bioTopContent .bioPhotoWrapper:after {
  background-color: transparent;
}
.peopleWrapper .teammembersWrapper .bioTopContent .bioContact {
  position: absolute;
  right: 2%;
  top: 30%;
  z-index: 2;
  color: #000;
}
.peopleWrapper .teammembersWrapper .bioTopContent .bioContact h2 {
  margin: 0;
  font-size: 1.2rem;
}
.peopleWrapper .peopleInnerBottom {
  height: 100%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  background-size: 51% 50%;
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(rgb(39, 158, 182), rgb(39, 158, 182));
}
.peopleWrapper .peopleInnerBottom .cmsContent {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
}
.peopleWrapper .peopleInnerBottom h2 {
  font-size: 3rem;
  line-height: 1.3;
}

.whyWrapper {
  padding: 2rem 0;
}
.whyWrapper .whyTop {
  padding: 1rem 0 2rem;
  border-bottom: solid 1px #279EB6;
  text-align: right;
}
.whyWrapper .whyBottom {
  padding: 1rem;
}
.whyWrapper .whyBottom .col {
  padding: 2rem 0 1rem;
}

.homeInsightsWrapper {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, #F5F4F4 80%, #053962 20%);
  /*li:nth-of-type(3n) {
      .insight {

          background-color: $primaryColour;
      }
  }*/
}
.homeInsightsWrapper .insight {
  height: 100%;
  min-height: 16rem;
  padding: 3rem;
}
.homeInsightsWrapper .splide__arrows .splide__arrow {
  top: 40%;
  transform: translatey(-50%);
  left: 0.5rem;
  color: #000;
  margin-left: 1rem;
}
.homeInsightsWrapper .splide__arrows .splide__arrow.splide__arrow--prev {
  left: -1rem;
}
.homeInsightsWrapper .splide__list > li:nth-of-type(odd) ul:nth-of-type(odd) .insight {
  background-color: #714B96;
  margin-left: 5rem;
  /*margin-right: 2px;*/
}
.homeInsightsWrapper .splide__list > li:nth-of-type(odd) ul:nth-of-type(odd) .insight a {
  color: #fff;
}
.homeInsightsWrapper .splide__list > li:nth-of-type(odd) ul:nth-of-type(even) .insight {
  background-color: #F1C500;
  /*margin-right: 2px;*/
}
.homeInsightsWrapper li:nth-of-type(2n) .insight {
  background-color: #053962;
}
.homeInsightsWrapper li:nth-of-type(2n) .insight a {
  color: #fff;
}

/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region About Us pages Views */
/**/
.threeSquareGridWrapper {
  padding-top: 2rem;
}
.threeSquareGridWrapper .left .cmsContent {
  padding: 4rem 4rem 4rem 10rem;
  background-color: #714B96;
  color: #fff;
}
.threeSquareGridWrapper .left .cmsContent h3 {
  color: #fff;
}
.threeSquareGridWrapper .left .cmsContent:last-of-type {
  background-color: #F1C500;
  color: #000;
  padding-left: 4rem;
  margin-left: 10rem;
}
.threeSquareGridWrapper .left .cmsContent:last-of-type h3 {
  color: #000;
}
.threeSquareGridWrapper .right {
  background-color: #053962;
  margin-top: 4rem !important;
}
.threeSquareGridWrapper .right .cmsContent {
  color: #fff;
  padding: 4rem 10rem 8rem 4rem;
}
.threeSquareGridWrapper .right .cmsContent h3 {
  color: #fff;
}

/* #endregion */
/****************************************************************************************************/
/* #region List Views */
/****************************************************************************************************/
.wrapper > .listView:not(.splide__list) {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -10px;
  box-sizing: border-box;
}
.wrapper > .listView:not(.splide__list) > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 10px;
  vertical-align: top;
  /*width: calc((1 / 4) * 100% - 20px);*/
  flex-basis: calc(1 / 4 * 100% - 20px);
}
@media only screen and (max-width: 1024px) {
  .wrapper > .listView:not(.splide__list) {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.5rem;
    box-sizing: border-box;
  }
  .wrapper > .listView:not(.splide__list) > li {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 3) * 100% - 1rem);*/
    flex-basis: calc(1 / 3 * 100% - 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .wrapper > .listView:not(.splide__list) {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.5rem;
    box-sizing: border-box;
  }
  .wrapper > .listView:not(.splide__list) > li {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 2) * 100% - 1rem);*/
    flex-basis: calc(1 / 2 * 100% - 1rem);
  }
}
@media only screen and (max-width: 500px) {
  .wrapper > .listView:not(.splide__list) {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.5rem;
    box-sizing: border-box;
  }
  .wrapper > .listView:not(.splide__list) > li {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 1) * 100% - 1rem);*/
    flex-basis: calc(1 / 1 * 100% - 1rem);
  }
}

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

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Detail Views */
/****************************************************************************************************/
.detailView {
  /* Social */
}
.detailView .topperSection {
  position: relative;
  margin-bottom: 2rem;
}
.detailView .topperSection .topperContent {
  top: 0;
  left: 0;
  overflow: hidden;
  color: white;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  padding: 0 5rem 0 5rem;
}
.detailView .topperSection .topperContent * {
  color: inherit;
}
.detailView .topperSection .topperContent.noImage {
  position: relative;
  background: #053962;
  padding: 1rem 5rem 1rem 5rem;
}
.detailView div.socialAndSharing {
  display: flex;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
  padding: 1rem 0;
  justify-content: flex-end;
}
.detailView div.socialAndSharing > ul {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
.detailView div.socialAndSharing 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 aside {
  margin-top: 2rem;
}
.detailView:not(.case) .cmsContent.highlight > p:nth-of-type(1) {
  font-size: 2rem !important;
  color: #053962;
  font-family: "FSOstroProBold", sans-serif;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Resources (shared styles) */
/****************************************************************************************************/
/* .publications .blogitems .newsitems .eventitems .cases etc... */
.combinedResourcesWrapper {
  background-color: #053962;
  color: #fff;
}
.combinedResourcesWrapper h2 {
  color: #fff;
}
.combinedResourcesWrapper h3 {
  color: #fff;
}
.combinedResourcesWrapper a {
  color: #fff;
}
.combinedResourcesWrapper .splide .splide__arrows .splide__arrow--prev {
  left: 0;
  margin: 0;
  color: #fff;
}
.combinedResourcesWrapper .splide .splide__arrows .splide__arrow--next {
  right: inherit;
  left: 1em;
  margin: 0;
  color: #fff;
}
.combinedResourcesWrapper .splide .splide__track {
  margin-left: 10rem;
  /*.is-visible .insight {
      border-right: solid 1px #fff;
  }*/
}
.combinedResourcesWrapper .splide .splide__pagination {
  display: none;
}

.eventitemsWrapper {
  margin-bottom: 2rem;
}

.insights {
  /* using this to differentiate between grid styles for news etc and other types of news etc found on site*/
}
.insights.newsitems {
  color: #fff;
}
.insights.newsitems * {
  color: inherit;
}
.insights.newsitems:not(.splide__list) {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 8rem;
}
.insights.newsitems:not(.splide__list) > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 3) * 100% - 1rem);*/
  flex-basis: calc(1 / 3 * 100% - 1rem);
}
.insights.newsitems li .insight {
  width: 110%;
  position: relative;
}
.insights.newsitems li .insight .innerContent {
  background-color: transparent;
  padding: 2rem;
  color: #fff;
  position: relative;
  min-height: 21rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.insights.newsitems li .insight .innerContent:hover {
  transform: scale(1.1);
}
.insights.newsitems li .insight .innerContent:hover .itemContent {
  background-color: inherit !important;
}
.insights.newsitems li:nth-of-type(1) .insight {
  background-color: #F1C500;
}
.insights.newsitems li:nth-of-type(1) .insight .innerContent .itemContent {
  color: #000;
}
.insights.newsitems li:nth-of-type(1) .insight .innerContent .itemContent * {
  color: inherit;
}
.insights.newsitems li:nth-of-type(2) .insight {
  top: 20%;
  background-color: #714B96;
}
.insights.newsitems li:nth-of-type(3) .insight {
  top: 40%;
  background-color: #DF6472;
}
.insights.cases, .insights.eventitems {
  margin: 0 !important;
}
.insights.cases li, .insights.eventitems li {
  flex-basis: 100% !important;
  margin: 0 !important;
}
.insights.cases.insights, .insights.eventitems.insights {
  border-bottom: solid 1px #279EB6;
}
.insights.cases.insights .insight, .insights.eventitems.insights .insight {
  border-top: solid 1px #279EB6;
  margin: 0;
}
.insights.cases.insights .insight .innerContent, .insights.eventitems.insights .insight .innerContent {
  min-height: inherit;
  background-color: transparent;
}
.insights.cases.insights .insight .innerContent .itemContent, .insights.eventitems.insights .insight .innerContent .itemContent {
  padding: 0;
}
.insights.cases.insights .insight .innerContent .itemContent h3, .insights.eventitems.insights .insight .innerContent .itemContent h3 {
  margin: 0;
  padding: 1.5rem 0;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.insights.cases.insights .insight .innerContent .itemContent:hover, .insights.eventitems.insights .insight .innerContent .itemContent:hover {
  background-color: transparent;
  border-color: #279EB6;
  border-left-color: transparent;
  border-right-color: transparent;
}
.insights.cases.insights .insight .innerContent .itemContent:hover a, .insights.eventitems.insights .insight .innerContent .itemContent:hover a {
  color: #707070;
}
.insights.cases.insights .insight .innerContent .itemContent:hover h3, .insights.eventitems.insights .insight .innerContent .itemContent:hover h3 {
  color: #F5F4F4;
  transform: translatex(0.5rem);
}
.insights.cases.insights .insight.eventitem .innerContent .itemContent, .insights.eventitems.insights .insight.eventitem .innerContent .itemContent {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #000;
}
.insights.cases.insights .insight.eventitem .innerContent .itemContent a, .insights.eventitems.insights .insight.eventitem .innerContent .itemContent a {
  color: #000;
}
.insights.cases.insights .insight.eventitem .innerContent .itemContent h3, .insights.eventitems.insights .insight.eventitem .innerContent .itemContent h3 {
  color: #000;
}
.insights.cases.insights .insight.eventitem .innerContent .itemContent .dates, .insights.eventitems.insights .insight.eventitem .innerContent .itemContent .dates {
  font-weight: 900;
  flex-basis: 11%;
  display: flex;
  flex-direction: column;
  margin-right: 1rem;
}
.insights.cases.insights .insight.eventitem .innerContent .itemContent .dates h4, .insights.eventitems.insights .insight.eventitem .innerContent .itemContent .dates h4 {
  margin: 0;
  padding: 0;
}
.insights.cases.insights .insight.eventitem .innerContent .itemContent .dates p, .insights.eventitems.insights .insight.eventitem .innerContent .itemContent .dates p {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.insights .insight .innerContent .itemContent {
  padding: 2rem;
}
.insights .insight .innerContent .contentTypeLabels {
  font-size: 80%;
  font-weight: 700;
}
.insights .insight .innerContent .dates {
  font-size: 80%;
}
.insights.griditems .insight {
  margin: 0 0 2rem 0;
  position: relative;
  height: 100%;
}
.insights.griditems .insight .innerContent {
  position: relative;
  min-height: 15rem;
  background-color: #053962;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.insights.griditems .insight .innerContent:hover .itemImage .bgImgWrapper .bgImg {
  transform: scale(1.1);
}
.insights.griditems .insight .innerContent:hover .itemContent {
  background-color: #279EB6;
  /*//border-color: $primaryColour;
  color: $primaryColour;

  a {
      color: $primaryColour;
  }

  h3 {
      color: $primaryColour;
  }*/
}
.insights.griditems .insight .innerContent .itemImage {
  border-bottom: solid 2px #fff;
}
.insights.griditems .insight .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%;
}
.insights.griditems .insight .innerContent .itemImage .bgImgWrapper:after { /* to clear float */
  content: "";
  display: table;
  clear: both;
}
.insights.griditems .insight .innerContent .itemImage .bgImgWrapper .bgImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.insights.griditems .insight .innerContent .itemImage .bgImgWrapper .bgImg {
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  overflow: hidden;
  /*&:hover {
      transform: scale(1.1);
  }*/
}
.insights.griditems .insight .innerContent .itemContent {
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #fff;
  border: solid 2px transparent;
}
.insights.griditems .insight .innerContent .itemContent a {
  text-decoration: none;
  color: #fff;
}
.insights.griditems .insight .innerContent .itemContent h3 {
  font-size: 1.3rem;
  margin-top: 1rem;
  color: #fff;
}
.insights.griditems.hideFilters .filtersContainer {
  display: none;
}
.insights.griditems.news .insight .innerContent {
  background-color: #714B96;
}

.featuredWrapper .splide__slide {
  display: block !important;
}
.featuredWrapper .insights.eventitems {
  border: none;
}
.featuredWrapper .insights.eventitems li {
  flex-basis: auto !important;
}
.featuredWrapper .insights.eventitems li .insight.eventitem .innerContent {
  display: flex;
}
.featuredWrapper .insights.eventitems li .insight.eventitem .innerContent .itemImage {
  height: 100%;
  width: 100%;
  flex: 1 1 50%;
}
.featuredWrapper .insights.eventitems li .insight.eventitem .innerContent .itemContent {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: #fff;
  background-color: #279EB6;
  padding: 2rem 5em;
  flex: 1 1 50%;
}
.featuredWrapper .insights.eventitems li .insight.eventitem .innerContent .itemContent h4 {
  color: #fff;
}
.featuredWrapper .insights.eventitems li .insight.eventitem .innerContent .itemContent a {
  color: #fff;
}

.casesWrapper.home .grid {
  margin: 0 !important;
}

.casesWrapper {
  background-color: #000;
}
.casesWrapper .grid {
  margin: 0 5rem !important;
  padding: 3rem 0;
  flex-wrap: nowrap;
  color: #fff;
}
.casesWrapper .grid * {
  color: inherit;
}
.casesWrapper .grid .right {
  flex-basis: 100%;
  padding-left: 3rem;
}
.casesWrapper .grid h2 {
  font-size: 3rem;
}
.casesWrapper .grid button {
  border-color: #fff;
}
.casesWrapper .grid .innerContent .itemContent .summary {
  display: none;
}

.filteredContent.cases > .grid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
}
.filteredContent.cases > .grid > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  flex-basis: calc(1 / 1 * 100% - 1rem);
}
.filteredContent.cases .case {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: solid 1px #279EB6;
}
.filteredContent.cases .case .innerContent .itemContent h3 {
  font-size: 2rem;
}
.filteredContent.cases .case .innerContent .itemContent h3 a {
  color: #053962;
}
.filteredContent.cases .case .innerContent .itemContent .summary {
  display: block;
}

.filteredContent.insights.eventitems {
  border-bottom: none;
}
.filteredContent.insights.eventitems > .grid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
}
.filteredContent.insights.eventitems > .grid > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  flex-basis: calc(1 / 1 * 100% - 1rem);
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Events (divergences ONLY from resource styles) */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Team List */
/****************************************************************************************************/
.singleTeam .teammembers li {
  flex-basis: 80% !important;
}

.teammembers > .grid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
}
.teammembers > .grid > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 4) * 100% - 1rem);*/
  flex-basis: calc(1 / 4 * 100% - 1rem);
}
.teammembers .teammember .bgImgWrapper {
  background: radial-gradient(circle at 50% 35%, #F5F4F4 0%, #707070 87%);
}
.teammembers .teammember .bgImgWrapper a .bgImg {
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.teammembers .teammember ul.socialLinks {
  justify-content: flex-start;
}
.teammembers .teammember:hover .bgImgWrapper a .bgImg {
  transform: scale(1.05);
}
.teammembers .teammember .officesWrapper {
  margin-top: 0;
}
.teammembers .teammember .itemContent {
  position: relative;
  padding: 1rem;
  font-size: 90%;
}
.teammembers .teammember .itemContent:before {
  content: "";
  background-color: #279EB6;
  opacity: 0.6;
  height: 70px;
  width: calc(100% - 2rem);
  position: absolute;
  top: -58px;
  left: 50%;
  z-index: 2;
  transform: translatex(-50%);
  transistion: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.teammembers .teammember .itemContent a {
  text-decoration: none;
}
.teammembers .teammember .itemContent h4 {
  padding-bottom: 0.25rem;
  margin: 0.5rem 0;
  border-bottom: solid 1px rgba(39, 158, 182, 0.8);
}
.teammembers .teammember .itemContent svg {
  color: #279EB6;
  font-size: 0.7rem;
}
.teammembers .teammember .itemContent .listView.offices {
  position: relative;
  padding-left: 0.5rem;
  margin-bottom: 0.5rem;
  /*&:before {
      @extend %fontAwesomeSolid;
      content: '\f3c5';
      display: inline-block;
      position: absolute;
      font-size: .7rem;
      top: 3px;
      font-family: "Font Awesome 5 Pro";
      color: $secondaryColour;
  }*/
}
.teammembers .teammember .itemContent .listView.offices li {
  margin-left: 0;
  flex-basis: 100%;
}
@media only screen and (max-width: 1299px) {
  .teammembers > .grid {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.5rem;
    box-sizing: border-box;
  }
  .teammembers > .grid > .col {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 3) * 100% - 1rem);*/
    flex-basis: calc(1 / 3 * 100% - 1rem);
  }
}
@media only screen and (max-width: 1024px) {
  .teammembers > .grid {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.5rem;
    box-sizing: border-box;
  }
  .teammembers > .grid > .col {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 2) * 100% - 1rem);*/
    flex-basis: calc(1 / 2 * 100% - 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .teammembers > .grid {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.5rem;
    box-sizing: border-box;
  }
  .teammembers > .grid > .col {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 1) * 100% - 1rem);*/
    flex-basis: calc(1 / 1 * 100% - 1rem);
  }
}

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

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Team DetailView / Bio */
/****************************************************************************************************/
.teammember.detailView .bioTopContent {
  position: relative;
  padding-bottom: 1em;
  margin-bottom: 1em;
  width: 100%;
  display: block;
  color: #fff;
  overflow: hidden;
}
.teammember.detailView .bioTopContent .bioPhotoWrapper {
  flex: auto;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  flex-basis: auto;
  background: radial-gradient(circle at 72% 44%, #F5F4F4 0%, #707070 100%);
  position: relative;
}
.teammember.detailView .bioTopContent .bioPhotoWrapper:after {
  content: "";
  background-color: #279EB6;
  opacity: 0.6;
  height: 140px;
  width: 20%;
  position: absolute;
  bottom: -85px;
  right: 0;
  z-index: 1;
}
.teammember.detailView .bioTopContent .bioPhotoWrapper .bgImgWrapper {
  width: 50%;
}
.teammember.detailView .bioTopContent .bioPhotoWrapper .bgImgWrapper:before { /* sets the height and then effectively removes itself from flow so as not to interfere with siblings */
  float: left;
  width: 1px;
  height: 0;
  content: "";
  margin-left: -1px;
  padding-top: 83.3333333333%;
}
.teammember.detailView .bioTopContent .bioPhotoWrapper .bgImgWrapper:after { /* to clear float */
  content: "";
  display: table;
  clear: both;
}
.teammember.detailView .bioTopContent .bioPhotoWrapper .bgImgWrapper .bgImg {
  background-position: top right;
}
.teammember.detailView .bioTopContent .bioContact {
  position: absolute;
  top: 0;
  left: 5rem;
  width: 40%;
  color: #000;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  font-size: 90%;
}
.teammember.detailView .bioTopContent .bioContact * {
  color: inherit;
}
.teammember.detailView .bioTopContent .bioContact h1 {
  position: relative;
  font-size: 3em;
  margin: 0.25rem 0;
}
.teammember.detailView .bioTopContent .bioContact h1 span {
  font-size: 60%;
  font-weight: 300;
}
.teammember.detailView .bioTopContent .bioContact h5 {
  border-bottom: 1px solid #707070;
  padding-bottom: 0.75rem;
  font-weight: 300;
  margin: 0.25rem 0;
}
.teammember.detailView .bioTopContent .bioContact .calltobars {
  display: flex;
  justify-content: space-between;
  border: solid 1px #707070;
  padding: 0.5rem 0;
  margin-bottom: 0.5rem;
  border-left: none;
  border-right: none;
}
.teammember.detailView .bioTopContent .bioContact .calltobars span {
  text-transform: uppercase;
  font-weight: 700;
}
.teammember.detailView .bioTopContent .bioContact .calltobars ul {
  display: flex;
  justify-content: flex-end;
}
.teammember.detailView .bioTopContent .bioContact .calltobars ul li {
  padding-left: 0.25rem;
}
.teammember.detailView .bioTopContent .bioContact .contactInfo {
  display: flex;
  justify-content: space-between;
  margin: 0.5rem 0;
}
.teammember.detailView .bioTopContent .bioContact .contactInfo .officesWrapper {
  margin: 0;
}
.teammember.detailView .bioTopContent .bioContact .contactInfo .officesWrapper .offices {
  display: inherit;
}
.teammember.detailView .bioTopContent .bioContact .assistantWrapper {
  margin: 0.5rem 0;
}
.teammember.detailView .bioTopContent .bioContact .assistantWrapper .assistant {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: solid 1px #707070;
  border-left: none;
  border-right: none;
  padding: 0.75rem 0;
}
.teammember.detailView .bioTopContent .bioContact .assistantWrapper .assistant span {
  flex: 0 1 50%;
  line-height: 2;
}
.teammember.detailView .bioTopContent .bioContact .assistantWrapper .assistant span strong {
  text-transform: uppercase;
}
.teammember.detailView .bioTopContent .bioContact ul.socialLinks {
  justify-content: flex-start;
}
.teammember.detailView .bioTopContent .bioContact ul.socialLinks li {
  display: inline-block;
  font-size: 1em;
  margin-left: 0;
  margin-right: 2rem;
}
.teammember.detailView .bioTopContent .bioContact ul.socialLinks li a:hover {
  color: #053962;
}
.teammember.detailView .topSection {
  margin-top: 2rem;
}
.teammember.detailView .credentialsWrapper {
  background: linear-gradient(90deg, #053962 50%, #CCCCCC 50%);
  padding: 3rem 5.5rem;
  color: #fff;
}
.teammember.detailView .credentialsWrapper h2 {
  color: #fff;
}
.teammember.detailView .credentialsWrapper .tabstrip {
  display: flex;
  margin: 1rem;
}
.teammember.detailView .credentialsWrapper .tabstrip .tabContent, .teammember.detailView .credentialsWrapper .tabstrip .k-tabstrip-items {
  flex: 1 1 50%;
}
.teammember.detailView .credentialsWrapper .tabstrip .tabContent h4, .teammember.detailView .credentialsWrapper .tabstrip .k-tabstrip-items h4 {
  color: #fff;
}
.teammember.detailView .awardBadges {
  display: flex;
  margin-bottom: 2rem;
  justify-content: space-between;
  align-items: center;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Expertises + Sector List View */
/****************************************************************************************************/
/*
    NOTE: We should work to avoid/undo this method of sharing styles between modules (specifically multiple, comma-separated selectors at the top level). It contributes to CSS bloat.
    We need to pick a shared class that we can style rather than adding multiple comma-separated classes at the top of a tree. Maybe something like .area ? or .sectorExpertise ?
    Just like the .resource class, you would just make sure to update the views that need this new .area class.
*/
.expertises .level1 {
  display: none;
}
.expertises .level1.k-group {
  display: block;
}

.sectors > .grid, .expertises > .grid {
  /*@include grid(3);

  .col {
      position: relative;
  }*/
}
@media only screen and (max-width: 1024px) {
  .sectors, .expertises {
    /*> .grid {
        @include grid(1);
    }*/
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Expertise + Sector Detail View */
/****************************************************************************************************/
.expertise.detailView .pageTopper:after {
  background-color: transparent;
}
.expertise.detailView .jumpMenuWrapper {
  margin-top: 5rem;
}
.expertise.detailView .subMenu {
  float: right;
  margin: 0 0 1rem 2rem;
  padding: 2rem;
  background-color: #053962;
  width: 30%;
  z-index: 1;
  position: relative;
}
.expertise.detailView .subMenu h3 {
  color: #fff;
}
.expertise.detailView .subMenu h4 {
  margin: 0;
}
.expertise.detailView .subMenu a {
  color: #fff;
  border-bottom: solid 1px #075593;
  display: block;
  padding: 1rem;
}
.expertise.detailView .subMenu a:hover, .expertise.detailView .subMenu a.selected {
  text-decoration: none;
  background-color: #279EB6;
}
.expertise.detailView .printButton {
  color: #fff;
  padding: 0;
  margin-top: 0;
  border: none;
}
.expertise.detailView .printButton:hover {
  background-color: transparent;
  color: #714B96;
}
.expertise.detailView .cmsContent > p:nth-of-type(1) {
  font-size: 2rem !important;
  font-family: "FSOstroProBold", sans-serif;
  color: #053962;
  font-weight: 100;
}
.expertise.detailView .teammembers.related ul.grid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
}
.expertise.detailView .teammembers.related ul.grid > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 4) * 100% - 1rem);*/
  flex-basis: calc(1 / 4 * 100% - 1rem);
}

.firstParagraphHighlight {
  font-size: 1.4em !important;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Students */
/****************************************************************************************************/
/**/
.studentImageRight {
  background: url(/images/default-source/default-album/students2.jpg) no-repeat right top;
  background-size: 48%;
}

.studentImageLeft {
  background: url(/images/default-source/default-album/students1.jpg) no-repeat left top;
  background-size: 48%;
}

div[data-sf-role=lists] h3 {
  display: none;
}
div[data-sf-role=lists] > div {
  border-top: solid 1px #279EB6;
  padding: 1rem;
}
div[data-sf-role=lists] > div a[data-sf-role=toggleLink] {
  font-size: 1.5rem;
}
div[data-sf-role=lists] > div .sf-Long-text {
  padding-top: 0.5rem;
}
div[data-sf-role=lists] > div:last-of-type {
  border-bottom: solid 1px #279EB6;
  margin-bottom: 1rem;
}
div[data-sf-role=lists] p[data-sf-role=expandAll], div[data-sf-role=lists] p[data-sf-role=collapseAll] {
  margin: 0 auto;
  text-align: center;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Filtered Content Items */
/****************************************************************************************************/
.searchByInitialContainer {
  margin: 2rem 7rem;
  text-align: center;
  font-family: "FSOstroProBold", sans-serif;
  font-weight: 100;
  color: #279EB6;
}
.searchByInitialContainer a.initialFilter {
  cursor: pointer;
  text-decoration: none;
  padding-left: 0.25rem;
  color: #053962;
  transistion: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.searchByInitialContainer a.initialFilter:hover {
  color: #279EB6;
  transform: scale(1.2);
}
.searchByInitialContainer a.initialFilter.selected {
  color: #053962;
}

.filteredContent > .grid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -1rem;
  box-sizing: border-box;
}
.filteredContent > .grid > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 1rem;
  vertical-align: top;
  /*width: calc((1 / 3) * 100% - 2rem);*/
  flex-basis: calc(1 / 3 * 100% - 2rem);
}
@media only screen and (max-width: 767px) {
  .filteredContent > .grid {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.5rem;
    box-sizing: border-box;
  }
  .filteredContent > .grid > .col {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 2) * 100% - 1rem);*/
    flex-basis: calc(1 / 2 * 100% - 1rem);
  }
}
@media only screen and (max-width: 500px) {
  .filteredContent > .grid {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.5rem;
    box-sizing: border-box;
  }
  .filteredContent > .grid > .col {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 1) * 100% - 1rem);*/
    flex-basis: calc(1 / 1 * 100% - 1rem);
  }
}
.filteredContent.teammembers > .grid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -1rem;
  box-sizing: border-box;
}
.filteredContent.teammembers > .grid > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 1rem;
  vertical-align: top;
  /*width: calc((1 / 4) * 100% - 2rem);*/
  flex-basis: calc(1 / 4 * 100% - 2rem);
}
@media only screen and (max-width: 1024px) {
  .filteredContent.teammembers > .grid {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.5rem;
    box-sizing: border-box;
  }
  .filteredContent.teammembers > .grid > .col {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 3) * 100% - 1rem);*/
    flex-basis: calc(1 / 3 * 100% - 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .filteredContent.teammembers > .grid {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.5rem;
    box-sizing: border-box;
  }
  .filteredContent.teammembers > .grid > .col {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 2) * 100% - 1rem);*/
    flex-basis: calc(1 / 2 * 100% - 1rem);
  }
}
@media only screen and (max-width: 500px) {
  .filteredContent.teammembers > .grid {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -0.5rem;
    box-sizing: border-box;
  }
  .filteredContent.teammembers > .grid > .col {
    flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 1) * 100% - 1rem);*/
    flex-basis: calc(1 / 1 * 100% - 1rem);
  }
}
.filteredContent .filtersContainer {
  width: 100%;
  display: block;
  margin: 0 auto;
  max-width: 55rem;
  margin: 4rem auto;
}
.filteredContent .filtersContainer .keywordSearchWrapper {
  display: flex;
  position: relative;
}
.filteredContent .filtersContainer .keywordSearchWrapper button {
  margin: 0 0 0 1rem;
}
.filteredContent .filtersContainer .keywordSearchWrapper:before {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  left: inherit;
  right: 173px;
  top: 7px;
  font-size: 1.5rem;
  color: #279EB6;
  position: absolute;
}
.filteredContent .buttonsContainer .expandAdvancedFilters {
  border-width: 0;
  text-transform: none;
}
.filteredContent .buttonsContainer .button i, .filteredContent .buttonsContainer :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) i {
  margin-left: 2rem;
  color: #279EB6;
}
.filteredContent .buttonsContainer .button:not(:last-child), .filteredContent .buttonsContainer :not(:last-child):is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) {
  margin-right: 1rem;
}
.filteredContent .loadMoreContainer {
  text-align: center;
  margin: 4rem 0 6rem;
}
.filteredContent .loadMoreContainer button i {
  margin-right: 0.4rem;
}
.filteredContent .permanentLinkField {
  display: flex;
}
.filteredContent .permanentLinkField button {
  padding: 0.6rem 1rem;
  margin: 0;
}
.filteredContent .permanentLinkField button svg {
  margin: 0;
}
.filteredContent .contentFilters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
  grid-auto-rows: 50px;
  grid-gap: 10px;
  margin-top: 1rem;
}
.filteredContent .contentFilters legend {
  display: none;
}
.filteredContent .contentFilters fieldset {
  flex: 1 1 auto;
  border: none;
  gap: 1rem;
  /*
  .toggleAction {
      display: flex;
      cursor: pointer;
      position: relative;
      padding: 1.4rem 0;

      svg, span {
          right: 0;
          position: absolute;

          &.openIcon {
              display: block;
          }

          &.closeIcon {
              display: none;
          }
      }

      h3 {
          text-transform: uppercase;
          font-size: 1rem;
          margin: 0;
          margin: 0;
          font-weight: 600;
      }

      &:after {
          content: " ";
          color: $secondaryColour;
          font-size: 0.6rem;
          position: absolute;
          right: 1rem;
          @include centerer(false, true);
      }
  }

  &.active {
      .toggleAction {
          svg, span {

              &.openIcon {
                  display: none;
              }

              &.closeIcon {
                  display: block;
              }
          }
      }
  }

  .toggleContent {
      display: none;
      position: relative;
      background-color: $greyXXLight;
      overflow-x: hidden;
      overflow-y: scroll;
      max-height: 14rem;
  }

  ul {
      padding: 1rem;

      li {
      }
  }*/
}
.filteredContent .contentFilters fieldset .grid.checkboxes {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
}
.filteredContent .contentFilters fieldset .grid.checkboxes > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  flex-basis: calc(1 / 1 * 100% - 1rem);
}
.filteredContent .contentFilters fieldset .grid.checkboxes > .col {
  margin-bottom: 0.3rem;
}
.filteredContent .contentFilters fieldset select {
  border: solid 2px #B1B1B1;
  color: #053962;
  text-transform: capitalize;
}
.filteredContent.news .contentFilters {
  grid-template-columns: repeat(auto-fit, minmax(32%, 1fr));
}

.advancedFiltersContainer {
  width: 100%;
  height: auto;
  max-width: 60rem;
  display: none;
  padding: 3rem;
  position: relative;
  box-shadow: 0px 6px 17px rgba(0, 0, 0, 0.16);
  background-color: white;
}
.advancedFiltersContainer .closeFiltersButton {
  top: 1rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  color: black;
  cursor: pointer;
  margin: 0;
  padding: 0;
  z-index: 1;
  position: absolute;
  border: none;
  background-color: #279EB6;
  background-image: none;
}
.advancedFiltersContainer .closeFiltersButton .fa-times {
  color: white;
  margin-left: 0;
}
.advancedFiltersContainer .closeFiltersButton:focus:focus-visible {
  background-color: #053962;
}
.advancedFiltersContainer .closeFiltersButton:hover {
  background-color: #053962;
}

#filtersDisplayContainer {
  margin: 0;
}
#filtersDisplayContainer .activeFilterGroup {
  display: flex;
  flex-wrap: wrap;
}
#filtersDisplayContainer .activeFilterGroup .activeFilterTag {
  border: 1px solid #F5F4F4;
  padding: 0.4rem 1rem;
  cursor: pointer;
  position: relative;
  padding-right: 2rem;
  margin-bottom: 0.6rem;
}
#filtersDisplayContainer .activeFilterGroup .activeFilterTag:not(:last-of-type) {
  margin-right: 0.6rem;
}
#filtersDisplayContainer .activeFilterGroup .activeFilterTag:after {
  content: "x";
  right: 1rem;
  color: #279EB6;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

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

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

#loadingCounter {
  margin: 2rem 0;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Offices */
/****************************************************************/
.officesWrapper .offices {
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}
.officesWrapper .offices .office .innerContent {
  display: flex;
}
.officesWrapper .offices .office .innerContent > div {
  flex: 1 1 50%;
}
.officesWrapper .offices .office .innerContent .itemImage .bgImgWrapper:before {
  padding: inherit;
}
.officesWrapper .offices .office .innerContent .itemContent {
  background-color: #714B96;
  padding: 2rem;
  color: #fff;
}
.officesWrapper .offices .office .innerContent .itemContent a {
  color: #fff;
}
.officesWrapper .offices .office .innerContent .itemContent h3 {
  color: #fff;
}
.officesWrapper .offices li:nth-of-type(odd) .office .innerContent {
  flex-direction: row-reverse;
}
.officesWrapper .offices li:nth-of-type(odd) .office .innerContent .itemContent {
  background-color: #053962;
  text-align: right;
}
.officesWrapper .offices li:nth-of-type(3) .office .innerContent .itemContent {
  background-color: #F1C500;
  color: #000;
}
.officesWrapper .offices li:nth-of-type(3) .office .innerContent .itemContent a {
  color: #000;
}
.officesWrapper .offices li:nth-of-type(3) .office .innerContent .itemContent h3 {
  color: #000;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Search */
/****************************************************************************************************/
.searchResults h3 {
  margin-top: 2rem;
}

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

.searchModalBackground {
  background-color: #279EB6 !important;
  opacity: 0.99 !important;
}

.searchModal {
  width: 100%;
  height: 100%;
  display: none !important;
  align-items: center;
  justify-content: center;
}
.searchModal .button, .searchModal :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) {
  border: none;
}
.searchModal .button:hover, .searchModal :hover:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) {
  background-color: #1e7a8c;
}
.searchModal .button [class*=fa-], .searchModal :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) [class*=fa-] {
  margin-left: 0;
}
.searchModal .button.close, .searchModal .close:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) {
  position: absolute;
  top: 0;
  right: 1rem;
  color: #fff;
  font-size: 2rem;
}
.searchModal .modalContent {
  width: 40vw;
  min-width: 300px;
}
.searchModal .modalContent .formGroup {
  display: flex;
}
.searchModal .modalContent .formGroup input {
  width: 40vw;
  min-width: 300px;
}
.searchModal .modalContent .formGroup .sfsearchSubmit {
  margin-top: 0;
  color: #fff;
}

.popup_wrapper .searchModal {
  display: flex !important;
}

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

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

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

.fraudAlertWrapper {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  padding: 1.5rem;
  background-color: #053962;
  color: #fff;
  font-size: 0.8rem;
  width: 400px;
  z-index: 4;
}
.fraudAlertWrapper p {
  color: #fff;
  font-size: 0.8rem;
}
.fraudAlertWrapper .cmsContent .button, .fraudAlertWrapper .cmsContent :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) {
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  margin: 0;
}
.fraudAlertWrapper .cmsContent .button span, .fraudAlertWrapper .cmsContent :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) span {
  margin: 0;
}

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

/* Default List */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Documents */
/****************************************************************************************************/
.document {
  font-size: 0.8rem;
}
.document a {
  width: 100%;
  display: block;
  padding: 1rem 1rem 0.5rem 1rem;
  font-family: "OpenSans", sans-serif;
  text-decoration: none !important;
  border-bottom: 1px solid #053962;
}
.document a .iconExtension {
  width: 1.5rem;
  flex-grow: 0;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
}
.document a .iconExtension svg {
  font-size: 2rem;
  color: white;
}
.document a .documentDetails h3.titleLink {
  margin: 0;
  padding: 0;
  font-family: "OpenSans", sans-serif;
}
.document a .documentDetails .grid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -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: 0 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: #CCCCCC;
}
.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: #CCCCCC;
}
.document a:hover .grid .col.iconExtension svg.typeIcon {
  display: none;
}
.document a:hover .grid .col.iconExtension svg.hoverIcon {
  display: block;
}

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

/* Accordion Groups */
ul li.at-accordion__panel {
  padding-left: 0;
}
ul li.at-accordion__panel:before {
  content: "";
}

@media only screen and (min-width: 767px) {
  .flex-accordionWrapper {
    background: linear-gradient(90deg, #714B96 50%, #053962 50%);
  }
  .flex-accordionWrapper.articlingWrapper {
    background: linear-gradient(90deg, #714B96 50%, #F1C500 50%);
  }
  .flex-accordionWrapper.articlingWrapper .flex-accordion {
    height: 500px;
  }
  .flex-accordion {
    width: 100%;
    height: 750px;
    overflow: hidden;
    margin-top: 3rem;
  }
  .flex-accordion > ul {
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
  }
  .flex-accordion > ul > li {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.5s ease;
    padding: 0;
  }
  .flex-accordion > ul > li.is-open:before {
    transform: rotate(0deg);
  }
  .flex-accordion > ul > li:before {
    content: "\f054";
    color: #fff;
    font-size: 1rem;
    top: 17px;
    left: 46px;
    transition: all 0.5s ease;
    transform: rotate(180deg);
  }
  .flex-accordion > ul > li:nth-of-type(1) {
    background-color: #714B96;
  }
  .flex-accordion > ul > li:nth-of-type(2) {
    background-color: #F1C500;
  }
  .flex-accordion > ul > li:nth-of-type(2) .panel-inner .title__text {
    color: #000;
  }
  .flex-accordion > ul > li:nth-of-type(2) .panel-inner .section-content {
    color: #000;
  }
  .flex-accordion > ul > li:nth-of-type(2) .panel-inner .section-content h4 {
    color: #000;
  }
  .flex-accordion > ul > li.forceYellow {
    background-color: #F1C500 !important;
  }
  .flex-accordion > ul > li.forceYellow .panel-inner .title__text {
    color: #000 !important;
  }
  .flex-accordion > ul > li.forceYellow .panel-inner .section-content {
    color: #000 !important;
  }
  .flex-accordion > ul > li.forceYellow .panel-inner .section-content h4 {
    color: #000 !important;
  }
  .flex-accordion > ul > li.forceBlue {
    background-color: #053962 !important;
  }
  .flex-accordion > ul > li.forceBlue .panel-inner .title__text {
    color: #fff !important;
  }
  .flex-accordion > ul > li.forceBlue .panel-inner .section-content {
    color: #fff !important;
  }
  .flex-accordion > ul > li.forceBlue .panel-inner .section-content h4 {
    color: #fff !important;
  }
  .flex-accordion > ul > li:nth-of-type(3) {
    background-color: #DF6472;
  }
  .flex-accordion > ul > li:nth-of-type(4) {
    background-color: #053962;
  }
  .flex-accordion > ul > li .panel-inner {
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    display: inline-block;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 3;
  }
  .flex-accordion > ul > li .panel-inner .section-content {
    position: absolute;
    top: 50px;
    left: 140px;
    width: auto;
    opacity: 0;
    text-overflow: ellipsis;
    z-index: 5;
    padding: 20px;
    overflow: hidden;
    transform: translateX(-20px);
    transition: all 0.5s ease;
    color: #fff;
  }
  .flex-accordion > ul > li .panel-inner .section-content h4 {
    color: #fff;
  }
  .flex-accordion > ul > li .panel-inner .section-content ul > li:before {
    top: 11px !important;
    left: 0 !important;
    color: #fff !important;
    font-size: 0.5rem !important;
  }
  .flex-accordion > ul > li .panel-inner .title {
    width: 100px;
    height: 100%;
    position: relative;
    cursor: pointer;
  }
  .flex-accordion > ul > li .panel-inner .title__text {
    font-size: 1.5rem;
    display: flex;
    text-align: left;
    white-space: nowrap;
    color: #fff;
    transform: rotate(-90deg) translatex(-300%);
  }
  .flex-accordion > ul > li.is-open {
    flex-grow: 1;
    transition: all 0.5s ease;
  }
  .flex-accordion > ul > li.is-open .section-content {
    opacity: 1 !important;
  }
  .flex-accordion > ul > li.is-open a * {
    opacity: 1;
  }
  .flex-accordion > ul > li:not(.is-open) {
    width: 100px;
  }
}
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Maps + MapBox */
/****************************************************************************************************/
.openStreetMap {
  min-height: 600px;
  background-color: #CCCCCC;
  margin: 1rem 0;
}

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

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

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

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

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

.counterGrid {

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

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

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

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

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

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

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

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

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

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

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

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

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Dev Page Styles */
/****************************************************************************************************/
.gridsPage .bd .grid {
  position: relative;
  padding: 2rem 0;
  border: 2px solid #0092b3;
}
.gridsPage .bd .grid:hover {
  border-color: #007d99;
  border-style: solid;
  background-color: #eee;
}
.gridsPage .bd .grid:hover .col {
  background-color: white;
}
.gridsPage .bd .grid:hover .col:hover {
  background-color: #eee;
}
.gridsPage .bd .grid:hover:before {
  background-color: #053962;
}
.gridsPage .bd .grid:before,
.gridsPage .bd .grid .col:before {
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  content: ".grid";
  display: block;
  position: absolute;
  padding: 2px 5px;
  color: white;
  font-size: 14px;
  background-color: #0092b3;
}
.gridsPage .bd .grid .col {
  position: relative;
  min-height: 5rem;
  border: 2px dashed #00d0ff;
  text-align: center;
}
.gridsPage .bd .grid .col:before {
  content: ".col";
  background-color: #00d0ff;
}
.gridsPage .bd .grid .col:hover {
  border-color: #00bbe6;
  border-style: solid;
  background-color: #eee;
}
.gridsPage .bd .grid .col:hover:before {
  background-color: #00bbe6;
}

/* #endregion */
/****************************************************************************************************/
/***** #region miscellaneous */
@keyframes moveLetterUp {
  100% {
    transform: translatey(-16px);
    /*color: $secondaryColour;*/
  }
}
@keyframes addLine {
  0% {
    transform: translatex(-500px);
  }
  100% {
    width: 80%;
    transform: translatex(-50%);
  }
}
/* ### Print Modal ### */
.printModalWrapper #printModal .printModal {
  display: block;
}

#printModal {
  background-color: #fff;
  width: auto;
  max-width: 100%;
  height: auto;
}
#printModal .printModal {
  margin: 0 auto;
  padding: 2em 3em;
  display: none;
  width: 70vw;
}
#printModal .printModal .bottom .options {
  margin: 0;
}
#printModal .printModal .bottom .options b {
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
#printModal .printModal .bottom .options ul {
  display: flex;
  flex-wrap: wrap;
}
#printModal .printModal .bottom .options ul li {
  flex: 1 1 50%;
}
#printModal .printModal .button, #printModal .printModal :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) {
  display: block;
  width: 100%;
}

article.detailView {
  position: relative;
}

/* BackEnd Edit Link Styles */
a.backendEditLink {
  display: flex;
  margin: 0.5rem 0;
  position: absolute;
  z-index: 5;
  border: 1px solid #053962;
  border-radius: 0.5rem;
  background: white;
  justify-content: center;
  align-items: center;
  align-content: flex-end;
  width: auto;
  height: auto;
  right: 1rem;
  top: 0;
  padding: 0.5rem;
  color: #053962 !important;
  font-size: 0.8rem;
  gap: 0.4em;
}
a.backendEditLink:hover {
  color: #053962 !important;
}

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

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

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

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

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

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

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

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

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

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

.shareThis {
  box-shadow: 3px 5px 10px 1px rgba(51, 51, 51, 0.6);
  padding: 0.5em;
}

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

.detailView .topperSection .topperContent {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(2, 2, 2, 0.85) 1%, rgba(255, 255, 255, 0) 100%); /* w3c */
}

.cmsContent ul > li:before, .cmsContent ul > li ul > li:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

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

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

/****************************************************************************************************/
/* #region Kendo Navigation top-level widget overrides */
/****************************************************************************************************/
/* Kendo Menu Widget */
.k-menu.k-menu-horizontal {
  border: none;
  background: none;
}
.k-menu .k-item .k-link:focus {
  outline: none;
}
.k-menu .k-item .k-link:focus-visible {
  outline: 2px solid red;
}
.k-menu:not(.k-context-menu) > .k-item.k-state-focused {
  outline: none;
  box-shadow: none;
}
.k-menu:not(.k-context-menu) > .k-item > a.k-state-active {
  color: white;
}
.k-menu:not(.k-context-menu) > .k-item .k-animation-container .k-animation-container {
  top: inherit !important;
  bottom: 0 !important;
}
.k-menu:not(.k-context-menu) > .k-item .k-group {
  visibility: visible !important;
}
.k-menu:not(.k-context-menu) > .k-item .k-group.expertises {
  column-count: 2;
}
.k-menu:not(.k-context-menu) > .k-item .k-group.expertises .k-item {
  break-inside: avoid;
}
.k-menu:not(.k-context-menu) > .k-item .k-group .k-link {
  padding: 0.5rem 2rem 0.5rem 1rem;
  border-bottom: solid 1px #3bbbd5;
}
.k-menu:not(.k-context-menu) > .k-item .k-group .k-link.k-state-active {
  background-color: #1e7a8c !important;
}
.k-menu:not(.k-context-menu) > .k-item .k-group .k-last .k-link {
  border-bottom: none;
}
.k-menu:not(.k-context-menu):focus > .k-item.k-state-focused {
  outline: none;
  box-shadow: none;
}
.k-menu:not(.k-context-menu):focus:focus-visible {
  outline: 1px dashed #B1B1B1;
  outline-offset: 0;
}
.k-menu:not(.k-context-menu):focus:focus-visible > .k-item.k-state-focused {
  outline: 2px solid #F7F7F7;
  box-shadow: none;
}

/* Kendo Treeview */
.k-treeview {
  border: none !important;
  overflow-y: auto;
  overflow-x: hidden;
}
.k-treeview .k-item {
  position: relative;
  padding: 0;
  font-family: "FSOstroProBold", sans-serif;
  font-size: 1.5rem;
  font-weight: 100;
  border-bottom: solid 1px #279EB6;
}
.k-treeview .k-item.k-first {
  border-top: solid 1px #279EB6;
}
.k-treeview .k-item .k-link {
  color: #000;
  padding: 1rem 0.5rem;
}
.k-treeview .k-item .k-link.k-state-hover {
  background-color: transparent;
  color: #053962;
}
.k-treeview .k-item .k-link.k-state-hover, .k-treeview .k-item .k-link.k-state-active, .k-treeview .k-item .k-link.k-state-selected, .k-treeview .k-item .k-link.k-state-focused {
  background: none;
  box-shadow: none;
  text-decoration: none;
}
.k-treeview .k-item .k-icon {
  right: 5%;
  position: absolute;
  right: 1rem;
  top: 1.2rem;
  z-index: 5;
}
.k-treeview .k-item .k-icon:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5rem;
  color: #053962;
  background-image: none;
}
.k-treeview .k-item .k-icon.k-i-expand:before {
  content: "\f067";
}
.k-treeview .k-item .k-icon.k-i-collapse:before {
  content: "\f068";
}
.k-treeview .k-item .k-group {
  border-top: solid 1px #279EB6;
  margin-top: 10px;
}
.k-treeview .k-item .k-group .k-item {
  padding-left: 1rem;
}
.k-treeview .k-item .k-group .k-item .k-link {
  font-size: 90%;
}
.k-treeview .k-item .k-group .k-item.k-last {
  border-bottom: none;
}

/* Kendo Panelbar */
.k-panelbar {
  display: block !important;
}
.k-panelbar.k-header {
  border: none;
  margin: 1em 0;
  padding: 0;
}
.k-panelbar li.k-item {
  position: relative;
}
.k-panelbar li.k-item.k-state-selected:before {
  top: 50%;
  left: -30px;
  width: 30px;
  height: 2px;
  content: "";
  position: absolute;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  background-color: #279EB6;
}
.k-panelbar li.k-item + .k-item {
  border-top-width: 0;
}
.k-panelbar li.k-item a.k-link {
  line-height: 1;
  background: none !important;
  border: none;
  color: #000;
  border-bottom: solid 1px #075593;
  font-family: "FSOstroProBold", sans-serif;
  font-size: 1.5rem;
  text-transform: inherit;
  padding: 1rem;
}
.k-panelbar li.k-item a.k-link:focus {
  box-shadow: none;
}
.k-panelbar li.k-item a.k-link.k-state-selected {
  color: #000;
}
.k-panelbar li.k-item a.k-link .k-icon:before {
  font-family: "Font Awesome 5 Pro";
}
.k-panelbar li.k-item a.k-link .k-icon.k-panelbar-expand:before {
  content: "\f067";
}
.k-panelbar li.k-item a.k-link .k-icon.k-panelbar-collapse:before {
  content: "\f068";
}
.k-panelbar li.k-item a.k-link:hover, .k-panelbar li.k-item a.k-link:focus {
  color: #279EB6;
}
.k-panelbar li.k-item.k-first {
  border-top: solid 1px #075593;
}
.k-panelbar ul.k-group {
  border: none !important;
  padding-left: 1rem;
  background: none !important;
}
.k-panelbar ul.k-group li.k-item {
  padding: 0.25rem 0.25rem;
  border-bottom: none;
}
.k-panelbar ul.k-group li.k-item a.k-link {
  position: relative;
  padding-left: 1rem;
  font-weight: normal;
  text-transform: none;
  background: none !important;
}
.k-panelbar ul.k-group li.k-item a.k-link:before {
  top: 0.5rem;
  left: 0rem;
  color: #279EB6;
  content: "\f0c8";
  position: absolute;
  font-size: 0.5rem;
}
.k-panelbar ul.k-group li.k-item a.k-link:hover, .k-panelbar ul.k-group li.k-item a.k-link:focus {
  color: #279EB6;
}

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

nav ul.mainNav {
  display: none;
  z-index: 2;
  justify-content: flex-end;
  /* Sub elements */
  /* selected states (CFAdded selected or childSelected classes) */
  /*.k-animation-container {
      display: block !important;
      overflow: visible !important;

      .k-menu-group {
          display: block !important;
          transform: translateY(0) !important;
      }
  }*/
}
nav ul.mainNav.initialized {
  display: flex;
}
nav ul.mainNav:not(.k-widget) ul {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
nav ul.mainNav li.rootMenuItem {
  border: none;
  background: none;
  text-align: left;
  /* underline */
  /* hover state */
}
nav ul.mainNav li.rootMenuItem:after {
  width: 100%;
  height: 5px;
  left: 50%;
  bottom: 0;
  opacity: 0;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  background-color: #279EB6;
}
nav ul.mainNav li.rootMenuItem > a {
  color: #000;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  font-weight: 700;
  border: none;
  background: none;
  text-transform: uppercase;
  /* The down icons */
}
nav ul.mainNav li.rootMenuItem > a:focus, nav ul.mainNav li.rootMenuItem > a:active {
  outline: 2px solid #714B96;
  outline-offset: 2px;
}
nav ul.mainNav li.rootMenuItem > a .k-icon {
  margin: -2px -5px 0 5px;
  top: 5px;
}
nav ul.mainNav li.rootMenuItem > a .k-icon .k-icon:before {
  color: #fff;
}
nav ul.mainNav li.rootMenuItem > a.k-state-active {
  background-color: #279EB6;
  color: #fff;
}
nav ul.mainNav li.rootMenuItem.k-state-hover > a {
  color: #fff;
  background-color: #279EB6;
}
nav ul.mainNav ul {
  border: solid 1px #3bbbd5;
  padding: 0.25rem;
  position: absolute;
  background-color: #279EB6;
}
nav ul.mainNav ul > li {
  border: none;
  background: none;
  /* hover state */
}
nav ul.mainNav ul > li > a {
  min-width: 180px;
  color: white;
  border: none;
  padding: 0.25rem 1rem;
  font-size: 1rem;
  background: none;
  /* The down icons */
}
nav ul.mainNav ul > li > a .k-icon {
  margin: 0 -5px 0 5px;
}
nav ul.mainNav ul > li > a .k-icon:before {
  color: #fff;
}
nav ul.mainNav ul > li.k-state-hover {
  background-color: #1e7a8c;
}
nav ul.mainNav ul ul {
  margin-left: 5px;
  margin-top: -5px;
}
nav ul.mainNav .rootMenuItem.k-item.selected:after {
  opacity: 1;
}
nav ul.mainNav .rootMenuItem.childSelected:after {
  opacity: 1;
}
nav ul.mainNav .k-item.k-state-focused, nav ul.mainNav .k-menu-group .k-item:focus, nav ul.mainNav .k-menu.k-context-menu .k-item.k-state-focused, nav ul.mainNav .k-menu.k-context-menu .k-item:focus {
  box-shadow: none;
}
nav ul.mainNav li.Expertises .k-animation-container, nav ul.mainNav li.TeamMembers .k-animation-container {
  width: 60vw !important;
  /*max-height: 750px !important;
  height: auto !important;*/
  display: block;
  transform: translatex(-50%) !important;
  left: 50% !important;
}
nav ul.mainNav li.Expertises .k-animation-container .k-item.k-state-default, nav ul.mainNav li.TeamMembers .k-animation-container .k-item.k-state-default {
  white-space: normal !important;
}
nav ul.mainNav li.Expertises .k-animation-container .k-group, nav ul.mainNav li.TeamMembers .k-animation-container .k-group {
  width: 100% !important;
  /* border: solid 2px red;*/
  box-shadow: 0px 5px 27px 7px rgba(0, 0, 0, 0.12);
  min-height: 540px;
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 2.5rem;
}
nav ul.mainNav li.Expertises .k-animation-container .k-group a, nav ul.mainNav li.TeamMembers .k-animation-container .k-group a {
  padding-bottom: 0.3rem;
  padding-left: 0;
  font-size: 16px;
}
nav ul.mainNav li.Expertises .k-animation-container .k-group a:after, nav ul.mainNav li.TeamMembers .k-animation-container .k-group a:after {
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
nav ul.mainNav li.Expertises .k-animation-container .k-group .k-content, nav ul.mainNav li.TeamMembers .k-animation-container .k-group .k-content {
  background-color: transparent;
}
nav ul.mainNav li.Expertises .k-animation-container .k-group > li.k-item, nav ul.mainNav li.TeamMembers .k-animation-container .k-group > li.k-item {
  display: inline-block;
  width: 100%;
  font-size: 0.9rem;
  padding-bottom: 0.5rem;
}
nav ul.mainNav li.Expertises .k-animation-container .k-group > li.k-item:hover, nav ul.mainNav li.TeamMembers .k-animation-container .k-group > li.k-item:hover {
  background-color: transparent;
}
nav ul.mainNav li.Expertises .k-animation-container .k-group > li.k-item h4, nav ul.mainNav li.TeamMembers .k-animation-container .k-group > li.k-item h4 {
  margin-top: 0;
  color: #fff;
  margin-left: 0.75rem;
}
nav ul.mainNav li.Expertises .k-animation-container .k-group.expertises, nav ul.mainNav li.TeamMembers .k-animation-container .k-group.expertises {
  display: flex;
}
nav ul.mainNav li.Expertises .k-animation-container .k-group.expertises ul, nav ul.mainNav li.TeamMembers .k-animation-container .k-group.expertises ul {
  margin: 0;
}
nav ul.mainNav li.Expertises .k-animation-container .k-group.expertises .k-content, nav ul.mainNav li.TeamMembers .k-animation-container .k-group.expertises .k-content {
  background-color: transparent;
}
nav ul.mainNav li.Expertises .k-animation-container .k-group.expertises .k-content.megaLeft, nav ul.mainNav li.TeamMembers .k-animation-container .k-group.expertises .k-content.megaLeft {
  margin-right: 2rem;
}
nav ul.mainNav li.Expertises .k-animation-container .k-group.expertises .k-content.megaLeft .level1, nav ul.mainNav li.TeamMembers .k-animation-container .k-group.expertises .k-content.megaLeft .level1 {
  display: block;
  column-count: 3;
  column-gap: 2rem;
  border: 0;
}
nav ul.mainNav li.Expertises .k-animation-container .k-group.expertises .k-content.megaLeft .level1 li, nav ul.mainNav li.TeamMembers .k-animation-container .k-group.expertises .k-content.megaLeft .level1 li {
  display: inline-block;
  width: 100%;
  border-bottom: solid 1px #3bbbd5;
  padding: 0.5rem;
}
nav ul.mainNav li.Expertises .k-animation-container .k-group.expertises .k-content.megaLeft .level1 li:hover, nav ul.mainNav li.TeamMembers .k-animation-container .k-group.expertises .k-content.megaLeft .level1 li:hover {
  background-color: #fff;
}
nav ul.mainNav li.Expertises .k-animation-container .k-group.expertises .k-content.megaLeft .level1 li:hover a, nav ul.mainNav li.TeamMembers .k-animation-container .k-group.expertises .k-content.megaLeft .level1 li:hover a {
  text-decoration: none;
  color: #053962;
}
nav ul.mainNav li.TeamMembers .k-animation-container .k-group {
  min-height: 220px;
}

.findAnything.teamFilters {
  width: 100%;
}
.findAnything.teamFilters .button, .findAnything.teamFilters :is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) {
  padding: 0.5rem 2rem !important;
}
.findAnything.teamFilters .viewMoreOuter {
  margin-bottom: 0;
}
.findAnything.teamFilters .keywordSearchWrapper {
  display: flex;
  position: relative;
  border-bottom: solid 1px #3bbbd5;
  margin-bottom: 1.25rem;
  padding-bottom: 1.5rem;
}
.findAnything.teamFilters .keywordSearchWrapper button {
  margin: 0 0 0 1rem;
}
.findAnything.teamFilters .keywordSearchWrapper:before {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  left: inherit;
  right: 30px;
  top: 11px;
  font-size: 1.5rem;
  color: #279EB6;
  position: absolute;
}
.findAnything.teamFilters fieldset {
  border: none;
}
.findAnything.teamFilters fieldset legend {
  display: none;
}
.findAnything.teamFilters fieldset input {
  border: none;
}
.findAnything.teamFilters fieldset .k-dropdown {
  width: 100%;
  font-size: 16px;
  line-height: 1.42857;
}
.findAnything.teamFilters fieldset .k-dropdown .k-dropdown-wrap {
  border: none;
  color: #053962;
  background-color: #fff;
  background-image: none;
  padding: 0.25rem 0.75rem;
}
.findAnything.teamFilters fieldset .k-dropdown .k-icon:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  color: #053962;
  background-image: none;
  font-size: 0.8rem;
  top: 4px;
  content: "\f054";
  transform: rotate(90deg);
}
.findAnything.teamFilters .fieldGroups {
  display: flex;
}
.findAnything.teamFilters .fieldGroups fieldset {
  flex: 1 49%;
}

.k-list .k-item.k-state-selected {
  background-color: #279EB6;
}
.k-list .k-item:hover.k-state-selected {
  background-color: #279EB6;
}

/* #endregion */
/****************************************************************************************************/
/*#region ChildSquares*/
nav.childSquares .grid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
}
nav.childSquares .grid > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 4) * 100% - 1rem);*/
  flex-basis: calc(1 / 4 * 100% - 1rem);
}
nav.childSquares .grid .col {
  background-color: #053962;
  margin-bottom: 1rem;
}
nav.childSquares .grid .col:hover {
  opacity: 0.8;
}
nav.childSquares .grid .col.colour1 {
  background-color: #279EB6;
}
nav.childSquares .grid .col.colour2 {
  background-color: #714B96;
}
nav.childSquares .grid .col.colour3 {
  background-color: #F1C500;
}
nav.childSquares .grid .col.colour4 {
  background-color: #DF6472;
}
nav.childSquares .grid .col .childSquare {
  min-height: 300px;
  padding: 2rem;
}
nav.childSquares .grid .col .childSquare .innerContent {
  height: 100%;
}
nav.childSquares .grid .col .childSquare .innerContent a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-decoration: none;
}
nav.childSquares .grid .col .childSquare .innerContent a h3 {
  color: #fff;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Hamburger */
/****************************************************************************************************/
button.hamburger {
  top: 0.4rem;
  right: 1rem;
  /*    width: $hamburgerWidth;
  height: $hamburgerHeight;*/
  border: none;
  margin: 0;
  position: absolute;
  z-index: 500;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  padding-bottom: 1rem;
  background-color: transparent;
}
button.hamburger:before {
  content: "MR";
  color: #000;
  position: relative;
  font-size: 1.2rem;
  font-weight: 900;
  top: 4px;
}
button.hamburger:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.2);
}
button.hamburger .hamburger-inner, button.hamburger .hamburger-inner:after, button.hamburger .hamburger-inner:before {
  position: absolute;
  width: 34px;
  height: 3px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  background-color: #279EB6;
}
button.hamburger .hamburger-inner {
  top: 80%;
  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 {
  display: block;
  content: "";
  top: 6px;
}
button.hamburger.open:before {
  color: transparent;
}
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);
  top: 50%;
  background-color: #fff;
}
button.hamburger.open .hamburger-inner:after {
  bottom: 0;
  top: 1px;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(-90deg);
  background-color: #fff;
}

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

/* the mobile nav menu */
nav.mobileNav {
  top: 0;
  right: 0;
  width: 40rem;
  max-width: 100%;
  height: 100%;
  position: fixed;
  padding-top: 120px;
  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: #279EB6;
}
nav.mobileNav.open {
  transform: translateX(0%);
  visibility: visible;
}
nav.mobileNav h4 {
  display: none;
}
nav.mobileNav .expertises .k-item {
  padding-left: 0 !important;
}
nav.mobileNav .expertises .k-item .megaLeft {
  display: block;
}
nav.mobileNav .expertises .k-item .megaLeft .level1 {
  display: block;
}
nav.mobileNav .expertises .k-item .megaLeft .level1 li {
  border-top: solid 1px #3bbbd5;
  border-bottom: solid 1px #2493a9;
}
nav.mobileNav .expertises .k-item .megaLeft .level1 li:hover {
  background-color: #3bbbd5;
  color: #053962;
}
nav.mobileNav .expertises .k-item .megaLeft .level1 li a {
  color: #fff;
  white-space: normal;
  display: block;
  font-size: 90%;
  padding: 0.5rem 2rem;
}
nav.mobileNav .expertises .k-item .megaLeft .level1 li a:hover {
  text-decoration: none;
}
nav.mobileNav .TeamMembers .k-icon.k-i-expand {
  display: none;
}
nav.mobileNav .teammembers.k-group {
  display: none !important;
}
nav.mobileNav .k-treeview {
  color: white;
  height: 100%;
}
nav.mobileNav .k-treeview .k-item .k-link {
  padding: 0.75rem 1rem;
}
nav.mobileNav .k-treeview .k-item .k-icon:before {
  color: #fff;
}
nav.mobileNav .k-treeview .k-group {
  border-top: none;
}
nav.mobileNav .k-treeview .k-group .k-item {
  border-top: solid 1px #3bbbd5;
  border-bottom: solid 1px #2493a9;
}
nav.mobileNav .k-treeview .k-group .k-item.k-treeview .k-item.k-first {
  border-top: solid 1px #3bbbd5;
}
nav.mobileNav .k-treeview .k-group .k-item.k-treeview .k-item.k-last {
  border-top: solid 1px #3bbbd5;
}
nav.mobileNav .k-treeview .k-group .k-item .k-link {
  color: #fff;
  white-space: normal;
  width: 100%;
}
nav.mobileNav .k-treeview .k-group .k-item .k-link:hover {
  background-color: #3bbbd5;
  color: #053962;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Jump Menu */
.jumpMenu {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  text-transform: uppercase;
  border: solid 1px #279EB6;
  border-left: none;
  border-right: none;
  padding: 1.5rem 0;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 0;
}
.jumpMenu li {
  margin-left: 1.5rem;
}
.jumpMenu li a {
  color: #000 !important;
}
.jumpMenu li:before {
  content: none !important;
  color: #000;
}
.jumpMenu.stuck {
  margin-top: calc(42px - 2px);
  background-color: #fff;
  width: 100%;
  padding: 1rem 0 1rem 5rem;
  position: fixed;
  /*padding: 1rem 0 1rem 12rem; //what we need for wide container
  margin-left: -13rem;*/
  z-index: 5;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Mega Menu - Disabled by default */
/****************************************************************************************************/
/*nav ul.megaNav {
    visibility: hidden;
    border: none;
    background: none;
    @include grid(auto, 1rem, ".k-item");
    margin-bottom: -1px;
    justify-content: space-between;

    &.initialized {
        visibility: visible;
    }

    .findASearchWrapper {
        margin: 0 auto 2rem;

        .k-widget.findASearchMenu {
            width: 20rem !important;
            border: solid 2px $secondaryColour;
            font-size: 1.1rem;
            border-radius: 0;

            .k-select {
                background: transparent url(/CFImages/Icons/search-pipe.svg) no-repeat 0 50%;

                .k-icon:before {
                    content: "";
                }
            }
        }
    }

    .rootMenuItem.k-item {
        border: none;
        background: none;
        position: relative;
        border-bottom: 2px solid transparent;
        box-shadow: none !important;

        .k-i-arrow-60-down {
            &:before {
                content: $arrowDownIcon;
                color: red;
                font-size: 50%;
                font-weight: 400;
            }
        }

        a.k-link {
            border: none;
            background: none;
            font-size: 18px;
            font-weight: 400;
            color: #000000;
            text-transform: uppercase;
            padding: 0.5rem 0.5rem 1rem 0.5rem;
            padding: 2rem 0;
            box-shadow: none !important;*/
/* The down icons */
/*.k-icon {
                margin: -7px -5px 0 5px;

                .k-icon:before {
                    color: #000000;
                }
            }
        }*/
/* hover state */
/*&.k-state-hover {
            border-bottom: 2px solid $secondaryColour;

            a.k-link {
            }
        }
    }*/
/* selected states (CFAdded selected or childSelected classes) */
/*// selected item
    .rootMenuItem.k-item.selected {
        border-bottom: 2px solid $secondaryColour;
    }
    // Has a child item selected
    .rootMenuItem.k-item.childSelected {
        border-bottom: 2px solid $secondaryColour;
    }*/
/* (The Mega Dropdown) */
/*.k-animation-container {
        width: calc(100vw - 1rem) !important;
        max-height: 750px !important;*/
/*top: 65px !important;*/
/*top: calc(100% + 3px) !important;
        border: none !important;

        .k-item.k-state-default {
            white-space: normal !important;
        }

        > ul {
            width: 100% !important;
            border: none;

            > li {
                background-color: #fff;
                display: flex;
                justify-content: center;

                div.megaContainer {
                    padding: 2rem 6rem;
                    @include grid(2,2rem);
                    flex-wrap: nowrap;

                    .megaLeft {
                        h2 {
                            font-size: 1.8rem;
                            margin-top: 0;
                            margin-bottom: 0.4rem;
                        }
                    }

                    .megaRight {
                        display: flex;
                        flex-grow: 1;

                        .accordionUL > ul li {
                            font-size: 0.8rem;
                        }

                        &.default {
                            .accordionUL > ul {
                                display: flex;
                                flex-wrap: wrap;
                                margin: 3.5rem 0 0 2rem;

                                li {
                                    flex: 0 0 30%;
                                    margin-right: 1rem;


                                    &:last-child {
                                        border-bottom: none;
                                    }
                                }
                            }
                        }
                    }
                    // Image Styles
                    .pageMenuImage {
                        width: 100%;
                        height: 100px;
                        position: relative;
                        padding-top: 0.5rem;

                        .megaImage {
                            @include hugParent;
                            background-size: cover;
                            background-position: center;
                            background-repeat: no-repeat;
                        }
                    }
                    // Panel Bar Styles
                    .panelBar {
                        width: 90% !important;
                        max-width: 500px !important;

                        .k-menu .k-link {
                            white-space: normal !important;
                            box-shadow: none !important;
                        }

                        li {
                            padding: 0;

                            a {
                            }
                        }
                    }

                    &.expertises {
                        .megaLeft {
                            flex: 1;
                        }

                        .megaRight {
                            flex: 2;

                            li {
                                padding-right: .5rem;
                            }
                        }
                    }

                    &.sectors {
                        .megaLeft {
                            flex: 1;
                        }

                        .megaRight {
                            flex: 2;

                            .accordionUL ul.level1 {
                                @include grid(3, 5rem, "li");


                                li {
                                    margin-left: .5rem;
                                    margin-right: 0rem;
                                }

                                li:last-child {
                                    border-bottom: none !important;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Sitemap */
/****************************************************************************************************/
nav.topLevelSimple ul {
  display: flex;
  flex-wrap: wrap;
}
nav.topLevelSimple ul li {
  flex-basis: 50%;
  padding: 0.35em 0 0 0;
  list-style-type: none !important;
  text-transform: uppercase;
  font-size: 1rem;
}
nav.topLevelSimple ul li.rootMenuItem {
  list-style-type: square;
  text-transform: uppercase;
}
nav.topLevelSimple ul li.rootMenuItem ul {
  padding-left: 2em;
}
nav.topLevelSimple ul li.rootMenuItem ul.level2 {
  padding-left: 4em;
}
nav.topLevelSimple ul li.rootMenuItem ul.level3 {
  padding-left: 6em;
}
nav.topLevelSimple ul li.rootMenuItem ul.level4 {
  padding-left: 8em;
}
nav.topLevelSimple ul li.reset, nav.topLevelSimple ul li:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
nav.topLevelSimple ul li a.toggleAction.button, nav.topLevelSimple ul li a.toggleAction:is(input[type=file],
input[type=reset],
input[type=submit],
input[type=button]) {
  margin: 0.5em 0 0 0;
}
nav.topLevelSimple ul li a.toggleAction.withPlusMinus .openIcon {
  display: inline-block;
}
nav.topLevelSimple ul li a.toggleAction.withPlusMinus .closeIcon {
  display: none;
}
nav.topLevelSimple ul li.active a.toggleAction.withPlusMinus .openIcon {
  display: none;
}
nav.topLevelSimple ul li.active a.toggleAction.withPlusMinus .closeIcon {
  display: inline-block;
}
nav.topLevelSimple ul div.toggleContent {
  display: none;
}
nav.topLevelSimple ul div.toggleContent.active {
  display: block;
}

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

.mainPanelBar {
  display: none;
}
.mainPanelBar.k-panelbar {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

.shareThis {
  box-shadow: 3px 5px 10px 1px rgba(51, 51, 51, 0.6);
  padding: 0.5em;
}

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

.detailView .topperSection .topperContent {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(2, 2, 2, 0.85) 1%, rgba(255, 255, 255, 0) 100%); /* w3c */
}

.cmsContent ul > li:before, .cmsContent ul > li ul > li:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

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

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

/* 
Media queries for tablet and mobile (general guidelines for breakpoints globally set in the _variables file) 
Mobile ($S_Max)   Tablet ($M_Min and $M_Max)  Small Desktop ($L_Min and $L_Max)  Large Desktop ($XL_Min - This is the standard for all styles)
*/
/* Large Desktop (switch between simple and mobile nav) */
@media only screen and (min-width: 1300px) {
  button.hamburger {
    display: none !important;
  }
}
/* Small Desktop (switch between simple and mobile nav) */
@media only screen and (max-width: 1299px) {
  .hamburger {
    display: block !important;
  }
  #header {
    top: 0;
    position: absolute;
  }
  #header .mainNavWrapper {
    display: none !important;
  }
  #header .topHeader {
    display: none;
  }
  .jumpMenu li {
    text-align: center;
  }
  .jumpMenu.stuck {
    margin-top: 0;
    padding-left: 0;
  }
  .peopleWrapper .peopleInnerBottom .cmsContent h2 {
    font-size: 2.5rem;
  }
  .teammembers .teammember .contactInfo .email {
    display: none;
  }
  .homeInsightsWrapper li .insight h3 {
    font-size: 1.2rem;
  }
}
/* Tablet */
@media only screen and (max-width: 1024px) {
  .homeSlideshow .splide__slide .container .innerContent h1 {
    font-size: 4rem;
  }
  .peopleWrapper .peopleInnerBottom .cmsContent {
    position: absolute;
    top: inherit;
    bottom: 0;
    transform: inherit;
  }
  .peopleWrapper .peopleInnerBottom .cmsContent h2 {
    font-size: 2rem;
  }
  .homeInsightsWrapper {
    background: #CCCCCC;
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
  .homeInsightsWrapper .splide__arrows {
    display: none;
  }
  .homeInsightsWrapper li:nth-of-type(1n) .insight {
    background-color: #F1C500;
  }
  .homeInsightsWrapper li:nth-of-type(2n) .insight {
    background-color: #053962;
  }
  .homeInsightsWrapper li:nth-of-type(2n) .insight a {
    color: #fff;
  }
  .homeInsightsWrapper li:nth-of-type(3n) .insight {
    background-color: #714B96;
  }
  .homeInsightsWrapper li:nth-of-type(3n) .insight a {
    color: #fff;
  }
  .threeSquareGridWrapper .left .cmsContent {
    padding-left: 4rem;
  }
  .threeSquareGridWrapper .left .cmsContent:last-of-type {
    margin-left: 0;
  }
  .threeSquareGridWrapper .right {
    margin-top: 0 !important;
  }
  .threeSquareGridWrapper .right .cmsContent {
    padding-right: 4rem;
  }
  .casesWrapper button {
    margin-bottom: 2rem;
  }
  .insights.newsitems:not(.splide__list) {
    flex-direction: column;
    margin-bottom: 0;
  }
  .insights.newsitems:not(.splide__list) li .insight {
    top: 0 !important;
    width: 100% !important;
  }
  .teammember.detailView .bioTopContent {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .teammember.detailView .bioTopContent .bioPhotoWrapper {
    flex-direction: column;
  }
  .teammember.detailView .bioTopContent .bioPhotoWrapper:after {
    display: none;
  }
  .teammember.detailView .bioTopContent .bioPhotoWrapper .bioContact {
    position: static;
    width: 100%;
    background-color: #fff;
    padding: 2rem;
  }
  .teammember.detailView .bioTopContent .bioPhotoWrapper .bioContact .contactInfo {
    flex-direction: column;
  }
  .expertise.detailView .subMenu {
    width: 40%;
  }
  #footer {
    background: #000;
  }
  .purpleFooter #footer {
    background: #000;
  }
  .yellowFooter #footer {
    background: #000;
  }
  .yellowFooterFull #footer {
    background: #000;
  }
  .blueFooter #footer {
    background: #000;
  }
  #footer:before {
    background: transparent;
  }
  #footer .mainFooter .footerLeft .button, #footer .mainFooter .footerLeft :is(input[type=file],
  input[type=reset],
  input[type=submit],
  input[type=button]) {
    position: absolute;
    right: 10%;
    top: 0;
  }
  #footer .mainFooter .footerRight h3 {
    display: block;
    margin: 0.5em 0;
    font-size: 1.5rem;
  }
  #footer .copyrightFooter {
    padding-top: 0.5rem;
  }
  #footer .copyrightFooter .col-align-start, #footer .copyrightFooter .grid-align-start, #footer .copyrightFooter .col-align-end, #footer .copyrightFooter .grid-align-end {
    align-items: center;
  }
}
/* Mobile Only */
@media only screen and (max-width: 767px) {
  .k-treeview .k-item {
    font-size: 1.6rem;
  }
  .homeSlideshow .splide__slide .container .innerContent h1 {
    font-size: 3rem;
  }
  .homeSlideshow .splide__slide .container .innerContent h1 div:after {
    top: 3.3rem;
  }
  .peopleWrapper {
    padding: 1rem;
    background-size: 100%;
    background-position: 0 0;
    background-image: linear-gradient(rgb(39, 158, 182), rgb(39, 158, 182));
  }
  .peopleWrapper .peopleInner {
    position: static;
    left: inherit;
    transform: none;
  }
  .peopleWrapper .peopleInnerBottom {
    background-image: none;
    position: static;
  }
  .peopleWrapper .peopleInnerBottom .cmsContent {
    position: static;
  }
  .peopleWrapper .peopleInnerBottom h2 {
    margin-top: 1.5rem;
    font-size: 1.5rem;
  }
  .peopleWrapper .teammembersWrapper {
    display: none;
  }
  .whyWrapper .whyBottom .col {
    margin: 1rem !important;
    padding: 0 0.5rem;
  }
  .casesWrapper .grid {
    flex-direction: column;
  }
  .casesWrapper .grid .right {
    padding-left: 0;
  }
  .combinedResourcesWrapper .splide .splide__track {
    margin-left: 5rem;
  }
  .featuredWrapper .insights.eventitems li .insight.eventitem .innerContent {
    display: flex;
  }
  .featuredWrapper .insights.eventitems li .insight.eventitem .innerContent .itemImage {
    flex: 1 1 0%;
  }
  .featuredWrapper .insights.eventitems li .insight.eventitem .innerContent .itemContent {
    flex: 1 1 100%;
    padding: 5rem;
  }
  .studentImageRight {
    background: none;
    margin-top: 2rem;
  }
  .studentImageRight.mbxxxl {
    margin-bottom: 2rem !important;
  }
  .studentImageLeft {
    background: none;
  }
  .studentImageLeft.mbxxxl {
    margin-bottom: 2rem !important;
  }
  .jumpMenu {
    display: none;
  }
  .columnReverse {
    flex-direction: column-reverse !important;
  }
  .expertise.detailView .subMenuWrapper {
    display: flex;
    flex-direction: column-reverse;
  }
  .expertise.detailView .subMenuWrapper .subMenu {
    width: inherit;
    margin: 0;
  }
  .filteredContent .contentFilters {
    grid-template-columns: 1fr;
  }
  .filteredContent.news .contentFilters {
    grid-template-columns: 1fr;
  }
}
/* XS Mobile Only */
@media only screen and (max-width: 500px) {
  .displayFlex .cmsContent {
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem;
  }
  #footer {
    text-align: center;
  }
  #footer .mainFooter .footerLeft .button, #footer .mainFooter .footerLeft :is(input[type=file],
  input[type=reset],
  input[type=submit],
  input[type=button]) {
    position: static;
  }
  #footer .mainFooter .footerRight .offices li {
    padding-left: 0;
  }
  #footer .mainFooter .footerLogo {
    text-align: center;
    margin: 1rem auto;
  }
  .homeSlideshow .splide__slide .container {
    width: 70%;
  }
  .pageTopper .container {
    width: 100%;
  }
  .pageTopper .container h1 {
    text-align: left;
    margin: 0;
    font-size: 2.5rem;
  }
  .columnCount3 {
    column-count: 1;
  }
  .teammember.detailView .bioTopContent .bioPhotoWrapper .bgImgWrapper {
    left: 50%;
    transform: translatex(-50%);
  }
  .casesWrapper .grid {
    margin: 0 2rem !important;
  }
  .blueWrapper {
    background-color: #053962;
    background-image: none;
    padding: 2rem !important;
  }
  .blueWrapper .k-tabstrip-wrapper .tabstrip {
    flex-direction: column;
    display: block;
  }
  .blueWrapper .k-tabstrip-wrapper .tabstrip .tabIcon {
    display: none !important;
  }
  .blueWrapper .k-tabstrip-wrapper .tabstrip .k-tabstrip-items {
    padding-bottom: 1rem;
    flex: 1 1 100%;
  }
  .blueWrapper .k-tabstrip-wrapper .tabstrip .k-content {
    padding-left: 0;
    color: #fff;
    min-height: inherit !important;
  }
  .blueWrapper .k-tabstrip-wrapper .tabstrip .k-content p {
    color: #fff;
  }
  .blueWrapper .k-tabstrip-wrapper .tabstrip .k-content h4 {
    display: none;
  }
  .k-treeview .k-item .k-link {
    white-space: normal;
    padding-right: 2rem;
    font-size: 1.4rem;
  }
  .expertise.detailView .cmsContent > p:nth-of-type(1) {
    font-size: 1.5rem !important;
  }
  .cmsContent.highlight > p:nth-of-type(1) {
    font-size: 1.5rem !important;
  }
  .officesWrapper .offices .office .innerContent {
    display: block;
  }
  .searchByInitialContainer {
    margin: 0.25rem;
  }
  .advancedFiltersContainer .initiallyHiddenFilters fieldset {
    flex: 1 1 49%;
    max-width: 100%;
  }
  .filtersPopupWrapper.popup_wrapper_visible {
    top: 50px;
  }
  .filteredContent .filtersContainer .keywordSearchWrapper {
    flex-direction: column;
  }
  .filteredContent .filtersContainer .keywordSearchWrapper button {
    margin: 1rem 3rem;
  }
  .filteredContent .filtersContainer .keywordSearchWrapper:before {
    right: 10px;
  }
}
/* ### Bullets */
/* ### Alert Icons */
/* ### Other Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Large Desktop (max width */
/* This is when we start adjusting container gutters

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

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

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

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

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

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

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

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

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

.shareThis {
  box-shadow: 3px 5px 10px 1px rgba(51, 51, 51, 0.6);
  padding: 0.5em;
}

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

.detailView .topperSection .topperContent {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(2, 2, 2, 0.85) 1%, rgba(255, 255, 255, 0) 100%); /* w3c */
}

.cmsContent ul > li:before, .cmsContent ul > li ul > li:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

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

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

@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, .socialAndSharing, .jumpMenu {
    display: none !important;
    height: 0 !important;
  }
  header .header.stuck {
    position: relative !important;
  }
  img {
    max-width: 100%;
  }
  @page {
    margin: 0.5cm;
  }
  body {
    line-height: 1.4;
  }
  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;
  }
}

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