/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-91dffe655c/0/cache/sass-loader-npm-16.0.1-0d9dc804c0-ac841ea888.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/styles/master.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.fancybox-enabled {
  overflow: hidden;
}

.fancybox-enabled body {
  overflow: visible;
  -ms-touch-action: none;
  touch-action: none;
}

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-container ~ .fancybox-container {
  z-index: 99992;
}

.fancybox-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f0f11;
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-container--ready .fancybox-bg {
  opacity: 0.87;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
          transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  z-index: 99994;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  direction: ltr;
}

.fancybox-show-controls .fancybox-controls {
  opacity: 1;
}

.fancybox-infobar {
  display: none;
}

.fancybox-show-infobar .fancybox-infobar {
  display: inline-block;
  pointer-events: all;
}

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox-buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  pointer-events: all;
}

.fancybox-show-buttons .fancybox-buttons {
  display: block;
}

.fancybox-slider-wrap {
  overflow: hidden;
  direction: ltr;
}

.fancybox-slider, .fancybox-slider-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
}

.fancybox-slide:before {
  content: "";
  height: 100%;
  width: 0;
}

.fancybox-slide:before, .fancybox-slide > * {
  display: inline-block;
  vertical-align: middle;
}

.fancybox-slide > * {
  position: relative;
  padding: 24px;
  margin: 44px 0;
  border-width: 0;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.fancybox-slide--image {
  overflow: hidden;
}

.fancybox-slide--image:before {
  display: none;
}

.fancybox-content {
  display: inline-block;
  position: relative;
  margin: 44px auto;
  padding: 0;
  border: 0;
  width: 80%;
  height: -webkit-calc(100% - 88px);
  height: calc(100% - 88px);
  vertical-align: middle;
  line-height: normal;
  text-align: left;
  white-space: normal;
  outline: none;
  font-size: 16px;
  font-family: Arial, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
}

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe {
  background: transparent;
}

.fancybox-placeholder {
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-image, .fancybox-placeholder, .fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.fancybox-image, .fancybox-spaceball {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  background: transparent;
  background-size: 100% 100%;
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox-controls--canGrab .fancybox-placeholder {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

.fancybox-error {
  position: absolute;
  margin: 0;
  padding: 40px;
  top: 50%;
  left: 50%;
  width: 380px;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  cursor: default;
}

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif;
}

.fancybox-close-small {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  font: 21px/1 Arial, Helvetica Neue, Helvetica, sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  cursor: pointer;
  background: #fff;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
}

.fancybox-close-small:focus {
  outline: 1px dotted #888;
}

.fancybox-slide--video .fancybox-close-small {
  top: -36px;
  right: -36px;
  background: transparent;
}

.fancybox-close-small:hover {
  color: #555;
  background: #eee;
}

.fancybox-caption-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0;
  z-index: 99998;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(40%, rgba(0, 0, 0, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
}

.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
}

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid hsla(0, 0%, 100%, 0.4);
  font-size: 14px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none;
}

.fancybox-caption a, .fancybox-caption button {
  pointer-events: all;
}

.fancybox-caption a {
  color: #fff;
  text-decoration: underline;
}

.fancybox-button {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  background: transparent;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
  outline: none;
}

.fancybox-button--disabled {
  cursor: default;
  pointer-events: none;
}

.fancybox-button, .fancybox-infobar__body {
  background: rgba(30, 30, 30, 0.6);
}

.fancybox-button:hover {
  background: rgba(0, 0, 0, 0.8);
}

.fancybox-button:after, .fancybox-button:before {
  content: "";
  pointer-events: none;
  position: absolute;
  border-color: #fff;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
}

.fancybox-button--disabled:after, .fancybox-button--disabled:before {
  opacity: 0.5;
}

.fancybox-button--left:after {
  left: 20px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.fancybox-button--left:after, .fancybox-button--right:after {
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}

.fancybox-button--right:after {
  right: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fancybox-button--left {
  border-bottom-left-radius: 5px;
}

.fancybox-button--right {
  border-bottom-right-radius: 5px;
}

.fancybox-button--close {
  float: right;
}

.fancybox-button--close:after, .fancybox-button--close:before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: -webkit-calc(50% - 1px);
  top: calc(50% - 1px);
  left: -webkit-calc(50% - 8px);
  left: calc(50% - 8px);
}

.fancybox-button--close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fancybox-button--close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.fancybox-loading {
  border: 6px solid hsla(0, 0%, 39%, 0.4);
  border-top: 6px solid hsla(0, 0%, 100%, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: a 0.8s infinite linear;
  animation: a 0.8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999;
}

@-webkit-keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@media (max-width: 800px) {
  .fancybox-controls {
    text-align: left;
  }
  .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) {
    display: none !important;
  }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0;
  }
}
.fancybox-button--fullscreen:before {
  width: 15px;
  height: 11px;
  left: 15px;
  top: 16px;
  border: 2px solid;
  background: none;
}

.fancybox-button--play:before {
  top: 16px;
  left: 18px;
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
  background: transparent;
}

.fancybox-button--pause:before {
  top: 16px;
  left: 18px;
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px;
  background: transparent;
}

.fancybox-button--thumbs span {
  font-size: 23px;
}

.fancybox-button--thumbs:before {
  top: 20px;
  left: 21px;
  width: 3px;
  height: 3px;
  -webkit-box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
          box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
}

.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {
  right: 220px;
}

.fancybox-thumbs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 220px;
  margin: 0;
  padding: 5px 5px 0 0;
  background: #fff;
  z-index: 99993;
  word-break: normal;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.fancybox-thumbs > ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0;
}

.fancybox-thumbs > ul > li {
  float: left;
  overflow: hidden;
  max-width: 50%;
  padding: 0;
  margin: 0;
  width: 105px;
  height: 75px;
  position: relative;
  cursor: pointer;
  outline: none;
  border: 5px solid #fff;
  border-top-width: 0;
  border-right-width: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1);
}

.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-thumbs > ul > li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1;
}

@media (max-width: 800px) {
  .fancybox-thumbs {
    display: none !important;
  }
  .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {
    right: 0;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ThirdParty/ajax-loader.gif") center center no-repeat;
}

/* Icons 
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}*/
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  padding: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 2;
  cursor: pointer;
  color: #fff;
  border: none;
  outline: none;
  background: rgba(0, 0, 0, 0.2);
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: rgba(0, 0, 0, 0.5);
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  color: #fff;
  opacity: 0.75;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-rendering: auto;
}

.slick-prev {
  left: 10px;
}

[dir=rtl] .slick-prev {
  right: 0;
  left: auto;
}

.slick-prev:before {
  content: "\f053";
}

[dir=rtl] .slick-prev:before {
  content: "\f054";
}

.slick-next {
  right: 10px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: 0;
}

.slick-next:before {
  content: "\f054";
}

[dir=rtl] .slick-next:before {
  content: "\f053";
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          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 {
  -webkit-box-sizing: border-box;
          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] {
  -webkit-box-sizing: border-box;
          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 */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/*
    Placeholder usage:

    .className {
        @extend %placeHoldername;
    }
*/
nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
}

nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  font-weight: 400;
}

a.button, .button {
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #cbd5de;
  border-radius: 500px;
  min-width: 200px;
  margin: 1.25em 0 0 0;
  padding: 6px 50px 6px 15px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-align: center;
  line-height: 1.7em;
  background-color: white;
  color: #000;
}
.button:after {
  content: "";
  height: 36px;
  width: 36px;
  background-image: url(/CFImages/Icons/mcmaster-button-arrow.svg);
  background-size: 36px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.button:hover, .hover.button {
  background-color: #eeedee;
  text-decoration: none !important;
}
.button:hover:after, .hover.button:after {
  background-image: url(/CFImages/Icons/hover-button-arrow.svg);
}
.alt.button {
  padding: 11px 18px 10px;
  margin: 2em 0 0 0;
  border: none;
  border-radius: 0;
  background: #7A003C;
  color: #fff;
}
.alt.button:after {
  content: none;
}
.alt.button:hover, .alt.hover.button {
  background: #5E6A71;
}
.no-arrow.button {
  padding-right: 15px;
  background: #7A003C;
  color: #fff;
}
.no-arrow.button:after {
  content: none;
}
.no-arrow.button:hover, .no-arrow.hover.button {
  background: #470023;
}
/* 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;
      -ms-hyphens: auto;
          hyphens: auto;
  white-space: unset;
}

div.bgImgWrapper .bgImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}

/* ----------------------------------------------
 * Copied from animasta.net
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/*
    Placeholder usage:

    .className {
        @extend %placeHoldername;
    }
*/
nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
}

nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  font-weight: 400;
}

a.button, .button {
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #cbd5de;
  border-radius: 500px;
  min-width: 200px;
  margin: 1.25em 0 0 0;
  padding: 6px 50px 6px 15px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-align: center;
  line-height: 1.7em;
  background-color: white;
  color: #000;
}
.button:after {
  content: "";
  height: 36px;
  width: 36px;
  background-image: url(/CFImages/Icons/mcmaster-button-arrow.svg);
  background-size: 36px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.button:hover, .hover.button {
  background-color: #eeedee;
  text-decoration: none !important;
}
.button:hover:after, .hover.button:after {
  background-image: url(/CFImages/Icons/hover-button-arrow.svg);
}
.alt.button {
  padding: 11px 18px 10px;
  margin: 2em 0 0 0;
  border: none;
  border-radius: 0;
  background: #7A003C;
  color: #fff;
}
.alt.button:after {
  content: none;
}
.alt.button:hover, .alt.hover.button {
  background: #5E6A71;
}
.no-arrow.button {
  padding-right: 15px;
  background: #7A003C;
  color: #fff;
}
.no-arrow.button:after {
  content: none;
}
.no-arrow.button:hover, .no-arrow.hover.button {
  background: #470023;
}
/* 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;
      -ms-hyphens: auto;
          hyphens: auto;
  white-space: unset;
}

div.bgImgWrapper .bgImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}

/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/*
    Placeholder usage:

    .className {
        @extend %placeHoldername;
    }
*/
nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
}

nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  font-weight: 400;
}

