@charset "UTF-8";
/* FONTS */
/* Raleway Medium|500; Bold|700; ExtraBold|800; Black|900; */
/* COLORS */
.padding-top-normal, .padding-top- {
  padding-top: 4vw;
}

.padding-top-half {
  padding-top: 2vw;
}

.padding-top-double {
  padding-top: 8vw;
}

.padding-top-none {
  padding-top: 0;
}

.padding-bottom-normal, .padding-bottom- {
  padding-bottom: 4vw;
}

.padding-bottom-half {
  padding-bottom: 2vw;
}

.padding-bottom-double {
  padding-bottom: 8vw;
}

.padding-bottom-none {
  padding-top: 0;
}

/* BODY */
:root {
  font-size: 18px;
}

body {
  font-family: "roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  background: rgb(244, 244, 244);
  color: rgb(99, 102, 106);
  line-height: 1.5;
  overflow-y: auto !important;
  overflow-x: hidden;
  padding: 0 !important;
}

/* NAV */
nav.navbar {
  background: rgb(0, 59, 92);
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 900;
  transition: all 0.3s linear;
}
nav.navbar .container-fluid {
  padding-right: 0;
}
nav.navbar a.navbar-brand {
  padding-top: 25px;
  padding-bottom: 25px;
}
nav.navbar a.navbar-brand img {
  height: 72px;
}
nav.navbar ul.nav {
  height: 122px;
  transition: all 0.3s linear;
}
nav.navbar ul.nav.muted {
  opacity: 0.4;
}
nav.navbar .nav-link {
  font-family: "raleway", sans-serif;
  font-size: 16px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-weight: 900;
  height: 122px;
  line-height: 122px;
  padding: 0 28px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s linear;
}
nav.navbar .nav-link:hover, nav.navbar .nav-link.active {
  background: rgb(0, 88, 124);
}
nav.navbar .nav-link:hover:after, nav.navbar .nav-link.active:after {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  top: calc(50% - 10px);
  right: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid rgb(187, 221, 230);
  animation: navArrowFadeInLeft 0.3s linear;
}
nav.navbar .nav-link.emphasis {
  border-radius: 500px;
  background: rgb(187, 221, 230);
  color: rgb(0, 59, 92);
  height: auto;
  display: inline-block;
  line-height: 1;
  margin-top: 43px;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  padding: 0.5rem 1.5rem;
}
nav.navbar .nav-link.emphasis:hover {
  background: rgb(221, 203, 164);
}
nav.navbar .nav-link.emphasis:after {
  display: none;
}
nav.navbar .offcanvas {
  top: 122px;
  height: calc(100% - 122px);
  background: rgba(0, 88, 124, 0.75);
  padding-left: 0;
  padding-right: 0;
}
nav.navbar .offcanvas .offcanvas-body {
  padding: 0;
}
nav.navbar .offcanvas .offcanvas-body ul.navbar-nav li.nav-item.top {
  display: none;
}
nav.navbar .offcanvas ul.navbar-nav li.nav-item a.nav-link {
  background: transparent;
  padding: 1rem 1rem;
  height: auto;
  font-size: 40px;
  line-height: 1;
}
nav.navbar .offcanvas ul.navbar-nav li.nav-item a.nav-link:hover {
  background: rgba(0, 59, 92, 0.5);
}
nav.navbar .offcanvas ul.navbar-nav li.nav-item a.nav-link:after {
  display: none;
}
nav.navbar .offcanvas ul.navbar-nav li.nav-item a.nav-link.emphasis {
  margin: 1rem;
  font-size: 16px;
  background: rgb(187, 221, 230);
  padding: 0.75rem 1rem;
}
nav.navbar .offcanvas ul.navbar-nav li.nav-item a.nav-link.emphasis:hover {
  background: rgb(221, 203, 164);
}
nav.navbar .offcanvas ul.navbar-nav li.nav-item a.nav-link.emphasis:after {
  display: none;
}
nav.navbar .social {
  padding-left: 1rem;
}
nav.navbar .social a, nav.navbar .social a:visited {
  color: rgb(255, 255, 255);
  margin: 0 0.5rem; /*transition:all .3s linear;*/
}
nav.navbar .social a:hover, nav.navbar .social a:visited:hover {
  color: rgb(221, 203, 164);
}
nav.navbar .toggler-button {
  background: rgb(0, 88, 124);
  height: 122px;
  width: 122px;
  position: relative;
  border: none;
  transition: all 0.3s linear; /*display:flex; align-items:center; justify-content:center; */
}
nav.navbar .toggler-button .bar {
  position: absolute;
  display: block;
  left: 16px;
  width: 90px;
  height: 5px;
  border-radius: 50px;
  background: rgb(187, 221, 230);
  transform: rotate(0deg);
  transition: all 0.3s linear;
}
nav.navbar .toggler-button .bar.top {
  top: 45px;
}
nav.navbar .toggler-button .bar.middle {
  top: 55px;
}
nav.navbar .toggler-button .bar.bottom {
  top: 65px;
}
nav.navbar .toggler-button.active .bar.top {
  transform: rotate(45deg);
  top: 61px;
}
nav.navbar .toggler-button.active .bar.middle {
  left: 200px;
  opacity: 0;
}
nav.navbar .toggler-button.active .bar.bottom {
  transform: rotate(-45deg);
  top: 61px;
}
nav.navbar.nav-shadow { /*border-radius: 2px;*/ /*box-shadow: 0px 1px 10px #999;*/
  box-shadow: 1px 0px 5px 0px rgb(0, 0, 0);
}
nav.navbar.nav-shadow a.navbar-brand {
  padding-top: 5px;
  padding-bottom: 5px;
}
nav.navbar.nav-shadow ul.nav {
  height: 82px;
}
nav.navbar.nav-shadow ul.nav .nav-link {
  height: 82px;
  line-height: 82px;
}
nav.navbar.nav-shadow ul.nav .nav-link.emphasis {
  height: auto;
  line-height: 1;
  margin-top: 23px;
}
nav.navbar.nav-shadow .toggler-button {
  height: 82px; /*width:82px; */
}
nav.navbar.nav-shadow .toggler-button .bar { /*width:70%; left:15%;*/ }
nav.navbar.nav-shadow .toggler-button .bar.top {
  top: 30px;
}
nav.navbar.nav-shadow .toggler-button .bar.middle {
  top: 40px;
}
nav.navbar.nav-shadow .toggler-button .bar.bottom {
  top: 50px;
}
nav.navbar.nav-shadow .toggler-button.active .bar.top {
  top: 41px;
}
nav.navbar.nav-shadow .toggler-button.active .bar.middle {
  left: 150px;
}
nav.navbar.nav-shadow .toggler-button.active .bar.bottom {
  top: 41px;
}
nav.navbar.nav-shadow .offcanvas {
  top: 82px;
  height: calc(100vh - 82px);
}

@keyframes navArrowFadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* MAIN CONTENT */
#main-content {
  padding-top: 122px;
}

/* FOOTER */
#footer {
  background: rgb(0, 59, 92) url(/img/footer-water-animation-v3.gif) no-repeat center center/cover;
  color: rgb(255, 255, 255);
  font-size: 16px;
  background-blend-mode: darken;
  padding: 4vw 0;
  opacity: 0.88;
}
#footer h4, #footer p {
  font-size: 16px;
}
#footer h4 {
  margin-bottom: 0;
}
#footer a, #footer a:visited {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
#footer a .fa, #footer a:visited .fa {
  width: 25px;
}
#footer .middle {
  display: flex;
  justify-content: center;
}
#footer .right {
  display: flex;
  justify-content: flex-end;
}
#footer img.trdlogo {
  height: 152px;
}

/* FOOTER FORM */
#footer-form .copy-container {
  padding: 2vw 4vw;
  display: flex;
  align-items: center;
}
#footer-form .form-container {
  padding: 2vw 4vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
#footer-form .form-container button {
  background-color: rgb(0, 59, 92);
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-family: "raleway", sans-serif;
  margin-top: 0;
  border-radius: 0;
}
#footer-form .form-container button:hover {
  background-color: rgb(0, 103, 71);
}
#footer-form .form-container form {
  width: 100%;
}
#footer-form .error {
  color: red;
}