a.button, .button {
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #cbd5de;
  border-radius: 500px;
  min-width: 200px;
  margin: 1.25em 0 0 0;
  padding: 6px 50px 6px 15px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-align: center;
  line-height: 1.7em;
  background-color: white;
  color: #000;
}
.button:after {
  content: "";
  height: 36px;
  width: 36px;
  background-image: url(/CFImages/Icons/mcmaster-button-arrow.svg);
  background-size: 36px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.button:hover, .hover.button {
  background-color: #eeedee;
  text-decoration: none !important;
}
.button:hover:after, .hover.button:after {
  background-image: url(/CFImages/Icons/hover-button-arrow.svg);
}
.alt.button {
  padding: 11px 18px 10px;
  margin: 2em 0 0 0;
  border: none;
  border-radius: 0;
  background: #7A003C;
  color: #fff;
}
.alt.button:after {
  content: none;
}
.alt.button:hover, .alt.hover.button {
  background: #5E6A71;
}
.no-arrow.button {
  padding-right: 15px;
  background: #7A003C;
  color: #fff;
}
.no-arrow.button:after {
  content: none;
}
.no-arrow.button:hover, .no-arrow.hover.button {
  background: #470023;
}
/* 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;
      -ms-hyphens: auto;
          hyphens: auto;
  white-space: unset;
}

div.bgImgWrapper .bgImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}

/*$base-unit: 12px;*/
.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -1rem 0 -1rem;
}
.grid.grid-nogutter {
  margin: 0;
}
.grid.grid-nogutter > .col {
  padding: 0;
  margin: 0;
}
.grid.grid-nowrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.grid.grid-doublegutter > .col {
  padding: 0 4rem 0 4rem;
}
.featureFirst .grid .col:first-child, .grid.featureFirst .col:first-child {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
          flex-basis: calc(1 / 1 * 100% - 1rem);
}
.grid:not(.col) {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.grid > .col {
  margin: 0 1rem 0 1rem;
}

.grid[data-gutter-width] {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.sfPageEditor .grid[data-gutter-width] > .col {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
  -webkit-flex-shrink: 0 !important;
      -ms-flex-negative: 0 !important;
          flex-shrink: 0 !important;
  -webkit-flex-basis: 0 !important;
      -ms-flex-preferred-size: 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"] {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            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;
    -webkit-flex-basis: initial !important;
        -ms-flex-preferred-size: initial !important;
            flex-basis: initial !important;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  .grid[data-gutter-width][data-media-breakpoint="1024px"] {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            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;
    -webkit-flex-basis: initial !important;
        -ms-flex-preferred-size: initial !important;
            flex-basis: initial !important;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .grid[data-gutter-width][data-media-breakpoint="767px"] {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            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;
    -webkit-flex-basis: initial !important;
        -ms-flex-preferred-size: initial !important;
            flex-basis: initial !important;
  }
}
@media (max-width: 500px) and (max-width: 500px) {
  .grid[data-gutter-width][data-media-breakpoint="500px"] {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            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;
    -webkit-flex-basis: initial !important;
        -ms-flex-preferred-size: initial !important;
            flex-basis: initial !important;
  }
}

.col {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  max-width: 100%;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.col-align-top {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}

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

.col-align-middle {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

.grid-start,
.col-top {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.grid-end,
.col-bottom {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.grid-center,
.col-middle {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.grid-evenly,
.col-evenly {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.grid-around,
.col-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.grid-between,
.col-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.col-align-start,
.grid-align-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

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

.col-align-center,
.grid-align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.col-align-stretch,
.grid-align-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.col-align-baseline,
.grid-align-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.col-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}

.col-last {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.col-fixed {
  -webkit-box-flex: initial;
  -webkit-flex: initial;
      -ms-flex: initial;
          flex: initial;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

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

.col-grow-2 {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

.col-grow-3 {
  -webkit-box-flex: 3;
  -webkit-flex-grow: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.col-grow-4 {
  -webkit-box-flex: 4;
  -webkit-flex-grow: 4;
      -ms-flex-positive: 4;
          flex-grow: 4;
}

.col-grow-5 {
  -webkit-box-flex: 5;
  -webkit-flex-grow: 5;
      -ms-flex-positive: 5;
          flex-grow: 5;
}

.col-grow-6 {
  -webkit-box-flex: 6;
  -webkit-flex-grow: 6;
      -ms-flex-positive: 6;
          flex-grow: 6;
}

.col-grow-7 {
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
      -ms-flex-positive: 7;
          flex-grow: 7;
}

.col-grow-8 {
  -webkit-box-flex: 8;
  -webkit-flex-grow: 8;
      -ms-flex-positive: 8;
          flex-grow: 8;
}

.col-grow-9 {
  -webkit-box-flex: 9;
  -webkit-flex-grow: 9;
      -ms-flex-positive: 9;
          flex-grow: 9;
}

.col-grow-10 {
  -webkit-box-flex: 10;
  -webkit-flex-grow: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
}

.col-grow-11 {
  -webkit-box-flex: 11;
  -webkit-flex-grow: 11;
      -ms-flex-positive: 11;
          flex-grow: 11;
}

.col-1 {
  -webkit-flex-basis: 8.3333333333%;
      -ms-flex-preferred-size: 8.3333333333%;
          flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  -webkit-flex-basis: 16.6666666667%;
      -ms-flex-preferred-size: 16.6666666667%;
          flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-flex-basis: 33.3333333333%;
      -ms-flex-preferred-size: 33.3333333333%;
          flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  -webkit-flex-basis: 41.6666666667%;
      -ms-flex-preferred-size: 41.6666666667%;
          flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-flex-basis: 58.3333333333%;
      -ms-flex-preferred-size: 58.3333333333%;
          flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  -webkit-flex-basis: 66.6666666667%;
      -ms-flex-preferred-size: 66.6666666667%;
          flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  -webkit-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-flex-basis: 83.3333333333%;
      -ms-flex-preferred-size: 83.3333333333%;
          flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  -webkit-flex-basis: 91.6666666667%;
      -ms-flex-preferred-size: 91.6666666667%;
          flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
}

@media only screen and (max-width: 1299px) {
  .innerContainer {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  /*    .grid {
          &:not([data-gutter-width]):not(.grid-nowrap) { // only apply to NON-resizable grids
              .col {
                  flex: 100%;
                  max-width: 100%;
              }
          }
      }*/
  .grid-reverse-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .grid-reverse-rows {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.col.col-center-y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*// innerContainer (container to center content)
.innerContainer {
    margin: 0 auto;
    max-width: 100%;
    // this trick gives us really nice padding at all screen sizes (rather than allowing the content to touch the sides at some screen sizes)
    width: calc(1350px + 4rem);
    padding-left: 2rem;
    padding-right: 2rem;

    @media (max-width: $S_Max) {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

// fullWidthContainer spans the full width of the parent, but adds wide horizontal margins on large screens (and matches innerContainer padding at smaller sizes)
.fullWidthContainer {
    padding-left: 5rem;
    padding-right: 5rem;

    @media (max-width: 1500px) {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    @media (max-width: $S_Max) {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.innerContainer,
.fullWidthContainer {
    // remove extra nested padding
    .innerContainer {
        width: $XL_Min;
        margin: 0 auto;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
*/
.gridTestingPage .bd .grid {
  padding: 2px 0;
  /*border: 2px solid purple;*/
  background-color: rgba(218, 112, 214, 0.5);
}
.gridTestingPage .bd .grid .col {
  /*border: 2px dashed grey;*/
  min-height: 200px;
  background-color: rgba(127, 255, 212, 0.5);
}

/*@import '_typography.scss';*/
::-moz-selection {
  /*color: white;*/
  color: black;
  background: #FEE156; /* WebKit/Blink Browsers */
}
::selection {
  /*color: white;*/
  color: black;
  background: #FEE156; /* WebKit/Blink Browsers */
}

::-moz-selection {
  /*color: white;*/
  color: black;
  background: #FEE156; /* WebKit/Blink Browsers */
}

:root {
  --active-nav-color: #007096;
  --hilitor-color: #FEE156;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*#region TYPOGRAPHY SECTION*/
html {
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
}
html {
  font-size: 16px;
}
@media screen and (min-width: 1025px) {
  html {
    font-size: -webkit-calc(16px + 0 * (100vw - 1025px) / 325);
    font-size: calc(16px + 0 * (100vw - 1025px) / 325);
  }
}
@media screen and (min-width: 1350px) {
  html {
    font-size: 16px;
  }
}

html, form {
  height: 100%;
}

body {
  background-color: #ffffff;
  color: #222;
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  background-image: url(/CFImages/bg.gif);
  background-attachment: fixed;
  margin-top: 0 !important;
}
body.overflowScroll main .bd {
  overflow: scroll;
}
body.rise {
  --active-nav-color: #0F77CC;
}
body.covidend {
  --active-nav-color: #404a50;
}
body.gcesc {
  --active-nav-color: black;
}

span.seperator {
  padding: 0 7px;
  color: #3c3c3c;
}
@media (max-width: 1299px) {
  span.seperator.breakPoint {
    display: block;
    height: 0;
    width: 0;
    padding: 0;
    color: transparent;
  }
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #007096;
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
  line-height: 1.25em;
  margin: 0 0 1em 0;
  padding: 0;
}
h1.centered, h2.centered, h3.centered, h4.centered, h5.centered, h6.centered {
  text-align: center;
}

h1 {
  font-size: 2em;
  color: #007096;
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 1.5em;
  margin: 1.5em 0 1em 0;
  padding: 0;
}

h3 {
  font-size: 1.25em;
  margin: 1.5em 0 1em 0;
  padding: 0;
}

h4 {
  font-size: 1.25em;
  font-weight: 700;
}

h5 {
  font-size: 1.1em;
  font-weight: 700;
}

p {
  margin: 1.25em 0 0.6em 0;
  padding: 0;
  font-size: 1em;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4em;
}

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

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 {
  font-size: 1.5em;
  padding: 0.5em 0;
  margin: 0;
}

a {
  color: #7A003C;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

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

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

hr {
  border: 0;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(94, 106, 113, 0)), color-stop(30%, rgba(94, 106, 113, 0.85)), color-stop(50%, #5e6a71), color-stop(70%, rgba(94, 106, 113, 0.85)), to(rgba(94, 106, 113, 0)));
  background: linear-gradient(90deg, rgba(94, 106, 113, 0) 0%, rgba(94, 106, 113, 0.85) 30%, #5e6a71 50%, rgba(94, 106, 113, 0.85) 70%, rgba(94, 106, 113, 0) 100%);
  margin: 2em 0;
}

button {
  cursor: pointer;
}

.subtle {
  color: #00a9e3;
  font-size: 80%;
}

/*#endregion TYPOGRAPHY SECTION*/
/*Sticky Footer Items */
body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

#wrapper {
  height: auto !important;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.k-ie11 #wrapper {
  -webkit-box-flex: inherit;
  -webkit-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}

/*#region LAYOUT SECTION*/
.innerContainer, .container {
  margin: 0 auto;
  max-width: 100%;
  width: 1350px;
  padding-left: 2rem;
  padding-right: 2rem;
}
.innerContainer .innerContainer, .container .innerContainer {
  margin: 0 auto;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.fullWidthContainer {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (max-width: 767px) {
  .fullWidthContainer {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* If inside innerContainer (push to the outer container) */
.innerContainer .forceFullWidth {
  margin-left: -webkit-calc((100vw - 1350px) / -2 + 1rem);
  margin-left: calc((100vw - 1350px) / -2 + 1rem);
  margin-right: -webkit-calc((100vw - 1350px) / -2 + 1rem);
  margin-right: calc((100vw - 1350px) / -2 + 1rem);
}
.innerContainer .forceToEdge {
  margin-left: -webkit-calc((100vw - 1350px + 1rem * 2) / -2);
  margin-left: calc((100vw - 1350px + 1rem * 2) / -2);
  margin-right: -webkit-calc((100vw - 1350px + 1rem * 2) / -2);
  margin-right: calc((100vw - 1350px + 1rem * 2) / -2);
}

/* If inside fullWidthContainer (push to the edge) */
.fullWidthContainer .forceToEdge {
  margin-left: -2rem;
  margin-right: -2rem;
}

.contentPadding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.grid.twoColumn {
  padding-bottom: 70px;
}
.grid.twoColumn .left {
  padding-right: 100px;
}
.grid.twoColumn .right {
  max-width: 31%;
  min-width: 380px;
}
.grid.twoColumn .right h2, .grid.twoColumn .right h3, .grid.twoColumn .right h4 {
  margin-top: 0;
}
@media only screen and (max-width: 1024px) {
  .grid.twoColumn .left {
    padding-right: 0;
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
  }
  .grid.twoColumn .right {
    margin-top: 50px;
    min-width: 0;
    max-width: 100%;
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
  }
}

.accordianGroup {
  margin-top: 35px;
  /* Nested Accordions*/
}
.accordianGroup .accordianItem .itemHeader {
  margin: 0 0 20px;
  background-color: #7A003C;
  color: #fff;
  padding: 15px 50px 15px 20px;
  font-size: 21px;
  border-radius: 5px;
  position: relative;
}
.accordianGroup .accordianItem .itemHeader h2, .accordianGroup .accordianItem .itemHeader h3, .accordianGroup .accordianItem .itemHeader h4, .accordianGroup .accordianItem .itemHeader h5, .accordianGroup .accordianItem .itemHeader p {
  color: #fff;
}
.accordianGroup .accordianItem .itemHeader h2, .accordianGroup .accordianItem .itemHeader h3, .accordianGroup .accordianItem .itemHeader h4, .accordianGroup .accordianItem .itemHeader h5, .accordianGroup .accordianItem .itemHeader p {
  font-size: 1.25em;
  margin: 0;
  padding: 0;
  line-height: 1.25em;
}
.accordianGroup .accordianItem .itemHeader:hover {
  cursor: pointer;
}
.accordianGroup .accordianItem .itemHeader:after {
  content: "+";
  color: #fff;
  font-size: 30px;
  position: absolute;
  z-index: 1;
  top: 15px;
  right: 24px;
}
.accordianGroup .accordianItem .itemContent {
  display: none;
  opacity: 0;
  height: 0;
  margin-bottom: 40px;
}
.accordianGroup .accordianItem.open > .itemHeader:after {
  content: "–";
  top: 16px;
  right: 22px;
}
.accordianGroup .accordianItem.open .itemContent {
  opacity: 1;
  height: auto;
}
.accordianGroup .accordianItem.withIcon .itemHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordianGroup .accordianItem.withIcon .itemHeader .icon {
  width: 70px;
  margin-right: 1rem;
}
.accordianGroup .accordianItem.withIcon .itemHeader .icon img {
  max-width: 100%;
  height: auto;
}
.accordianGroup .accordianItem article .itemContent {
  display: block !important;
}
.accordianGroup .accordianGroup {
  padding-left: 10%;
}
.accordianGroup .accordianGroup .itemHeader {
  margin: 0 0 20px;
  background-color: #5E6A71 !important;
}

/*#endregion LAYOUT SECTION*/
.columnMarginRight {
  margin-right: 2.5em !important;
}

.columnMarginLeft {
  margin-left: 2.5em !important;
}

/* End Sticky Footer Items */
/*#region GLOBAL ALERTS (appears above header) SECTION */
.globalalerts {
  position: relative;
}
.globalalerts .globalalert {
  background-color: #5E6A71;
  padding: 0.5em 0 0.3em 0;
  color: #fff;
  font-size: 1em;
}
.globalalerts .globalalert.informative {
  background-color: #7A003C;
}
.globalalerts .globalalert.exclamation {
  background-color: #007096;
}
.globalalerts .globalalert.question {
  background-color: green;
}
.globalalerts .globalalert aside {
  position: relative;
}
.globalalerts .globalalert aside a.alertLabelLink {
  color: #fff;
  text-decoration: none;
  display: block;
  margin-bottom: 0.5em;
}
.globalalerts .globalalert aside a.alertLabelLink:hover {
  text-decoration: underline;
}
.globalalerts .globalalert aside .additionalContent {
  color: #fff;
  font-size: 0.8em;
}
.globalalerts .globalalert aside .additionalContent h1, .globalalerts .globalalert aside .additionalContent h2, .globalalerts .globalalert aside .additionalContent h3, .globalalerts .globalalert aside .additionalContent h4, .globalalerts .globalalert aside .additionalContent h5, .globalalerts .globalalert aside .additionalContent p, .globalalerts .globalalert aside .additionalContent p a {
  color: #fff;
}
.globalalerts .globalalert aside .additionalContent a {
  color: #fff;
  text-decoration: underline;
}
.globalalerts .globalalert aside .additionalContent a:hover {
  text-decoration: none;
}
.globalalerts .globalalert aside:before {
  color: #fff;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.2em;
  font-weight: 400;
  padding-right: 1.5em;
  position: absolute;
  left: -1.5em;
  top: 2px;
}
.globalalerts .globalalert aside.informative:before {
  content: "\f05a";
}
.globalalerts .globalalert aside.exclamation:before {
  content: "\f06a";
}
.globalalerts .globalalert aside.question:before {
  content: "\f059";
}
.globalalerts .globalalert.slide {
  min-height: 50px;
}
.globalalerts .globalalert.slide .innerContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

/*#endregion GLOBAL ALERTS SECTION */
header {
  top: 0;
  left: 0;
  width: 100%;
}
header .header {
  padding: 1rem 0.5rem 0.5rem 0.5rem;
  z-index: 100;
  color: #fff;
  border-bottom: 5px solid #5E6A71;
}
header .header .networkAndSearch {
  padding-top: 1em;
}
header .header .networkAndSearch .grid {
  -webkit-flex-wrap: wrap !important;
      -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}
header .header .networkAndSearch .search {
  /*                button {
      display: none;
  }*/
}
header .header .networkAndSearch .search input[type=text] {
  width: 100%;
  padding: 2px 10px;
  color: #7A003C;
  cursor: pointer;
  border: 1px solid #007096;
  margin-top: 4px;
  height: 2.3rem;
  background-color: #fff;
}
header .header .networkAndSearch .networks {
  margin-bottom: 1em;
  z-index: 10;
}
header .header .networkAndSearch .networks #NetworksDropdown {
  width: 100%;
  color: #7A003C;
  cursor: pointer;
  border: 1px solid #007096;
  margin-top: 0;
  height: 2.3rem;
}
header .header .networkAndSearch .networks #NetworksDropdown #NetworksDropdownButton {
  margin: 0;
  padding: 0 2em 0 1em;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  text-align: left;
  text-transform: none;
  color: #7A003C;
  font-size: 14px;
}
header .header .networkAndSearch .networks #NetworksDropdown #NetworksDropdownButton:after {
  content: "";
  height: 25px;
  width: 16px;
  background-image: url(/CFImages/Icons/arrow-down.svg);
  background-size: 16px;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  background-repeat: no-repeat;
}
header .header .networkAndSearch .networks #NetworksDropdown #NetworksDropdownButton:focus {
  outline: none;
  outline: 2px solid #007096;
}
header .header .networkAndSearch .networks #NetworksDropdown #NetworksNav {
  display: none;
  background-color: #fff;
  border: 1px solid #007096;
}
header .header .networkAndSearch .networks #NetworksDropdown #NetworksNav ul.grid.networksGrid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
}
header .header .networkAndSearch .networks #NetworksDropdown #NetworksNav ul.grid.networksGrid li.col {
  padding: 0.25em 0 0.4em 0;
  margin: 0;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}
header .header .networkAndSearch .networks #NetworksDropdown #NetworksNav ul.grid.networksGrid li.col a {
  margin: 1em 0;
}
header .header .networkAndSearch .networks #NetworksDropdown #NetworksNav ul.grid.networksGrid li.col a img {
  max-width: 150px;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
header .header .networkAndSearch .networks #NetworksDropdown #NetworksNav ul.grid.networksGrid li.col:nth-child(even) {
  background-color: #eeedee;
}
header .header .networkAndSearch .translate {
  margin-bottom: 1em;
  position: relative;
}
header .header .networkAndSearch .translate select {
  margin-top: 0 !important;
}
header .header .networkAndSearch .translate #google_translate_element {
  position: relative;
}
header .header .networkAndSearch .translate #google_translate_element div {
  color: inherit;
}
header .header .networkAndSearch .translate #google_translate_element select {
  color: #7A003C;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, sans-serif;
  background: transparent url(/CFImages/Icons/arrow-down.svg);
  background-size: 16px;
  background-position: -webkit-calc(100% - 0.5rem) 0.5rem;
  background-position: calc(100% - 0.5rem) 0.5rem;
  background-repeat: no-repeat;
  text-transform: none;
}
header .header .networkAndSearch .translate #google_translate_element span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
header .header .networkAndSearch .translate #google_translate_element span img {
  float: left;
}
header .header .networkAndSearch .translate #LanguagesDropdown {
  width: 100%;
  color: #7A003C;
  cursor: pointer;
  border: 1px solid #007096;
  margin-top: 4px;
  height: 2.3rem;
}
header .header .networkAndSearch .translate #LanguagesDropdown #LanguagesDropdownButton {
  margin: 0;
  padding: 0 2em 0 1em;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  text-align: left;
  text-transform: none;
  color: #7A003C;
  font-size: 14px;
}
header .header .networkAndSearch .translate #LanguagesDropdown #LanguagesDropdownButton:after {
  content: "";
  height: 25px;
  width: 16px;
  background-image: url(/CFImages/Icons/arrow-down.svg);
  background-size: 16px;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  background-repeat: no-repeat;
}
header .header .networkAndSearch .translate #LanguagesDropdown #LanguagesDropdownButton:focus {
  outline: none;
  outline: 2px solid #007096;
}
header .header .networkAndSearch .translate #LanguagesDropdown #NetworksNav {
  display: none;
  background-color: #fff;
  border: 1px solid #007096;
}
header .header .networkAndSearch .translate #LanguagesDropdown #NetworksNav ul.grid.networksGrid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
}
header .header .networkAndSearch .translate #LanguagesDropdown #NetworksNav ul.grid.networksGrid li.col {
  padding: 0.25em 0 0.4em 0;
  margin: 0;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}
header .header .networkAndSearch .translate #LanguagesDropdown #NetworksNav ul.grid.networksGrid li.col a {
  margin: 1em 0;
}
header .header .networkAndSearch .translate #LanguagesDropdown #NetworksNav ul.grid.networksGrid li.col a img {
  max-width: 150px;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
header .header .networkAndSearch .translate #LanguagesDropdown #NetworksNav ul.grid.networksGrid li.col:nth-child(even) {
  background-color: #eeedee;
}
header .header .networkAndSearch .translate #LanguagesNav {
  display: none;
  background-color: #fff;
  border: 1px solid #007096;
  position: relative;
  z-index: 10;
}
header .header .networkAndSearch .translate #LanguagesNav ul.grid.languagesGrid {
  margin: 0;
  padding: 0;
}
header .header .networkAndSearch .translate #LanguagesNav ul.grid.languagesGrid li {
  padding: 0.5em 0 0.5em 0.5em;
  margin: 0;
  width: 100%;
  text-align: left;
  color: #7A003C;
  background-color: #fff;
}
header .header .networkAndSearch .translate #LanguagesNav ul.grid.languagesGrid li a {
  color: #7A003C;
  font-size: 14px;
  text-decoration: none;
}
header .topper .slider.topperSlider {
  opacity: 0;
}
header .topper .slider.topperSlider.slick-initialized {
  opacity: 1;
}
header .topper .slider.topperSlider.insidePages .slide {
  height: 250px;
  position: relative;
  background-size: cover;
  background-position: right center;
}
header .topper .slider.topperSlider.insidePages .slide .mobileImage {
  display: none;
}
header .topper .slider.topperSlider.insidePages .slide .contentWrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  z-index: 4;
  padding: 0 0 0 300px;
  background-color: rgba(0, 0, 0, 0.2);
}
header .topper .slider.topperSlider.insidePages .slide .contentWrapper .innerContent {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0%;
  text-align: left;
}
header .topper .slider.topperSlider.insidePages .slide .contentWrapper .innerContent > * {
  color: white;
  display: block;
}
header .topper .slider.topperSlider.insidePages .slide .contentWrapper .innerContent .title {
  padding: 30px 0 20px;
  width: 65%;
  line-height: 1.4em;
  font-weight: normal;
  font-family: Arial, sans-serif;
  font-size: 70px;
  line-height: 1.1em;
  color: white;
}
header .topper .slider.topperSlider.insidePages .slide .contentWrapper .innerContent .subtitle {
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  color: white;
  font-size: 25px;
}
header .topper .slider.topperSlider.insidePages .slide .contentWrapper .innerContent .button {
  display: table;
  margin: 25px auto 0;
}
header .topper .slider.topperSlider.insidePages .slide img {
  width: 100%;
  position: absolute;
  z-index: 1;
  display: block;
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
header .topper .slider.topperSlider.insidePages .slide.imageOnlySlide {
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 50px 10px;
}
@media only screen and (max-width: 1750px) {
  header .topper .slider.topperSlider.insidePages .slide .contentWrapper {
    padding-left: 250px;
  }
  header .topper .slider.topperSlider.insidePages .slide .contentWrapper .innerContent .title {
    font-size: 70px;
  }
  header .topper .slider.topperSlider.insidePages .slide .contentWrapper .innerContent .subtitle {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1500px) {
  header .topper .slider.topperSlider.insidePages .slide .contentWrapper {
    padding-left: 200px;
  }
  header .topper .slider.topperSlider.insidePages .slide .contentWrapper .innerContent .title {
    font-size: 60px;
  }
  header .topper .slider.topperSlider.insidePages .slide .contentWrapper .innerContent .subtitle {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1350px) {
  header .topper .slider.topperSlider.insidePages .slide .contentWrapper {
    padding-left: 100px;
  }
  header .topper .slider.topperSlider.insidePages .slide .contentWrapper .innerContent {
    top: 5%;
  }
  header .topper .slider.topperSlider.insidePages .slide .contentWrapper .innerContent .title {
    font-size: 55px;
  }
  header .topper .slider.topperSlider.insidePages .slide .contentWrapper .innerContent .subtitle {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1024px) {
  header .topper .slider.topperSlider.insidePages .slide {
    background-image: none !important;
  }
  header .topper .slider.topperSlider.insidePages .slide .mobileImage {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    top: 0px;
    z-index: 1;
  }
  header .topper .slider.topperSlider.insidePages .slide .contentWrapper {
    padding: 0 20px;
    height: 100%;
  }
  header .topper .slider.topperSlider.insidePages .slide .contentWrapper .innerContent {
    top: 0;
    padding-top: 20px;
    text-align: left;
  }
  header .topper .slider.topperSlider.insidePages .slide .contentWrapper .innerContent .title {
    padding: 0;
    font-size: 30px;
    width: 100%;
  }
  header .topper .slider.topperSlider.insidePages .slide .contentWrapper .innerContent .subtitle {
    font-size: 15px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  header .topper .slider.topperSlider.insidePages .slide .contentWrapper .innerContent {
    text-align: center;
  }
  header .topper .slider.topperSlider.insidePages .slide .mobileImage {
    height: 115px;
    overflow: hidden;
    background-position: top right;
    top: initial;
    left: -30%;
    bottom: 0px;
  }
}
header .topper .slider.topperSlider .slick-prev, header .topper .slider.topperSlider .slick-next {
  display: none !important;
}
header .navigation {
  min-height: 50px;
  margin-bottom: 30px;
}

.circular {
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.circular img {
  position: absolute;
  width: 100%;
  z-index: 1;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li,
ol li {
  list-style: none;
}

.noMargins .sf-Long-text ul:not(.reset), .noMargins .sf-Long-text ol:not(.reset), .noMargins sfContentBlock ul:not(.reset), .noMargins sfContentBlock ol:not(.reset) {
  margin: 0.5rem 0;
}
.noMargins .sf-Long-text ul:not(.reset) li, .noMargins .sf-Long-text ol:not(.reset) li, .noMargins sfContentBlock ul:not(.reset) li, .noMargins sfContentBlock ol:not(.reset) li {
  margin: 0 0 5px 0;
}

.sf-Long-text, .sfContentBlock,
.cmsContent {
  color: #222;
  font-size: 1em;
  line-height: 1.4em;
  /* Links */
  /* Unordered Lists */
  /* Ordered Lists */
  /* Special lists:   Alpha & Roman Numerals */
}
.sf-Long-text img, .sfContentBlock img,
.cmsContent img {
  max-width: 100%;
  display: initial;
}
.sf-Long-text a:not(.button), .sfContentBlock a:not(.button),
.cmsContent a:not(.button) {
  color: #7A003C;
}
.sf-Long-text a:not(.button):hover, .sfContentBlock a:not(.button):hover,
.cmsContent a:not(.button):hover {
  color: #007096;
}
.sf-Long-text ul:not(.reset), .sfContentBlock ul:not(.reset),
.cmsContent ul:not(.reset) {
  list-style-type: none;
  margin: 1em 0;
}
.sf-Long-text ul:not(.reset) > li, .sfContentBlock ul:not(.reset) > li,
.cmsContent ul:not(.reset) > li {
  list-style-type: disc;
  margin: 5px 0 5px 15px;
  position: relative;
  font-size: 1em;
}
.sf-Long-text ul:not(.reset) > li ul:not(.reset), .sfContentBlock ul:not(.reset) > li ul:not(.reset),
.cmsContent ul:not(.reset) > li ul:not(.reset) {
  margin: 0;
  margin-top: 0.5em;
  padding-left: 1.5rem;
}
.sf-Long-text ul:not(.reset) > li ul:not(.reset) > li, .sfContentBlock ul:not(.reset) > li ul:not(.reset) > li,
.cmsContent ul:not(.reset) > li ul:not(.reset) > li {
  list-style-type: circle;
}
.sf-Long-text ul:not(.reset) > li ol, .sfContentBlock ul:not(.reset) > li ol,
.cmsContent ul:not(.reset) > li ol {
  margin: 0;
  margin-top: 0.5em;
}
.sf-Long-text ol:not(.reset), .sfContentBlock ol:not(.reset),
.cmsContent ol:not(.reset) {
  margin: 1em 0;
  counter-reset: customListCounter 0;
  list-style-position: outside;
}
.sf-Long-text ol:not(.reset) > li, .sfContentBlock ol:not(.reset) > li,
.cmsContent ol:not(.reset) > li {
  list-style-type: none;
  list-style-position: inside;
  margin: 0;
  position: relative;
  padding: 0.2em 0;
  padding-left: 1.75em;
  counter-increment: customListCounter;
}
.sf-Long-text ol:not(.reset) > li:before, .sfContentBlock ol:not(.reset) > li:before,
.cmsContent ol:not(.reset) > li:before {
  top: 0.2em;
  left: 0.4em;
  content: counter(customListCounter) ".";
  color: #222;
  position: absolute;
  font-weight: 400;
}
.sf-Long-text ol:not(.reset) > li ol, .sfContentBlock ol:not(.reset) > li ol,
.cmsContent ol:not(.reset) > li ol {
  margin: 0;
  margin-top: 0.5em;
}
.sf-Long-text ol:not(.reset) > li ol > li, .sfContentBlock ol:not(.reset) > li ol > li,
.cmsContent ol:not(.reset) > li ol > li {
  background: none;
  margin: 0;
}
.sf-Long-text ol:not(.reset) > li ol > li:before, .sfContentBlock ol:not(.reset) > li ol > li:before,
.cmsContent ol:not(.reset) > li ol > li:before {
  color: #222;
}
.sf-Long-text ol:not(.reset) > li ul, .sfContentBlock ol:not(.reset) > li ul,
.cmsContent ol:not(.reset) > li ul {
  margin: 0;
  margin-top: 0.5em;
}
.sf-Long-text ol:not(.reset) > li ul > li, .sfContentBlock ol:not(.reset) > li ul > li,
.cmsContent ol:not(.reset) > li ul > li {
  list-style-type: circle;
}
.sf-Long-text ul:not(.reset).withArrows,
.sf-Long-text ol:not(.reset).withArrows, .sfContentBlock ul:not(.reset).withArrows,
.sfContentBlock ol:not(.reset).withArrows,
.cmsContent ul:not(.reset).withArrows,
.cmsContent ol:not(.reset).withArrows {
  margin-left: 12px;
}
.sf-Long-text ul:not(.reset).withArrows > li,
.sf-Long-text ol:not(.reset).withArrows > li, .sfContentBlock ul:not(.reset).withArrows > li,
.sfContentBlock ol:not(.reset).withArrows > li,
.cmsContent ul:not(.reset).withArrows > li,
.cmsContent ol:not(.reset).withArrows > li {
  padding-left: 15px;
  line-height: 1.35em;
  margin: 5px 0;
  list-style-type: none;
}
.sf-Long-text ul:not(.reset).withArrows > li:before,
.sf-Long-text ol:not(.reset).withArrows > li:before, .sfContentBlock ul:not(.reset).withArrows > li:before,
.sfContentBlock ol:not(.reset).withArrows > li:before,
.cmsContent ul:not(.reset).withArrows > li:before,
.cmsContent ol:not(.reset).withArrows > li:before {
  content: "»";
  position: absolute;
  left: 0px;
}
.sf-Long-text ul:not(.reset).withArrows > li ol li,
.sf-Long-text ol:not(.reset).withArrows > li ol li, .sfContentBlock ul:not(.reset).withArrows > li ol li,
.sfContentBlock ol:not(.reset).withArrows > li ol li,
.cmsContent ul:not(.reset).withArrows > li ol li,
.cmsContent ol:not(.reset).withArrows > li ol li {
  list-style-type: decimal;
}
.sf-Long-text ul:not(.reset).roman > li,
.sf-Long-text ol:not(.reset).roman > li, .sfContentBlock ul:not(.reset).roman > li,
.sfContentBlock ol:not(.reset).roman > li,
.cmsContent ul:not(.reset).roman > li,
.cmsContent ol:not(.reset).roman > li {
  padding-left: 2em;
}
.sf-Long-text ul:not(.reset).roman > li:before,
.sf-Long-text ol:not(.reset).roman > li:before, .sfContentBlock ul:not(.reset).roman > li:before,
.sfContentBlock ol:not(.reset).roman > li:before,
.cmsContent ul:not(.reset).roman > li:before,
.cmsContent ol:not(.reset).roman > li:before {
  content: counter(customListCounter, lower-roman) ".";
}
.sf-Long-text ul:not(.reset).alpha > li:before, .sf-Long-text ul:not(.reset).lettered > li:before,
.sf-Long-text ol:not(.reset).alpha > li:before,
.sf-Long-text ol:not(.reset).lettered > li:before, .sfContentBlock ul:not(.reset).alpha > li:before, .sfContentBlock ul:not(.reset).lettered > li:before,
.sfContentBlock ol:not(.reset).alpha > li:before,
.sfContentBlock ol:not(.reset).lettered > li:before,
.cmsContent ul:not(.reset).alpha > li:before,
.cmsContent ul:not(.reset).lettered > li:before,
.cmsContent ol:not(.reset).alpha > li:before,
.cmsContent ol:not(.reset).lettered > li:before {
  content: counter(customListCounter, lower-alpha) ".";
}
.sf-Long-text ul:not(.reset).upper > li:before, .sf-Long-text ul:not(.reset).uppercase > li:before,
.sf-Long-text ol:not(.reset).upper > li:before,
.sf-Long-text ol:not(.reset).uppercase > li:before, .sfContentBlock ul:not(.reset).upper > li:before, .sfContentBlock ul:not(.reset).uppercase > li:before,
.sfContentBlock ol:not(.reset).upper > li:before,
.sfContentBlock ol:not(.reset).uppercase > li:before,
.cmsContent ul:not(.reset).upper > li:before,
.cmsContent ul:not(.reset).uppercase > li:before,
.cmsContent ol:not(.reset).upper > li:before,
.cmsContent ol:not(.reset).uppercase > li:before {
  text-transform: uppercase;
}
.sf-Long-text ol.rtl, .sfContentBlock ol.rtl,
.cmsContent ol.rtl {
  margin: 1em 0;
  counter-reset: customListCounter 0;
  list-style-position: outside;
}
.sf-Long-text ol.rtl > li, .sfContentBlock ol.rtl > li,
.cmsContent ol.rtl > li {
  list-style-type: decimal !important;
  margin: 0;
  position: relative;
  padding: 0.2em 0 0.2em 0;
}
.sf-Long-text ol.rtl > li:before, .sfContentBlock ol.rtl > li:before,
.cmsContent ol.rtl > li:before {
  content: none !important;
}
.sf-Long-text ol.rtl.arabic > li, .sfContentBlock ol.rtl.arabic > li,
.cmsContent ol.rtl.arabic > li {
  list-style-type: arabic-indic !important;
}
.sf-Long-text mark, .sfContentBlock mark,
.cmsContent mark {
  background-color: #FEE156;
}

main {
  margin: 0 auto;
  /*padding-top: $totalHeaderHeight;*/
}
main .bd {
  padding-bottom: 1.5em;
  min-height: 600px;
  /* ############ TABLES ############# */
}
main .bd ul {
  margin-bottom: 15px;
}
main .bd .breadCrumb {
  margin-bottom: 15px;
}
main .bd .breadCrumb .breadCrumbInner {
  padding: 5px 0;
  font-size: 12px;
}
main .bd .breadCrumb .breadCrumbInner span.separator {
  margin: 0 6px;
}
main .bd #mainContent .sfContentBlock img {
  max-width: 100%;
}
main .bd .expandableTable {
  width: 100%;
}
main .bd .expandableTable.expanded {
  width: 1500px;
}
main .bd .expandableTable tr.theading td {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #5E6A71;
}
main .bd .expandableTable tr.theading + tr.theading td {
  top: 57px;
}
main .bd table {
  margin: 25px 0 25px;
  border-collapse: collapse;
  border-spacing: 0;
}
main .bd table tr td {
  border: 1px solid #cbd5de;
  padding: 5px 12px 5px 12px;
}
main .bd table .theading {
  background-color: #5E6A71;
  color: #fff;
}
main .bd table .theading td {
  padding: 1em 12px;
}
main .bd table .theading2 {
  background-color: #cbd5de;
}
main .bd table .theading2 td {
  padding: 0.75em 12px;
}

footer {
  position: relative;
}
footer .preFooter .subscribeBar {
  text-align: center;
  border-top: 1px solid #cbd5de;
  padding: 1.5rem 1.5rem;
}
footer .preFooter .subscribeBar p {
  color: #536069;
}
footer .preFooter .subscribeBar .button {
  width: 220px;
  padding-bottom: 6px;
}
footer .mainFooter {
  background-color: #5E6A71;
  padding: 1rem 0;
}
footer .mainFooter .logos .sfContentBlock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .mainFooter .logos .sfContentBlock a {
  padding: 1rem 2rem;
}
footer .mainFooter .logos .sfContentBlock a img {
  max-width: 300px;
}
footer .termsFooter {
  padding: 1.5rem 0;
}
footer .termsFooter .sf-Long-text {
  font-size: 14px;
}
footer .termsFooter .sf-Long-text p, footer .termsFooter .sf-Long-text a, footer .termsFooter .sf-Long-text ul li, footer .termsFooter .sf-Long-text div, footer .termsFooter .sf-Long-text span {
  font-size: 14px;
}
footer .termsFooter p {
  margin: 0.5em 0 0 0;
}
footer .termsFooter .terms {
  text-align: right;
}
footer .termsFooter .social ul.socialLinks a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #7A003C;
  border-radius: 50%;
  color: #fff;
  height: 2rem;
  width: 2rem;
}
footer .termsFooter .social ul.socialLinks a:hover, footer .termsFooter .social ul.socialLinks a:focus, footer .termsFooter .social ul.socialLinks a:active {
  background-color: #5E6A71;
}
@media (max-width: 767px) {
  footer .termsFooter .terms, footer .termsFooter .social {
    padding-top: 0.5rem;
    text-align: left;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}
footer .cubicle {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 10px;
}

/*#region SOCIAL LINKS AND ICONS*/
ul.socialLinks, .sf-Long-text ul.socialLinks {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
  font-size: 1.2em;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
ul.socialLinks > li, .sf-Long-text ul.socialLinks > li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
}
ul.socialLinks li, .sf-Long-text ul.socialLinks li {
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
ul.socialLinks li a, .sf-Long-text ul.socialLinks li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #7A003C;
  border-radius: 50%;
  color: #fff;
  height: 1.75em;
  width: 1.75em;
  font-size: 1em;
}
ul.socialLinks li a:hover, ul.socialLinks li a:focus, ul.socialLinks li a:active, .sf-Long-text ul.socialLinks li a:hover, .sf-Long-text ul.socialLinks li a:focus, .sf-Long-text ul.socialLinks li a:active {
  background-color: #5E6A71;
  color: #fff;
}

.sharingLinksWrapper {
  margin-top: 1em;
}

ul.sharingLinks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.125rem;
}
ul.sharingLinks > li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.125rem;
  vertical-align: top;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
}
ul.sharingLinks li.sharingLink {
  background-color: #5E6A71;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 5px 0 0;
}
ul.sharingLinks li.sharingLink:hover, ul.sharingLinks li.sharingLink:focus ul.sharingLinks li.sharingLink:active {
  background-color: #7A003C;
}
ul.sharingLinks li.sharingLink button {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  cursor: pointer;
  border: none;
  padding: 0;
  background-color: transparent;
  background-image: none;
  color: #fff;
  font-size: 1em;
  line-height: 1em;
}
ul.sharingLinks li.sharingLink button:before, ul.sharingLinks li.sharingLink button:after {
  content: none;
}

div.socialAndSharing {
  padding: 2em 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
div.socialAndSharing > ul {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
}
div.socialAndSharing ul.socialLinks {
  font-size: 1.8rem;
}
div.socialAndSharing ul.sharingLinks {
  font-size: 1.8rem;
}

/*#endregion SocialLinks SECTION*/
/* Sitefinity Form styling*/
[data-sf-role=form-container] form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 900px;
}
[data-sf-role=form-container] form .sfContentBlock {
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;
}
[data-sf-role=form-container] form .sf-fieldWrp {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(50% - 1rem);
      -ms-flex-preferred-size: calc(50% - 1rem);
          flex-basis: calc(50% - 1rem);
}
[data-sf-role=form-container] form .sf-fieldWrp.fullWidth {
  -webkit-flex-basis: -webkit-calc(100% - 1rem);
      -ms-flex-preferred-size: calc(100% - 1rem);
          flex-basis: calc(100% - 1rem);
}
[data-sf-role=form-container] form div.fullWidth {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(100% - 1rem);
      -ms-flex-preferred-size: calc(100% - 1rem);
          flex-basis: calc(100% - 1rem);
}
[data-sf-role=form-container] form div.fullWidth .sfContentBlock {
  padding-left: 0;
}
[data-sf-role=form-container] form .sf-fieldWrp[data-sf-role=text-field-container] label {
  display: none;
}
[data-sf-role=form-container] form .sf-fieldWrp[data-sf-role=paragraph-text-field-container] label {
  display: none;
}
[data-sf-role=form-container] form .sf-fieldWrp[data-sf-role=email-text-field-container] label {
  display: none;
}
[data-sf-role=form-container] form .sf-fieldWrp[data-sf-role=checkboxes-field-container] strong {
  display: block;
  margin-bottom: 0.5rem;
}

/*#region FORMS */
.pageWrapper,
footer,
.popup_wrapper {
  /*    input[type='checkbox'] { // DEFAULT (UNCHECKED) STATE
      cursor: pointer;
      width: 1px;
      height: 1px;
      position: absolute;
      visibility: hidden;

      + label {
          display: inline-block;
          cursor: pointer;
          position: relative;
          padding-left: 2em;
          transition: $transition;

          &::selection {
              background-color: transparent; // stop unwanted user highlighting when clicking filters ...
          }

          &:hover {
              color: $secondaryColour;
          }

          &:before,
          &:after { // fake checkbox using icon
              top: 0;
              left: 0;
              display: inline-block;
              position: absolute;
              font-size: 1rem;
              transition: $transition;
              margin-right: 0.4em;
              font-family: $fontAwesome;
          }

          &:before { // square icon (background)
              content: "\f0c8";
              font-weight: 900;
              color: white;
          }

          &:after { // square icon (outline)
              content: '\f0c8';
              font-weight: 300;
              color: $secondaryColour;
          }
      }

      &:checked { // CHECKED STATE
          + label {
              &:after {
                  content: '\f2d3'; // checked icon
              }
          }
      }
  }*/
}
.pageWrapper .hf-warning,
footer .hf-warning,
.popup_wrapper .hf-warning {
  display: none;
}
.pageWrapper label,
footer label,
.popup_wrapper label {
  cursor: pointer;
}
.pageWrapper fieldset,
footer fieldset,
.popup_wrapper fieldset {
  padding: 0;
  border: none;
}
.pageWrapper input[type=text], .pageWrapper input[type=email], .pageWrapper input[type=search], .pageWrapper input[type=number], .pageWrapper input[type=password],
footer input[type=text],
footer input[type=email],
footer input[type=search],
footer input[type=number],
footer input[type=password],
.popup_wrapper input[type=text],
.popup_wrapper input[type=email],
.popup_wrapper input[type=search],
.popup_wrapper input[type=number],
.popup_wrapper input[type=password] {
  width: 100%;
  /*max-width: 280px;*/
  color: #007096;
  background-color: #cbd5de;
  border: solid 1px #cbd5de;
  padding: 0.2em 1em;
  padding-right: 3em;
  height: 2.6em;
  text-overflow: ellipsis;
}
.pageWrapper input[type=text]::-webkit-input-placeholder, .pageWrapper input[type=email]::-webkit-input-placeholder, .pageWrapper input[type=search]::-webkit-input-placeholder, .pageWrapper input[type=number]::-webkit-input-placeholder, .pageWrapper input[type=password]::-webkit-input-placeholder,
footer input[type=text]::-webkit-input-placeholder,
footer input[type=email]::-webkit-input-placeholder,
footer input[type=search]::-webkit-input-placeholder,
footer input[type=number]::-webkit-input-placeholder,
footer input[type=password]::-webkit-input-placeholder,
.popup_wrapper input[type=text]::-webkit-input-placeholder,
.popup_wrapper input[type=email]::-webkit-input-placeholder,
.popup_wrapper input[type=search]::-webkit-input-placeholder,
.popup_wrapper input[type=number]::-webkit-input-placeholder,
.popup_wrapper input[type=password]::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.pageWrapper input[type=text]:-moz-placeholder, .pageWrapper input[type=email]:-moz-placeholder, .pageWrapper input[type=search]:-moz-placeholder, .pageWrapper input[type=number]:-moz-placeholder, .pageWrapper input[type=password]:-moz-placeholder,
footer input[type=text]:-moz-placeholder,
footer input[type=email]:-moz-placeholder,
footer input[type=search]:-moz-placeholder,
footer input[type=number]:-moz-placeholder,
footer input[type=password]:-moz-placeholder,
.popup_wrapper input[type=text]:-moz-placeholder,
.popup_wrapper input[type=email]:-moz-placeholder,
.popup_wrapper input[type=search]:-moz-placeholder,
.popup_wrapper input[type=number]:-moz-placeholder,
.popup_wrapper input[type=password]:-moz-placeholder {
  opacity: 1;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.pageWrapper input[type=text]::-moz-placeholder, .pageWrapper input[type=email]::-moz-placeholder, .pageWrapper input[type=search]::-moz-placeholder, .pageWrapper input[type=number]::-moz-placeholder, .pageWrapper input[type=password]::-moz-placeholder,
footer input[type=text]::-moz-placeholder,
footer input[type=email]::-moz-placeholder,
footer input[type=search]::-moz-placeholder,
footer input[type=number]::-moz-placeholder,
footer input[type=password]::-moz-placeholder,
.popup_wrapper input[type=text]::-moz-placeholder,
.popup_wrapper input[type=email]::-moz-placeholder,
.popup_wrapper input[type=search]::-moz-placeholder,
.popup_wrapper input[type=number]::-moz-placeholder,
.popup_wrapper input[type=password]::-moz-placeholder {
  opacity: 1;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.pageWrapper input[type=text]:-ms-input-placeholder, .pageWrapper input[type=email]:-ms-input-placeholder, .pageWrapper input[type=search]:-ms-input-placeholder, .pageWrapper input[type=number]:-ms-input-placeholder, .pageWrapper input[type=password]:-ms-input-placeholder,
footer input[type=text]:-ms-input-placeholder,
footer input[type=email]:-ms-input-placeholder,
footer input[type=search]:-ms-input-placeholder,
footer input[type=number]:-ms-input-placeholder,
footer input[type=password]:-ms-input-placeholder,
.popup_wrapper input[type=text]:-ms-input-placeholder,
.popup_wrapper input[type=email]:-ms-input-placeholder,
.popup_wrapper input[type=search]:-ms-input-placeholder,
.popup_wrapper input[type=number]:-ms-input-placeholder,
.popup_wrapper input[type=password]:-ms-input-placeholder {
  opacity: 1;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.pageWrapper input[type=text]:hover::-webkit-input-placeholder, .pageWrapper input[type=text]:focus::-webkit-input-placeholder, .pageWrapper input[type=email]:hover::-webkit-input-placeholder, .pageWrapper input[type=email]:focus::-webkit-input-placeholder, .pageWrapper input[type=search]:hover::-webkit-input-placeholder, .pageWrapper input[type=search]:focus::-webkit-input-placeholder, .pageWrapper input[type=number]:hover::-webkit-input-placeholder, .pageWrapper input[type=number]:focus::-webkit-input-placeholder, .pageWrapper input[type=password]:hover::-webkit-input-placeholder, .pageWrapper input[type=password]:focus::-webkit-input-placeholder,
footer input[type=text]:hover::-webkit-input-placeholder,
footer input[type=text]:focus::-webkit-input-placeholder,
footer input[type=email]:hover::-webkit-input-placeholder,
footer input[type=email]:focus::-webkit-input-placeholder,
footer input[type=search]:hover::-webkit-input-placeholder,
footer input[type=search]:focus::-webkit-input-placeholder,
footer input[type=number]:hover::-webkit-input-placeholder,
footer input[type=number]:focus::-webkit-input-placeholder,
footer input[type=password]:hover::-webkit-input-placeholder,
footer input[type=password]:focus::-webkit-input-placeholder,
.popup_wrapper input[type=text]:hover::-webkit-input-placeholder,
.popup_wrapper input[type=text]:focus::-webkit-input-placeholder,
.popup_wrapper input[type=email]:hover::-webkit-input-placeholder,
.popup_wrapper input[type=email]:focus::-webkit-input-placeholder,
.popup_wrapper input[type=search]:hover::-webkit-input-placeholder,
.popup_wrapper input[type=search]:focus::-webkit-input-placeholder,
.popup_wrapper input[type=number]:hover::-webkit-input-placeholder,
.popup_wrapper input[type=number]:focus::-webkit-input-placeholder,
.popup_wrapper input[type=password]:hover::-webkit-input-placeholder,
.popup_wrapper input[type=password]:focus::-webkit-input-placeholder {
  opacity: 0.4;
}
.pageWrapper input[type=text]:hover:-moz-placeholder, .pageWrapper input[type=text]:focus:-moz-placeholder, .pageWrapper input[type=email]:hover:-moz-placeholder, .pageWrapper input[type=email]:focus:-moz-placeholder, .pageWrapper input[type=search]:hover:-moz-placeholder, .pageWrapper input[type=search]:focus:-moz-placeholder, .pageWrapper input[type=number]:hover:-moz-placeholder, .pageWrapper input[type=number]:focus:-moz-placeholder, .pageWrapper input[type=password]:hover:-moz-placeholder, .pageWrapper input[type=password]:focus:-moz-placeholder,
footer input[type=text]:hover:-moz-placeholder,
footer input[type=text]:focus:-moz-placeholder,
footer input[type=email]:hover:-moz-placeholder,
footer input[type=email]:focus:-moz-placeholder,
footer input[type=search]:hover:-moz-placeholder,
footer input[type=search]:focus:-moz-placeholder,
footer input[type=number]:hover:-moz-placeholder,
footer input[type=number]:focus:-moz-placeholder,
footer input[type=password]:hover:-moz-placeholder,
footer input[type=password]:focus:-moz-placeholder,
.popup_wrapper input[type=text]:hover:-moz-placeholder,
.popup_wrapper input[type=text]:focus:-moz-placeholder,
.popup_wrapper input[type=email]:hover:-moz-placeholder,
.popup_wrapper input[type=email]:focus:-moz-placeholder,
.popup_wrapper input[type=search]:hover:-moz-placeholder,
.popup_wrapper input[type=search]:focus:-moz-placeholder,
.popup_wrapper input[type=number]:hover:-moz-placeholder,
.popup_wrapper input[type=number]:focus:-moz-placeholder,
.popup_wrapper input[type=password]:hover:-moz-placeholder,
.popup_wrapper input[type=password]:focus:-moz-placeholder {
  opacity: 0.4;
}
.pageWrapper input[type=text]:hover::-moz-placeholder, .pageWrapper input[type=text]:focus::-moz-placeholder, .pageWrapper input[type=email]:hover::-moz-placeholder, .pageWrapper input[type=email]:focus::-moz-placeholder, .pageWrapper input[type=search]:hover::-moz-placeholder, .pageWrapper input[type=search]:focus::-moz-placeholder, .pageWrapper input[type=number]:hover::-moz-placeholder, .pageWrapper input[type=number]:focus::-moz-placeholder, .pageWrapper input[type=password]:hover::-moz-placeholder, .pageWrapper input[type=password]:focus::-moz-placeholder,
footer input[type=text]:hover::-moz-placeholder,
footer input[type=text]:focus::-moz-placeholder,
footer input[type=email]:hover::-moz-placeholder,
footer input[type=email]:focus::-moz-placeholder,
footer input[type=search]:hover::-moz-placeholder,
footer input[type=search]:focus::-moz-placeholder,
footer input[type=number]:hover::-moz-placeholder,
footer input[type=number]:focus::-moz-placeholder,
footer input[type=password]:hover::-moz-placeholder,
footer input[type=password]:focus::-moz-placeholder,
.popup_wrapper input[type=text]:hover::-moz-placeholder,
.popup_wrapper input[type=text]:focus::-moz-placeholder,
.popup_wrapper input[type=email]:hover::-moz-placeholder,
.popup_wrapper input[type=email]:focus::-moz-placeholder,
.popup_wrapper input[type=search]:hover::-moz-placeholder,
.popup_wrapper input[type=search]:focus::-moz-placeholder,
.popup_wrapper input[type=number]:hover::-moz-placeholder,
.popup_wrapper input[type=number]:focus::-moz-placeholder,
.popup_wrapper input[type=password]:hover::-moz-placeholder,
.popup_wrapper input[type=password]:focus::-moz-placeholder {
  opacity: 0.4;
}
.pageWrapper input[type=text]:hover:-ms-input-placeholder, .pageWrapper input[type=text]:focus:-ms-input-placeholder, .pageWrapper input[type=email]:hover:-ms-input-placeholder, .pageWrapper input[type=email]:focus:-ms-input-placeholder, .pageWrapper input[type=search]:hover:-ms-input-placeholder, .pageWrapper input[type=search]:focus:-ms-input-placeholder, .pageWrapper input[type=number]:hover:-ms-input-placeholder, .pageWrapper input[type=number]:focus:-ms-input-placeholder, .pageWrapper input[type=password]:hover:-ms-input-placeholder, .pageWrapper input[type=password]:focus:-ms-input-placeholder,
footer input[type=text]:hover:-ms-input-placeholder,
footer input[type=text]:focus:-ms-input-placeholder,
footer input[type=email]:hover:-ms-input-placeholder,
footer input[type=email]:focus:-ms-input-placeholder,
footer input[type=search]:hover:-ms-input-placeholder,
footer input[type=search]:focus:-ms-input-placeholder,
footer input[type=number]:hover:-ms-input-placeholder,
footer input[type=number]:focus:-ms-input-placeholder,
footer input[type=password]:hover:-ms-input-placeholder,
footer input[type=password]:focus:-ms-input-placeholder,
.popup_wrapper input[type=text]:hover:-ms-input-placeholder,
.popup_wrapper input[type=text]:focus:-ms-input-placeholder,
.popup_wrapper input[type=email]:hover:-ms-input-placeholder,
.popup_wrapper input[type=email]:focus:-ms-input-placeholder,
.popup_wrapper input[type=search]:hover:-ms-input-placeholder,
.popup_wrapper input[type=search]:focus:-ms-input-placeholder,
.popup_wrapper input[type=number]:hover:-ms-input-placeholder,
.popup_wrapper input[type=number]:focus:-ms-input-placeholder,
.popup_wrapper input[type=password]:hover:-ms-input-placeholder,
.popup_wrapper input[type=password]:focus:-ms-input-placeholder {
  opacity: 0.4;
}
.pageWrapper input[type=text]:focus, .pageWrapper input[type=email]:focus, .pageWrapper input[type=search]:focus, .pageWrapper input[type=number]:focus, .pageWrapper input[type=password]:focus,
footer input[type=text]:focus,
footer input[type=email]:focus,
footer input[type=search]:focus,
footer input[type=number]:focus,
footer input[type=password]:focus,
.popup_wrapper input[type=text]:focus,
.popup_wrapper input[type=email]:focus,
.popup_wrapper input[type=search]:focus,
.popup_wrapper input[type=number]:focus,
.popup_wrapper input[type=password]:focus {
  outline: 2px solid #007096;
}
.pageWrapper textarea,
footer textarea,
.popup_wrapper textarea {
  width: 100%;
  display: block;
  min-height: 2.6em;
  border: 1px solid #007096;
}
.pageWrapper textarea:hover::-webkit-input-placeholder, .pageWrapper textarea:focus::-webkit-input-placeholder,
footer textarea:hover::-webkit-input-placeholder,
footer textarea:focus::-webkit-input-placeholder,
.popup_wrapper textarea:hover::-webkit-input-placeholder,
.popup_wrapper textarea:focus::-webkit-input-placeholder {
  opacity: 0.4;
}
.pageWrapper textarea:hover:-moz-placeholder, .pageWrapper textarea:focus:-moz-placeholder,
footer textarea:hover:-moz-placeholder,
footer textarea:focus:-moz-placeholder,
.popup_wrapper textarea:hover:-moz-placeholder,
.popup_wrapper textarea:focus:-moz-placeholder {
  opacity: 0.4;
}
.pageWrapper textarea:hover::-moz-placeholder, .pageWrapper textarea:focus::-moz-placeholder,
footer textarea:hover::-moz-placeholder,
footer textarea:focus::-moz-placeholder,
.popup_wrapper textarea:hover::-moz-placeholder,
.popup_wrapper textarea:focus::-moz-placeholder {
  opacity: 0.4;
}
.pageWrapper textarea:hover:-ms-input-placeholder, .pageWrapper textarea:focus:-ms-input-placeholder,
footer textarea:hover:-ms-input-placeholder,
footer textarea:focus:-ms-input-placeholder,
.popup_wrapper textarea:hover:-ms-input-placeholder,
.popup_wrapper textarea:focus:-ms-input-placeholder {
  opacity: 0.4;
}
.pageWrapper textarea:focus,
footer textarea:focus,
.popup_wrapper textarea:focus {
  outline: 2px solid #007096;
}
.pageWrapper select,
footer select,
.popup_wrapper select {
  width: 100%;
  /*max-width: 280px;*/
  color: #7A003C;
  cursor: pointer;
  border: 1px solid #007096;
  padding: 0.2em 1em;
  font-size: 1rem;
  line-height: 1;
  font-family: Arial, sans-serif;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
  background-image: url(/CFImages/Icons/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 1em center;
  background-size: 0.6em auto;
  padding-right: 1.6em;
  height: 2.6em;
  text-transform: none;
}
.pageWrapper select:focus,
footer select:focus,
.popup_wrapper select:focus {
  outline: none;
  outline: 2px solid #007096;
}
.pageWrapper select > option,
footer select > option,
.popup_wrapper select > option {
  text-transform: none;
}
.pageWrapper select > option:checked, .pageWrapper select > option:hover,
footer select > option:checked,
footer select > option:hover,
.popup_wrapper select > option:checked,
.popup_wrapper select > option:hover {
  background-color: #cbd5de;
}

#subscribe form h3 {
  margin-bottom: 25px;
}
#subscribe form label {
  color: #5E6A71;
  margin: 15px 0 5px;
  padding: 0;
  font-size: 14px;
  display: block;
}
#subscribe form input[type=text], #subscribe form input[type=email], #subscribe form textarea {
  background-color: rgba(35, 31, 32, 0.07);
  border: 0;
  font: 16px Arial, sans-serif !important;
  padding: 10px 10px;
  width: 100%;
}
#subscribe form textarea {
  padding: 15px 10px;
}
#subscribe form .checkboxes {
  margin-top: 25px;
  margin-bottom: 25px;
}
#subscribe form .checkboxes p {
  margin-bottom: 15px;
}
#subscribe form .checkboxes input, #subscribe form .checkboxes label {
  margin-right: 5px;
  display: inline;
}
#subscribe form input[type=checkbox] {
  display: inline;
}
#subscribe form select {
  background-color: rgba(35, 31, 32, 0.07);
  padding: 7px 10px;
  margin-right: 5px;
}
#subscribe form p {
  margin: 15px 0;
}
#subscribe form p.casl {
  margin: 30px 0;
  font-size: 14px;
  color: #5E6A71;
}

/*#endregion FORMS */
/*#region IMAGES */
div.bgImgWrapper {
  max-width: 100%;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  z-index: 0;
  margin: 1em 0;
  /*
  span.titleOverlay {
      display: none;
      text-align: center;
      background-color: $primaryColour;
      opacity: 0.7;
      color: #fff;
      padding: 0 2em;
      justify-content: center;
      align-items: center;
      font-size: 1em;
      height: 100%;
  }*/
}
div.bgImgWrapper:before { /* sets the height and then effectively removes itself from flow so as not to interfere with siblings */
  content: "";
  width: 1px;
  margin-left: -1px;
  float: left;
  height: 0;
  padding-top: 56.25%;
}
div.bgImgWrapper:after { /* to clear float */
  content: "";
  display: table;
  clear: both;
}
div.bgImgWrapper div.bgImg {
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
div.bgImgWrapper .bgImg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
div.bgImgWrapper a {
  display: block;
  width: 100%;
  height: 100%;
}

.imgWrapper {
  width: 100%;
}
.imgWrapper a img {
  max-width: 100%;
}
.imgWrapper img {
  max-width: 100%;
}

div.bgImgWrapper.hoverZoom a div.bgImg, div.bgImgWrapper.hoverZoom div.bgImg {
  max-width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
div.bgImgWrapper.hoverZoom a div.bgImg:hover, div.bgImgWrapper.hoverZoom a div.bgImg:focus, div.bgImgWrapper.hoverZoom div.bgImg:hover, div.bgImgWrapper.hoverZoom div.bgImg:focus {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* Image Zoom in */
.parent:hover .child, .parent:focus .child {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.roundedImage, .imgWrapper.roundedImage {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  height: 150px;
  width: 150px;
}

.roundedImage img, .imgWrapper.roundedImage img {
  position: absolute;
  width: 100%;
}

.itemImage {
  max-width: 120px;
  min-width: 120px;
  height: 120px;
  position: relative;
  margin-bottom: 2rem;
  margin-right: 2rem;
}
.itemImage .bgImgWrapper {
  border-radius: 50%;
  margin: 0;
}
.itemImage .bgImgWrapper:before {
  padding-top: 100%;
}

/*#endregion IMAGES */
/*#region MISCELLANEOUS CLASSES SECTION*/
.equalTopMargins > :first-child {
  margin-top: 1em;
}

.forcedHide {
  display: none !important;
}

.hideOnDesktop {
  display: none !important;
}

.hideOnMobile {
  display: inline-block;
}

.sfContentBlock ul.colouredCircles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 10px;
}
.sfContentBlock ul.colouredCircles li {
  padding: 0;
  list-style-type: none;
}
.sfContentBlock ul.colouredCircles li a:link, .sfContentBlock ul.colouredCircles li a:visited {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 150px;
  height: 150px;
  padding: 10px;
  color: #fff;
  background-color: #007096;
  border-radius: 50%;
}
.sfContentBlock ul.colouredCircles li a:link:hover, .sfContentBlock ul.colouredCircles li a:visited:hover {
  background-color: #7A003C;
  color: #fff;
}
@media only screen and (max-width: 500px) {
  .sfContentBlock ul.colouredCircles {
    display: block;
  }
  .sfContentBlock ul.colouredCircles li {
    margin: 0 0 10px 0;
  }
  .sfContentBlock ul.colouredCircles li a {
    width: 100%;
    height: auto;
    padding: 20px 50px;
    border-radius: initial;
  }
}
.sfContentBlock ul.colouredCircles.MCMASTERburgundy li a {
  color: #fff;
  background-color: #7A003C;
}
.sfContentBlock ul.colouredCircles.MCMASTERburgundy li a:hover {
  background-color: #007096;
  color: #fff;
}
.sfContentBlock ul.colouredCircles.RISEblue li a {
  color: #fff;
  background-color: #0F77CC;
}
.sfContentBlock ul.colouredCircles.RISEblue li a:hover {
  background-color: #7A003C;
  color: #fff;
}
.sfContentBlock ul.colouredCircles.MCMASTERgrey li a {
  color: #fff;
  background-color: #5E6A71;
}
.sfContentBlock ul.colouredCircles.MCMASTERgrey li a:hover {
  background-color: #7A003C;
  color: #fff;
}
.sfContentBlock ul.colouredCircles.MCMASTERred li a {
  color: #fff;
  background-color: #A6192E;
}
.sfContentBlock ul.colouredCircles.MCMASTERred li a:hover {
  background-color: #5E6A71;
  color: #fff;
}
.sfContentBlock ul.colouredCircles.MCMASTERgold li a {
  color: #000;
  background-color: #FDBF57;
}
.sfContentBlock ul.colouredCircles.MCMASTERgold li a:hover {
  background-color: #7A003C;
  color: #fff;
}
.sfContentBlock ul.colouredCircles.MCMASTERgreen li a {
  color: #fff;
  background-color: #007B4B;
}
.sfContentBlock ul.colouredCircles.MCMASTERgreen li a:hover {
  background-color: #5E6A71;
  color: #fff;
}

.colourText.RISEblue {
  color: #0F77CC;
}
.colourText.MCMASTERgrey {
  color: #5E6A71;
}
.colourText.MCMASTERred {
  color: #A6192E;
}
.colourText.MCMASTERburgundy {
  color: #7A003C;
}
.colourText.MCMASTERdarkblue {
  color: #007096;
}
.colourText.MCMASTERgreen {
  color: #007B4B;
}

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

.pullQuote {
  padding: 30px 50px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  font-size: 130%;
  font-weight: 700;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

.subtle {
  color: #00a9e3;
  font-size: 80%;
}

.clickable:hover {
  cursor: pointer;
}

.scrollToTop {
  display: none !important;
  /*    width: 2rem;
  height: 2rem;
  display: none;
  top: auto;
  left: auto;
  right: 1rem;
  bottom: 5rem;
  position: fixed;
  font-size: 1.2rem;
  background-color: $secondaryColour;
  cursor: pointer;
  z-index: 1000;
  border: 3px solid white;
  box-sizing: content-box;
  opacity: 0.4;
  justify-content: center;
  align-items: center;
  color: #fff;

  &.active {
      display: flex !important;
  }

  &:focus, &:hover {
      text-decoration: none;
      color: #fff;
      background-color: $primaryColour;
      opacity: 1;
  }*/
}

#skiptocontent a {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
#skiptocontent a:focus, #skiptocontent a:active {
  color: #fff;
  background-color: #000;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 10px 35%;
  padding: 5px;
  border-radius: 15px;
  border: 4px solid #FEE156;
  text-align: center;
  font-size: 1.2em;
  z-index: 999;
}

/* Special Links */
a[href^=tel], a[href^=Tel] {
  text-decoration: none;
  font-weight: 400;
  font-family: Arial, sans-serif;
  color: #222;
}
a[href^=tel]:hover, a[href^=Tel]:hover {
  text-decoration: underline;
  cursor: pointer;
  color: inherit;
}

.noLink {
  color: #222 !important;
}
.noLink:hover {
  text-decoration: none !important;
}

.hidden {
  display: none !important;
}

.slick-slider .slide, .slick-slider .slick-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*display: none;*/
  outline: none !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.slick-slider .slick-track {
  outline: none !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.slick-slider .slick-track .slide, .slick-slider .slick-track .slick-slide {
  height: auto;
}
.slick-slider .slide:not(:first-child), .slick-slider .slick-slide:not(:first-child) {
  display: none;
}
.slick-slider .slick-arrow.slick-prev, .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  position: absolute;
  -webkit-transform: none;
          transform: none;
  top: 40%;
  color: #7A003C;
  font-size: 2em;
}
.slick-slider .slick-arrow.slick-prev:before, .slick-slider .slick-arrow.slick-prev:after, .slick-slider .slick-arrow.slick-next:before, .slick-slider .slick-arrow.slick-next:after {
  content: none;
}
.slick-slider .slick-arrow.slick-prev {
  left: -2rem;
}
.slick-slider .slick-arrow.slick-next {
  right: -2rem;
}
.slick-slider.slick-initialized .slide, .slick-slider.slick-initialized .slick-slide {
  display: block;
}
.slick-slider.slick-initialized .slide.slick-current .innerContent, .slick-slider.slick-initialized .slide.slick-active .innerContent, .slick-slider.slick-initialized .slick-slide.slick-current .innerContent, .slick-slider.slick-initialized .slick-slide.slick-active .innerContent {
  /*opacity: 1;*/
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.slick-slider ul.slick-dots {
  position: relative !important;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.4rem 0;
  list-style-type: none;
  background-color: transparent;
  min-height: 3rem;
}
.slick-slider ul.slick-dots li {
  margin: 0 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: initial;
  height: initial;
}
.slick-slider ul.slick-dots button {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  padding: 0;
  border: none;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: #abb7bf;
  color: #000;
  text-indent: -9999px;
}
.slick-slider ul.slick-dots button:before, .slick-slider ul.slick-dots button:after {
  content: none;
}
.slick-slider ul.slick-dots button:hover {
  background-color: #7A003C;
}
.slick-slider ul.slick-dots li.slick-active button {
  background-color: #5E6A71;
  color: #fff;
  width: 0.7rem;
  height: 0.7rem;
}

/*#region GRID LIST VIEWS GLOBAL SECTION */
ul.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -10px;
}
ul.grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 10px;
  vertical-align: top;
  /*width: calc((1 / 3) * 100% - 20px);*/
  -webkit-flex-basis: -webkit-calc(1 / 3 * 100% - 20px);
      -ms-flex-preferred-size: calc(1 / 3 * 100% - 20px);
          flex-basis: calc(1 / 3 * 100% - 20px);
}
ul.grid li.col article {
  margin: 1em 0;
  height: 100%;
  position: relative;
}
ul.grid li.col article .innerContent {
  position: relative;
  height: 100%;
  width: 100%;
}
.grid.withBorders {
  border: 1px solid #cbd5de;
  border-bottom: 0;
}
.grid.withBorders img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.grid.withBorders .col {
  border-right: 1px solid #cbd5de;
  padding: 1rem 0.5rem;
}
.grid.withBorders .col:last-child {
  border: none;
}
@media only screen and (max-width: 1024px) {
  .grid.withBorders .col {
    border: none;
  }
}

.coursestreams ul.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.coursestreams ul.grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
          flex-basis: calc(1 / 1 * 100% - 1rem);
}
.coursestreams ul.grid li.col {
  display: block;
}

/* detail and card content */
.project .meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 1rem;
  margin: 1rem 0;
}
.project .meta div.projectTypes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1rem;
  margin-top: 0.5rem;
}
.project .meta div.projectTypes span.projectType:after {
  content: "+";
}
.project .meta div.projectTypes span.projectType:after {
  content: "+";
  margin-left: 1rem;
}
.project .meta div.projectTypes span.projectType:last-child:after {
  content: none;
}