#below-footer {
  background: rgb(0, 88, 124);
  color: rgb(255, 255, 255);
  font-size: 0.8rem;
  padding: 2vw 0;
}
#below-footer a, #below-footer a:visited {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
#below-footer .left {
  display: flex;
  align-items: center;
}
#below-footer .left a {
  margin-left: 1rem;
}
#below-footer .middle {
  display: flex;
  justify-content: center;
  align-items: center;
}
#below-footer .middle img {
  height: 112px;
}
#below-footer .right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* HEADINGS */
h1, h2, h3, h4 {
  font-family: "raleway", sans-serif;
  font-weight: 700;
  color: inherit;
  line-height: 1.2 !important;
}

h1 {
  font-size: 57px;
  line-height: 1.1;
  margin-bottom: 0;
}

h2 {
  font-size: 35px;
  line-height: 1;
  margin-bottom: 0;
  font-weight: 500;
}

h2.big {
  font-size: 47px;
  font-weight: 700;
}

h3 {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 900;
}

h4 {
  font-weight: 900;
}

h2 + h1 {
  margin-top: 0.25rem;
}

h1 + h2 {
  margin-top: 0.25rem;
}

h1 + p, h2 + p {
  margin-top: 1rem;
}

.jumbo {
  font-family: "montserrat", sans-serif;
  font-size: 157px;
  font-weight: 900;
}

/* BUTTONS */
a, a:visited {
  color: inherit;
}

a.btn, button.btn {
  padding: 0.5rem 1.5rem;
  border-radius: 500px;
  background: rgb(0, 88, 124);
  color: rgb(255, 255, 255);
  margin-top: 2rem;
  text-transform: uppercase;
  font-family: "raleway", sans-serif;
  font-weight: 900;
  font-size: 0.8rem;
  letter-spacing: 0.1rem;
  transition: all 0.3s linear;
}
a.btn:hover, button.btn:hover {
  background: rgb(0, 103, 71);
  color: rgb(255, 255, 255);
}
a.btn.orange, button.btn.orange {
  background: rgb(190, 106, 20);
}
a.btn.orange:hover, button.btn.orange:hover {
  background: rgb(221, 203, 164);
}
a.btn.navy, button.btn.navy {
  background: rgb(0, 59, 92);
}
a.btn.navy:hover, button.btn.navy:hover {
  background: rgb(187, 221, 230);
  color: rgb(0, 59, 92);
}
a.btn.green, button.btn.green {
  background: rgb(0, 103, 71);
}
a.btn.green:hover, button.btn.green:hover {
  background: rgb(190, 106, 20);
  color: rgb(244, 244, 244);
}
a.btn.sage, button.btn.sage {
  background: rgb(163, 178, 164);
  color: rgb(0, 59, 92);
}
a.btn.sage:hover, button.btn.sage:hover {
  background: rgb(0, 59, 92);
  color: rgb(244, 244, 244);
}
a.btn.lightgrey, button.btn.lightgrey {
  background: rgb(244, 244, 244);
  color: rgb(0, 59, 92);
}
a.btn.lightgrey:hover, button.btn.lightgrey:hover {
  background: rgb(163, 178, 164);
}
a.btn.lightblue, button.btn.lightblue {
  background: rgb(187, 221, 230);
  color: rgb(0, 59, 92);
}
a.btn.lightblue:hover, button.btn.lightblue:hover {
  background: rgb(221, 203, 164);
  color: rgb(0, 88, 124);
}
a.btn.clear, button.btn.clear {
  background: transparent;
  border: 1px solid rgb(255, 255, 255);
}
a.btn.clear:hover, button.btn.clear:hover {
  background: rgb(255, 255, 255);
  color: rgb(0, 59, 92);
}
a.btn.white, button.btn.white {
  background: rgb(255, 255, 255);
  color: rgb(0, 59, 92);
}
a.btn.white:hover, button.btn.white:hover {
  background: rgb(187, 221, 230);
  color: rgb(0, 59, 92);
}
a.btn.khaki, button.btn.khaki {
  background: rgb(221, 203, 164);
  color: rgb(0, 88, 124);
}
a.btn.khaki:hover, button.btn.khaki:hover {
  background: rgb(187, 221, 230);
  color: rgb(0, 59, 92);
}

/* POPUP */
#popup {
  display: none;
  max-width: 350px;
  padding: 1rem;
}
#popup h2 {
  font-size: 2rem;
}

/* BACKGROUNDS */
.has-bg-img:not(.has-img), .has-bg-img.has-img .content, .has-bg-video {
  background-blend-mode: multiply;
  position: relative;
}
.has-bg-img:not(.has-img):before, .has-bg-img.has-img .content:before, .has-bg-video:before { /*backdrop-filter:saturate(0) brightness(1) blur(2px);*/
  mix-blend-mode: screen;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.has-bg-img:not(.has-img):after, .has-bg-img.has-img .content:after, .has-bg-video:after {
  mix-blend-mode: color;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2; /*opacity:.25;*/
}
.has-bg-img:not(.has-img) .inner, .has-bg-img.has-img .content .inner, .has-bg-video .inner {
  position: relative;
  z-index: 6;
}
.has-bg-img:not(.has-img) video, .has-bg-img.has-img .content video, .has-bg-video video {
  opacity: 0.5;
}

.BG-white, .BG- {
  background-color: rgb(244, 244, 244);
  color: rgb(99, 102, 106);
  /*&:before { background-color:$lightgrey50!important; }*/
}
.BG-white.has-bg-img:not(.has-img):before, .BG-white.has-bg-img:not(.has-img):after, .BG-white.has-bg-video:not(.has-img):before, .BG-white.has-bg-img.has-img .content:before, .BG-white.has-bg-video:after, .BG-white.has-bg-video:before, .BG-.has-bg-img:not(.has-img):before, .BG-.has-bg-img:not(.has-img):after, .BG-.has-bg-video:not(.has-img):before, .BG-.has-bg-img.has-img .content:before, .BG-.has-bg-video:after, .BG-.has-bg-video:before {
  background-color: rgba(244, 244, 244, 0.65) !important;
  backdrop-filter: saturate(0) brightness(1);
}
.BG-white h1, .BG-white h2, .BG-white h3, .BG-white h4, .BG- h1, .BG- h2, .BG- h3, .BG- h4 {
  color: rgb(0, 59, 92);
}
.BG-white p, .BG-white ::placeholder, .BG-white .form-select, .BG-white ul li, .BG- p, .BG- ::placeholder, .BG- .form-select, .BG- ul li {
  color: rgb(99, 102, 106);
}
.BG-white a.btn, .BG-white button.btn, .BG- a.btn, .BG- button.btn {
  background-color: rgb(0, 88, 124);
  color: rgb(255, 255, 255);
}
.BG-white a.btn:hover, .BG-white button.btn:hover, .BG- a.btn:hover, .BG- button.btn:hover {
  background-color: rgb(0, 103, 71);
  color: rgb(255, 255, 255);
}
.BG-white .notch, .BG- .notch {
  border-right: 2rem solid rgb(244, 244, 244) !important;
}
.BG-white.order-first .notch, .BG-.order-first .notch {
  border-left: 2rem solid rgb(244, 244, 244) !important;
}
.BG-white .slick-prev::before, .BG- .slick-prev::before {
  color: rgb(0, 88, 124) !important;
}
.BG-white .slick-next::before, .BG- .slick-next::before {
  color: rgb(0, 88, 124) !important;
}
.BG-white.cCardList.gap .umb-block-list .cCard.has-bg-img, .BG-white.cCardList.gap .umb-block-list .cCard.has-img, .BG-.cCardList.gap .umb-block-list .cCard.has-bg-img, .BG-.cCardList.gap .umb-block-list .cCard.has-img {
  border: 1px solid rgb(99, 102, 106) !important;
}

.BG-navy {
  background-color: rgb(0, 59, 92) !important;
  color: rgb(255, 255, 255);
  /*&:before { background-color:$navy50!important; }*/
}
.BG-navy.has-bg-img:not(.has-img), .BG-navy.has-bg-img.has-img .content, .BG-navy.has-bg-video .content {
  background-color: rgb(255, 255, 255);
}
.BG-navy.has-bg-img:not(.has-img):before, .BG-navy.has-bg-img:not(.has-img):after, .BG-navy.has-bg-video:not(.has-img):before, .BG-navy.has-bg-img.has-img .content:before {
  background-color: rgb(0, 59, 92) !important;
}
.BG-navy.has-bg-img:not(.has-img):before, .BG-navy.has-bg-video:not(.has-img):before {
  backdrop-filter: saturate(0) brightness(0.35);
}
.BG-navy h1, .BG-navy h2, .BG-navy h3, .BG-navy h4, .BG-navy p, .BG-navy ::placeholder, .BG-navy .form-select, .BG-navy ul li {
  color: rgb(255, 255, 255);
}
.BG-navy a.btn, .BG-navy button.btn {
  background-color: rgb(187, 221, 230);
  color: rgb(0, 59, 92);
}
.BG-navy a.btn:hover, .BG-navy button.btn:hover {
  background-color: rgb(221, 203, 164);
  color: rgb(0, 88, 124);
}
.BG-navy.copy img.bg, .BG-navy video {
  opacity: 0.3 !important;
}
.BG-navy .notch {
  border-right: 2rem solid rgb(0, 59, 92) !important;
}
.BG-navy.order-first .notch {
  border-left: 2rem solid rgb(0, 59, 92) !important;
}
.BG-navy .slick-prev::before {
  color: rgb(255, 255, 255) !important;
}
.BG-navy .slick-next::before {
  color: rgb(255, 255, 255) !important;
}

.BG-lightBlue, .BG-lightBlue50 {
  background-color: rgb(187, 221, 230) !important;
  color: rgb(0, 59, 92);
  /*&:before { background-color:$lightblue50!important; }*/
}
.BG-lightBlue.has-bg-img:not(.has-img), .BG-lightBlue.has-bg-img.has-img .content, .BG-lightBlue.has-bg-video .content, .BG-lightBlue50.has-bg-img:not(.has-img), .BG-lightBlue50.has-bg-img.has-img .content, .BG-lightBlue50.has-bg-video .content {
  background-color: rgb(255, 255, 255);
}
.BG-lightBlue.has-bg-img:not(.has-img):before, .BG-lightBlue.has-bg-img:not(.has-img):after, .BG-lightBlue.has-bg-video:not(.has-img):before, .BG-lightBlue.has-bg-img.has-img .content:before, .BG-lightBlue.has-bg-video:after, .BG-lightBlue.has-bg-video:before, .BG-lightBlue50.has-bg-img:not(.has-img):before, .BG-lightBlue50.has-bg-img:not(.has-img):after, .BG-lightBlue50.has-bg-video:not(.has-img):before, .BG-lightBlue50.has-bg-img.has-img .content:before, .BG-lightBlue50.has-bg-video:after, .BG-lightBlue50.has-bg-video:before {
  background-color: rgb(187, 221, 230) !important;
}
.BG-lightBlue h1, .BG-lightBlue h2, .BG-lightBlue h3, .BG-lightBlue h4, .BG-lightBlue p, .BG-lightBlue ::placeholder, .BG-lightBlue .form-select, .BG-lightBlue ul li, .BG-lightBlue50 h1, .BG-lightBlue50 h2, .BG-lightBlue50 h3, .BG-lightBlue50 h4, .BG-lightBlue50 p, .BG-lightBlue50 ::placeholder, .BG-lightBlue50 .form-select, .BG-lightBlue50 ul li {
  color: rgb(0, 59, 92) !important;
}
.BG-lightBlue a.btn, .BG-lightBlue button.btn, .BG-lightBlue50 a.btn, .BG-lightBlue50 button.btn {
  background-color: rgb(0, 59, 92) !important;
  color: rgb(255, 255, 255) !important;
}
.BG-lightBlue a.btn:hover, .BG-lightBlue button.btn:hover, .BG-lightBlue50 a.btn:hover, .BG-lightBlue50 button.btn:hover {
  background-color: rgb(221, 203, 164) !important;
  color: rgb(0, 59, 92) !important;
}
.BG-lightBlue .notch, .BG-lightBlue50 .notch {
  border-right: 2rem solid rgb(187, 221, 230) !important;
}
.BG-lightBlue.order-first .notch, .BG-lightBlue50.order-first .notch {
  border-left: 2rem solid rgb(187, 221, 230) !important;
}
.BG-lightBlue .slick-prev::before, .BG-lightBlue50 .slick-prev::before {
  color: rgb(0, 59, 92) !important;
}
.BG-lightBlue .slick-next::before, .BG-lightBlue50 .slick-next::before {
  color: rgb(0, 59, 92) !important;
}

.BG-lightBlue50 {
  background-color: rgba(187, 221, 230, 0.5) !important;
}

.BG-blue {
  background-color: rgb(0, 88, 124) !important;
  color: rgb(255, 255, 255);
  /*&:before { background-color:$blue50!important; }*/
}
.BG-blue.has-bg-img:not(.has-img):before, .BG-blue.has-bg-video:not(.has-img):before, .BG-blue.has-bg-img.has-img .content:before {
  background-color: rgba(0, 88, 124, 0.75) !important;
  mix-blend-mode: normal;
}
.BG-blue.has-bg-img:not(.has-img):after, .BG-blue.has-bg-img.has-img .content:after, .BG-blue.has-bg-video:after, .BG-blue.has-bg-video:before {
  background-color: rgb(0, 88, 124);
}
.BG-blue h1, .BG-blue h2, .BG-blue h3, .BG-blue h4, .BG-blue p, .BG-blue ::placeholder, .BG-blue .form-select, .BG-blue ul li {
  color: rgb(255, 255, 255);
}
.BG-blue a.btn, .BG-blue button.btn {
  background-color: rgb(187, 221, 230);
  color: rgb(0, 59, 92);
}
.BG-blue a.btn:hover, .BG-blue button.btn:hover {
  background-color: rgb(221, 203, 164);
  color: rgb(0, 88, 124);
}
.BG-blue .notch {
  border-right: 2rem solid rgb(0, 88, 124) !important;
}
.BG-blue.order-first .notch {
  border-left: 2rem solid rgb(0, 88, 124) !important;
}
.BG-blue .slick-prev::before {
  color: rgb(255, 255, 255) !important;
}
.BG-blue .slick-next::before {
  color: rgb(255, 255, 255) !important;
}

.BG-khaki {
  background-color: rgb(221, 203, 164);
  color: rgb(0, 59, 92);
  /*&:before { background-color:$khaki50!important; }*/
}
.BG-khaki.has-bg-img:not(.has-img):before, .BG-khaki.has-bg-img:not(.has-img):after, .BG-khaki.has-bg-video:not(.has-img):before, .BG-khaki.has-bg-img.has-img .content:before, .BG-khaki.has-bg-video:after, .BG-khaki.has-bg-video:before {
  background-color: rgb(221, 203, 164) !important;
}
.BG-khaki h1, .BG-khaki h2, .BG-khaki h3, .BG-khaki h4, .BG-khaki p, .BG-khaki ::placeholder, .BG-khaki .form-select, .BG-khaki ul li {
  color: rgb(0, 59, 92);
}
.BG-khaki a.btn, .BG-khaki button.btn {
  background-color: rgb(0, 88, 124);
  color: rgb(255, 255, 255);
}
.BG-khaki a.btn:hover, .BG-khaki button.btn:hover {
  background-color: rgb(0, 103, 71);
  color: rgb(255, 255, 255);
}
.BG-khaki .notch {
  border-right: 2rem solid rgb(221, 203, 164) !important;
}
.BG-khaki.order-first .notch {
  border-left: 2rem solid rgb(221, 203, 164) !important;
}
.BG-khaki .slick-prev::before {
  color: rgb(0, 88, 124) !important;
}
.BG-khaki .slick-next::before {
  color: rgb(0, 88, 124) !important;
}

/*.BG-green { background-color:$green!important; color:$white;
    &.has-bg-img:before, &.has-bg-img:after, &.has-bg-video:before { background-color:$green75!important; }
    h1,h2,h3,h4,p,::placeholder,.form-select { color:$white; }
    a.btn, button.btn { background-color:$khaki; color:$blue;
        &:hover { background-color:$lightblue; color:$navy; }
    }
    &:before { background-color:$green50!important; }
}*/
.BG-sage {
  background-color: rgb(163, 178, 164) !important;
  color: rgb(255, 255, 255);
  /*&:before { background-color:$sage50!important; }*/
}
.BG-sage.has-bg-img:not(.has-img), .BG-sage.has-bg-img.has-img .content, .BG-sage.has-bg-video .content {
  background-color: rgb(255, 255, 255);
}
.BG-sage.has-bg-img:not(.has-img):before, .BG-sage.has-bg-img:not(.has-img):after, .BG-sage.has-bg-video:not(.has-img):before, .BG-sage.has-bg-img.has-img .content:before, .BG-sage.has-bg-img.has-img .content:after, .BG-sage.has-bg-video:after, .BG-sage.has-bg-video:before {
  background-color: rgb(163, 178, 164) !important;
}
.BG-sage h1, .BG-sage h2, .BG-sage h3, .BG-sage h4, .BG-sage p, .BG-sage ::placeholder, .BG-sage .form-select, .BG-sage ul li {
  color: rgb(0, 88, 124);
}
.BG-sage p {
  color: rgb(99, 102, 106);
}
.BG-sage a.btn, .BG-sage button.btn {
  background-color: rgb(0, 59, 92);
  color: rgb(255, 255, 255);
}
.BG-sage a.btn:hover, .BG-sage button.btn:hover {
  background-color: rgb(187, 221, 230);
  color: rgb(0, 59, 92);
}
.BG-sage .notch {
  border-right: 2rem solid rgb(163, 178, 164) !important;
}
.BG-sage.order-first .notch {
  border-left: 2rem solid rgb(163, 178, 164) !important;
}
.BG-sage .slick-prev::before {
  color: rgb(0, 88, 124) !important;
}
.BG-sage .slick-next::before {
  color: rgb(0, 88, 124) !important;
}

.BG-grey {
  background-color: rgb(99, 102, 106) !important;
  color: rgb(255, 255, 255);
  /*&:before { background-color:$grey50!important; }*/
}
.BG-grey.has-bg-img:not(.has-img), .BG-grey.has-bg-img.has-img .content, .BG-grey.has-bg-video .content {
  background-color: rgb(99, 102, 106);
}
.BG-grey.has-bg-img:not(.has-img):before, .BG-grey.has-bg-img:not(.has-img):after, .BG-grey.has-bg-video:not(.has-img):before, .BG-grey.has-bg-img.has-img .content:before, .BG-grey.has-bg-video:after, .BG-grey.has-bg-video:before {
  background-color: rgba(99, 102, 106, 0.65) !important;
}
.BG-grey.has-bg-img:not(.has-img):before, .BG-grey.has-bg-video:not(.has-img):before, .BG-grey.has-bg-img.has-img .content:before, .BG-grey.has-bg-video:after, .BG-grey.has-bg-video:before {
  backdrop-filter: saturate(0) brightness(0.7);
}
.BG-grey h1, .BG-grey h2, .BG-grey h3, .BG-grey h4, .BG-grey p, .BG-grey ::placeholder, .BG-grey .form-select, .BG-grey ul li {
  color: rgb(255, 255, 255);
}
.BG-grey a.btn, .BG-grey button.btn {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 59, 92);
}
.BG-grey a.btn:hover, .BG-grey button.btn:hover {
  background-color: rgb(187, 221, 230);
  color: rgb(0, 59, 92);
}
.BG-grey.copy img.bg, .BG-grey video {
  opacity: 0.3 !important;
}
.BG-grey .notch {
  border-right: 2rem solid rgb(99, 102, 106) !important;
}
.BG-grey.order-first .notch {
  border-left: 2rem solid rgb(99, 102, 106) !important;
}
.BG-grey .slick-prev::before {
  color: rgb(0, 88, 124) !important;
}
.BG-grey .slick-next::before {
  color: rgb(0, 88, 124) !important;
}