.projects ul.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.projects ul.grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
          flex-basis: calc(1 / 1 * 100% - 1rem);
}
.projects ul.grid li.col {
  display: block;
}
.projects ul.grid li.col article.project {
  padding: 25px 0;
  border-top: 1px solid #cbd5de;
}
.projects ul.grid li.col article.project .related.products {
  margin-top: 1em;
}
.projects ul.grid li.col article.project .related.products .product span.productType {
  color: #536069;
}
.projects ul.grid li.col article.project .related.products .product span.moreInfo {
  display: block;
  margin-bottom: 10px;
}
.projects ul.grid li.col article.project .related.products .product span.productLink:before {
  content: "|";
  padding: 0 8px;
  color: #abb7bf;
}
.projects ul.grid li.col article.project .related.products .product.infographic .caption {
  font-size: 11px;
  display: block;
  margin-bottom: 15px;
  line-height: 1.3em;
  color: #5E6A71;
}
.projects ul.grid li.col article.project .related.products .product span:nth-child(2):before {
  content: none;
}

.newsitems ul.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newsitems ul.grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
          flex-basis: calc(1 / 1 * 100% - 1rem);
}
.newsitems ul.grid li.col article.newsitem .innerContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.newsitems ul.grid li.col article.newsitem .innerContent .itemImage {
  max-width: 125px;
  min-width: 125px;
  height: 125px;
  position: relative;
  margin-bottom: 2rem;
  margin-right: 2rem;
}
.newsitems ul.grid li.col article.newsitem .innerContent .itemImage .bgImgWrapper {
  border-radius: 50%;
  margin: 0;
}
.newsitems ul.grid li.col article.newsitem .innerContent .itemImage .bgImgWrapper:before {
  padding-top: 100%;
}
.newsitems ul.grid li.col article.newsitem .innerContent .itemContent h3 {
  margin-top: 0.25em;
}
@media only screen and (max-width: 500px) {
  .newsitems ul.grid li.col article.newsitem .innerContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.newsitems.slider {
  padding: 2rem 2rem;
}
.newsitems.slider h2 {
  text-align: center;
  font-size: 2em;
  margin-top: 0.5em;
}
.newsitems.slider .slide {
  padding: 0 0.5em;
}
.newsitems.slider .slide article.newsitem .innerContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .newsitems.slider .slide article.newsitem .innerContent {
    text-align: center;
  }
}
.newsitems.slider .slide article.newsitem .innerContent .itemImage {
  width: 100%;
  max-width: 300px;
  height: auto;
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
}
.newsitems.slider .slide article.newsitem .innerContent .itemImage .bgImgWrapper {
  border-radius: 50%;
  margin: 0;
}
.newsitems.slider .slide article.newsitem .innerContent .itemImage .bgImgWrapper:before {
  padding-top: 100% !important;
}
.newsitems.mini.slider {
  padding: 0;
  margin-bottom: 2rem;
}
.newsitems.mini.slider h3 {
  text-align: left;
}
.newsitems.mini.slider .slide {
  padding: 0 0.5em;
}
.newsitems.mini.slider .slide article.newsitem .innerContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (max-width: 500px) {
  .newsitems.mini.slider .slide article.newsitem .innerContent {
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.newsitems.mini.slider .slide article.newsitem .innerContent .itemImage {
  max-width: 120px;
  min-width: 120px;
  height: 120px;
  position: relative;
  margin-bottom: 2rem;
  margin-right: 2rem;
}
.newsitems.mini.slider .slide article.newsitem .innerContent .itemImage .bgImgWrapper {
  border-radius: 50%;
  margin: 0;
}
.newsitems.mini.slider .slide article.newsitem .innerContent .itemImage .bgImgWrapper:before {
  padding-top: 100%;
}
.newsitems.mini.slider .slide article.newsitem .innerContent .itemContent h3 {
  margin-top: 0.25em;
}

div.upcoming {
  border-radius: 10px;
  background-color: #eeedee;
  padding: 0px 30px;
  margin-bottom: 25px;
}

.eventitems ul.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.eventitems ul.grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
          flex-basis: calc(1 / 1 * 100% - 1rem);
}
.eventitems ul.grid li.col article.eventitem .innerContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.eventitems ul.grid li.col article.eventitem .innerContent .itemImage {
  max-width: 125px;
  min-width: 125px;
  height: 125px;
  position: relative;
  margin-bottom: 2rem;
  margin-right: 2rem;
}
.eventitems ul.grid li.col article.eventitem .innerContent .itemImage .bgImgWrapper {
  border-radius: 50%;
  margin: 0;
}
.eventitems ul.grid li.col article.eventitem .innerContent .itemImage .bgImgWrapper:before {
  padding-top: 100%;
}
.eventitems ul.grid li.col article.eventitem .innerContent .itemContent h3 {
  margin-top: 0.25em;
}
@media only screen and (max-width: 500px) {
  .eventitems ul.grid li.col article.eventitem .innerContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.eventitems.webinars ul.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -1rem;
}
.eventitems.webinars ul.grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 1rem;
  vertical-align: top;
  /*width: calc((1 / 3) * 100% - 2rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 3 * 100% - 2rem);
      -ms-flex-preferred-size: calc(1 / 3 * 100% - 2rem);
          flex-basis: calc(1 / 3 * 100% - 2rem);
}
.eventitems.webinars ul.grid li.col article.eventitem .innerContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.eventitems.webinars ul.grid li.col article.eventitem .innerContent .itemImage {
  max-width: 200px;
  min-width: 200px;
  height: 200px;
}
@media only screen and (max-width: 1299px) {
  .eventitems.webinars ul.grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -1rem;
  }
  .eventitems.webinars ul.grid > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 1rem;
    vertical-align: top;
    /*width: calc((1 / 2) * 100% - 2rem);*/
    -webkit-flex-basis: -webkit-calc(1 / 2 * 100% - 2rem);
        -ms-flex-preferred-size: calc(1 / 2 * 100% - 2rem);
            flex-basis: calc(1 / 2 * 100% - 2rem);
  }
}
@media only screen and (max-width: 1024px) {
  .eventitems.webinars ul.grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -1rem;
  }
  .eventitems.webinars ul.grid > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 1rem;
    vertical-align: top;
    /*width: calc((1 / 3) * 100% - 2rem);*/
    -webkit-flex-basis: -webkit-calc(1 / 3 * 100% - 2rem);
        -ms-flex-preferred-size: calc(1 / 3 * 100% - 2rem);
            flex-basis: calc(1 / 3 * 100% - 2rem);
  }
}
@media only screen and (max-width: 767px) {
  .eventitems.webinars ul.grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -1rem;
  }
  .eventitems.webinars ul.grid > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 1rem;
    vertical-align: top;
    /*width: calc((1 / 2) * 100% - 2rem);*/
    -webkit-flex-basis: -webkit-calc(1 / 2 * 100% - 2rem);
        -ms-flex-preferred-size: calc(1 / 2 * 100% - 2rem);
            flex-basis: calc(1 / 2 * 100% - 2rem);
  }
}
@media only screen and (max-width: 500px) {
  .eventitems.webinars ul.grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 0;
  }
  .eventitems.webinars ul.grid > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0;
    vertical-align: top;
    /*width: calc((1 / 1) * 100%);*/
    -webkit-flex-basis: -webkit-calc(1 / 1 * 100%);
        -ms-flex-preferred-size: calc(1 / 1 * 100%);
            flex-basis: calc(1 / 1 * 100%);
  }
}
.eventitems.calendarView ul.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 0;
}
.eventitems.calendarView ul.grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0;
  vertical-align: top;
  /*width: calc((1 / 1) * 100%);*/
  -webkit-flex-basis: -webkit-calc(1 / 1 * 100%);
      -ms-flex-preferred-size: calc(1 / 1 * 100%);
          flex-basis: calc(1 / 1 * 100%);
}
.eventitems.calendarView ul.grid li.col article.eventitem {
  margin: 0.5rem;
}
.eventitems.calendarView ul.grid li.col article.eventitem .innerContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0 1rem 0 0;
  border: 1px solid #5E6A71;
  border-radius: 10px;
  min-height: -webkit-calc(150px + 1rem);
  min-height: calc(150px + 1rem);
  overflow: hidden;
}
.eventitems.calendarView ul.grid li.col article.eventitem .innerContent .itemDate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70px;
  padding: 1rem 1rem 1rem 1rem;
  border-right: 1px solid #5E6A71;
  background-color: rgba(15, 119, 204, 0.2);
  height: 100%;
}
.eventitems.calendarView ul.grid li.col article.eventitem .innerContent .itemDate span.theYear {
  font-size: 0.9rem;
}
.eventitems.calendarView ul.grid li.col article.eventitem .innerContent .itemDate span.theMonth {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-transform: none;
}
.eventitems.calendarView ul.grid li.col article.eventitem .innerContent .itemDate span.theDay {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
}
.eventitems.calendarView ul.grid li.col article.eventitem .innerContent .itemDate span.theDayOfWeek {
  font-size: 0.9rem;
  text-transform: none;
}
.eventitems.calendarView ul.grid li.col article.eventitem .innerContent .itemContent {
  padding: 1rem 2rem 1rem 1rem;
  width: -webkit-calc(100% - (190px + 1rem));
  width: calc(100% - (190px + 1rem));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.eventitems.calendarView ul.grid li.col article.eventitem .innerContent .itemContent h3 {
  margin-top: 0;
}
.eventitems.calendarView ul.grid li.col article.eventitem .innerContent .itemContent .summary {
  margin-bottom: 0.5rem;
}
.eventitems.calendarView ul.grid li.col article.eventitem .innerContent .itemContent .dates {
  color: #0F77CC;
  font-weight: bold;
  text-transform: none;
}
.eventitems.calendarView ul.grid li.col article.eventitem .innerContent .itemContent .dates span.time {
  text-transform: lowercase;
}
.eventitems.calendarView ul.grid li.col article.eventitem .innerContent .itemImage {
  position: absolute;
  right: 0;
  top: 1rem;
}
@media only screen and (max-width: 600px) {
  .eventitems.calendarView ul.grid li.col article.eventitem .innerContent .itemContent {
    width: 100%;
    padding: 1rem 0 1rem 1rem;
  }
  .eventitems.calendarView ul.grid li.col article.eventitem .innerContent .itemImage {
    display: none;
    opacity: 0.3;
    top: initial;
    bottom: 0;
    right: 0;
  }
}
.eventitems.calendarView ul.grid#filteredContentResult li.col article.eventitem {
  margin: 0.5rem;
}
@media only screen and (max-width: 1024px) {
  .eventitems.calendarView ul.grid#filteredContentResult li.col article.eventitem .innerContent .itemContent {
    width: 100%;
    padding: 1rem 0 1rem 1rem;
  }
  .eventitems.calendarView ul.grid#filteredContentResult li.col article.eventitem .innerContent .itemImage {
    display: none;
    opacity: 0.3;
    top: initial;
    bottom: 0;
    right: 0;
  }
}

/* Host on Events */
.hostsSimple {
  margin-bottom: 1rem;
}
.hostsSimple span.hostedBy {
  float: left;
  font-weight: bold;
  padding-right: 5px;
}
.hostsSimple .related.hosts span.hostName:after {
  content: "|";
  padding: 0 0 0 5px;
}
.hostsSimple .related.hosts span.hostName:last-of-type:after {
  content: none;
}

.eventitem.detailView {
  /* Host on Events */
}
.eventitem.detailView .hostsSimple {
  margin: 1rem 0;
  padding-right: 2rem;
}
.eventitem.detailView .related.hosts .host span.hostName {
  display: block;
  margin: 1rem 0 5px 0;
  font-weight: 700;
  color: #0F77CC;
}

/*#region Covid Hubs SECTION*/
.hosts > .grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.hosts > .grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 3) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 3 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 3 * 100% - 1rem);
          flex-basis: calc(1 / 3 * 100% - 1rem);
}
.hosts.related > .grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 0;
}
.hosts.related > .grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0;
  vertical-align: top;
  /*width: calc((1 / 1) * 100%);*/
  -webkit-flex-basis: -webkit-calc(1 / 1 * 100%);
      -ms-flex-preferred-size: calc(1 / 1 * 100%);
          flex-basis: calc(1 / 1 * 100%);
}
.hosts .host {
  padding: 0.5em 0.5em 1em 0.5em;
  border-bottom: 1px solid #abb7bf;
  margin-bottom: 1em;
}
.hosts .host .urlWrapper p a {
  word-break: break-all;
}
.hosts .host .innerContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.hosts .host .innerContent .itemImage {
  max-width: 320px;
  min-width: 280px;
  height: auto;
  margin: 0;
}
.hosts .host .innerContent .itemImage div.bgImgWrapper {
  border-radius: 0;
}
.hosts .host .innerContent .itemImage div.bgImgWrapper .bgImg {
  background-size: contain;
}
.hosts .host .innerContent .itemContent {
  text-align: center;
}
@media only screen and (max-width: 1299px) {
  .hosts > .grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -0.5rem;
  }
  .hosts > .grid > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 2) * 100% - 1rem);*/
    -webkit-flex-basis: -webkit-calc(1 / 2 * 100% - 1rem);
        -ms-flex-preferred-size: calc(1 / 2 * 100% - 1rem);
            flex-basis: calc(1 / 2 * 100% - 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .hosts > .grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -0.5rem;
  }
  .hosts > .grid > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 1) * 100% - 1rem);*/
    -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
        -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
            flex-basis: calc(1 / 1 * 100% - 1rem);
  }
}

.featuredcontentitems {
  margin: 1em 0;
}
.featuredcontentitems ul.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.featuredcontentitems ul.grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
          flex-basis: calc(1 / 1 * 100% - 1rem);
}
.featuredcontentitems ul.grid li.col article.featuredcontentitem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.featuredcontentitems ul.grid li.col article.featuredcontentitem .itemImage {
  margin-right: 4em;
}
.featuredcontentitems ul.grid li.col article.featuredcontentitem .itemContent {
  padding: 0;
}
@media only screen and (max-width: 500px) {
  .featuredcontentitems ul.grid li.col article.featuredcontentitem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .featuredcontentitems ul.grid li.col article.featuredcontentitem .itemImage {
    margin: 0 0 1rem 0;
  }
  .featuredcontentitems ul.grid li.col article.featuredcontentitem .itemContent {
    text-align: center;
  }
}

.testimonials {
  border-top: 3px solid #eeedee;
  border-bottom: 3px solid #eeedee;
  margin: 25px 0;
  position: relative;
}
.testimonials .testimonial {
  position: relative;
  padding: 35px 20px;
}
.testimonials .testimonial:before {
  font-family: "Times New Roman", Times, serif;
  font-size: 200px;
  line-height: 1em;
  color: #eeedee;
  position: absolute;
  top: 0px;
  left: 5px;
  font-style: normal;
  z-index: 1;
  content: "“";
}
.testimonials .testimonial .quote {
  font-size: 1.75em;
  line-height: 1.4em;
  color: #007096;
  font-style: italic;
  font-weight: 100;
  position: relative;
  z-index: 2;
}
.testimonials .testimonial .quote p {
  font-weight: inherit;
  font-style: italic;
}
.testimonials .testimonial .byLine {
  font-size: 13px;
  margin-top: 10px;
  color: #5E6A71;
  text-align: right;
  line-height: 1.45em;
}
.testimonials .testimonial .byLine:before {
  content: "~";
}
@media only screen and (max-width: 1024px) {
  .testimonials .testimonial .quote {
    font-size: 1.3em;
  }
}

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

/*#endregion SLIDER LISTS GLOBAL SECTION */
/*#region DETAIL VIEWS GLOBAL SECTION */
.newsitem.detailView, .eventitem.detailView {
  margin-bottom: 2em;
}
.newsitem.detailView .breadCrumbInner, .eventitem.detailView .breadCrumbInner {
  margin-bottom: 1em;
}
.newsitem.detailView .sharingLinksWrapper.shareThis, .eventitem.detailView .sharingLinksWrapper.shareThis {
  margin: 1em 0;
}
.newsitem.detailView .mainContent, .eventitem.detailView .mainContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.newsitem.detailView .itemImage, .eventitem.detailView .itemImage {
  width: 220px;
  height: 220px;
  max-width: 220px;
  position: relative;
  overflow: hidden;
}
.newsitem.detailView .itemImage .bgImgWrapper, .eventitem.detailView .itemImage .bgImgWrapper {
  border-radius: 50%;
  margin: 0;
}
.newsitem.detailView .itemImage .bgImgWrapper:before, .eventitem.detailView .itemImage .bgImgWrapper:before {
  padding-top: 100%;
}
.newsitem.detailView .cmsContent, .eventitem.detailView .cmsContent {
  width: -webkit-calc(100% - 220px);
  width: calc(100% - 220px);
  padding-right: 2rem;
  word-break: break-word;
}
@media only screen and (max-width: 1024px) {
  .newsitem.detailView .mainContent, .eventitem.detailView .mainContent {
    display: block;
  }
  .newsitem.detailView .cmsContent, .eventitem.detailView .cmsContent {
    width: 100%;
    padding-right: 0;
  }
  .newsitem.detailView .itemImage, .eventitem.detailView .itemImage {
    margin-top: 2rem;
  }
}

.eventitem.RISE.detailView {
  margin-bottom: 2em;
}
.eventitem.RISE.detailView .dates span.time {
  text-transform: lowercase;
}
.eventitem.RISE.detailView .breadCrumbInner {
  margin-bottom: 1em;
}
.eventitem.RISE.detailView .sharingLinksWrapper.shareThis {
  margin: 1em 0;
}
.eventitem.RISE.detailView .itemContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.eventitem.RISE.detailView .itemContent .cmsContent {
  width: 100%;
  padding: 0;
}
.eventitem.RISE.detailView .itemContent .mainContent {
  width: 70%;
  padding-right: 1rem;
}
.eventitem.RISE.detailView .itemContent .secondaryContent {
  width: 30%;
  padding: 1rem;
  border: 1px solid #0F77CC;
  border-radius: 10px;
  overflow: hidden;
}
.eventitem.RISE.detailView .itemContent .secondaryContent h3 {
  text-transform: none;
  font-weight: bold;
  color: #0F77CC;
  margin-top: 0;
}
.eventitem.RISE.detailView .itemContent .secondaryContent .hosts {
  margin-bottom: 1rem;
}
.eventitem.RISE.detailView .itemContent .secondaryContent .hosts h3 {
  margin: 0;
}
.eventitem.RISE.detailView .itemContent .secondaryContent .hosts article {
  margin: 0;
}
.eventitem.RISE.detailView .mainContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.eventitem.RISE.detailView .itemImage {
  position: relative;
  width: 220px;
  height: auto;
  max-width: 220px;
  overflow: hidden;
  padding-left: 2rem;
}
.eventitem.RISE.detailView .itemImage div.bgImgWrapper {
  height: initial;
}
.eventitem.RISE.detailView .itemImage div.bgImgWrapper .bgImg {
  background-size: contain;
}
.eventitem.RISE.detailView .cmsContent {
  padding-right: 2rem;
  word-break: break-word;
}
@media only screen and (max-width: 1024px) {
  .eventitem.RISE.detailView .itemContent {
    display: block;
  }
  .eventitem.RISE.detailView .itemContent .mainContent {
    display: block;
    width: 100%;
    padding: 0;
  }
  .eventitem.RISE.detailView .itemContent .secondaryContent {
    width: 100%;
  }
  .eventitem.RISE.detailView .itemContent .secondaryContent .related.hosts .imgWrapper {
    max-width: 300px;
  }
  .eventitem.RISE.detailView .cmsContent {
    width: 100%;
    padding-right: 0;
  }
  .eventitem.RISE.detailView .itemImage {
    margin-top: 1rem;
  }
}

/* fix on Aug 16*/
.product span.productType {
  font-weight: bold;
}

.project.detailView .related.products {
  margin-top: 1em;
}
.project.detailView .related.products .product span.productType {
  color: #536069;
}
.project.detailView .related.products .product span.moreInfo {
  display: block;
  margin-bottom: 10px;
}
.project.detailView .related.products .product span.productLink:before {
  content: "|";
  padding: 0 8px;
  color: #abb7bf;
}
.project.detailView .related.products .product.infographic .caption {
  font-size: 11px;
  display: block;
  margin-bottom: 15px;
  line-height: 1.3em;
  color: #5E6A71;
}
.project.detailView .related.products .product span:nth-child(2):before {
  content: none;
}

.related.products .cmsContent.moreInfo {
  display: inline;
}
.related.products .cmsContent.moreInfo:before {
  content: "|";
  padding: 0 8px;
  color: #abb7bf;
}

/*#endregion  DETAIL VIEW GLOBAL SECTION*/
.highlights ul.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.highlights ul.grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 2) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 2 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 2 * 100% - 1rem);
          flex-basis: calc(1 / 2 * 100% - 1rem);
}
@media only screen and (max-width: 600px) {
  .highlights ul.grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -0.5rem;
  }
  .highlights ul.grid > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 1) * 100% - 1rem);*/
    -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
        -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
            flex-basis: calc(1 / 1 * 100% - 1rem);
  }
}
.highlights ul.grid li.col article.highlight {
  position: relative;
}
.highlights ul.grid li.col article.highlight .itemImage {
  height: 250px;
  overflow: hidden;
  max-width: 100%;
  margin: 0;
}
.highlights ul.grid li.col article.highlight .itemImage .bgImgWrapper {
  border-radius: 0;
}
.highlights ul.grid li.col article.highlight .itemContent {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.highlights ul.grid li.col article.highlight .itemContent .linkWrapper {
  padding: 2em;
  width: 100%;
  position: relative;
  max-width: 350px;
}
.highlights ul.grid li.col article.highlight .itemContent .linkWrapper a.icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  text-align: center;
  padding: 0 20px 0 60px;
  background-color: #eeedee;
  border-radius: 5px;
  min-height: 44px;
  font-size: 1rem;
}
.highlights ul.grid li.col article.highlight .itemContent .linkWrapper a.icon:before {
  content: "";
  width: 55px;
  height: 55px;
  position: absolute;
  top: 27px;
  left: 22px;
  background-color: #FDBF57;
  border-radius: 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.highlights ul.grid li.col article.highlight .itemContent .linkWrapper a.icon.video:before {
  background-image: url(/CFImages/Icons/play.svg);
}
.highlights ul.grid li.col article.highlight .itemContent .linkWrapper a.icon.browse:before {
  background-image: url(/CFImages/Icons/search.svg);
}
.highlights ul.grid li.col article.highlight .itemContent .linkWrapper a.icon.download:before {
  background-image: url(/CFImages/Icons/search.svg);
}
.highlights.singleHighlight ul.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.highlights.singleHighlight ul.grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
          flex-basis: calc(1 / 1 * 100% - 1rem);
}

/* #region TEAM SECTION*/
/* #region TEAM LISTING and RELATED TEAM */
.teammembers > .grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.teammembers > .grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 3) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 3 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 3 * 100% - 1rem);
          flex-basis: calc(1 / 3 * 100% - 1rem);
}
.teammembers .teammember .innerContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.teammembers .teammember .innerContent .itemImage {
  max-width: 240px;
  min-width: 240px;
  height: 240px;
  margin-right: 0;
  margin-bottom: 10px;
}
.teammembers .teammember .innerContent .itemImage div.bgImgWrapper .bgImg {
  background-position: top center;
}
.teammembers .teammember .innerContent .itemContent {
  text-align: center;
}
.teammembers .teammember .innerContent .itemContent h3 {
  margin: 0;
}
.teammembers .teammember .innerContent .itemContent h3 a:link, .teammembers .teammember .innerContent .itemContent h3 a:visited {
  color: #222;
}
@media only screen and (max-width: 1299px) {
  .teammembers > .grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -0.5rem;
  }
  .teammembers > .grid > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 2) * 100% - 1rem);*/
    -webkit-flex-basis: -webkit-calc(1 / 2 * 100% - 1rem);
        -ms-flex-preferred-size: calc(1 / 2 * 100% - 1rem);
            flex-basis: calc(1 / 2 * 100% - 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .teammembers > .grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -0.5rem;
  }
  .teammembers > .grid > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 1) * 100% - 1rem);*/
    -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
        -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
            flex-basis: calc(1 / 1 * 100% - 1rem);
  }
}

.teammembers.recommends {
  margin-bottom: 25px;
}
.teammembers.recommends > .grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.teammembers.recommends > .grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
          flex-basis: calc(1 / 1 * 100% - 1rem);
}
.teammembers.recommends .recommendsHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.teammembers.recommends .recommendsHeader a {
  color: #007096;
}
.teammembers.recommends .recommendsItems {
  display: block;
  margin-top: 15px;
}
.teammembers.recommends .recommendsItems .item {
  border-bottom: 1px solid #eeedee;
  padding-bottom: 15px;
  padding-top: 15px;
}
.teammembers.recommends .recommendsItems .item p.type {
  font-size: 14px;
  color: #5E6A71;
  margin: 0;
  font-family: Arial, sans-serif;
}
.teammembers.recommends .recommendsItems .item p.title {
  font-family: Arial, sans-serif;
  font-size: 18px;
  line-height: 1.35em;
  margin: 0;
}
.teammembers.recommends .recommendsItems .item .summary {
  line-height: 1.45em;
  margin: 0;
  font-size: 14px;
  color: #5E6A71;
  padding-top: 8px;
}
.teammembers.recommends .recommendsItems .item .summary .date {
  display: inline;
}