/*.BG-orange { background-color:$orange!important; color:$white;
    &.has-bg-img:before, &.has-bg-img:after, &.has-bg-video:before { background-color:$orange75!important; }
    h1,h2,h3,h4,p,::placeholder,.form-select { color:$white; }
    a.btn, button.btn { background-color:$navy; color:$white;
        &:hover { background-color:$lightblue; color:$navy; }
    }*/
/*&:before { background-color:$orange50!important; }*/
/*}*/
.BG-lightGrey {
  background-color: rgb(99, 102, 106);
  color: rgb(0, 59, 92);
  /*was .15 aldo feedback to make darker*/
  /*&:before { background-color:$lightgrey50!important; }*/
}
.BG-lightGrey.has-bg-img:not(.has-img), .BG-lightGrey.has-bg-img.has-img .content, .BG-lightGrey.has-bg-video .content {
  background-color: rgb(255, 255, 255);
}
.BG-lightGrey.has-bg-img:not(.has-img):before, .BG-lightGrey.has-bg-img:not(.has-img):after, .BG-lightGrey.has-bg-video:not(.has-img):before, .BG-lightGrey.has-bg-img.has-img .content:before, .BG-lightGrey.has-bg-video:after, .BG-lightGrey.has-bg-video:before {
  background-color: rgb(99, 102, 106) !important;
}
.BG-lightGrey h1, .BG-lightGrey h2, .BG-lightGrey h3, .BG-lightGrey h4, .BG-lightGrey ::placeholder, .BG-lightGrey .form-select, .BG-lightGrey ul li {
  color: rgb(0, 59, 92);
}
.BG-lightGrey p {
  color: rgb(99, 102, 106);
}
.BG-lightGrey a.btn, .BG-lightGrey button.btn {
  background-color: rgb(0, 59, 92);
}
.BG-lightGrey a.btn:hover, .BG-lightGrey button.btn:hover {
  background-color: rgb(187, 221, 230);
  color: rgb(0, 59, 92);
}
.BG-lightGrey.copy img.bg {
  opacity: 0.35 !important;
}
.BG-lightGrey .notch {
  border-right: 2rem solid rgb(244, 244, 244) !important;
}
.BG-lightGrey.order-first .notch {
  border-left: 2rem solid rgb(244, 244, 244) !important;
}
.BG-lightGrey .slick-prev::before {
  color: rgb(0, 88, 124) !important;
}
.BG-lightGrey .slick-next::before {
  color: rgb(0, 88, 124) !important;
}

/* COMPONTENTS */
#demo .component {
  border-top: 10px solid black;
}
#demo .component:first-of-type {
  border-top: 0;
}

.component {
  position: relative;
}
.component img.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  opacity: 0.5;
}

/* NOTE: change height for home*/
.cHero .content-container, .cCenteredContent .content-container {
  position: relative;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  /*.BG- { 

  }*/
}
.cHero .content-container h1, .cHero .content-container h2, .cHero .content-container h3, .cHero .content-container h4, .cCenteredContent .content-container h1, .cCenteredContent .content-container h2, .cCenteredContent .content-container h3, .cCenteredContent .content-container h4 {
  text-transform: uppercase;
}
.cHero .content-container .content, .cCenteredContent .content-container .content { /*position:absolute; top:50%; left:50%; z-index:3; transform:translate(-50%, -50%);*/
  z-index: 3;
  color: rgb(255, 255, 255);
  width: 70%;
  text-align: center;
}
.cHero .content-container .content a.btn, .cCenteredContent .content-container .content a.btn {
  margin-top: 3rem;
}
.cHero .content-container video, .cCenteredContent .content-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.cHero img.bg, .cCenteredContent .BG- .content-container img.bg {
  opacity: 1;
}
.cHero:has(h1), .cHero:has(h2), .cHero:has(p), .cCenteredContent .BG- .content-container:has(h1), .cCenteredContent .BG- .content-container:has(h2), .cCenteredContent .BG- .content-container:has(p) { /*added for markup 62*/
  /* comp says $navy50*/
}
.cHero:has(h1):before, .cHero:has(h2):before, .cHero:has(p):before, .cCenteredContent .BG- .content-container:has(h1):before, .cCenteredContent .BG- .content-container:has(h2):before, .cCenteredContent .BG- .content-container:has(p):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(99, 102, 106, 0.5);
}

.cCenteredContent {
  min-height: 0;
  /*video { mix-blend-mode:multiply; }*/
}
.cCenteredContent:before {
  background: transparent;
}
.cCenteredContent p {
  font-size: 1.2rem;
  line-height: 1.8;
}
.cCenteredContent .content-container {
  min-height: 0;
}
.cCenteredContent .content-container:has(video) {
  min-height: 80vh;
}

.c5050 {
  min-height: 55vh;
}
.c5050 .copy {
  padding: 4vw;
  position: relative;
  display: flex;
  align-items: center; /*background-color:transparent!important;*/
  /*&:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; }*/
}
.c5050 .copy .inner {
  position: relative;
  z-index: 3;
}
.c5050 .copy h2 {
  font-size: 57px;
  font-weight: 700;
}
.c5050 .copy h3 {
  text-transform: uppercase;
}
.c5050 .copy img.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  opacity: 0.5;
}
.c5050 .copy .has-bg-img {
  background-color: transparent !important;
}
.c5050 .copy .notch {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-100%, -50%);
  z-index: 6;
  background-color: transparent !important;
  border-top: 2rem solid transparent;
  border-bottom: 2rem solid transparent;
  border-right: 2rem solid rgb(244, 244, 244); /*border-right-width: 2rem; border-right-style:solid;*/
}
.c5050 .copy.order-first .notch {
  right: 0;
  left: auto;
  transform: translate(100%, -50%);
  border-left: 2rem solid rgb(244, 244, 244); /*border-left-width:2rem; border-left-style:solid;*/
  border-right: none !important;
}
.c5050 .img {
  min-height: 75vh;
}

.cCardList {
  display: flex;
  justify-content: center; /*background-color:$navy;*/
  position: relative;
  /*.umb-block-list {*/ /*display:flex; gap:1rem; flex-wrap:wrap;*/ /*display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:1fr; background:red; column-gap:1rem; row-gap:1rem; }
&.columns3 {*/ /*default 3 cols already set in um-block-list*/ /*flex: calc(33.33% - 2rem) 0 1;*/ /* 3 items per row */ /*} // figure out what percent each for 4 per row..then go 1% over that
&.columns4 { grid-template-columns:repeat(4,1fr);*/ /*flex: 21% 0 1;*/ /* 4 items per row */ /*}
&.columns5 { grid-template-columns:repeat(5,1fr);*/ /*flex: 17% 0 1;*/ /* 5 items per row */ /*}*/
}
.cCardList.inset {
  padding-left: 8vw;
  padding-right: 8vw;
}
.cCardList h2.heading, .cCardList h3.heading {
  text-align: center;
  font-weight: 900;
  position: relative;
  z-index: 3;
}
.cCardList h2.heading {
  margin-bottom: 0.5rem;
}
.cCardList h3.heading {
  margin-bottom: 0.5rem;
}
.cCardList h2.heading + h3.heading {
  margin-bottom: 2rem;
}
.cCardList .umb-block-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  position: relative;
  z-index: 10;
}
.cCardList .umb-block-list .cCard, .cCardList .umb-block-list .cCardJumboText {
  flex: 33.33% 0 1;
  text-align: center;
  position: relative;
  /*&:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; }*/
  /*&.has-img img.img { position:relative; z-index:7; }*/
}
.cCardList .umb-block-list .cCard img, .cCardList .umb-block-list .cCardJumboText img {
  width: 100%;
  object-fit: contain; /*position:relative; z-index:2;*/
}
.cCardList .umb-block-list .cCard img.icon, .cCardList .umb-block-list .cCardJumboText img.icon {
  height: 150px;
  width: auto;
}
.cCardList .umb-block-list .cCard .content, .cCardList .umb-block-list .cCardJumboText .content { /*position:relative; z-index:3;*/ /*width:100%; height:100%;*/
  padding: 2vw;
}
.cCardList .umb-block-list .cCard img.bg, .cCardList .umb-block-list .cCardJumboText img.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  opacity: 0.5;
}
.cCardList .umb-block-list .cCard a.btn, .cCardList .umb-block-list .cCardJumboText a.btn {
  display: inline-block; /*margin:2rem auto 0;*/
}
.cCardList .umb-block-list .cCard.no-img .content, .cCardList .umb-block-list .cCardJumboText.no-img .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cCardList .umb-block-list .cCard h2, .cCardList .umb-block-list .cCardJumboText h2 {
  font-weight: 700;
}
.cCardList .umb-block-list .cCard {
  display: flex !important;
  flex-direction: column;
}
.cCardList .umb-block-list .cCard .content {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.cCardList .umb-block-list .cCard .content .inner {
  height: 100%;
  width: 100%;
}
.cCardList .umb-block-list .cCard .content a.btn { /*margin-top:2rem;*/
  margin: 2rem auto 0;
  position: relative;
  z-index: 5;
}
.cCardList .umb-block-list .cCardJumboText {
  overflow: hidden;
  padding: 2rem;
}
.cCardList .umb-block-list .cCardJumboText .jumbo {
  line-height: 1;
  width: 100%;
}
.cCardList .umb-block-list .cCardJumboText h2 {
  line-height: 1;
  font-weight: 900;
  color: rgb(0, 59, 92);
  margin-bottom: 0.1rem !important;
}
.cCardList .umb-block-list .cCardJumboText h3 {
  opacity: 0.7;
}
.cCardList .umb-block-list .cCardJumboText p { /*line-height:1; font-size:.8rem*/
  margin: 0 0 0.5rem;
}
.cCardList .umb-block-list .cCardJumboText .content {
  padding-top: 0;
  padding-bottom: 0;
  justify-content: flex-start !important;
  align-items: center !important;
}
.cCardList .umb-block-list .cCardIcon img.icon {
  margin-bottom: 0.5rem;
}
.cCardList.columns2 .umb-block-list .cCard {
  flex: 50% 0 1;
  border: 0;
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  justify-content: center; /*2 items per row*/
}
.cCardList.columns3 .umb-block-list .cCard {
  flex: 33.33% 0 1;
}
.cCardList.columns4 .umb-block-list .cCard {
  flex: 25% 0 1; /* 4 items per row */
}
.cCardList.columns5 .umb-block-list .cCard {
  flex: 20% 0 1; /* 5 items per row */
}
.cCardList.gap .cCard h2, .cCardList.gap .cCard h3 {
  text-transform: uppercase;
}
.cCardList.gap .cCard h2 {
  font-size: 1.2rem;
  font-weight: 700;
}
.cCardList.gap .cCard p { /*line-height:1; font-size:.8rem;*/ }
.cCardList.gap .umb-block-list {
  gap: 1rem;
}
.cCardList.gap .umb-block-list .cCard.has-bg-img, .cCardList.gap .umb-block-list .cCard.has-img {
  border: 1px solid rgb(255, 255, 255);
}
.cCardList.gap.columns2 .umb-block-list .cCard {
  flex: calc(50% - 1rem) 0 1; /*2 items per row*/
}
.cCardList.gap.columns3 .umb-block-list .cCard {
  flex: calc(33% - 1rem) 0 1;
}
.cCardList.gap.columns4 .umb-block-list .cCard {
  flex: calc(25% - 1rem) 0 1; /* 4 items per row */
}
.cCardList.gap.columns5 .umb-block-list .cCard {
  flex: calc(20% - 1rem) 0 1; /* 5 items per row */
}
.cCardList.gridlines .umb-block-list {
  gap: 0;
}
.cCardList.gridlines .umb-block-list .cCard {
  border: none;
  border-top: 1px solid rgb(255, 255, 255);
}
.cCardList.gridlines .umb-block-list .cCard + .cCard {
  border-left: 1px solid rgb(255, 255, 255);
}
.cCardList.gridlines.columns2 .umb-block-list .cCard {
  flex: calc(50% - 2px) 0 1; /*2 items per row*/
}
.cCardList.gridlines.columns3 .umb-block-list .cCard {
  flex: calc(33% - 2px) 0 1;
}
.cCardList.gridlines.columns4 .umb-block-list .cCard {
  flex: calc(25% - 2px) 0 1; /* 4 items per row */
}
.cCardList.gridlines.columns5 .umb-block-list .cCard {
  flex: calc(20% - 2px) 0 1; /* 5 items per row */
}
.cCardList.gridlines.columns2 .umb-block-list .cCard:nth-of-type(-n+2) {
  border-top: none;
}
.cCardList.gridlines.columns2 .umb-block-list .cCard:nth-of-type(2n+1) {
  border-left: none;
}
.cCardList.gridlines.columns3 .umb-block-list .cCard:nth-of-type(-n+3) {
  border-top: none;
}
.cCardList.gridlines.columns3 .umb-block-list .cCard:nth-of-type(3n+1) {
  border-left: none;
}
.cCardList.gridlines.columns4 .umb-block-list .cCard:nth-of-type(-n+4) {
  border-top: none;
}
.cCardList.gridlines.columns4 .umb-block-list .cCard:nth-of-type(4n+1) {
  border-left: none;
}
.cCardList.gridlines.columns5 .umb-block-list .cCard:nth-of-type(-n+5) {
  border-top: none;
}
.cCardList.gridlines.columns5 .umb-block-list .cCard:nth-of-type(5n+1) {
  border-left: none;
}
.cCardList .cCardHorizontal {
  display: flex;
  flex-direction: row !important;
  align-items: stretch;
  min-height: 0 !important;
}
.cCardList .cCardHorizontal img {
  width: 50% !important;
}
.cCardList .cCardHorizontal .content {
  width: 50% !important;
  overflow: hidden;
  text-align: left;
}
.cCardList .cCardHorizontal .content p {
  font-size: 0.6rem;
}
.cCardList .cCardHorizontal .content h2 {
  color: rgb(0, 59, 92);
}

.cNewsEventsGrid.cCardList .umb-block-list, .cNewsEventsSlider.cCardList .umb-block-list {
  position: relative;
  z-index: 3;
  align-items: stretch;
}
.cNewsEventsGrid.cCardList .umb-block-list .cCard, .cNewsEventsSlider.cCardList .umb-block-list .cCard {
  text-align: left !important;
}

.cNewsEventsSlider.cCardList {
  /* the slides */
  /* the parent */
}
.cNewsEventsSlider.cCardList .slick-track {
  display: flex !important;
}
.cNewsEventsSlider.cCardList .slick-slide {
  height: inherit !important;
  margin: 0 0.5rem;
}
.cNewsEventsSlider.cCardList .slick-slide div:has(.cCard), .cNewsEventsSlider.cCardList .slick-slide .cCard {
  height: 100%;
}
.cNewsEventsSlider.cCardList .slick-slide .cCard {
  display: flex !important;
  flex-direction: column;
}
.cNewsEventsSlider.cCardList .slick-slide .cCard .content {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.cNewsEventsSlider.cCardList .slick-slide .cCard .content .inner {
  height: 100%;
}
.cNewsEventsSlider.cCardList .slick-slide .cCard .content .inner a.btn {
  margin-top: 2rem;
}
.cNewsEventsSlider.cCardList .slick-list {
  margin: 0 -0.5rem;
}
.cNewsEventsSlider.cCardList .slick-prev {
  left: -1.5rem;
}
.cNewsEventsSlider.cCardList .slick-prev::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f0d9";
  font-size: 2rem;
  color: rgb(255, 255, 255);
  font-weight: 900;
}
.cNewsEventsSlider.cCardList .slick-next {
  right: -1.5rem;
}
.cNewsEventsSlider.cCardList .slick-next::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f0da";
  font-size: 2rem;
  color: rgb(255, 255, 255);
  font-weight: 900;
}