/* #region TEAM BIO PAGE */
.teammember.detailView span.position {
  margin: 0 0 25px;
  font-size: 21px;
}
.teammember.detailView ul.socialLinks {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.teammember.detailView .itemImage {
  max-width: 380px;
  min-width: 380px;
  height: 380px;
  margin: 0;
  margin-bottom: 10px;
}
.teammember.detailView .itemImage div.bgImgWrapper .bgImg {
  background-position: top center;
}
.teammember.detailView .recommends.teammembers .recommendsItems {
  margin-top: -10px;
}
@media only screen and (max-width: 1024px) {
  .teammember.detailView .grid.twoColumn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .teammember.detailView .grid.twoColumn .col {
    width: 100%;
  }
  .teammember.detailView .grid.twoColumn .left {
    margin-top: 30px;
  }
  .teammember.detailView .grid.twoColumn .right {
    margin-top: 0;
  }
  .teammember.detailView .grid.twoColumn .itemImage {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 500px) {
  .teammember.detailView .itemImage {
    max-width: 200px;
    min-width: 200px;
    height: 200px;
  }
}

/* #endregion TEAM BIO PAGE */
/* #region TEAM COMMENTS SECTION*/
/* #region TEAM COMMENTS LISTING */
.teamcomments > .grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.teamcomments > .grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 3) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 3 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 3 * 100% - 1rem);
          flex-basis: calc(1 / 3 * 100% - 1rem);
}
.teamcomments .teamcomment .innerContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.teamcomments .teamcomment .innerContent .itemImage {
  max-width: 240px;
  min-width: 240px;
  height: 240px;
  margin-right: 0;
  margin-bottom: 10px;
}
.teamcomments .teamcomment .innerContent .itemImage div.bgImgWrapper .bgImg {
  background-position: top center;
}
.teamcomments .teamcomment .innerContent .itemContent {
  text-align: center;
}
.teamcomments .teamcomment .innerContent .itemContent h3 {
  margin: 0;
}
.teamcomments .teamcomment .innerContent .itemContent h3 a:link, .teamcomments .teamcomment .innerContent .itemContent h3 a:visited {
  color: #222;
}
@media only screen and (max-width: 1299px) {
  .teamcomments > .grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -0.5rem;
  }
  .teamcomments > .grid > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 2) * 100% - 1rem);*/
    -webkit-flex-basis: -webkit-calc(1 / 2 * 100% - 1rem);
        -ms-flex-preferred-size: calc(1 / 2 * 100% - 1rem);
            flex-basis: calc(1 / 2 * 100% - 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .teamcomments > .grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -0.5rem;
  }
  .teamcomments > .grid > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 1) * 100% - 1rem);*/
    -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
        -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
            flex-basis: calc(1 / 1 * 100% - 1rem);
  }
}

/* #region TEAM COMMENTS BIO PAGE */
.teamcomment.detailView .testimonial {
  position: relative;
  padding: 35px 20px;
}
.teamcomment.detailView .testimonial:before {
  font-family: "Times New Roman", Times, serif;
  font-size: 200px;
  line-height: 1em;
  color: #eeedee;
  position: absolute;
  top: 0px;
  left: 5px;
  font-style: normal;
  z-index: 1;
  content: "“";
}
.teamcomment.detailView .testimonial .quote {
  font-size: 1.75em;
  line-height: 1.4em;
  color: #007096;
  font-style: italic;
  font-weight: 100;
  position: relative;
  z-index: 2;
}
.teamcomment.detailView .testimonial .quote p {
  font-weight: inherit;
  font-style: italic;
}
.teamcomment.detailView .testimonial .byLine {
  font-size: 13px;
  margin-top: 10px;
  color: #5E6A71;
  text-align: right;
  line-height: 1.45em;
}
.teamcomment.detailView .testimonial .byLine:before {
  content: "~";
}
@media only screen and (max-width: 1024px) {
  .teamcomment.detailView .testimonial .quote {
    font-size: 1.3em;
  }
}
.teamcomment.detailView span.position {
  margin: 0 0 25px;
  font-size: 21px;
}
.teamcomment.detailView .itemImage {
  max-width: 380px;
  min-width: 380px;
  height: 380px;
  margin: 0;
  margin-bottom: 10px;
}
.teamcomment.detailView .itemImage div.bgImgWrapper .bgImg {
  background-position: top center;
}
@media only screen and (max-width: 1024px) {
  .teamcomment.detailView .grid.twoColumn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .teamcomment.detailView .grid.twoColumn .col {
    width: 100%;
  }
  .teamcomment.detailView .grid.twoColumn .left {
    margin-top: 30px;
  }
  .teamcomment.detailView .grid.twoColumn .right {
    margin-top: 0;
  }
  .teamcomment.detailView .grid.twoColumn .itemImage {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 500px) {
  .teamcomment.detailView .itemImage {
    max-width: 200px;
    min-width: 200px;
    height: 200px;
  }
}

/* #endregion TEAM COMMENTS PAGE */
.firstParagraphHighlight {
  font-size: 150% !important;
  line-height: 1em;
}

/*#region IFRAME and VIDEO EMBED STYLING SECTION*/
iframe {
  max-width: 100%;
}

iframe {
  border: none;
}
iframe.embeddedSite {
  width: 100%;
  height: 1000px;
  border-top: 2px solid #000;
  border-bottom: 10px solid #000;
}

.videoWrapper, .embedWrapper, .videoEmbedWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe, .embedWrapper iframe, .videoEmbedWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*#endregion IFRAME and VIDEO EMBED STYLING SECTION*/
/*#endregion RELATED CONTENT SECTION*/
/* ### MHF Home Page ### */
.mhf.homePage .right .subscribe, .mhf.contactPage .right .subscribe, .rise.contactPage .right .subscribe {
  text-align: center;
}
.mhf.homePage .right .followUs, .mhf.contactPage .right .followUs, .rise.contactPage .right .followUs {
  text-align: center;
  border-top: 1px solid #cbd5de;
  border-bottom: 1px solid #cbd5de;
  padding: 25px 0;
  margin: 15px 0;
}
.mhf.homePage .homeNewsSlider, .mhf.contactPage .homeNewsSlider, .rise.contactPage .homeNewsSlider {
  margin-top: 2em;
  background-color: rgba(145, 161, 173, 0.2);
}

/* ### End MHF Home Page ### */
.viewMoreOuter {
  margin: 0em auto 3em;
  text-align: center;
}

.secondaryContent h3 {
  color: #7A003C;
  text-transform: uppercase;
  font-size: 1em;
  margin-top: 3em;
}

.printOnly {
  display: none;
}

.flexMe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.flexMe a {
  margin-right: 1rem;
}

.mobileOnly {
  display: none;
  height: 0;
  width: 0;
}

.colourSquare {
  padding: 1em;
  border-radius: 0.25rem !important;
  display: inline-block;
  margin: 1em;
  width: 250px;
}
.colourSquare.RISEblue {
  color: #fff;
  background-color: #0F77CC;
}
.colourSquare.MCMASTERgrey {
  color: #fff;
  background-color: #5E6A71;
}
.colourSquare.MCMASTERred {
  color: #fff;
  background-color: #A6192E;
}
.colourSquare.MCMASTERburgundy {
  color: #fff;
  background-color: #7A003C;
}
.colourSquare.MCMASTERdarkblue {
  color: #fff;
  background-color: #007096;
}
.colourSquare.MCMASTERgold {
  color: #000;
  background-color: #FDBF57;
}
.colourSquare.MCMASTERgreen {
  color: #fff;
  background-color: #007B4B;
}

.colourText.RISEblue {
  color: #0F77CC;
}
.colourText.MCMASTERgrey {
  color: #5E6A71;
}
.colourText.MCMASTERred {
  color: #A6192E;
}
.colourText.MCMASTERburgundy {
  color: #7A003C;
}
.colourText.MCMASTERdarkblue {
  color: #007096;
}
.colourText.MCMASTERgreen {
  color: #007B4B;
}

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

/*#region Partners SECTION*/
.partners ul.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -10px;
}
.partners ul.grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 10px;
  vertical-align: top;
  /*width: calc((1 / 3) * 100% - 20px);*/
  -webkit-flex-basis: -webkit-calc(1 / 3 * 100% - 20px);
      -ms-flex-preferred-size: calc(1 / 3 * 100% - 20px);
          flex-basis: calc(1 / 3 * 100% - 20px);
}
@media only screen and (max-width: 1200px) {
  .partners ul.grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 0;
  }
  .partners ul.grid > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0;
    vertical-align: top;
    /*width: calc((1 / 2) * 100%);*/
    -webkit-flex-basis: -webkit-calc(1 / 2 * 100%);
        -ms-flex-preferred-size: calc(1 / 2 * 100%);
            flex-basis: calc(1 / 2 * 100%);
  }
}
@media only screen and (max-width: 1024px) {
  .partners ul.grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -0.5rem;
  }
  .partners ul.grid > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 3) * 100% - 1rem);*/
    -webkit-flex-basis: -webkit-calc(1 / 3 * 100% - 1rem);
        -ms-flex-preferred-size: calc(1 / 3 * 100% - 1rem);
            flex-basis: calc(1 / 3 * 100% - 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .partners ul.grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -0.5rem;
  }
  .partners ul.grid > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 2) * 100% - 1rem);*/
    -webkit-flex-basis: -webkit-calc(1 / 2 * 100% - 1rem);
        -ms-flex-preferred-size: calc(1 / 2 * 100% - 1rem);
            flex-basis: calc(1 / 2 * 100% - 1rem);
  }
}
@media only screen and (max-width: 500px) {
  .partners ul.grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 0;
  }
  .partners ul.grid > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0;
    vertical-align: top;
    /*width: calc((1 / 1) * 100%);*/
    -webkit-flex-basis: -webkit-calc(1 / 1 * 100%);
        -ms-flex-preferred-size: calc(1 / 1 * 100%);
            flex-basis: calc(1 / 1 * 100%);
  }
}
.partners ul.grid li.col article {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2rem;
  min-height: 150px;
}
.partners ul.grid li.col article .imgWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.partners ul.grid li.col article .imgWrapper img {
  max-width: 150px;
}
/*#region Covid Hubs SECTION*/
.covidhubs .hub {
  padding: 0.5em 0.5em 1em 0.5em;
  border-bottom: 1px solid #abb7bf;
  margin-bottom: 1em;
}
.covidhubs .hub .urlWrapper p a {
  word-break: break-all;
}

.hub.detailView {
  margin-bottom: 2em;
}
.hub.detailView .urlWrapper p a {
  word-break: break-all;
}
.hub.detailView .hubOverview {
  margin-bottom: 1em;
  padding: 0;
}
.hub.detailView .hubOverview .right {
  padding: 1em;
  border: 1px solid #abb7bf;
  margin-top: 2em;
}
@media only screen and (max-width: 767px) {
  .hub.detailView .hubOverview .right {
    margin: 2em 0.5rem 0 0.5rem;
  }
}
@media only screen and (max-width: 1024px) {
  .hub.detailView .grid.hubOverview .col {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%;
  }
}
.hub.detailView .hubCoverage {
  padding: 1em;
  border: 1px solid #abb7bf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
  margin-bottom: 1em;
}
.hub.detailView .hubCoverage > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 3) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 3 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 3 * 100% - 1rem);
          flex-basis: calc(1 / 3 * 100% - 1rem);
}
@media only screen and (max-width: 767px) {
  .hub.detailView .hubCoverage {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -0.5rem;
  }
  .hub.detailView .hubCoverage > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 1) * 100% - 1rem);*/
    -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
        -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
            flex-basis: calc(1 / 1 * 100% - 1rem);
  }
}
.hub.detailView .hubDescriptive {
  margin-bottom: 1em;
  padding: 1em;
  border: 1px solid #abb7bf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.hub.detailView .hubDescriptive > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 3) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 3 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 3 * 100% - 1rem);
          flex-basis: calc(1 / 3 * 100% - 1rem);
}
@media only screen and (max-width: 768px) {
  .hub.detailView .hubDescriptive {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -0.5rem;
    margin-top: 1em;
  }
  .hub.detailView .hubDescriptive > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 1) * 100% - 1rem);*/
    -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
        -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
            flex-basis: calc(1 / 1 * 100% - 1rem);
  }
}
.hub.detailView .hubDescriptive .col {
  display: block;
}

/*#region Search Results SECTION        */
.searchTop {
  max-width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.searchTop > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
          flex-basis: calc(1 / 1 * 100% - 1rem);
}
.searchTop .resultSort {
  max-width: 300px;
}

.searchResults .searchItem {
  margin-bottom: 15px;
  padding: 30px 0;
  border-bottom: 1px solid #5E6A71;
}
.searchResults .searchItem h3 {
  margin-top: 0;
}

/*#end region Search Results SECTION        */
/*#region Filtered Content Items SECTION*/
.bd .filteredContent form {
  height: auto;
}
.bd .filteredContent.grid .leftSide.col {
  width: 250px !important;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  position: relative;
}
@media only screen and (max-width: 599px) {
  .bd .filteredContent.grid .leftSide.col {
    width: 100% !important;
    padding: 1em;
  }
  .bd .filteredContent.grid .leftSide.col .advancedFiltersContainer {
    border-right: none;
    padding: 0;
  }
}
.bd .filteredContent.grid .rightSide.col {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.bd .filteredContent.grid .rightSide.col #filteredContentResult {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.bd .filteredContent.grid .rightSide.col #filteredContentResult > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 2) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 2 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 2 * 100% - 1rem);
          flex-basis: calc(1 / 2 * 100% - 1rem);
}
@media only screen and (max-width: 1024px) {
  .bd .filteredContent.grid .rightSide.col #filteredContentResult {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -0.5rem;
  }
  .bd .filteredContent.grid .rightSide.col #filteredContentResult > .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /*order: 0;*/
    width: initial;
    max-width: 100%;
    margin: 0 0.5rem;
    vertical-align: top;
    /*width: calc((1 / 1) * 100% - 1rem);*/
    -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
        -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
            flex-basis: calc(1 / 1 * 100% - 1rem);
  }
}
.bd .filteredContent.grid .rightSide.col.eventitems.calendarView #filteredContentResult {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 0;
}
.bd .filteredContent.grid .rightSide.col.eventitems.calendarView #filteredContentResult > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0;
  vertical-align: top;
  /*width: calc((1 / 1) * 100%);*/
  -webkit-flex-basis: -webkit-calc(1 / 1 * 100%);
      -ms-flex-preferred-size: calc(1 / 1 * 100%);
          flex-basis: calc(1 / 1 * 100%);
}
.bd .filteredContent.grid .rightSide.col.projects #filteredContentResult {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.bd .filteredContent.grid .rightSide.col.projects #filteredContentResult > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
          flex-basis: calc(1 / 1 * 100% - 1rem);
}
.bd .filteredContent .filtersContainer {
  width: 100%;
  display: block;
  margin: 0;
  top: 200px;
  margin-bottom: 2rem;
}
.bd .filteredContent .keywordSearchContainer h2 {
  margin-bottom: 0 !important;
}
.bd .filteredContent .keywordSearchContainer .keywordSearch {
  border: 1px solid black;
  width: 98%;
  font-size: 1.2em;
  padding: 0.25em;
  background-color: #f1f1f1;
  margin-top: 0.5em;
}
.bd .filteredContent .buttonsContainer {
  font-size: 0.8em;
}
.bd .filteredContent .loadMoreContainer {
  text-align: center;
  margin: 4rem 0 6rem;
}
.bd .filteredContent .loadMoreContainer button i {
  margin-right: 0.4rem;
  font-size: 0.7rem;
}

.advancedFiltersContainer {
  padding: 0.25rem;
  background-color: white;
  width: 100%;
  height: auto;
  position: relative;
  border-right: 1px solid #536069;
}
.advancedFiltersContainer .contentFilters .grid.fields {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.advancedFiltersContainer .contentFilters .grid.fields > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
          flex-basis: calc(1 / 1 * 100% - 1rem);
}
.advancedFiltersContainer .contentFilters .filtersGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.advancedFiltersContainer .contentFilters .filtersGrid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
          flex-basis: calc(1 / 1 * 100% - 1rem);
}
.advancedFiltersContainer .contentFilters fieldset .grid.checkboxes {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.advancedFiltersContainer .contentFilters fieldset .grid.checkboxes > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  -webkit-flex-basis: -webkit-calc(1 / 1 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 1 * 100% - 1rem);
          flex-basis: calc(1 / 1 * 100% - 1rem);
}
.advancedFiltersContainer .contentFilters fieldset .grid.checkboxes > .col {
  /*margin: 0.2rem 0;*/
  margin-bottom: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1em;
}
.advancedFiltersContainer .contentFilters fieldset .grid.checkboxes > .col input {
  margin-right: 4px;
}
.advancedFiltersContainer .contentFilters fieldset .grid.checkboxes > .col.level2 {
  padding-left: 15px;
}
.advancedFiltersContainer .contentFilters fieldset .grid.checkboxes > .col.level3 {
  padding-left: 30px;
}
.advancedFiltersContainer .contentFilters fieldset .grid.checkboxes > .col.level4 {
  padding-left: 45px;
}
.advancedFiltersContainer .contentFilters fieldset .grid.checkboxes > .col.level5 {
  padding-left: 60px;
}
.advancedFiltersContainer .contentFilters fieldset .toggleAction {
  cursor: pointer;
  position: relative;
  padding: 0.5rem 0;
}
.advancedFiltersContainer .contentFilters fieldset .toggleAction h3 {
  font-size: 1em;
  margin: 0;
  padding-right: 1rem;
  font-weight: 500;
}
.advancedFiltersContainer .contentFilters fieldset .toggleAction button {
  position: absolute;
  top: 0.75rem;
  right: 0.5rem;
  font-size: 14px;
  padding: 0;
  background: none;
  border: none;
}
.advancedFiltersContainer .contentFilters fieldset .toggleAction button svg {
  color: black;
}
.advancedFiltersContainer .contentFilters fieldset .toggleAction button svg.fa-minus {
  display: none;
}
.advancedFiltersContainer .contentFilters fieldset .toggleAction button svg.fa-plus {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.advancedFiltersContainer .contentFilters fieldset.active .toggleAction button svg.fa-minus {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.advancedFiltersContainer .contentFilters fieldset.active .toggleAction button svg.fa-plus {
  display: none;
}
.advancedFiltersContainer .contentFilters fieldset .toggleContent {
  display: none;
  position: relative;
  position: relative;
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
}
.advancedFiltersContainer .contentFilters fieldset ul li {
  font-size: 0.8em;
}

#filtersDisplayContainer {
  margin: 0.5em 0;
  font-size: 0.8em;
}
#filtersDisplayContainer .activeFilterGroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#filtersDisplayContainer .activeFilterGroup .activeFilterTag {
  border: 1px solid #cbd5de;
  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: black;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

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

.stickyInner {
  padding-bottom: 4rem;
}

/*#endregion Filtered Content Items SECTION*/
/* #region DOCUMENTS SECTION */
div.document a {
  width: 100%;
  display: block;
  text-decoration: none !important;
  color: #007096;
}
div.document a h3 {
  color: #7A003C;
}
div.document a .grid div.col.iconExtension {
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
div.document a .grid div.col.iconExtension svg {
  font-size: 2em;
  color: black;
}
div.document a .grid div.col.iconExtension svg.typeIcon {
  display: block;
}
div.document a .grid div.col.iconExtension svg.hoverIcon {
  display: none;
}
div.document a .grid div.col.iconExtension div.textExtension {
  font-size: 1em;
}
div.document a .grid div.col.documentDetails h3.titleLink {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
}
div.document a .grid div.col.documentDetails .grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
  display: flex;
}
div.document a .grid div.col.documentDetails .grid > .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
}
div.document a .grid div.col.documentDetails span.col {
  margin: 0 1rem 0 0;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
div.document a:hover .grid .col.iconExtension svg.typeIcon, div.document a:focus .grid .col.iconExtension svg.typeIcon {
  display: none;
}
div.document a:hover .grid .col.iconExtension svg.hoverIcon, div.document a:focus .grid .col.iconExtension svg.hoverIcon {
  display: block;
}

/* #endregion DOCUMENTS SECTION*/
/****************************************************************************************************/
/*#region Enhanced Search */
/****************************************************************************************************/
.searchModal {
  display: none;
}

.searchBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.searchBox .sfsearchOpen {
  color: #007096;
  margin: 0;
  padding: 0;
  border: none;
  margin-right: 0.8rem;
  width: 2rem;
  height: 2rem;
  background: none;
  font-size: 1.6rem;
}
.searchBox .sfsearchOpen:focus, .searchBox .sfsearchOpen:hover {
  background-color: transparent;
}
.searchBox .sfsearchOpen:active {
  background-color: transparent;
}

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

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

.searchModal {
  /*width: $container;*/
  width: 42rem;
  max-width: 100%;
  padding: 2.4rem;
  background-color: white;
  border: 1px solid #5E6A71;
  /*@media(max-width: $S_Max) {*/
  /*width: calc(100vw - 4rem);*/
  /*padding: 3rem 2rem;
  }*/
}
.searchModal h3 {
  color: #007096;
  font-size: 1.6rem;
  margin-top: 0;
  margin-bottom: 0.4rem;
}
@media (max-width: 500px) {
  .searchModal {
    padding: 2rem 1rem;
  }
}
.searchModal fieldset {
  border: none;
  padding: 0;
}
.searchModal fieldset legend {
  font-weight: 600;
  /*margin-bottom: .5em;*/
  color: #5E6A71;
  background-color: white;
  padding: 0 0.4rem;
}
.searchModal .filters {
  display: grid;
  /*grid-template-columns: 1.3fr 2fr;*/
  grid-template-columns: 1fr 1fr;
  margin: 1.4rem 0;
  gap: 1.4rem;
}
.searchModal .filters fieldset {
  border: 1px solid #cbd5de;
  padding: 1rem;
}
.searchModal .fields input[type=search] {
  margin-right: -1px;
}
.searchModal .fields .button {
  margin: 0;
  border-radius: 0;
  border: 1px solid #abb7bf;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  background-color: white;
}
.searchModal .sfsearchSubmit {
  margin: 0;
}
.searchModal .sfsearchSubmit:after {
  width: var(--button-icon-size);
  height: var(--button-icon-size);
  background-size: cover;
  /*right: calc(var(--button-icon-size) / -2);*/
}
.searchModal .keywordSearchWrapper {
  gap: 0;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  --button-icon-size: 2.6rem;
  /*padding-right: calc(var(--button-icon-size) / 2);*/
  /*        button {
      width: 3rem;
      border: $border;
      border-radius: 0;
      margin: 0;
      padding: .2rem .6rem;

      @include focusAndHover {
          .icon {
              &:before {
                  filter: brightness(0) invert(1);
              }
          }
      }
  }*/
}
.searchModal .keywordSearchWrapper input[type=search] {
  background: none;
  z-index: 10;
  /*            border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;*/
}
.searchModal .keywordSearchWrapper .sfsearchSubmit {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -1px;
  /*margin-left: -39px;*/
}
.searchModal .keywordSearchWrapper .sfsearchSubmit:focus {
  outline: 2px solid #007096;
}
.searchModal input[type=radio] {
  cursor: pointer;
  accent-color: #007096;
}
.searchModal input[type=checkbox] {
  cursor: pointer;
}
.searchModal input[type=checkbox]:disabled {
  cursor: default;
}
.searchModal .radios {
  /*        display: flex;
  flex-direction: column;*/
  gap: 0.4rem 1.4rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
}
.searchModal .radios .field {
  position: relative;
  min-height: 1rem;
}
.searchModal .radios .field label {
  display: block;
  padding-left: 1.2rem;
}
.searchModal .radios .field label input {
  position: absolute;
  top: 0.1em;
  left: 0;
  line-height: 1;
  height: 1em;
  /*                    
  left: 0;
  top: 50%;
  transform: translateY(-50%);*/
}
.searchModal .radios .field.field-current-page label {
  font-weight: 700;
}
.searchModal .checkboxes {
  width: 100%;
  margin: 0;
  display: grid;
  gap: 0.4rem 1.4rem;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
}
.searchModal .checkboxes .field {
  border-color: #cbd5de;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  min-height: 1rem;
}
.searchModal .checkboxes .field label {
  padding: 0 0.5rem;
}
.searchModal .checkboxes .field input[type=checkbox] {
  accent-color: #007096;
}
.searchModal .checkboxes .field input[type=checkbox]:disabled + label {
  color: #cbd5de;
}
.searchModal button.close {
  top: 2rem;
  right: 2rem;
  width: 2.6rem;
  height: 2.6rem;
  position: absolute;
  border: none;
  padding: 0;
  border-radius: 999px;
  background-color: white;
  border: none;
  background: transparent;
  color: white;
  font-size: 1.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #7A003C;
}
.searchModal button.close:hover, .searchModal button.close:focus, .searchModal button.close:active {
  color: white;
  background-color: #5E6A71;
}
.searchModal button.close:before {
  background-image: url(/CFImages/Icons/plus-red.svg);
  background-size: 1rem auto;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  content: " ";
  display: inline-block;
  position: absolute;
  inset: 0;
}
.searchModal button.close html.popup_visible_searchModal-1 #wrapper > main {
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

#onPageSearchModal_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 2rem;
}
#onPageSearchModal_wrapper fieldset {
  margin: 0;
}
#onPageSearchModal_wrapper .fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#onPageSearchModal_wrapper ::-moz-selection {
  background-color: #007096;
  color: white;
}
#onPageSearchModal_wrapper ::selection {
  background-color: #007096;
  color: white;
}
#onPageSearchModal_wrapper input {
  background: white;
  border: 1px solid #5E6A71;
}
#onPageSearchModal_wrapper input:focus {
  outline: 1px solid black;
  outline-offset: 0;
}
#onPageSearchModal_wrapper button {
  background: white;
  border: 1px solid #5E6A71;
  border-radius: 0;
  width: 2.4rem;
}
#onPageSearchModal_wrapper button:focus, #onPageSearchModal_wrapper button:hover {
  background-color: #eeedee;
  outline: 1px solid black;
}
#onPageSearchModal_wrapper button:active {
  background-color: #e2e0e2;
}
#onPageSearchModal_wrapper .popup_content {
  padding: 1rem;
  border: 1px solid black;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
#onPageSearchModal_wrapper .popup_content.results #resultsCount {
  color: #5E6A71;
}
#onPageSearchModal_wrapper .popup_content.no-results {
  color: white;
}
#onPageSearchModal_wrapper #resultsCount {
  font-style: italic;
  font-weight: bold;
  margin: 0.2rem 0;
  margin-bottom: -0.4rem;
}
#onPageSearchModal_wrapper #resultsCount span {
  font: inherit;
}

@-webkit-keyframes hilitorShow {
  0% {
    -webkit-transform: scaleX(1) scaleY(1);
            transform: scaleX(1) scaleY(1);
  }
  50% {
    -webkit-transform: scaleX(1.7) scaleY(1.3);
            transform: scaleX(1.7) scaleY(1.3);
  }
  100% {
    -webkit-transform: scaleX(1) scaleY(1);
            transform: scaleX(1) scaleY(1);
  }
}