.cIframe { /* min-width:100vw; min-height:50vh;*/ }
.cIframe.inset {
  padding-left: 8vw;
  padding-right: 8vw;
}
.cIframe iframe {
  width: 100vw;
  height: 80vh;
}

.cVideoPlayer {
  position: relative;
}
.cVideoPlayer.inset {
  padding-left: 8vw;
  padding-right: 8vw;
}
.cVideoPlayer video {
  object-fit: cover;
}
.cVideoPlayer .muted-video, .cVideoPlayer .unmuted-video {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  background: rgba(30, 30, 30, 0.7);
  color: rgb(255, 255, 255);
  height: 2rem;
  width: 2rem;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.cVideoPlayer .muted-video:after, .cVideoPlayer .unmuted-video:after {
  font-family: "Font Awesome 6 Pro";
  font-size: 1.5rem;
}
.cVideoPlayer .muted-video:after {
  content: "\f6a9";
}
.cVideoPlayer .unmuted-video:after {
  content: "\f6a8";
}

.cIconBulletList ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 1rem;
}
.cIconBulletList ul li {
  margin: 0;
  padding: 0;
  width: 33%;
}
.cIconBulletList img.icon {
  height: 50px;
  width: auto;
}

.cBubbleCopyList .cBubbleCopyListItem {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
}
.cBubbleCopyList .cBubbleCopyListItem img {
  margin-left: 0;
  margin-right: 1rem;
  border-radius: 50%;
}
.cBubbleCopyList .cBubbleCopyListItem .img-container {
  padding-right: 1rem;
}
.cBubbleCopyList .cBubbleCopyListItem:nth-of-type(even) .img-container {
  order: 2;
  padding-left: 1rem;
  padding-right: 0;
}
.cBubbleCopyList .cBubbleCopyListItem:nth-of-type(even) .img-container img {
  float: right; /*margin-left:1rem; margin-right:0;*/
}
.cBubbleCopyList .cBubbleCopyListItem:first-of-type {
  margin-top: 0;
}
.cBubbleCopyList .heading, .cBubbleCopyList .list {
  position: relative;
  z-index: 3;
}

.cIconCopyList .heading, .cIconCopyList .list {
  position: relative;
  z-index: 3;
}
.cIconCopyList .cIconCopyListItem {
  display: flex;
  align-content: flex-start;
}
.cIconCopyList .cIconCopyListItem img {
  margin-right: 1rem; /*width:150px;*/
  width: 5vw;
  max-width: 150px;
  height: auto;
}

.cBubbleCopyGrid .cBubbleCopyGridItem {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  /*img { margin-left:0; margin-right:1rem; }
  img.order-last { margin-left:1rem; margin-right:0; }*/
}
.cBubbleCopyGrid .cBubbleCopyGridItem img {
  border-radius: 50%;
  max-width: 30vw;
}

.cBubbleRow .bubbles { /*display:flex; justify-content:space-around;*/
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  position: relative;
  z-index: 3;
}
.cBubbleRow .bubbles .bubble {
  text-align: center;
}
.cBubbleRow .bubbles .bubble img {
  border-radius: 50%;
  max-width: 100%;
  border: 3px solid transparent;
  transition: all 0.2s linear;
}
.cBubbleRow .bubbles .bubble h2 {
  margin-top: 1rem;
}
.cBubbleRow .bubbles .bubble.has-link:hover img {
  cursor: pointer;
  border: 3px solid rgb(0, 88, 124);
}
.cBubbleRow .bubbles.slick-this {
  display: flex;
  justify-content: center;
}
.cBubbleRow .bubbles.slick-this .bubble {
  width: calc(33vw - 2rem);
  text-align: center;
}
.cBubbleRow .bubbles.slick-this .bubble img {
  margin: 0 auto;
}
.cBubbleRow .bubbles.slick-this .slick-prev {
  left: -1.5rem;
}
.cBubbleRow .bubbles.slick-this .slick-prev::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f0d9";
  font-size: 2rem;
  color: rgb(0, 88, 124);
  font-weight: 900;
}
.cBubbleRow .bubbles.slick-this .slick-next {
  right: -1.5rem;
}
.cBubbleRow .bubbles.slick-this .slick-next::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f0da";
  font-size: 2rem;
  color: rgb(0, 88, 124);
  font-weight: 900;
}

.cProfileList .profile {
  z-index: 5;
  position: relative;
}
.cProfileList .profile img {
  border-radius: 50%;
}

.cContactForm {
  position: relative;
}
.cContactForm .form-container .form-control, .cContactForm .form-container .form-select {
  border-radius: 75px;
  margin-bottom: 1rem;
}
.cContactForm .form-container button.btn {
  margin-top: 0;
}
.cContactForm .content {
  position: relative;
  z-index: 3;
}

.cImageCopyGrid {
  position: relative;
}
.cImageCopyGrid .header {
  position: relative;
  z-index: 3;
  text-align: center;
}
.cImageCopyGrid .grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  position: relative;
  z-index: 3;
  /*&:has(.grid-item.active) .grid-item { opacity:.5; }*/
}
.cImageCopyGrid .grid .grid-item {
  position: relative;
  box-sizing: border-box;
  aspect-ratio: 1/1;
  padding: 1rem;
  background: rgb(255, 255, 255);
  border: 3px solid rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; /*transform:scale(1);*/
  transition: all 0.3s ease !important;
}
.cImageCopyGrid .grid .grid-item img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.cImageCopyGrid .grid .grid-item .copy {
  padding: 0.5rem;
  background: rgb(255, 255, 255);
  color: rgb(99, 102, 106);
  display: none;
  font-size: 0.8rem;
}
.cImageCopyGrid .grid .grid-item .copy h3 {
  color: rgb(0, 88, 124) !important;
  text-transform: uppercase;
  padding-right: 1rem;
}
.cImageCopyGrid .grid .grid-item .copy .close {
  float: right;
  color: rgb(99, 102, 106);
  line-height: 1;
  font-size: 0.8rem;
  cursor: pointer;
}
.cImageCopyGrid .grid .grid-item:not(.inactive):hover { /*transform:scale(1.2); */
  border: 3px solid rgb(0, 59, 92); /*position:relative; z-index:2;*/
}
.cImageCopyGrid .grid .grid-item.active {
  opacity: 1 !important;
  position: relative;
  z-index: 2;
}
.cImageCopyGrid .grid .grid-item.active .copy {
  display: block;
  position: absolute;
  top: -3px;
  left: calc(100% + 3px);
  width: calc(101% + 1rem);
  z-index: 99;
  border: 1px solid white;
  overflow-y: auto;
  height: calc(100% + 6px);
  /* scrollbar */
  /*addresses the background of the bar itself. It is usually covered by the other elements*/
  /*addresses the directional buttons on the scrollbar*/
  /*addresses the empty space “below” the progress bar*/
  /*is the top-most layer of the the progress bar not covered by the draggable scrolling element (thumb)*/
  /*addresses the draggable scrolling element that resizes depending on the size of the scrollable element*/
  /*addresses the (usually) bottom corner of the scrollable element, where two scrollbars might meet*/
  /*addresses the draggable resizing handle that appears above the scrollbar-corner at the bottom corner of some elements*/
}
.cImageCopyGrid .grid .grid-item.active .copy::-webkit-scrollbar {
  width: 3px;
}
.cImageCopyGrid .grid .grid-item.active .copy::-webkit-scrollbar-track {
  background-color: rgba(99, 102, 106, 0.5);
}
.cImageCopyGrid .grid .grid-item.active .copy::-webkit-scrollbar-thumb {
  background-color: rgb(190, 106, 20);
}
.cImageCopyGrid .grid .grid-item.active:hover {
  border: 3px solid rgb(255, 255, 255);
}
.cImageCopyGrid .grid .grid-item.inactive:not(.active) {
  /*&:hover { transform:scale(1)!important; border:1px solid $white; z-index:1; }*/
}
.cImageCopyGrid .grid .grid-item.inactive:not(.active) img {
  opacity: 0.5;
}
.cImageCopyGrid .grid .grid-item:nth-of-type(4n).active .copy {
  left: calc(-101% - 1rem);
}

.cInstagramFeed.inset {
  padding-left: 8vw;
  padding-right: 8vw;
}
.cInstagramFeed h2 {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.c6040List {
  /*.content-container { position:relative; }*/
}
.c6040List .list-item {
  position: relative;
  z-index: 5;
}
.c6040List .list-item .row:nth-of-type(1n+2) {
  margin-top: 1rem;
}
.c6040List .list-item .copy {
  background: rgb(255, 255, 255);
  padding: 4vw;
}

/* RECAPTCHA */
.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  right: 1rem !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

/* FANCYBOX */
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
  height: 100%;
}

/* PAGES */
#home .cHero {
  min-height: 80vh;
}

#news-events #hero {
  width: 100%;
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#news-events #hero h1 {
  text-align: center;
  color: rgb(255, 255, 255);
  position: relative;
  z-index: 3;
}
#news-events #hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 59, 92, 0.5);
}

/* HIDE TOP NAV */
@media screen and (max-width: 1434px) {
  ul.nav {
    display: none;
  }
  .offcanvas-body ul.navbar-nav li.nav-item.top {
    display: list-item !important;
  }
  .offcanvas-body ul.navbar-nav li.nav-item.top .emphasis {
    display: none !important;
  }
  .offcanvas-body ul.navbar-nav li.nav-item a.nav-link {
    padding: 0.5rem 1rem !important;
  }
}
/*.cPopup { position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:9; padding:1rem 1rem 3rem 1rem!important; max-width:300px; margin-left:0!important;
    h3 { margin:.4rem 0 .4rem; font-size: 1.2rem; font-weight: 700; text-transform:uppercase; }
    .copy { padding:0; margin:0; }
    a.btn { margin-top:0; }
}*/
.cPopup {
  display: none;
  padding: 1rem !important;
  width: 400px;
  max-width: 90vw;
}
.cPopup h3 {
  margin: 0.4rem 0 0.4rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
}
.cPopup .copy {
  padding: 0;
  margin: 0;
}
.cPopup a.btn {
  margin-top: 0;
}