@keyframes hilitorShow {
  0% {
    -webkit-transform: scaleX(1) scaleY(1);
            transform: scaleX(1) scaleY(1);
  }
  50% {
    -webkit-transform: scaleX(1.7) scaleY(1.3);
            transform: scaleX(1.7) scaleY(1.3);
  }
  100% {
    -webkit-transform: scaleX(1) scaleY(1);
            transform: scaleX(1) scaleY(1);
  }
}
.hilitor {
  font-style: normal;
  position: relative;
}
.hilitor:before {
  content: " ";
  position: absolute;
  /*inset: -2px -4px;*/
  inset: 0;
  border: 2px solid var(--hilitor-color);
  z-index: -1;
}
.hilitor.isTarget {
  color: black;
  background-color: var(--hilitor-color);
}
.hilitor.isTarget:before {
  -webkit-animation: hilitorShow 500ms ease-in-out;
          animation: hilitorShow 500ms ease-in-out;
  background-color: var(--hilitor-color);
}

.enhancedSearchResults {
  display: grid;
  grid-template-columns: 16rem 1fr;
  gap: 1.4rem;
  padding-top: 1rem;
  /* Filters */
  /* Search Results List */
}
.enhancedSearchResults .searchFilters {
  grid-column: 1;
  position: relative;
}
.enhancedSearchResults .searchFilters .sticky {
  /*top: var(--header-height);*/
  top: 2rem;
  position: -webkit-sticky;
  position: sticky;
  /*            &.stuck {
      inset: initial;
      top: 0;
      position: fixed;
  }*/
}
.enhancedSearchResults .searchFilters .contentTypes input[type=checkbox]:disabled + label {
  color: #cbd5de;
}
.enhancedSearchResults .searchFilters fieldset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1rem;
  border: 1px solid #abb7bf;
  padding: 1rem;
  width: 100%;
}
.enhancedSearchResults .searchFilters fieldset legend {
  text-transform: none;
  color: #5E6A71;
  font-size: 0.7rem;
}
.enhancedSearchResults .searchFilters fieldset .checkbox {
  width: 100%;
}
.enhancedSearchResults .searchFilters fieldset .checkbox label:after {
  border-color: #cbd5de;
}
.enhancedSearchResults .searchFilters input {
  color: #5E6A71;
  background: white;
  border: 1px solid #abb7bf;
}
.enhancedSearchResults .searchFilters select {
  color: #5E6A71;
  border: 1px solid #abb7bf;
  background-color: white;
}
.enhancedSearchResults .searchFilters .radios {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.4rem 1.4rem;
}
.enhancedSearchResults .searchFilters .radios .field {
  position: relative;
  min-height: 1rem;
}
.enhancedSearchResults .searchFilters .radios .field label {
  display: block;
  padding-left: 1.2rem;
}
.enhancedSearchResults .searchFilters .radios .field label input {
  position: absolute;
  top: 0.1em;
  left: 0;
  line-height: 1;
  height: 1em;
}
.enhancedSearchResults .searchFilters .checkboxes {
  display: grid;
  gap: 0.4rem 1.4rem;
}
.enhancedSearchResults .searchFilters label.fieldLabel {
  text-transform: none;
  color: #5E6A71;
  font-size: 0.7rem;
}
.enhancedSearchResults .searchFilters .fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  width: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.enhancedSearchResults .searchFilters .fields .field {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.enhancedSearchResults .loadingCounterWrapper {
  /*        background-color: white;
  border: $border;
  padding: 1rem;
  position: sticky;
  top: var(--header-height);
  z-index: 999;
  margin-bottom: 1rem;
  margin-top: 1.5rem;*/
  margin-bottom: 2rem;
}
.enhancedSearchResults .loadingCounterWrapper #loadingCounter {
  /*margin: 0.5rem 0 2rem;*/
  margin: 0;
  height: 1.4rem;
}
.enhancedSearchResults .loadingCounterWrapper #loadingCounter strong {
  font-style: italic;
}
.enhancedSearchResults .searchResultsWrapper {
  padding-top: 1.2rem;
}
.enhancedSearchResults #searchResults {
  grid-column: 2;
  gap: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.enhancedSearchResults #searchResults > h2 {
  margin-top: 0;
}
.enhancedSearchResults #searchResults ul.results {
  gap: 2rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  margin: 2rem 0;
}
.enhancedSearchResults #searchResults ul.results > li {
  width: 100%;
  min-width: 0;
}
.enhancedSearchResults #searchResults div.searchPager {
  margin: 2rem 0;
  text-align: center;
}
.enhancedSearchResults #searchResults div.searchPager ul.pagination {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.enhancedSearchResults #searchResults div.searchPager ul.pagination > li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
}
.enhancedSearchResults #searchResults div.searchPager ul.pagination li {
  margin-top: 1rem;
}
.enhancedSearchResults #searchResults div.searchPager ul.pagination li.active a {
  color: #7A003C;
}
@media (max-width: 767px) {
  .enhancedSearchResults {
    grid-template-columns: 1fr;
  }
  .enhancedSearchResults .searchFilters .checkboxes {
    display: grid;
    gap: 0.4rem;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    overflow-y: scroll;
    max-height: 7rem;
    font-size: 0.9rem;
  }
}

/* Search Result Card (SHARED) */
.searchResult.cardView {
  border: 1px solid #abb7bf;
  padding: 1.4rem 1.4rem;
  width: 100%;
  position: relative;
}
.searchResult.cardView.clickable:before {
  inset: 0;
}
.searchResult.cardView .meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.7rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.2rem;
}
.searchResult.cardView .meta .labelValuesSeparator {
  width: 1px;
  height: 1em;
  background-color: #007096;
  margin: 0 0.6em;
}
.searchResult.cardView .meta .areas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.4rem;
  margin: 0;
}
.searchResult.cardView .meta .areas .area {
  font-size: 12px;
  background: #007096;
  color: white;
  padding: 4px 10px;
}
.searchResult.cardView .meta .dates {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #5E6A71;
  display: block;
  margin: 0.2em 0;
  font-style: italic;
  /*            &:before {
      content: ' ';
      background-color: $primaryColour;
      width: 1px;
      height: 0.8rem;
      position: relative;
      margin: 0 0.6em;
  }*/
}
.searchResult.cardView .meta .type, .searchResult.cardView .meta .contentType {
  color: white;
  /*background-color: $MCMASTERburgundy;*/
  background: #5E6A71;
  font-size: 12px;
  padding: 4px 10px;
  display: inline-block;
}
.searchResult.cardView h3 {
  margin: 0;
}
@media (max-width: 767px) {
  .searchResult.cardView h3 {
    font-size: 1.2rem;
  }
}
.searchResult.cardView .preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.searchResult.cardView .preview .image {
  width: 10rem;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.searchResult.cardView .preview .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.searchResult.cardView .itemContent .excerpt {
  margin: 0.8rem 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.searchResult.cardView .links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 0.6rem;
  /*justify-content: flex-end;*/
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.searchResult.cardView .links a {
  border: 1px solid #abb7bf;
  border-radius: 50px;
  padding: 0.4rem 1rem;
  display: inline-block;
  text-decoration: none;
  background-color: white;
}
.searchResult.cardView .links a svg {
  margin-right: 0.4em;
}
.searchResult.cardView .links .button {
  width: auto;
  min-width: 9rem;
  padding-right: 2.7rem;
}

/* #endregion */
/****************************************************************************************************/
/* BackEnd Edit Link Styles */
article.detailView, .top.detailView {
  position: relative;
}

a.backendEditLink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0.5rem 0;
  position: absolute;
  z-index: 5;
  border: 1px solid #007096;
  border-radius: 0.5rem;
  background: white;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: flex-end;
      -ms-flex-line-pack: end;
          align-content: flex-end;
  width: auto;
  height: auto;
  right: 1rem;
  top: 3rem;
  padding: 0.5rem;
  color: #007096 !important;
  font-size: 0.8rem;
  gap: 0.4em;
}
a.backendEditLink:hover {
  color: #007096 !important;
}

.icon.audio {
  display: inline-block;
  font-size: 16px;
}
.icon.audio:before {
  content: " ";
  width: 1.4em;
  height: 1.4em;
  display: inline-block;
  background-image: url(/CFImages/Icons/audio.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* ########################## QR CODE ####################### */
/* You may need to position the parent content so that the position absolute is accurate */
.innerContainer, .detailView .breadCrumb {
  position: relative;
}

.qrTrigger {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 2rem;
}

.openQRModal {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 5;
  text-decoration: none;
}
.openQRModal svg {
  font-size: 30px !important;
}
.openQRModal:hover span, .openQRModal:focus span {
  color: #004a63;
}

.QRModal {
  position: absolute;
  top: -webkit-calc(100% + 0.5rem);
  top: calc(100% + 0.5rem);
  right: 0;
  z-index: 10;
  background: #fff;
  border-radius: 6px;
  padding: 0.75rem;
  -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
          box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease, visibility 0s linear 0.2s, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, visibility 0s linear 0.2s, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s, -webkit-transform 0.2s ease;
}
.QRModal.isOpen {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.QRCodeWrapper {
  display: block;
  text-align: center;
}
.QRCodeWrapper img {
  display: block;
  width: 250px;
  height: auto;
  margin: 0 auto;
}
.QRCodeWrapper .downloadQRCode {
  display: inline-block;
  font-size: 0.75rem;
  color: #007096;
  text-decoration: underline;
}
.QRCodeWrapper .downloadQRCode:hover {
  text-decoration: none;
}

/* ########################## END OF QR CODE ####################### */
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/*
    Placeholder usage:

    .className {
        @extend %placeHoldername;
    }
*/
nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
}

nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  font-weight: 400;
}

a.button, .button {
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #cbd5de;
  border-radius: 500px;
  min-width: 200px;
  margin: 1.25em 0 0 0;
  padding: 6px 50px 6px 15px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-align: center;
  line-height: 1.7em;
  background-color: white;
  color: #000;
}
.button:after {
  content: "";
  height: 36px;
  width: 36px;
  background-image: url(/CFImages/Icons/mcmaster-button-arrow.svg);
  background-size: 36px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.button:hover, .hover.button {
  background-color: #eeedee;
  text-decoration: none !important;
}
.button:hover:after, .hover.button:after {
  background-image: url(/CFImages/Icons/hover-button-arrow.svg);
}
.alt.button {
  padding: 11px 18px 10px;
  margin: 2em 0 0 0;
  border: none;
  border-radius: 0;
  background: #7A003C;
  color: #fff;
}
.alt.button:after {
  content: none;
}
.alt.button:hover, .alt.hover.button {
  background: #5E6A71;
}
.no-arrow.button {
  padding-right: 15px;
  background: #7A003C;
  color: #fff;
}
.no-arrow.button:after {
  content: none;
}
.no-arrow.button:hover, .no-arrow.hover.button {
  background: #470023;
}
/* 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;
      -ms-hyphens: auto;
          hyphens: auto;
  white-space: unset;
}

div.bgImgWrapper .bgImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}

/* ### Navigation Menus ### */
.k-ie11 .k-menu .k-animation-container {
  left: 0px !important;
  top: 69px !important;
}
.k-ie11 .k-menu .k-animation-container .k-animation-container {
  left: 180px !important;
  top: 0px !important;
}

.pageWrapper {
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  left: 0;
}

/*#region MOBILE MENU*/
button.hamburger {
  min-width: 0;
  margin: 0;
  border: none;
  background: none;
  display: none;
  position: absolute;
  right: 0.5rem;
  top: 1.8rem;
  z-index: 500;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: none;
  padding: 0.5rem;
}
button.hamburger:before, button.hamburger:after {
  content: none;
}
button.hamburger span {
  display: block;
  width: 2.2rem;
  height: 5px;
  background-color: #5E6A71;
  margin: 0 0 8px 0;
}
button.hamburger span:nth-child(4) {
  margin-bottom: 0;
}
button.hamburger:hover {
  cursor: pointer;
  background: none;
}
button.hamburger:hover span {
  background-color: #007096;
}
button.hamburger.open {
  height: 2.5rem;
}
button.hamburger.open span {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  background-color: #000;
  margin: 0;
}
button.hamburger.open span:nth-child(1) {
  display: none;
}
button.hamburger.open span:nth-child(2) {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  top: 5px;
}
button.hamburger.open span:nth-child(3) {
  top: 0;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
button.hamburger.open span:nth-child(4) {
  display: none;
}

.mobileHeader {
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  top: -3000px;
}

.mobileHeader.withNavOpen {
  left: 0;
  top: 0;
}

nav.mobileNav {
  position: fixed;
  padding: 6rem 0;
  z-index: 100;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-color: #eaeaea;
  overflow-y: auto;
  height: 100%;
  width: 600px;
  right: 0;
  border-left: 1px solid #cbd5de;
}
nav.mobileNav div.staticContent .sf-Long-text .socialLinks, nav.mobileNav div.staticContent .sfContentBlock .socialLinks {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
}
nav.mobileNav div.staticContent .sf-Long-text .socialLinks a, nav.mobileNav div.staticContent .sfContentBlock .socialLinks a {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  nav.mobileNav {
    width: 100%;
  }
}
nav.mobileNav .k-treeview {
  padding: 0;
  white-space: normal;
}
nav.mobileNav .k-treeview .rootMenuItem.k-item {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  border: none;
  position: relative;
}
nav.mobileNav .k-treeview .rootMenuItem.k-item:hover {
  background-color: #cbd5de;
}
nav.mobileNav .k-treeview .rootMenuItem.k-item .k-link {
  width: 100%;
  padding: 0.75rem 3rem 0.75rem 1rem;
  border: none;
  border-bottom: 1px solid #abb7bf;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  color: #000;
  line-height: initial;
}
nav.mobileNav .k-treeview .rootMenuItem.k-item .k-link.k-state-hover, nav.mobileNav .k-treeview .rootMenuItem.k-item .k-link.k-state-active, nav.mobileNav .k-treeview .rootMenuItem.k-item .k-link.k-state-selected, nav.mobileNav .k-treeview .rootMenuItem.k-item .k-link.k-state-focused {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  color: #000;
  background-color: #fff;
}
nav.mobileNav .k-treeview .rootMenuItem.k-item .k-icon {
  position: absolute;
  right: 1.2rem;
  top: 0.8rem;
  margin: 0;
  padding: 0;
  z-index: 2;
}
nav.mobileNav .k-treeview .rootMenuItem.k-item .k-icon:hover:before {
  color: #fff;
  border-color: #fff;
}
nav.mobileNav .k-treeview .rootMenuItem.k-item .k-icon:before {
  padding: 0.4rem 0.8rem;
  margin: 0;
  border: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 0.5rem;
  content: "";
}
nav.mobileNav .k-treeview .rootMenuItem.k-item .k-icon.k-i-expand:before {
  background-image: url(/CFImages/Icons/plus.svg);
}
nav.mobileNav .k-treeview .rootMenuItem.k-item .k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/minus.svg);
}
nav.mobileNav .k-treeview .rootMenuItem.k-item ul.k-group {
  padding: 0;
  border: none;
}
nav.mobileNav .k-treeview .rootMenuItem.k-item ul.k-group .k-item {
  border-bottom: none;
  position: relative;
  padding: 0;
  /* .selected */
}
nav.mobileNav .k-treeview .rootMenuItem.k-item ul.k-group .k-item.selected .k-link {
  background-color: #cbd5de;
}
nav.mobileNav .k-treeview .rootMenuItem.k-item ul.k-group .k-item .k-link {
  padding-left: 1.5rem;
  font-size: 1rem;
  text-transform: none;
}
nav.mobileNav .k-treeview .rootMenuItem.k-item ul.k-group .k-item ul.k-group .k-item .k-link {
  padding-left: 2rem;
}
nav.mobileNav .staticContent {
  padding: 2rem 0.5rem;
}
nav.mobileNav .staticContent h1, nav.mobileNav .staticContent h2, nav.mobileNav .staticContent h3, nav.mobileNav .staticContent h4, nav.mobileNav .staticContent h5, nav.mobileNav .staticContent p, nav.mobileNav .staticContent a, nav.mobileNav .staticContent ul li, nav.mobileNav .staticContent div, nav.mobileNav .staticContent span {
  color: #000;
}
nav.mobileNav .staticContent .sf-Long-text a:link, nav.mobileNav .staticContent .sf-Long-text a:visited, nav.mobileNav .staticContent .sf-Long-text a:not(.button) a:link, nav.mobileNav .staticContent .sf-Long-text a:not(.button) a:visited {
  color: #000;
}

/*#endregion MOBILE MENU*/
.navigation .mainNavigation {
  /* CustomDefault .mainNav */
}
.navigation .mainNavigation nav ul.mainNav {
  display: none;
  opacity: 0;
  z-index: 2;
  /* selected states (CFAdded selected or childSelected classes) */
}
.navigation .mainNavigation nav ul.mainNav.initialized {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}
.navigation .mainNavigation nav ul.mainNav:focus, .navigation .mainNavigation nav ul.mainNav:active {
  outline: 2px solid #5E6A71;
  outline-offset: 2px;
}
.navigation .mainNavigation nav ul.mainNav.k-menu-horizontal {
  border: none;
  background: none;
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
      -ms-flex: 1 auto;
          flex: 1 auto;
  background-color: #5E6A71;
  border: none;
  padding: 0;
  margin: 0 1px 0 0;
  /*                    &.k-last {
                          margin: 0;
                          background-color: $primaryColour;
                      }*/
  /* hover state */
  /* Sub elements */
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.highlight {
  background-color: #007096;
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-right: 0 !important;
  margin-right: 1px;
  padding: 12px 0;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 1.25em;
  color: #fff;
  outline: 0;
  text-decoration: none;
  cursor: pointer;
  /* The down icons */
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link:focus, .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link:active {
  background-color: #7A003C;
  outline: 2px solid #5E6A71;
  outline-offset: 2px;
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link .k-icon {
  display: none;
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link.k-state-active {
  background-color: #007096;
  color: #fff;
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-state-hover {
  background-color: #007096;
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-state-hover a.k-link {
  color: #fff;
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item .k-animation-container {
  width: 100%;
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group {
  border: none;
  background-color: #7A003C;
  padding: 0;
  width: 100%;
  display: none;
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group .k-animation-container {
  width: 100%;
  top: auto !important;
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item {
  border: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* hover state */
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link {
  min-width: -webkit-calc(100% - 22px);
  min-width: calc(100% - 22px); /* - padding */
  padding: 12px 11px;
  border: none !important;
  border-radius: 0;
  background: none;
  color: #fff;
  white-space: normal;
  text-align: left;
  font-size: 1em;
  /* The down icons */
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link .k-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link .k-icon:before {
  color: #fff;
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link.k-state-active {
  background-color: #7A003C;
  color: #fff;
}
.navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.k-state-hover {
  background-color: #5E6A71;
}
.navigation .mainNavigation nav ul.mainNav .rootMenuItem.k-item.childSelected, .navigation .mainNavigation nav ul.mainNav .rootMenuItem.k-item.selected {
  /*                    &:after {
      content: "";
      height: 5px;
      background-color: $MCMASTERburgundy;
      width: 40px;
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
  }*/
}
.navigation .mainNavigation nav ul.mainNav .rootMenuItem.k-item.childSelected .k-link, .navigation .mainNavigation nav ul.mainNav .rootMenuItem.k-item.selected .k-link {
  font-weight: 700;
  /*background-color: $RISEblue;*/
  background-color: var(--active-nav-color);
}
.navigation .mainNavigation nav ul.mainNav .k-group .k-item.selected {
  background-color: #404a50;
}
.navigation .mainNavigation nav ul.mainNav .k-group .k-item.selected a.k-link.selected {
  color: #fff;
  background-color: #404a50;
}
.navigation .secondaryNavigation {
  /* CustomTopLevelSimple .topLevelSimple */
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #5E6A71;
}
.navigation .secondaryNavigation nav.topLevelSimple ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* selected states (CFAdded selected or childSelected classes) */
}
.navigation .secondaryNavigation nav.topLevelSimple ul:focus, .navigation .secondaryNavigation nav.topLevelSimple ul:active {
  outline: 2px solid #5E6A71;
  outline-offset: 2px;
}
.navigation .secondaryNavigation nav.topLevelSimple ul li.rootMenuItem {
  padding: 0 0.5rem;
  margin: 1rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
      -ms-flex: 1 auto;
          flex: 1 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.navigation .secondaryNavigation nav.topLevelSimple ul li.rootMenuItem a {
  font-size: 1em;
  color: #7A003C;
  text-decoration: none;
  /* hover state */
}
.navigation .secondaryNavigation nav.topLevelSimple ul li.rootMenuItem a:focus, .navigation .secondaryNavigation nav.topLevelSimple ul li.rootMenuItem a:active {
  outline: 2px solid #5E6A71;
  outline-offset: 2px;
}
.navigation .secondaryNavigation nav.topLevelSimple ul li.rootMenuItem a:hover {
  color: #007096;
}
.navigation .secondaryNavigation nav.topLevelSimple ul .rootMenuItem.selected a {
  color: #007096;
}

/*#region SITEMAP(CFSiteMapComplete) MENU*/
nav ul.siteMapComplete {
  padding-left: 2em;
}
nav ul.siteMapComplete li {
  padding: 0.35em 0 0 0.25em;
  list-style-type: disc;
  text-transform: none;
}
nav ul.siteMapComplete li.rootMenuItem {
  list-style-type: square;
  text-transform: uppercase;
}
nav ul.siteMapComplete li.rootMenuItem ul {
  padding-left: 2em;
}
nav ul.siteMapComplete li.rootMenuItem ul.level2 {
  padding-left: 4em;
}
nav ul.siteMapComplete li.rootMenuItem ul.level3 {
  padding-left: 6em;
}
nav ul.siteMapComplete li.rootMenuItem ul.level4 {
  padding-left: 8em;
}
nav ul.siteMapComplete li.reset {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
nav ul.siteMapComplete li a.toggleAction.button {
  margin: 0.5em 0 0 0;
}
nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  content: "\f067";
  color: #007096;
  margin-left: 1em;
}
nav ul.siteMapComplete li.active a.toggleAction.withPlusMinus:after {
  content: "\f068";
}
nav ul.siteMapComplete div.toggleContent {
  display: none;
}
nav ul.siteMapComplete div.toggleContent.active {
  display: block;
}

/*#endregion SITEMAP(CFSiteMapComplete) MENU*/
/*#region TABSTRIP*/
.tabstrip {
  display: none;
}

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

.k-tabstrip-wrapper .k-tabstrip {
  background: none;
  border: none;
}
.k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items {
  margin: 0;
  text-transform: uppercase;
  background: none;
  border: none;
}
.k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items .k-item {
  background: none;
  border: none;
  border-radius: 0;
}
.k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items .k-item .k-loading {
  border: none;
}
.k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items .k-item .k-link {
  font-size: 1em;
  font-weight: 700;
  background: none;
  border: none;
  color: #5E6A71;
  text-transform: uppercase;
}
.k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items .k-item.k-state-active .k-link {
  color: #7A003C;
}
.k-tabstrip-wrapper .k-tabstrip:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.k-tabstrip-wrapper .k-tabstrip .k-content {
  background-color: transparent;
  border: none;
}
.k-tabstrip-wrapper .k-tabstrip .k-content.k-state-active {
  background-color: transparent;
}

/*#endregion TABSTRIP*/
/*#region PanelBar */
.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;
}

ul.k-panelbar {
  margin: 1em 0;
  padding: 0;
  background: none !important;
  border: none;
}
ul.k-panelbar li.k-item.k-first a.k-link.k-header {
  color: #007096;
  padding-left: 0;
  font-size: 1.2em;
  cursor: pointer;
}
ul.k-panelbar li.k-item.k-first a.k-link.k-header span.k-icon {
  display: none;
}
ul.k-panelbar li.k-item.k-first:hover, ul.k-panelbar li.k-item.k-first:focus {
  background-color: transparent;
  cursor: pointer;
}
ul.k-panelbar li.k-item.k-first:hover a.k-link.k-header, ul.k-panelbar li.k-item.k-first:focus a.k-link.k-header {
  background-color: transparent;
}
ul.k-panelbar li.k-item {
  cursor: pointer;
  position: relative;
  padding: 1em 2em 1em 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: -webkit-box-shadow 0.2s linear;
  transition: -webkit-box-shadow 0.2s linear;
  transition: box-shadow 0.2s linear;
  transition: box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
  margin-bottom: 1em;
  background-color: transparent;
  background-image: none;
  border-bottom: none;
  padding: 0;
  border-top: 0;
}
ul.k-panelbar li.k-item ul.k-group {
  background: none !important;
  border: none !important;
}
ul.k-panelbar li.k-item ul.k-group li.k-item {
  background-color: #fff;
  padding: 0;
  border: none;
  margin: 0;
}
ul.k-panelbar li.k-item ul.k-group li.k-item:before {
  content: "»";
  position: absolute;
  z-index: 1;
  top: 0.75rem;
  left: 0.5rem;
  color: #7A003C;
}
ul.k-panelbar li.k-item ul.k-group li.k-item a.k-link {
  color: #7A003C;
  font-size: 16px;
  line-height: 1em;
  text-decoration: none;
  text-transform: none;
  border: none;
  cursor: pointer;
  border-bottom: 1px solid #cbd5de;
  padding: 1rem 0.3rem 1rem 1.5rem;
}
ul.k-panelbar li.k-item ul.k-group li.k-item a.k-link.k-state-selected {
  color: #007096;
  background-color: transparent;
}
ul.k-panelbar li.k-item ul.k-group li.k-item a.k-link span.k-icon {
  color: #5E6A71;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 1rem;
}
ul.k-panelbar li.k-item ul.k-group li.k-item a.k-link span.k-icon:before {
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 1rem;
}
ul.k-panelbar li.k-item ul.k-group li.k-item a.k-link span.k-icon.k-panelbar-collapse:before {
  content: "–";
}
ul.k-panelbar li.k-item ul.k-group li.k-item a.k-link span.k-icon.k-panelbar-expand:before {
  content: "+";
}
ul.k-panelbar li.k-item ul.k-group li.k-item a.k-link:focus, ul.k-panelbar li.k-item ul.k-group li.k-item a.k-link:active {
  outline: 1px solid #000;
}
ul.k-panelbar li.k-item ul.k-group li.k-item:hover {
  color: #007096;
  background-color: #eeedee;
}
ul.k-panelbar li.k-item ul.k-group li.k-item:hover:before {
  color: #007096;
}
ul.k-panelbar li.k-item ul.k-group li.k-item:hover a.k-link {
  color: #007096;
  background-color: transparent;
}
ul.k-panelbar li.k-item ul.k-group li.k-item.selected {
  background-color: #eeedee;
}
ul.k-panelbar li.k-item ul.k-group li.k-item.selected a.k-link {
  color: #007096;
}
ul.k-panelbar li.k-item ul.k-group li.k-item.selected:before {
  color: #007096;
}
ul.k-panelbar li.k-item ul.k-group li.k-item ul.k-group li.k-item:before {
  left: 1.5rem;
}
ul.k-panelbar li.k-item ul.k-group li.k-item ul.k-group li.k-item a.k-link {
  padding-left: 2.5rem;
}

/*# end region PanelBar */
/*#region ULListAccordian */
.accordionUL {
  position: relative;
}
.accordionUL ul.level1 li {
  text-transform: uppercase;
  position: relative;
}
.accordionUL ul.level1 li.hasChildren {
  padding-right: 25px;
}
.accordionUL ul.level1 li.hasChildren span.toggle {
  position: absolute;
  right: 0;
  color: #7A003C;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.accordionUL ul.level1 li.hasChildren span.toggle:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f107";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 50%;
  padding-top: 5px;
}
.accordionUL ul.level1 li.hasChildren ul {
  display: none;
  padding-left: 2em;
}
.accordionUL ul.level1 li.hasChildren ul li {
  text-transform: none;
  position: relative;
  margin-left: 1em;
}
.accordionUL ul.level1 li.hasChildren ul li:before {
  top: 12px;
  left: 0;
  content: "";
  background-color: #007096;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  height: 0.5em;
  width: 0.5em;
}
.accordionUL ul.level1 li.hasChildren ul li ul {
  display: block;
}
.accordionUL ul.level1 li.hasChildren ul li.hasChildren span.toggle {
  display: none;
  padding-left: 0;
}
.accordionUL ul.level1 li.hasChildren.active span.toggle:after {
  content: "\f106";
}
/*#region Pagers */
div.pager, .searchPager {
  margin-top: 45px;
}
div.pager em.text-muted, .searchPager em.text-muted {
  display: block;
  margin-bottom: 10px;
}
div.pager ul.pagination, .searchPager ul.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
div.pager ul.pagination li, .searchPager ul.pagination li {
  margin: 0 0 1rem 0;
}
div.pager ul.pagination li a, .searchPager ul.pagination li a {
  margin: 0 5px;
  padding: 0.5rem 1rem;
  background-color: #5E6A71;
  color: #fff;
  font-size: 1rem;
}
div.pager ul.pagination li a:hover, .searchPager ul.pagination li a:hover {
  background-color: #000;
}
div.pager ul.pagination li.active a, .searchPager ul.pagination li.active a {
  background-color: #000;
}

/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/*
    Placeholder usage:

    .className {
        @extend %placeHoldername;
    }
*/
nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
}

nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  font-weight: 400;
}

a.button, .button {
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #cbd5de;
  border-radius: 500px;
  min-width: 200px;
  margin: 1.25em 0 0 0;
  padding: 6px 50px 6px 15px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-align: center;
  line-height: 1.7em;
  background-color: white;
  color: #000;
}
.button:after {
  content: "";
  height: 36px;
  width: 36px;
  background-image: url(/CFImages/Icons/mcmaster-button-arrow.svg);
  background-size: 36px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.button:hover, .hover.button {
  background-color: #eeedee;
  text-decoration: none !important;
}
.button:hover:after, .hover.button:after {
  background-image: url(/CFImages/Icons/hover-button-arrow.svg);
}
.alt.button {
  padding: 11px 18px 10px;
  margin: 2em 0 0 0;
  border: none;
  border-radius: 0;
  background: #7A003C;
  color: #fff;
}
.alt.button:after {
  content: none;
}
.alt.button:hover, .alt.hover.button {
  background: #5E6A71;
}
.no-arrow.button {
  padding-right: 15px;
  background: #7A003C;
  color: #fff;
}
.no-arrow.button:after {
  content: none;
}
.no-arrow.button:hover, .no-arrow.hover.button {
  background: #470023;
}
/* 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;
      -ms-hyphens: auto;
          hyphens: auto;
  white-space: unset;
}

div.bgImgWrapper .bgImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}

body.rise {
  /* ### Typography ### */
  /* Links */
  /* Updates to banner */
}
body.rise header .topHeader ul.sf-lang-selector {
  position: fixed;
  background-color: #0F77CC;
  font-size: 0.7rem;
  z-index: 100;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
body.rise header .topHeader ul.sf-lang-selector li:first-child {
  border-right: 1px solid #fff;
}
body.rise header .topHeader ul.sf-lang-selector li {
  padding: 0.5rem;
  margin: 0;
}
body.rise header .topHeader ul.sf-lang-selector li a {
  color: #fff;
  height: 100%;
  width: 100%;
}
body.rise h1 {
  color: #5E6A71;
}
body.rise h2, body.rise h3, body.rise h4, body.rise h5, body.rise h6 {
  color: #000;
}
body.rise ul li {
  color: #000;
}
body.rise a:link, body.rise a:visited {
  color: #0F77CC;
  text-decoration: underline;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
body.rise a:hover, body.rise a:active {
  color: #7A003C;
}
body.rise a:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
body.rise button, body.rise a.button, body.rise input[type=submit] {
  color: #000;
  text-decoration: none;
}
body.rise button:after, body.rise a.button:after, body.rise input[type=submit]:after {
  background-image: url(/CFImages/Icons/mcmaster-button-arrow-RISE.svg);
}
body.rise button:hover:after, body.rise button.hover:after, body.rise a.button:hover:after, body.rise a.button.hover:after, body.rise input[type=submit]:hover:after, body.rise input[type=submit].hover:after {
  background-image: url(/CFImages/Icons/hover-button-arrow.svg);
}
body.rise button.alt, body.rise a.button.alt, body.rise input[type=submit].alt {
  background-color: #0F77CC;
  color: #fff;
}
body.rise button.alt:hover, body.rise button.alt.hover, body.rise a.button.alt:hover, body.rise a.button.alt.hover, body.rise input[type=submit].alt:hover, body.rise input[type=submit].alt.hover {
  background-color: #5E6A71;
}
body.rise button.no-arrow, body.rise a.button.no-arrow, body.rise input[type=submit].no-arrow {
  background-color: #0F77CC;
  color: #fff;
}
body.rise button.no-arrow:hover, body.rise button.no-arrow.hover, body.rise a.button.no-arrow:hover, body.rise a.button.no-arrow.hover, body.rise input[type=submit].no-arrow:hover, body.rise input[type=submit].no-arrow.hover {
  background-color: #5E6A71;
}
body.rise .topper .insidePages.topperSlider .slide {
  background-color: #0F77CC;
}
body.rise .topper .insidePages.topperSlider .slide .contentWrapper .innerContent > * {
  z-index: 1 !important;
  color: #fff !important;
}
body.rise .navigation .mainNavigation {
  /* CustomDefault .mainNav */
}
body.rise .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item {
  background-color: #5E6A71;
  /* hover state */
  /* Sub elements */
}
body.rise .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-last {
  background-color: #5E6A71;
}
body.rise .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link {
  color: #fff;
}
body.rise .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link:focus, body.rise .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link:active {
  background-color: #0F77CC;
  outline: 2px solid #0F77CC;
}
body.rise .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link.k-state-active {
  background-color: #0F77CC;
  color: #fff;
}
body.rise .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-state-hover {
  background-color: #0F77CC;
}
body.rise .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-state-hover a.k-link {
  color: #fff;
}
body.rise .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group {
  background-color: #0F77CC;
}
body.rise .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item {
  /* hover state */
}
body.rise .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link {
  color: #fff;
  /* The down icons */
}
body.rise .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link .k-icon:before {
  color: #fff;
}
body.rise .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link.k-state-active {
  background-color: #fff;
  color: #0F77CC;
}
body.rise .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.k-state-hover {
  background-color: #fff;
}
body.rise .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.k-state-hover > a.k-link {
  color: #0F77CC;
}
body.rise .navigation .secondaryNavigation nav.topLevelSimple ul li.rootMenuItem a {
  color: #0F77CC;
}
body.rise .navigation .secondaryNavigation nav.topLevelSimple ul li.rootMenuItem a:hover {
  color: #7A003C;
}
body.rise .navigation .secondaryNavigation nav.topLevelSimple ul .rootMenuItem.selected a {
  color: #7A003C;
}
body.rise ul.sharingLinks li.sharingLink:hover, body.rise ul.sharingLinks li.sharingLink:focus ul.sharingLinks li.sharingLink:active {
  background-color: #0F77CC;
}
body.rise ul.socialLinks li a, body.rise .sf-Long-text ul.socialLinks li a {
  background-color: #0F77CC;
  color: #fff;
}
body.rise ul.socialLinks li a:hover, body.rise .sf-Long-text ul.socialLinks li a:hover {
  background-color: #5E6A71;
}
body.rise .accordianGroup .accordianItem .itemHeader {
  background-color: #0F77CC;
}
body.rise footer .termsFooter .social ul.socialLinks a {
  background-color: #0F77CC;
}
body.rise footer .termsFooter .social ul.socialLinks a:hover {
  background-color: #5E6A71;
}
body.rise footer .preFooter .subscribeBar {
  display: none;
}

@media only screen and (max-width: 1024px) {
  body.rise {
    /* Updates to banner */
  }
  body.rise .topper .insidePages.topperSlider .slide a:hover, body.rise .topper .insidePages.topperSlider .slide a:active, body.rise .topper .insidePages.topperSlider .slide a:visited, body.rise .topper .insidePages.topperSlider .slide a:link {
    text-decoration: none !important;
  }
  body.rise .topper .insidePages.topperSlider .slide .contentWrapper {
    height: 100%;
    padding: 0 20px;
  }
  body.rise .topper .insidePages.topperSlider .slide .contentWrapper .innerContent {
    top: 60px;
    text-align: center;
    z-index: 3;
  }
  body.rise .topper .insidePages.topperSlider .slide .contentWrapper .innerContent .title {
    padding: 0;
    font-size: 30px;
    width: 100%;
  }
  body.rise .topper .insidePages.topperSlider .slide .contentWrapper .innerContent .subtitle {
    font-size: 15px;
    margin-top: 10px;
  }
  body.rise .topper .insidePages.topperSlider .slide .contentWrapper .innerContent > * {
    color: #fff !important;
  }
  body.rise .topper .insidePages.topperSlider .slide.imageOnlySlide .mobileImage {
    display: block;
    position: absolute;
    top: 0;
    left: 10%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0% 40%;
    width: 80%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
  }
}
@media only screen and (max-width: 767px) {
  body.rise {
    /* Updates to banner */
  }
  body.rise .topper .slider.topperSlider.insidePages .slide .mobileImage {
    height: 100%;
    background-position: center right;
    left: 0%;
  }
  body.rise .topper .slider.topperSlider.insidePages .slide.imageOnlySlide .mobileImage {
    left: 10%;
    background-position: 0% 40%;
    width: 80%;
  }
}
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/*
    Placeholder usage:

    .className {
        @extend %placeHoldername;
    }
*/
nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
}

nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  font-weight: 400;
}

a.button, .button {
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #cbd5de;
  border-radius: 500px;
  min-width: 200px;
  margin: 1.25em 0 0 0;
  padding: 6px 50px 6px 15px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-align: center;
  line-height: 1.7em;
  background-color: white;
  color: #000;
}
.button:after {
  content: "";
  height: 36px;
  width: 36px;
  background-image: url(/CFImages/Icons/mcmaster-button-arrow.svg);
  background-size: 36px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.button:hover, .hover.button {
  background-color: #eeedee;
  text-decoration: none !important;
}
.button:hover:after, .hover.button:after {
  background-image: url(/CFImages/Icons/hover-button-arrow.svg);
}
.alt.button {
  padding: 11px 18px 10px;
  margin: 2em 0 0 0;
  border: none;
  border-radius: 0;
  background: #7A003C;
  color: #fff;
}
.alt.button:after {
  content: none;
}
.alt.button:hover, .alt.hover.button {
  background: #5E6A71;
}
.no-arrow.button {
  padding-right: 15px;
  background: #7A003C;
  color: #fff;
}
.no-arrow.button:after {
  content: none;
}
.no-arrow.button:hover, .no-arrow.hover.button {
  background: #470023;
}
/* 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;
      -ms-hyphens: auto;
          hyphens: auto;
  white-space: unset;
}

div.bgImgWrapper .bgImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}

body.networks {
  /* Updates to banner */
}
body.networks .topper .insidePages.topperSlider .slide .contentWrapper .innerContent > * {
  color: #fff !important;
}
body.networks.covidend, body.networks.canimpact {
  /* ### Typography ### */
  /* Links */
  /* Updates to banner */
  /*.navigation .secondaryNavigation ul li:last-child {
      display: none;
  }*/
}
body.networks.covidend h1, body.networks.canimpact h1 {
  color: #5E6A71;
}
body.networks.covidend h2, body.networks.covidend h3, body.networks.covidend h4, body.networks.covidend h5, body.networks.covidend h6, body.networks.canimpact h2, body.networks.canimpact h3, body.networks.canimpact h4, body.networks.canimpact h5, body.networks.canimpact h6 {
  color: #000;
}
body.networks.covidend ul li, body.networks.canimpact ul li {
  color: #000;
}
body.networks.covidend a:link, body.networks.covidend a:visited, body.networks.canimpact a:link, body.networks.canimpact a:visited {
  color: #A6192E;
  text-decoration: underline;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
body.networks.covidend a:hover, body.networks.covidend a:active, body.networks.canimpact a:hover, body.networks.canimpact a:active {
  color: #007096;
}
body.networks.covidend a:focus, body.networks.canimpact a:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
body.networks.covidend a.button, body.networks.covidend .button, body.networks.covidend input[type=submit], body.networks.canimpact a.button, body.networks.canimpact .button, body.networks.canimpact input[type=submit] {
  color: #000;
  text-decoration: none;
}
body.networks.covidend a.button:after, body.networks.covidend .button:after, body.networks.covidend input[type=submit]:after, body.networks.canimpact a.button:after, body.networks.canimpact .button:after, body.networks.canimpact input[type=submit]:after {
  background-image: url(/CFImages/Icons/mcmaster-button-arrow-RED.svg);
}
body.networks.covidend a.button:hover:after, body.networks.covidend a.button.hover:after, body.networks.covidend .button:hover:after, body.networks.covidend .button.hover:after, body.networks.covidend input[type=submit]:hover:after, body.networks.covidend input[type=submit].hover:after, body.networks.canimpact a.button:hover:after, body.networks.canimpact a.button.hover:after, body.networks.canimpact .button:hover:after, body.networks.canimpact .button.hover:after, body.networks.canimpact input[type=submit]:hover:after, body.networks.canimpact input[type=submit].hover:after {
  background-image: url(/CFImages/Icons/hover-button-arrow.svg);
}
body.networks.covidend a.button.alt, body.networks.covidend .button.alt, body.networks.covidend input[type=submit].alt, body.networks.canimpact a.button.alt, body.networks.canimpact .button.alt, body.networks.canimpact input[type=submit].alt {
  background-color: #A6192E;
  color: #fff;
}
body.networks.covidend a.button.alt:hover, body.networks.covidend a.button.alt.hover, body.networks.covidend .button.alt:hover, body.networks.covidend .button.alt.hover, body.networks.covidend input[type=submit].alt:hover, body.networks.covidend input[type=submit].alt.hover, body.networks.canimpact a.button.alt:hover, body.networks.canimpact a.button.alt.hover, body.networks.canimpact .button.alt:hover, body.networks.canimpact .button.alt.hover, body.networks.canimpact input[type=submit].alt:hover, body.networks.canimpact input[type=submit].alt.hover {
  background-color: #5E6A71;
}
body.networks.covidend a.button.no-arrow, body.networks.covidend .button.no-arrow, body.networks.covidend input[type=submit].no-arrow, body.networks.canimpact a.button.no-arrow, body.networks.canimpact .button.no-arrow, body.networks.canimpact input[type=submit].no-arrow {
  background-color: #A6192E;
  color: #fff;
}
body.networks.covidend a.button.no-arrow:hover, body.networks.covidend a.button.no-arrow.hover, body.networks.covidend .button.no-arrow:hover, body.networks.covidend .button.no-arrow.hover, body.networks.covidend input[type=submit].no-arrow:hover, body.networks.covidend input[type=submit].no-arrow.hover, body.networks.canimpact a.button.no-arrow:hover, body.networks.canimpact a.button.no-arrow.hover, body.networks.canimpact .button.no-arrow:hover, body.networks.canimpact .button.no-arrow.hover, body.networks.canimpact input[type=submit].no-arrow:hover, body.networks.canimpact input[type=submit].no-arrow.hover {
  background-color: #5E6A71;
}
body.networks.covidend .topper .insidePages.topperSlider .slide, body.networks.canimpact .topper .insidePages.topperSlider .slide {
  background-color: #A6192E;
}
body.networks.covidend .navigation .mainNavigation, body.networks.canimpact .navigation .mainNavigation {
  /* CustomDefault .mainNav */
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav {
  /* selected states for root menu items(CFAdded selected or childSelected classes) */
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item {
  background-color: #5E6A71;
  /* hover state */
  /* Sub elements */
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-last, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-last {
  background-color: #5E6A71;
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link {
  color: #fff;
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link:focus, body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link:active, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link:focus, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link:active {
  background-color: #404a50;
  outline: 2px solid #404a50;
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link.k-state-active, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link.k-state-active {
  background-color: #404a50;
  color: #fff;
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-state-hover, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-state-hover {
  background-color: #404a50;
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-state-hover a.k-link, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-state-hover a.k-link {
  color: #fff;
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group {
  background-color: #A6192E;
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item {
  /* hover state */
  /*special highlight flag*/
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link {
  color: #fff;
  /* The down icons */
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link .k-icon:before, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link .k-icon:before {
  color: #fff;
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link.k-state-active, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link.k-state-active {
  background-color: #fff;
  color: #A6192E;
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.k-state-hover, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.k-state-hover {
  background-color: #fff;
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.k-state-hover > a.k-link, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.k-state-hover > a.k-link {
  color: #A6192E;
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.highlight, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.highlight {
  background-color: #404a50;
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.highlight.k-state-hover, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.highlight.k-state-hover {
  background-color: #fff;
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav .rootMenuItem.k-item.childSelected:after, body.networks.covidend .navigation .mainNavigation nav ul.mainNav .rootMenuItem.k-item.selected:after, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav .rootMenuItem.k-item.childSelected:after, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav .rootMenuItem.k-item.selected:after {
  background-color: #A6192E;
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.selected, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.selected {
  background-color: #fff;
}
body.networks.covidend .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.selected a.k-link.selected, body.networks.canimpact .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.selected a.k-link.selected {
  color: #A6192E;
}
body.networks.covidend .navigation .secondaryNavigation nav.topLevelSimple ul li.rootMenuItem a, body.networks.canimpact .navigation .secondaryNavigation nav.topLevelSimple ul li.rootMenuItem a {
  color: #A6192E;
}
body.networks.covidend .navigation .secondaryNavigation nav.topLevelSimple ul li.rootMenuItem a:hover, body.networks.canimpact .navigation .secondaryNavigation nav.topLevelSimple ul li.rootMenuItem a:hover {
  color: #007096;
}
body.networks.covidend .navigation .secondaryNavigation nav.topLevelSimple ul .rootMenuItem.selected a, body.networks.canimpact .navigation .secondaryNavigation nav.topLevelSimple ul .rootMenuItem.selected a {
  color: #007096;
}
body.networks.covidend ul.sharingLinks li.sharingLink:hover, body.networks.covidend ul.sharingLinks li.sharingLink:focus ul.sharingLinks li.sharingLink:active, body.networks.canimpact ul.sharingLinks li.sharingLink:hover, body.networks.canimpact ul.sharingLinks li.sharingLink:focus ul.sharingLinks li.sharingLink:active {
  background-color: #A6192E;
}
body.networks.covidend .accordianGroup .accordianItem .itemHeader, body.networks.canimpact .accordianGroup .accordianItem .itemHeader {
  background-color: #A6192E;
  color: #fff;
}
body.networks.covidend .accordianGroup .accordianItem .itemHeader .sfContentBlock.sf-Long-text, body.networks.canimpact .accordianGroup .accordianItem .itemHeader .sfContentBlock.sf-Long-text {
  color: #fff;
}
body.networks.covidend ul.socialLinks li a, body.networks.covidend .sf-Long-text ul.socialLinks li a, body.networks.canimpact ul.socialLinks li a, body.networks.canimpact .sf-Long-text ul.socialLinks li a {
  background-color: #A6192E;
  color: #fff;
}
body.networks.covidend ul.socialLinks li a:hover, body.networks.covidend .sf-Long-text ul.socialLinks li a:hover, body.networks.canimpact ul.socialLinks li a:hover, body.networks.canimpact .sf-Long-text ul.socialLinks li a:hover {
  background-color: #5E6A71;
}
body.networks.covidend footer .termsFooter .social ul.socialLinks a, body.networks.canimpact footer .termsFooter .social ul.socialLinks a {
  background-color: #A6192E;
}
body.networks.covidend footer .termsFooter .social ul.socialLinks a:hover, body.networks.canimpact footer .termsFooter .social ul.socialLinks a:hover {
  background-color: #5E6A71;
}
body.networks.covidend footer .preFooter .subscribeBar, body.networks.canimpact footer .preFooter .subscribeBar {
  display: none;
}
body.networks.globalnet {
  /* ### Typography ### */
  /* Links */
  /* Updates to banner */
}
body.networks.globalnet h1 {
  color: #5E6A71;
}
body.networks.globalnet h2, body.networks.globalnet h3, body.networks.globalnet h4, body.networks.globalnet h5, body.networks.globalnet h6 {
  color: #000;
}
body.networks.globalnet ul li {
  color: #000;
}
body.networks.globalnet a:link, body.networks.globalnet a:visited {
  color: #007096;
  text-decoration: underline;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
body.networks.globalnet a:hover, body.networks.globalnet a:active {
  color: #7A003C;
}
body.networks.globalnet a:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
body.networks.globalnet a.button, body.networks.globalnet .button, body.networks.globalnet input[type=submit] {
  color: #000;
  text-decoration: none;
}
body.networks.globalnet a.button:after, body.networks.globalnet .button:after, body.networks.globalnet input[type=submit]:after {
  background-image: url(/CFImages/Icons/mcmaster-button-arrow-GOLD.svg);
}
body.networks.globalnet a.button:hover:after, body.networks.globalnet a.button.hover:after, body.networks.globalnet .button:hover:after, body.networks.globalnet .button.hover:after, body.networks.globalnet input[type=submit]:hover:after, body.networks.globalnet input[type=submit].hover:after {
  background-image: url(/CFImages/Icons/hover-button-arrow.svg);
}
body.networks.globalnet a.button.alt, body.networks.globalnet .button.alt, body.networks.globalnet input[type=submit].alt {
  background-color: #FDBF57;
  color: #000;
}
body.networks.globalnet a.button.alt:hover, body.networks.globalnet a.button.alt.hover, body.networks.globalnet .button.alt:hover, body.networks.globalnet .button.alt.hover, body.networks.globalnet input[type=submit].alt:hover, body.networks.globalnet input[type=submit].alt.hover {
  background-color: #5E6A71;
  color: #fff;
}
body.networks.globalnet a.button.no-arrow, body.networks.globalnet .button.no-arrow, body.networks.globalnet input[type=submit].no-arrow {
  background-color: #FDBF57;
  color: #000;
}
body.networks.globalnet a.button.no-arrow:hover, body.networks.globalnet a.button.no-arrow.hover, body.networks.globalnet .button.no-arrow:hover, body.networks.globalnet .button.no-arrow.hover, body.networks.globalnet input[type=submit].no-arrow:hover, body.networks.globalnet input[type=submit].no-arrow.hover {
  background-color: #5E6A71;
  color: #fff;
}
body.networks.globalnet .topper .insidePages.topperSlider .slide {
  background-color: #007096;
}
body.networks.globalnet .navigation .mainNavigation {
  /* CustomDefault .mainNav */
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav {
  /* selected states for root menu items(CFAdded selected or childSelected classes) */
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item {
  background-color: #5E6A71;
  /* hover state */
  /* Sub elements */
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-last {
  background-color: #5E6A71;
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link {
  color: #fff;
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link:focus, body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link:active {
  background-color: #404a50;
  outline: 2px solid #404a50;
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link.k-state-active {
  background-color: #404a50;
  color: #fff;
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-state-hover {
  background-color: #404a50;
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-state-hover a.k-link {
  color: #fff;
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group {
  background-color: #007096;
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item {
  /* hover state */
  /*special highlight flag*/
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link {
  color: #fff;
  /* The down icons */
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link .k-icon:before {
  color: #fff;
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link.k-state-active {
  background-color: #fff;
  color: #007096;
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.k-state-hover {
  background-color: #FDBF57;
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.k-state-hover > a.k-link {
  color: #000;
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.highlight {
  background-color: #404a50;
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.highlight.k-state-hover {
  background-color: #fff;
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav .rootMenuItem.k-item.childSelected:after, body.networks.globalnet .navigation .mainNavigation nav ul.mainNav .rootMenuItem.k-item.selected:after {
  background-color: #FDBF57;
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.selected {
  background-color: #FDBF57;
}
body.networks.globalnet .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.selected a.k-link.selected {
  color: #000;
}
body.networks.globalnet .navigation .secondaryNavigation nav.topLevelSimple ul li.rootMenuItem a {
  color: #007096;
}
body.networks.globalnet .navigation .secondaryNavigation nav.topLevelSimple ul li.rootMenuItem a:hover {
  color: #7A003C;
}
body.networks.globalnet .navigation .secondaryNavigation nav.topLevelSimple ul .rootMenuItem.selected a {
  color: #7A003C;
}
body.networks.globalnet ul.sharingLinks li.sharingLink:hover, body.networks.globalnet ul.sharingLinks li.sharingLink:focus ul.sharingLinks li.sharingLink:active {
  background-color: #FDBF57;
}
body.networks.globalnet .accordianGroup .accordianItem .itemHeader {
  background-color: #FDBF57;
  color: #000 !important;
}
body.networks.globalnet .accordianGroup .accordianItem .itemHeader:after {
  color: #000;
}
body.networks.globalnet ul.socialLinks li a, body.networks.globalnet .sf-Long-text ul.socialLinks li a {
  background-color: #FDBF57;
  color: #000;
}
body.networks.globalnet ul.socialLinks li a:hover, body.networks.globalnet .sf-Long-text ul.socialLinks li a:hover {
  background-color: #5E6A71;
}
body.networks.globalnet footer .termsFooter .social ul.socialLinks a {
  background-color: #FDBF57;
  color: #000;
}
body.networks.globalnet footer .termsFooter .social ul.socialLinks a:hover {
  background-color: #5E6A71;
  color: #fff;
}
body.networks.globalnet footer .preFooter .subscribeBar {
  display: none;
}
body.networks.gcesc {
  /* ### Typography ### */
  /* Links */
  /* Updates to banner */
}
body.networks.gcesc h1 {
  color: #5E6A71;
}
body.networks.gcesc h2, body.networks.gcesc h3, body.networks.gcesc h4, body.networks.gcesc h5, body.networks.gcesc h6 {
  color: #000;
}
body.networks.gcesc ul li {
  color: #000;
}
body.networks.gcesc a:link, body.networks.gcesc a:visited {
  color: #254776;
  text-decoration: underline;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
body.networks.gcesc a:hover, body.networks.gcesc a:active {
  color: #007096;
}
body.networks.gcesc a:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
body.networks.gcesc a.button, body.networks.gcesc .button, body.networks.gcesc input[type=submit] {
  color: #000;
  text-decoration: none;
}
body.networks.gcesc a.button:after, body.networks.gcesc .button:after, body.networks.gcesc input[type=submit]:after {
  background-image: url(/CFImages/Icons/mcmaster-button-arrow-GOLD.svg);
}
body.networks.gcesc a.button:hover:after, body.networks.gcesc a.button.hover:after, body.networks.gcesc .button:hover:after, body.networks.gcesc .button.hover:after, body.networks.gcesc input[type=submit]:hover:after, body.networks.gcesc input[type=submit].hover:after {
  background-image: url(/CFImages/Icons/hover-button-arrow.svg);
}
body.networks.gcesc a.button.alt, body.networks.gcesc .button.alt, body.networks.gcesc input[type=submit].alt {
  background-color: #FDBF57;
  color: #000;
}
body.networks.gcesc a.button.alt:hover, body.networks.gcesc a.button.alt.hover, body.networks.gcesc .button.alt:hover, body.networks.gcesc .button.alt.hover, body.networks.gcesc input[type=submit].alt:hover, body.networks.gcesc input[type=submit].alt.hover {
  background-color: #5E6A71;
  color: #fff;
}
body.networks.gcesc a.button.no-arrow, body.networks.gcesc .button.no-arrow, body.networks.gcesc input[type=submit].no-arrow {
  background-color: #FDBF57;
  color: #000;
}
body.networks.gcesc a.button.no-arrow:hover, body.networks.gcesc a.button.no-arrow.hover, body.networks.gcesc .button.no-arrow:hover, body.networks.gcesc .button.no-arrow.hover, body.networks.gcesc input[type=submit].no-arrow:hover, body.networks.gcesc input[type=submit].no-arrow.hover {
  background-color: #5E6A71;
  color: #fff;
}
body.networks.gcesc .topper .insidePages.topperSlider .slide {
  background-color: #254776;
}
body.networks.gcesc .navigation .mainNavigation {
  /* CustomDefault .mainNav */
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav {
  /* selected states for root menu items(CFAdded selected or childSelected classes) */
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item {
  background-color: #5E6A71;
  /* hover state */
  /* Sub elements */
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-last {
  background-color: #5E6A71;
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link {
  color: #fff;
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link:focus, body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link:active {
  background-color: #000;
  outline: 2px solid #000;
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item a.k-link.k-state-active {
  background-color: #000;
  color: #fff;
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-state-hover {
  background-color: #000;
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item.k-state-hover a.k-link {
  color: #fff;
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group {
  background-color: #254776;
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item {
  /* hover state */
  /*special highlight flag*/
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link {
  color: #fff;
  /* The down icons */
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link .k-icon:before {
  color: #fff;
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item a.k-link.k-state-active {
  background-color: #fff;
  color: #254776;
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.k-state-hover {
  background-color: #FDBF57;
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.k-state-hover > a.k-link {
  color: #000;
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.highlight {
  background-color: #404a50;
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.highlight.k-state-hover {
  background-color: #fff;
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav .rootMenuItem.k-item.childSelected, body.networks.gcesc .navigation .mainNavigation nav ul.mainNav .rootMenuItem.k-item.selected {
  background-color: #000;
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav .rootMenuItem.k-item.childSelected:after, body.networks.gcesc .navigation .mainNavigation nav ul.mainNav .rootMenuItem.k-item.selected:after {
  background-color: #FDBF57;
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.selected {
  background-color: #FDBF57;
}
body.networks.gcesc .navigation .mainNavigation nav ul.mainNav li.rootMenuItem.k-item ul.k-group.k-menu-group li.k-item.selected a.k-link.selected {
  color: #000;
}
body.networks.gcesc .navigation .secondaryNavigation nav.topLevelSimple ul li.rootMenuItem a {
  color: #254776;
}
body.networks.gcesc .navigation .secondaryNavigation nav.topLevelSimple ul li.rootMenuItem a:hover {
  color: #007096;
}
body.networks.gcesc .navigation .secondaryNavigation nav.topLevelSimple ul .rootMenuItem.selected a {
  color: #000;
}
body.networks.gcesc ul.sharingLinks li.sharingLink:hover, body.networks.gcesc ul.sharingLinks li.sharingLink:focus ul.sharingLinks li.sharingLink:active {
  background-color: #FDBF57;
}
body.networks.gcesc .accordianGroup .accordianItem .itemHeader {
  background-color: #254776;
  color: #fff !important;
}
body.networks.gcesc .accordianGroup .accordianItem .itemHeader:after {
  color: #fff;
}
body.networks.gcesc ul.socialLinks li a, body.networks.gcesc .sf-Long-text ul.socialLinks li a {
  background-color: #FDBF57;
  color: #000;
}
body.networks.gcesc ul.socialLinks li a:hover, body.networks.gcesc .sf-Long-text ul.socialLinks li a:hover {
  background-color: #5E6A71;
  color: #fff;
}
body.networks.gcesc footer .termsFooter .social ul.socialLinks a {
  background-color: #FDBF57;
  color: #000;
}
body.networks.gcesc footer .termsFooter .social ul.socialLinks a:hover {
  background-color: #5E6A71;
  color: #fff;
}
body.networks.gcesc footer .mainFooter .logos .sfContentBlock a img {
  max-width: 250px;
}
body.networks.gcesc footer .preFooter .subscribeBar {
  display: none;
}
body.networks.gcesc .scrollToTop {
  background-color: #FDBF57;
  color: #000;
}

@media only screen and (max-width: 1024px) {
  body.networks {
    /* Updates to banner */
  }
  body.networks .topper .insidePages.topperSlider .slide a:hover, body.networks .topper .insidePages.topperSlider .slide a:active, body.networks .topper .insidePages.topperSlider .slide a:visited, body.networks .topper .insidePages.topperSlider .slide a:link {
    text-decoration: none !important;
  }
  body.networks .topper .insidePages.topperSlider .slide .contentWrapper {
    height: 100%;
    padding: 0 20px;
  }
  body.networks .topper .insidePages.topperSlider .slide .contentWrapper .innerContent {
    top: 60px;
    text-align: center;
    z-index: 3;
  }
  body.networks .topper .insidePages.topperSlider .slide .contentWrapper .innerContent .title {
    padding: 0;
    font-size: 30px;
    width: 100%;
  }
  body.networks .topper .insidePages.topperSlider .slide .contentWrapper .innerContent .subtitle {
    font-size: 15px;
    margin-top: 10px;
  }
  body.networks .topper .insidePages.topperSlider .slide .contentWrapper .innerContent > * {
    color: #fff !important;
  }
  body.networks .topper .insidePages.topperSlider .slide.imageOnlySlide .mobileImage {
    display: block;
    position: absolute;
    top: 0;
    left: 10%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0% 40%;
    width: 80%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
  }
}
@media only screen and (max-width: 767px) {
  body.networks {
    /* Updates to banner */
  }
  body.networks .topper .slider.topperSlider.insidePages .slide .mobileImage {
    height: 100%;
    background-position: center right;
    left: 0%;
  }
  body.networks .topper .slider.topperSlider.insidePages .slide.imageOnlySlide .mobileImage {
    left: 10%;
    background-position: 0% 40%;
    width: 80%;
  }
}
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/*
    Placeholder usage:

    .className {
        @extend %placeHoldername;
    }
*/
nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
}

nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  font-weight: 400;
}

a.button, .button {
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #cbd5de;
  border-radius: 500px;
  min-width: 200px;
  margin: 1.25em 0 0 0;
  padding: 6px 50px 6px 15px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-align: center;
  line-height: 1.7em;
  background-color: white;
  color: #000;
}
.button:after {
  content: "";
  height: 36px;
  width: 36px;
  background-image: url(/CFImages/Icons/mcmaster-button-arrow.svg);
  background-size: 36px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.button:hover, .hover.button {
  background-color: #eeedee;
  text-decoration: none !important;
}
.button:hover:after, .hover.button:after {
  background-image: url(/CFImages/Icons/hover-button-arrow.svg);
}
.alt.button {
  padding: 11px 18px 10px;
  margin: 2em 0 0 0;
  border: none;
  border-radius: 0;
  background: #7A003C;
  color: #fff;
}
.alt.button:after {
  content: none;
}
.alt.button:hover, .alt.hover.button {
  background: #5E6A71;
}
.no-arrow.button {
  padding-right: 15px;
  background: #7A003C;
  color: #fff;
}
.no-arrow.button:after {
  content: none;
}
.no-arrow.button:hover, .no-arrow.hover.button {
  background: #470023;
}
/* 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;
      -ms-hyphens: auto;
          hyphens: auto;
  white-space: unset;
}

div.bgImgWrapper .bgImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}

body.RCT #google_translate_element {
  display: none;
}
body.RCT #wrapper {
  min-height: 100vh;
}
body.RCT #wrapper .topHeader {
  padding: 2em 0;
}
body.RCT #wrapper .topHeader .headerWrapper {
  padding-top: 20px;
  padding-bottom: 10px;
  border-bottom: 5px solid #6a7882;
}
body.RCT #wrapper .topHeader .headerWrapper .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
body.RCT #wrapper .topHeader .headerWrapper .container .left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
body.RCT #wrapper .topHeader .headerWrapper .container .left img {
  width: 400px;
}
body.RCT #wrapper .topHeader .headerWrapper .container .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
body.RCT #wrapper .topHeader .headerWrapper .container .right img {
  width: 300px;
}
body.RCT #wrapper main {
  min-height: -webkit-calc(100vh - 300px);
  min-height: calc(100vh - 300px);
}
body.RCT #wrapper main .bd ul li {
  position: relative;
  padding-left: 0;
  line-height: 1.35em;
  margin: 5px 0 5px 15px;
  list-style-type: disc;
}
body.RCT #wrapper main .bd ul li div.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body.RCT #wrapper main .bd ul li div.flex .left {
  width: 75%;
}
body.RCT #wrapper main .bd ul li div.flex .right {
  min-width: 150px;
}
body.RCT #wrapper main .bd ul li div.flex .right .RadRating_Simple {
  float: none !important;
}
@media only screen and (max-width: 767px) {
  body.RCT #wrapper main .bd ul li div.flex {
    display: block;
  }
  body.RCT #wrapper main .bd ul li div.flex .left {
    width: 100%;
  }
}
body.RCT #wrapper main .bd table tr td {
  vertical-align: baseline;
}
body.RCT #wrapper .footer {
  padding: 0;
}
body.RCT #wrapper .footer .footerTop.grid {
  margin-left: 0;
  background-color: #5e6a71;
  text-align: center;
  padding: 25px 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: block;
}
body.RCT #wrapper .footer .footerWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 25px;
}
body.RCT #wrapper .footer .footerWrapper .right {
  display: block;
  width: 100%;
  text-align: center;
}
body.RCT #wrapper .footer .footerWrapper .right .socialIcons {
  display: none;
}
body.RCT .loginContainer {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 40px 50px;
  border: 1px solid #eee;
  border-radius: 10px;
}
@media (max-width: 768px) {
  body.RCT .loginContainer {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    padding: 0;
    border: 0;
  }
}
@media (max-width: 500px) {
  body.RCT .loginContainer {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
  }
}
body.RCT .loginContainer .container {
  width: 100%;
}
body.RCT .loginContainer #sfLoginWidgetWrp h2, body.RCT .loginContainer .sfprofileChangePasswordFormWrp h2 {
  color: #888;
  font-weight: 600;
  font-size: 22px;
}
body.RCT .loginContainer #sfLoginWidgetWrp label, body.RCT .loginContainer .sfprofileChangePasswordFormWrp label {
  display: block;
  text-transform: uppercase;
  font-size: 13px;
  color: #888;
  margin: 20px 0 5px;
}
body.RCT .loginContainer #sfLoginWidgetWrp .sfCheckBoxWrapper label, body.RCT .loginContainer .sfprofileChangePasswordFormWrp .sfCheckBoxWrapper label {
  display: inline-block;
  text-transform: initial;
  letter-spacing: initial;
  font-size: 13px;
  color: #ddd;
}
body.RCT .loginContainer #sfLoginWidgetWrp input[type=text], body.RCT .loginContainer #sfLoginWidgetWrp input[type=password], body.RCT .loginContainer .sfprofileChangePasswordFormWrp input[type=text], body.RCT .loginContainer .sfprofileChangePasswordFormWrp input[type=password] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd;
  padding: 15px 12px;
  font-size: 21px;
  background-color: #f9f9f9;
}
body.RCT .loginContainer #sfLoginWidgetWrp .sfSubmitBtnWrp, body.RCT .loginContainer #sfLoginWidgetWrp .sfprofileLnkWrp, body.RCT .loginContainer .sfprofileChangePasswordFormWrp .sfSubmitBtnWrp, body.RCT .loginContainer .sfprofileChangePasswordFormWrp .sfprofileLnkWrp {
  margin-top: 10px;
}
body.RCT .loginContainer #sfLoginWidgetWrp .sfSubmitBtnWrp .sfSubmitBtn, body.RCT .loginContainer #sfLoginWidgetWrp .sfSubmitBtnWrp .sfprofileSaveLnk, body.RCT .loginContainer #sfLoginWidgetWrp .sfprofileLnkWrp .sfSubmitBtn, body.RCT .loginContainer #sfLoginWidgetWrp .sfprofileLnkWrp .sfprofileSaveLnk, body.RCT .loginContainer .sfprofileChangePasswordFormWrp .sfSubmitBtnWrp .sfSubmitBtn, body.RCT .loginContainer .sfprofileChangePasswordFormWrp .sfSubmitBtnWrp .sfprofileSaveLnk, body.RCT .loginContainer .sfprofileChangePasswordFormWrp .sfprofileLnkWrp .sfSubmitBtn, body.RCT .loginContainer .sfprofileChangePasswordFormWrp .sfprofileLnkWrp .sfprofileSaveLnk {
  padding: 13px 20px;
  background-color: #888;
  color: white !important;
  border-radius: 2px;
}
body.RCT .loginContainer #sfLoginWidgetWrp .sfSubmitBtnWrp .sfLostPassword, body.RCT .loginContainer #sfLoginWidgetWrp .sfprofileLnkWrp .sfLostPassword, body.RCT .loginContainer .sfprofileChangePasswordFormWrp .sfSubmitBtnWrp .sfLostPassword, body.RCT .loginContainer .sfprofileChangePasswordFormWrp .sfprofileLnkWrp .sfLostPassword {
  margin-left: 25px;
  font-size: 14px;
  color: #888;
}
body.RCT .loginContainer #sfLoginWidgetWrp .sfError, body.RCT .loginContainer .sfprofileChangePasswordFormWrp .sfError {
  color: red;
  font-weight: 600;
  margin: 20px 0;
}

/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/*
    Placeholder usage:

    .className {
        @extend %placeHoldername;
    }
*/
nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
}

nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  font-weight: 400;
}

a.button, .button {
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #cbd5de;
  border-radius: 500px;
  min-width: 200px;
  margin: 1.25em 0 0 0;
  padding: 6px 50px 6px 15px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-align: center;
  line-height: 1.7em;
  background-color: white;
  color: #000;
}
.button:after {
  content: "";
  height: 36px;
  width: 36px;
  background-image: url(/CFImages/Icons/mcmaster-button-arrow.svg);
  background-size: 36px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.button:hover, .hover.button {
  background-color: #eeedee;
  text-decoration: none !important;
}
.button:hover:after, .hover.button:after {
  background-image: url(/CFImages/Icons/hover-button-arrow.svg);
}
.alt.button {
  padding: 11px 18px 10px;
  margin: 2em 0 0 0;
  border: none;
  border-radius: 0;
  background: #7A003C;
  color: #fff;
}
.alt.button:after {
  content: none;
}
.alt.button:hover, .alt.hover.button {
  background: #5E6A71;
}
.no-arrow.button {
  padding-right: 15px;
  background: #7A003C;
  color: #fff;
}
.no-arrow.button:after {
  content: none;
}
.no-arrow.button:hover, .no-arrow.hover.button {
  background: #470023;
}
/* 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;
      -ms-hyphens: auto;
          hyphens: auto;
  white-space: unset;
}

div.bgImgWrapper .bgImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}

/* 
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)
*/
/* Small Desktop (switch between simple and mobile nav) */
@media only screen and (max-width: 1299px) {
  .mobileOnly {
    display: block;
  }
  /*main {
      padding-top: $topHeaderHeight;
  }*/
  .teammember .resources.cases .innerContent {
    min-height: inherit;
  }
  .teammember .k-tabstrip-wrapper {
    padding: 2em;
  }
}
/* Tablet */
@media only screen and (max-width: 1024px) {
  body.noTopper header .topper {
    display: none !important;
  }
  #wrapper {
    width: 100%;
  }
  .grid.grid-nowrap {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  header .header .headerGrid .logo, header .header .headerGrid .networkAndSearch {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  header .header .headerGrid .logo img {
    max-width: 225px;
  }
  header .header .headerGrid .networkAndSearch .search input[type=text] {
    max-width: 225px;
  }
  header .header .headerGrid .networkAndSearch .networks {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  header .header .headerGrid .networkAndSearch .networks #NetworksDropdown {
    width: 225px !important;
  }
  header .header .headerGrid .translate {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  header .header .headerGrid .translate #google_translate_element {
    width: 225px !important;
  }
  header .topper {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #5E6A71;
  }
  header .navigation {
    display: none;
  }
  header .hamburger {
    display: inline-block;
  }
  footer .mainFooter .footerAddressGrid .footerLogo img {
    max-width: 60px;
    margin-bottom: 0.5rem;
  }
  footer .mainFooter .footerAddressGrid .footerAddress .officeGrid .col.left {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
  }
  footer .mainFooter .footerAddressGrid .footerAddress .menu {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  footer .termsFooter .termsGrid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  /* #region TEAM BIO PAGE */
  /* #endregion TEAM BIO PAGE */
  .resources.homepage.newsitems {
    padding-left: inherit;
    border: none;
    margin-bottom: 0;
  }
}
/* Mobile Only */
@media only screen and (max-width: 767px) {
  .teammembers.authorView .teammember .content {
    width: 100%;
  }
  .teammembers.authorView .teammember .content ul.roles, .teammembers.authorView .teammember .content span.position, .teammembers.authorView .teammember .content ul.entity {
    display: none;
  }
  blockquote {
    margin: 1em 3em 1em 2.5em;
  }
}
/* XS Mobile Only */
@media only screen and (max-width: 500px) {
  footer .mainFooter .footerAddressGrid .footerLogo {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  footer .mainFooter .footerAddressGrid .footerAddress {
    text-align: center;
  }
  footer .mainFooter .footerAddressGrid .footerAddress .officeGrid {
    display: block !important;
  }
  footer .mainFooter .footerAddressGrid .footerAddress .menu nav.topLevelSimple ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  footer .termsFooter .termsGrid .col {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /* Other Elements */
  blockquote {
    margin: 1em 1.5em 1em 1em;
  }
}
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/*
    Placeholder usage:

    .className {
        @extend %placeHoldername;
    }
*/
nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
}

nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  font-weight: 400;
}

a.button, .button {
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #cbd5de;
  border-radius: 500px;
  min-width: 200px;
  margin: 1.25em 0 0 0;
  padding: 6px 50px 6px 15px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-align: center;
  line-height: 1.7em;
  background-color: white;
  color: #000;
}
.button:after {
  content: "";
  height: 36px;
  width: 36px;
  background-image: url(/CFImages/Icons/mcmaster-button-arrow.svg);
  background-size: 36px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.button:hover, .hover.button {
  background-color: #eeedee;
  text-decoration: none !important;
}
.button:hover:after, .hover.button:after {
  background-image: url(/CFImages/Icons/hover-button-arrow.svg);
}
.alt.button {
  padding: 11px 18px 10px;
  margin: 2em 0 0 0;
  border: none;
  border-radius: 0;
  background: #7A003C;
  color: #fff;
}
.alt.button:after {
  content: none;
}
.alt.button:hover, .alt.hover.button {
  background: #5E6A71;
}
.no-arrow.button {
  padding-right: 15px;
  background: #7A003C;
  color: #fff;
}
.no-arrow.button:after {
  content: none;
}
.no-arrow.button:hover, .no-arrow.hover.button {
  background: #470023;
}
/* 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;
      -ms-hyphens: auto;
          hyphens: auto;
  white-space: unset;
}

div.bgImgWrapper .bgImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}

@media print {
  .noPrint {
    display: none;
  }
  .printOnly {
    display: block;
    height: auto;
    width: auto;
  }
  a[href]:after {
    content: none !important;
  }
  /* Hide these elements */
  .topHeader {
    display: none !important;
  }
  .mobile,
  .topHeader,
  header nav,
  header .search,
  footer,
  video, audio, object, embed {
    display: none !important;
    height: 0 !important;
  }
  header .header.stuck {
    position: relative !important;
  }
  img {
    max-width: 100%;
  }
  @page {
    margin: 0.5cm;
  }
  body {
    line-height: 1.3em;
  }
  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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            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;
  }
  .expertise.detailView .pageTopper .innerContainer, .sector.detailView .pageTopper .innerContainer, .solution.detailView .pageTopper .innerContainer {
    z-index: 1;
  }
  .expertise.detailView .pageTopper .innerContainer .topperTitle h1, .sector.detailView .pageTopper .innerContainer .topperTitle h1, .solution.detailView .pageTopper .innerContainer .topperTitle h1 {
    color: #000;
  }
}
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/*
    Placeholder usage:

    .className {
        @extend %placeHoldername;
    }
*/
nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
}

nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  font-weight: 400;
}

a.button, .button {
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #cbd5de;
  border-radius: 500px;
  min-width: 200px;
  margin: 1.25em 0 0 0;
  padding: 6px 50px 6px 15px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-align: center;
  line-height: 1.7em;
  background-color: white;
  color: #000;
}
.button:after {
  content: "";
  height: 36px;
  width: 36px;
  background-image: url(/CFImages/Icons/mcmaster-button-arrow.svg);
  background-size: 36px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.button:hover, .hover.button {
  background-color: #eeedee;
  text-decoration: none !important;
}
.button:hover:after, .hover.button:after {
  background-image: url(/CFImages/Icons/hover-button-arrow.svg);
}
.alt.button {
  padding: 11px 18px 10px;
  margin: 2em 0 0 0;
  border: none;
  border-radius: 0;
  background: #7A003C;
  color: #fff;
}
.alt.button:after {
  content: none;
}
.alt.button:hover, .alt.hover.button {
  background: #5E6A71;
}
.no-arrow.button {
  padding-right: 15px;
  background: #7A003C;
  color: #fff;
}
.no-arrow.button:after {
  content: none;
}
.no-arrow.button:hover, .no-arrow.hover.button {
  background: #470023;
}
/* 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;
      -ms-hyphens: auto;
          hyphens: auto;
  white-space: unset;
}

div.bgImgWrapper .bgImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}

.sfPageEditor .mobileHeader {
  display: none;
}
.sfPageEditor header {
  position: relative;
}
.sfPageEditor .RadDockZone {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  -moz-box-sizing: inherit;
}
.sfPageEditor.sfTemplateEditor .mobileHeader {
  position: relative;
  top: 0;
  left: 0;
  display: block !important;
}
.sfPageEditor.sfTemplateEditor .mobileHeader nav.mobileNav {
  display: block !important;
  position: relative;
  right: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.sfPageEditor.sfTemplateEditor header {
  position: relative;
  height: auto;
}
.sfPageEditor.sfTemplateEditor header .topHeader {
  height: auto;
  display: block !important;
}
.sfPageEditor.sfTemplateEditor header .header {
  height: auto;
  display: block !important;
}
.sfPageEditor.sfTemplateEditor main {
  padding-top: 0;
}
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/* ### Bullets */
/* ######### Need to replace all of these ICONS with SVG Solution */
/* ### Navigational Icons */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (mid 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

/*Set maximum viewable area of the site */
/*@if(type-of($Columns) == list) {
    // loop through values and assign to columns
    @each $col in $Columns {
    }
}*/
.newGrid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5rem;
}
.newGrid > .col {
  /*flex: 1 0 auto;*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  /*order: 0;*/
  min-width: 0;
  max-width: 100%;
  padding: 0 0.5rem;
  vertical-align: top;
  -webkit-flex-basis: -webkit-calc(1 / 4 * 100% - 1rem);
      -ms-flex-preferred-size: calc(1 / 4 * 100% - 1rem);
          flex-basis: calc(1 / 4 * 100% - 1rem);
}

/* ### REM FALLBACK ### */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/*
    Placeholder usage:

    .className {
        @extend %placeHoldername;
    }
*/
nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
}

nav ul.siteMapComplete li a.toggleAction.withPlusMinus:after {
  font-weight: 400;
}

a.button, .button {
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #cbd5de;
  border-radius: 500px;
  min-width: 200px;
  margin: 1.25em 0 0 0;
  padding: 6px 50px 6px 15px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-align: center;
  line-height: 1.7em;
  background-color: white;
  color: #000;
}
.button:after {
  content: "";
  height: 36px;
  width: 36px;
  background-image: url(/CFImages/Icons/mcmaster-button-arrow.svg);
  background-size: 36px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.button:hover, .hover.button {
  background-color: #eeedee;
  text-decoration: none !important;
}
.button:hover:after, .hover.button:after {
  background-image: url(/CFImages/Icons/hover-button-arrow.svg);
}
.alt.button {
  padding: 11px 18px 10px;
  margin: 2em 0 0 0;
  border: none;
  border-radius: 0;
  background: #7A003C;
  color: #fff;
}
.alt.button:after {
  content: none;
}
.alt.button:hover, .alt.hover.button {
  background: #5E6A71;
}
.no-arrow.button {
  padding-right: 15px;
  background: #7A003C;
  color: #fff;
}
.no-arrow.button:after {
  content: none;
}
.no-arrow.button:hover, .no-arrow.hover.button {
  background: #470023;
}
/* 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;
      -ms-hyphens: auto;
          hyphens: auto;
  white-space: unset;
}

div.bgImgWrapper .bgImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
}

/******************************
* IE11 Hacks ******************
******************************/
@media all and (-ms-high-contrast: none) {
  .hero .homeSlideshow .slide img {
    height: auto !important;
    top: -25%;
  }
}
/******************************
* Edge Hacks ******************
******************************/
@supports (-ms-ime-align: auto) {
  .hero .homeSlideshow .slide img {
    height: auto !important;
    top: -25%;
  }
}

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