/* LG DOWN */
@media screen and (max-width: 1400px) {
  :root {
    font-size: 18px;
  }
  body {
    font-size: 18px;
  }
  .padding-top-normal, .padding-top- {
    padding-top: 3rem;
  }
  .padding-top-half {
    padding-top: 1.5rem;
  }
  .padding-top-double {
    padding-top: 6rem;
  }
  .padding-top-none {
    padding-top: 0;
  }
  .padding-bottom-normal, .padding-bottom- {
    padding-bottom: 3rem;
  }
  .padding-bottom-half {
    padding-bottom: 1.5rem;
  }
  .padding-bottom-double {
    padding-bottom: 6rem;
  }
  .padding-bottom-none {
    padding-top: 0;
  }
  /*nav.navbar .offcanvas ul.navbar-nav li.nav-item a.nav-link { padding:.5rem 1rem; }  */
  h1 {
    font-size: 55px;
    line-height: 1.1;
    margin-bottom: 0;
  }
  h2 {
    font-size: 42px;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 500;
  }
  h2.big {
    font-size: 48px;
    font-weight: 700;
  }
  .jumbo {
    font-size: 120px;
  }
  .cVideoPlayer video {
    height: auto;
    width: auto;
    object-fit: contain;
  }
  .cIframe {
    height: 90vh;
  }
  .cIframe iframe {
    height: 100% !important;
  }
}
/* MD DOWN */
@media screen and (max-width: 991px) {
  .c5050 .img, .c6040List .list-item .img {
    min-height: 50vh;
    order: 1 !important;
  }
  .c5050 .copy, .c6040List .list-item .copy {
    order: 2 !important;
  }
  .cCardList .umb-block-list .cCard {
    flex: 100% 0 1 !important;
  }
  .cCardList.gap .umb-block-list {
    gap: 1rem 0;
  }
  .cCardList.gap .umb-block-list .cCard {
    flex: 90% 0 1 !important;
  }
  .cCardList:has(.cCardJumboText, .cCardIcon) .umb-block-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 !important;
    box-sizing: border-box;
  }
  .cCardList:has(.cCardJumboText, .cCardIcon) .umb-block-list .cCard { /*flex:45% 0 1!important;*/
    border: none !important;
    border-top: 1px solid rgb(255, 255, 255) !important;
  }
  .cCardList:has(.cCardJumboText, .cCardIcon) .umb-block-list .cCard:nth-child(even) {
    border-left: 1px solid rgb(255, 255, 255) !important;
  }
  .cCardList:has(.cCardJumboText, .cCardIcon) .umb-block-list .cCard:nth-child(odd) {
    border-left: none;
  }
  .cCardList:has(.cCardJumboText, .cCardIcon) .umb-block-list .cCard:nth-of-type(-n+2) {
    border-top: none !important;
  }
  .cCardList:has(.cCardJumboText, .cCardIcon):not(.gridlines) .umb-block-list .cCard {
    border: none !important;
    padding: 1rem;
  }
  .cCardList:has(.cCardHorizontal) .umb-block-list .cCard {
    flex: 100% 0 1 !important;
  }
  .cCardList:has(.cCardHorizontal) .umb-block-list .cCard .content {
    padding: 1rem 0.5rem;
  }
  /*
      .cVideoPlayer {
          video { height:auto; width:auto; object-fit:contain; }
      }*/
  .cIframe {
    height: 90vh;
  }
  .cIframe iframe {
    height: 100% !important;
  }
  .cBubbleCopyList .cBubbleCopyListItem .img-container {
    order: 1 !important;
  }
  .cBubbleCopyList .cBubbleCopyListItem .img-container img {
    margin: 1rem auto !important;
    display: block;
    float: none !important;
  }
  .cBubbleCopyList .cBubbleCopyListItem .copy-container {
    order: 2 !important;
    text-align: center;
  }
  .cBubbleCopyGrid .cBubbleCopyGridItem {
    flex-direction: column;
  }
  .cBubbleCopyGrid .cBubbleCopyGridItem img {
    order: 1 !important;
    margin: 1rem auto;
    display: block;
  }
  .cBubbleCopyGrid .cBubbleCopyGridItem .content {
    order: 2 !important;
    text-align: center;
  }
  .cImageCopyGrid .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .cImageCopyGrid .grid-item:nth-child(odd).active {
    opacity: 1 !important;
    position: relative;
    z-index: 2;
  }
  .cImageCopyGrid .grid-item:nth-child(odd).active .copy { /*display:block; position:absolute; top:-3px;*/
    left: calc(100% + 3px); /* width:calc(101% + 1rem); z-index:99; border:1px solid white; overflow-y:auto; height:calc(100% + 6px); */
  }
  .cImageCopyGrid .grid-item:nth-child(even).active .copy {
    left: calc(-101% - 1rem);
  }
  #footer .left {
    padding-left: 8vw;
  }
  #footer .middle img {
    max-width: 75vw;
    padding-bottom: 1rem;
  }
  #footer .right {
    padding-right: 8vw;
  }
  #below-footer .left {
    padding-left: 8vw;
  }
  #below-footer .middle img {
    max-width: 75vw;
    padding-bottom: 1rem;
  }
  #below-footer .right {
    padding-right: 8vw;
  }
}
/* MOBILE */
@media screen and (max-width: 767px) {
  :root {
    font-size: 16px;
  }
  body {
    font-size: 16px;
  }
  /*$vPad:3rem;
  $vPadHalf:1.5rem;
  .padding-top-normal,.padding-top- { padding-top:$vPad; }
  .padding-top-half { padding-top:calc($vPad / 2); }
  .padding-top-double { padding-top:calc($vPad * 2); }
  .padding-top-none { padding-top:0; }
  .padding-bottom-normal, .padding-bottom- { padding-bottom:$vPad; }
  .padding-bottom-half { padding-bottom:calc($vPad / 2); }
  .padding-bottom-double { padding-bottom:calc($vPad * 2); }
  .padding-bottom-none { padding-top:0; }*/
  nav.navbar .offcanvas ul.navbar-nav li.nav-item a.nav-link {
    padding: 0.5rem 1rem;
    font-size: 37px;
  }
  h1 {
    font-size: 45px; /*line-height:1.1; margin-bottom:0;*/
  }
  h2 {
    font-size: 32px; /*line-height:1; margin-bottom:0; font-weight:500;*/
  }
  h2.big {
    font-size: 40px; /*font-weight:700;*/
  }
  /*h3 { font-size:.8rem; line-height:1; font-weight:900; }
  h2 + h1 { margin-top:.25rem; } //h1 preceded by h2
  h1 + h2 { margin-top:.25rem; } //h2 preceded by h1
  h1 + p, h2 + p { margin-top:1rem; } //p preceded by h1, or p preceded by h2*/
  .jumbo {
    font-size: 100px;
  }
  .cHero .content, .cCenteredContent .content {
    width: 84%;
    padding: 1rem 0;
  }
  .c5050 {
    /*.copy { order:2!important; } handled in MD down*/
  }
  .c5050 .img {
    min-height: 40vh; /*order:1!important; handled in MD down*/
  }
  .c5050 h2 {
    font-size: 45px;
  }
  .cCardList {
    padding: 3rem 1rem;
  }
  .cCardList.gap .cCard {
    flex: 100% 0 1 !important;
  }
  .cCardList:not(.gap) {
    padding: 0;
  }
  .cCardList:not(.gap) .cCard {
    flex: 100% 0 1 !important;
  }
  .cCardList:has(.cCardJumboText) {
    padding: 3rem 1rem;
  }
  .cCardList .slick-prev {
    left: 0;
  }
  .cCardList .slick-prev:before {
    content: "\f0d9";
    font-family: "Font Awesome 6 Pro";
    font-size: 1.5rem;
    font-weight: 900;
  }
  .cCardList .slick-next {
    right: 0;
  }
  .cCardList .slick-next:before {
    content: "\f0da";
    font-family: "Font Awesome 6 Pro";
    font-size: 1.5rem;
    font-weight: 900;
  }
  .cCardList:has(.cCardIcon) {
    padding: 3rem 1rem;
  }
  .cCardList:has(.cCardIcon) .cCard {
    flex: 50% 0 1 !important;
  }
  .cCardList:has(.cCardIcon) .cCard img.icon {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1/1 !important;
  }
  .cCardList:has(.cCardHorizontal) {
    padding-top: 3rem;
  }
  .cCardList:has(.cCardHorizontal) .cCard {
    flex-direction: column !important;
  }
  .cCardList:has(.cCardHorizontal) img, .cCardList:has(.cCardHorizontal) .content {
    width: 100% !important;
  }
  /*.cVideoPlayer {
      video { height:auto; width:auto; object-fit:contain; }
  }*/
  /*.cIframe { height:90vh;
      iframe { height:100%!important; }
  }*/
  .cBubbleCopyList {
    text-align: center;
  }
  .cBubbleCopyList h2 {
    margin-top: 1rem;
  }
  .cIconCopyList {
    text-align: center;
  }
  .cIconCopyList h2 {
    margin-top: 1rem;
  }
  .cIconCopyList .cIconCopyListItem {
    flex-direction: column;
    justify-content: center;
  }
  .cIconCopyList .cIconCopyListItem img {
    margin: auto;
    width: 90px;
  }
  .cBubbleCopyGrid {
    text-align: center;
  }
  .cBubbleCopyGrid h2 {
    margin-top: 1rem;
  }
  .cBubbleCopyGrid .cBubbleCopyGridItem {
    flex-direction: column;
    justify-content: center;
  }
  .cBubbleCopyGrid .cBubbleCopyGridItem img {
    margin: auto;
    order: 1 !important;
  }
  .cBubbleCopyGrid .cBubbleCopyGridItem .content {
    order: 2 !important;
  }
  .cBubbleRow .bubbles {
    grid-template-columns: 1fr;
  }
  .cBubbleRow .bubbles .bubble:not(:first-of-type) {
    margin-top: 1rem;
  }
  /*.cImageCopyGrid {
      .grid { grid-template-columns:repeat(2, 1fr); }
  }*/
  #footer {
    text-align: center;
  }
  #footer .left {
    padding-left: 0;
  }
  #footer .middle img {
    max-width: 75vw;
  }
  #footer .right {
    justify-content: center;
    margin-top: 1rem;
    padding-right: 0;
  }
  #below-footer {
    text-align: center;
  }
  #below-footer .left {
    order: 3 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 0;
  }
  #below-footer .left .copyright {
    order: 12 !important;
    margin-top: 1.5rem;
  }
  #below-footer .middle {
    order: 1 !important;
  }
  #below-footer .middle img {
    max-width: 65vw;
  }
  #below-footer .right {
    order: 2 !important;
    justify-content: center;
    padding: 1.5rem 0;
    padding-right: 0;
  }
}