@charset "UTF-8";
/* Colors */
.focus-challenge h1, .focus-challenge h2, .focus-goals h1, .focus-goals h2, .intro.home-intro h1 {
  font-family: "Open Sans", sans-serif;
  font-size: clamp(1.75rem, 1.2943037975rem + 0.9493670886vw, 2.125rem);
  font-weight: 700;
  line-height: 1.1;
}

.content .qa h3 {
  font-family: "Open Sans", sans-serif;
  font-size: clamp(1.25rem, 0.6693037975rem + 0.9493670886vw, 1.5rem);
  font-weight: 700;
  line-height: 1.1;
}

.hexagon-text {
  font-family: "Open Sans", sans-serif;
  font-size: clamp(1.125rem, 0.6693037975rem + 0.9493670886vw, 1.5rem);
  font-weight: 700;
  line-height: 1.1;
}

.wrap {
  position: relative;
}

@media only screen and (min-width: 740px) {
  .wrap {
    max-width: 1300px;
    position: relative;
  }
}
/* --- Header --- */
header {
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  text-align: center;
  z-index: 10000;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.interior header {
  border-bottom: 0.45em #084162 solid;
}

header .wrap {
  width: 100%;
  display: block;
}

header .logo {
  display: block;
  width: 55%;
  padding: 0.6em;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

header .logo img,
header .logo svg {
  width: 100%;
}

.fixed-header header .logo {
  width: 45%;
}

@media only screen and (min-width: 900px) {
  header .wrap {
    display: table;
  }
  header .logo {
    width: 25%;
    padding: 1em 2em 1em 1em;
    display: table-cell;
    vertical-align: middle;
  }
  .fixed-header header .logo {
    width: 20%;
    padding: 0.5em 2em 0.5em 1em;
  }
}
/* --- Mobile Button --- */
.mobile-menu {
  background: #17719f;
  color: #fff;
  width: 2.4em;
  height: 2.4em;
  padding: 0;
  border: 0;
  display: block;
  position: absolute;
  right: 0.7em;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.mobile-menu:active {
  background: #00626e;
}

.fixed-header .mobile-menu {
  width: 2em;
  height: 2em;
  right: 0.5em;
  top: 0.55em;
}

.mobile-menu .menu {
  background: #fff;
  width: 70%;
  height: 2px;
  display: block;
  position: relative;
}

.mobile-menu .menu:before,
.mobile-menu .menu:after {
  background: #fff;
  width: 100%;
  height: 2px;
  content: " ";
  position: absolute;
  left: 0;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.mobile-menu .menu:before {
  top: -8px;
}

.mobile-menu .menu:after {
  top: 8px;
}

.mobile-menu:hover .menu:before {
  top: -10px;
}

.mobile-menu:hover .menu:after {
  top: 10px;
}

.expanded .mobile-menu .menu:before {
  top: -8px;
  -webkit-transform: translate3d(0px, 8px, 0px) rotate(-45deg) scale(1);
          transform: translate3d(0px, 8px, 0px) rotate(-45deg) scale(1);
}

.expanded .mobile-menu .menu:after {
  top: 8px;
  -webkit-transform: translate3d(0px, -8px, 0px) rotate(45deg) scale(1);
          transform: translate3d(0px, -8px, 0px) rotate(45deg) scale(1);
}

.expanded .mobile-menu .menu {
  background: transparent;
}

/* --- Call Button --- */
@media only screen and (min-width: 900px) {
  .mobile-menu {
    display: none;
  }
}
/* --- Primary --- */
.primary {
  -webkit-transition: none;
  transition: none;
  display: none;
}

.primary ul {
  background: #17719f;
  background: rgba(23, 113, 159, 0.9);
  list-style: none;
  width: 100%;
  display: block;
  position: relative;
}

.primary li {
  position: relative;
}

.primary li a {
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 400;
  color: #fff;
  padding: 1.2em 1em;
  display: block;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.primary li:hover a {
  background: #1872a1;
  color: #fff;
}

.primary li:active a {
  background: #12618a;
}

.primary li:nth-of-type(2):hover a {
  background: #405f8b;
}

.primary li:nth-of-type(2):active a {
  background: #344e74;
}

.primary li:nth-of-type(3):hover a {
  background: #195f82;
}

.primary li:nth-of-type(3):active a {
  background: #144e6c;
}

.primary li:nth-of-type(4):hover a {
  background: #00626e;
}

.primary li:nth-of-type(4):active a {
  background: #004f58;
}

.primary li.nav-search {
  padding: 1em;
}

.primary li.nav-search form {
  background: #084061;
  width: 100%;
  display: block;
  float: left;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.primary li.nav-search form:hover,
.primary li.nav-search.focused form {
  background: #002741;
}

.primary li.nav-search input {
  background: transparent;
  width: 90%;
  color: #fff;
  display: table-cell;
  float: left;
  font-size: 1em;
  padding: 0.6em;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.primary li.nav-search input:hover {
  color: #85c04c;
}

.primary li.nav-search input::-webkit-input-placeholder {
  color: #fff;
}

.primary li.nav-search input:-moz-placeholder {
  color: #fff;
}

.primary li.nav-search input::-moz-placeholder {
  color: #fff;
}

.primary li.nav-search input:-ms-input-placeholder {
  color: #fff;
}

.primary li.nav-search input:-moz-placeholder-shown {
  color: #fff;
}

.primary li.nav-search input:placeholder-shown {
  color: #fff;
}

.primary li.nav-search button {
  background: transparent;
  color: #fff;
  width: 10%;
  float: right;
  display: table-cell;
  cursor: pointer;
  padding: 0.6em 0.3em;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.primary li.nav-search button:hover {
  color: #85c04c;
}

.primary li.nav-search button:active {
  color: #559c9c;
}

.primary ol {
  min-width: 100%;
  padding: 0 0 0.3em;
  list-style: none;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 100%;
  font-size: 1em;
  -webkit-box-shadow: inset 0 -0.3em 0 rgb(8, 64, 97);
  box-shadow: inset 0 -0.3em 0 rgb(8, 64, 97);
}

@media only screen and (min-width: 900px) {
  .primary {
    width: 75%;
    background: transparent;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
  .fixed-header .primary {
    width: 80%;
  }
  .primary ul {
    background: transparent;
    display: table;
    display: relative;
  }
  .primary ul > li {
    display: table-cell;
  }
  .primary li a {
    font-size: 0.9em;
    color: #636567;
    display: block;
    white-space: nowrap;
    padding: 2em 0.8em;
  }
  .fixed-header .primary > li a {
    font-size: 0.8em;
    padding: 1.8em 0.8em;
  }
  .primary li.active a {
    -webkit-box-shadow: inset 0 -0.3em 0 rgb(8, 64, 97), inset 0 0.3em 0 rgb(8, 64, 97);
            box-shadow: inset 0 -0.3em 0 rgb(8, 64, 97), inset 0 0.3em 0 rgb(8, 64, 97);
  }
  .primary li.active:hover a {
    -webkit-box-shadow: inset 0 -0.3em 0 rgba(8, 64, 97, 0), inset 0 0.3em 0 rgba(8, 64, 97, 0);
            box-shadow: inset 0 -0.3em 0 rgba(8, 64, 97, 0), inset 0 0.3em 0 rgba(8, 64, 97, 0);
  }
  .primary li.nav-search {
    width: 10em;
    padding: 0 1em;
    vertical-align: middle;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
  .primary li.nav-search form {
    background: #cccccc;
  }
  .primary li.nav-search form:hover,
  .primary li.nav-search.focused form {
    background: #a4a4a4;
  }
  .primary li.nav-search input {
    font-size: 0.8em;
    width: 80%;
  }
  .primary li.nav-search input:hover {
    color: #fff;
  }
  .primary li.nav-search button {
    width: 20%;
    padding: 0.3em 0.3em;
  }
  .primary li.nav-search button:hover {
    color: #4f4f4f;
  }
  .primary li.nav-search button:active {
    color: #313131;
  }
}
@media only screen and (min-width: 900px) and (min-width: 48em) {
  .primary li ol {
    width: auto;
  }
}
@media only screen and (min-width: 900px) {
  .primary li:hover ol {
    visibility: visible !important;
    opacity: 1 !important;
    min-width: 100%;
  }
  .primary li ol a {
    padding: 1.2em 1em !important;
    font-size: 0.9em;
    text-transform: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-align: left;
  }
  .primary li:nth-of-type(1) ol a:hover {
    background: #116089 !important;
  }
  .primary li:nth-of-type(1) ol a:active {
    background: #095276 !important;
  }
  .primary li:nth-of-type(2) ol a:hover {
    background: #344e74 !important;
  }
  .primary li:nth-of-type(2) ol a:active {
    background: #2d4568 !important;
  }
  .primary li:nth-of-type(3) ol a:hover {
    background: #144e6c !important;
  }
  .primary li:nth-of-type(3) ol a:active {
    background: #0d4560 !important;
  }
  .primary li:nth-of-type(4) ol a:hover {
    background: #004f58 !important;
  }
  .primary li:nth-of-type(4) ol a:active {
    background: #00444d !important;
  }
}
@media only screen and (min-width: 1100px) {
  .primary li a {
    font-size: 1.1em;
    padding: 1.9em 0.8em;
  }
  .fixed-header .primary li a {
    font-size: 1em;
    padding: 1.7em 0.8em;
  }
  .primary li.nav-search {
    width: 11em;
  }
  .primary li.nav-search input {
    font-size: 0.95em;
  }
  .primary li.nav-search button {
    padding: 0.4em 0.3em;
  }
}
@media only screen and (min-width: 1200px) {
  .primary li a {
    font-size: 1.2em;
    padding: 1.9em 1em;
  }
  .fixed-header .primary li a {
    font-size: 1em;
  }
  .primary li.nav-search {
    width: 12em;
  }
  .primary li.nav-search input {
    font-size: 1em;
  }
  .primary li.nav-search button {
    padding: 0.45em 0.3em 0.4em;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .primary li.nav-search input {
    padding: 0.35em 0.4em;
  }
}
.primary ul.children {
  display: block;
}
.primary ul.children li {
  display: block;
  width: 100%;
}
.primary ul.children li a {
  padding-left: 1.5rem !important;
}

/*** Layers ***/
.layer {
  text-align: center;
}

.layer .wrap {
  padding: 2em;
}

.layer.how,
.sec-front .layer {
  background: #ededed;
  border-top: 0.8em #f6f6f6 solid;
}

.layer.how {
  border-bottom: 0.8em #f6f6f6 solid;
}

.layer .intro h2 {
  font-size: 1.6em;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
}

.layer .intro p {
  font-size: 1em;
  line-height: 1.3;
  margin: 0 auto;
  -webkit-transition-delay: 0.3s !important;
  transition-delay: 0.3s !important;
}

.layer .intro h2,
.layer .intro p {
  opacity: 0;
  -webkit-transform: translateY(1em);
          transform: translateY(1em);
  -webkit-transition: all 1s cubic-bezier(0.75, -0.25, 0.25, 0.75);
  transition: all 1s cubic-bezier(0.75, -0.25, 0.25, 0.75);
}

.layer.reveal .intro h2,
.layer.reveal .intro p {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media only screen and (min-width: 500px) {
  .layer .wrap {
    padding: 4em 2em;
  }
}
@media only screen and (min-width: 900px) {
  .layer .wrap {
    padding: 6em 2em;
  }
  .layer h2 {
    font-size: 2.2em;
  }
  .layer p {
    max-width: 65%;
    font-size: 1.2em;
  }
}
/*** Buttons ***/
.buttons {
  padding: 0 0 0;
}

.sec-front .buttons {
  padding: 0;
}

.buttons article {
  width: 100%;
  position: relative;
  opacity: 0;
  margin: 0 !important;
  top: 1.4em;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.buttons article.reveal {
  opacity: 1;
  top: 0;
}

@media only screen and (min-width: 900px) {
  .buttons .button2 {
    -webkit-transition-delay: 0.4s !important;
    transition-delay: 0.4s !important;
  }
  .buttons .button3 {
    -webkit-transition-delay: 0.6s !important;
    transition-delay: 0.6s !important;
  }
  .buttons .button4 {
    -webkit-transition-delay: 0.8s !important;
    transition-delay: 0.8s !important;
  }
  .buttons .button5 {
    -webkit-transition-delay: 1s !important;
    transition-delay: 1s !important;
  }
}
.buttons article:nth-child(1) a {
  background-color: #10636f;
}

.buttons article:nth-child(2) a {
  background-color: #85c14b;
}

.buttons article:nth-child(3) a {
  background-color: #1872a1;
}

.buttons article:nth-child(4) a {
  background-color: #10636f;
}

.buttons article:nth-child(5) a {
  background-color: #85c14b;
}

.buttons article:nth-child(6) a {
  background-color: #1872a1;
}

.buttons article .ratio {
  max-width: 100%;
  display: block;
  height: 0;
  padding-bottom: 75%;
  position: relative;
  overflow: hidden;
}

.buttons article .ratio-height {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}

.buttons a figure {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

.buttons a:hover figure {
  opacity: 0.2;
  background-size: 110% auto;
}

.buttons a h3 {
  width: 100%;
  font-size: 1.5em;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  padding: 1em;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 200;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.buttons a:hover h3 {
  color: #fff;
  bottom: 5%;
}

.buttons {
  width: 100%;
}
@media (min-width: 48em) {
  .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1rem;
    padding-top: 4em;
  }
}
.buttons.no-wrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.buttons article {
  margin-bottom: 2rem !important;
}
@media (min-width: 48em) {
  .buttons article {
    margin-bottom: 0 !important;
    width: calc(33.33% - 1rem);
  }
}
.buttons a h3 {
  font-size: 1.7em;
}

/*** Stay Connected ***/
.stay-connected {
  background-color: #85c14b;
  max-width: 100%;
  display: block;
  -webkit-transition: background-color 0.35s ease-in-out;
  transition: background-color 0.35s ease-in-out;
}

.stay-connected:hover {
  background-color: #7eb744 !important;
}

.stay-connected form {
  color: #fff;
  position: relative;
}

.stay-connected .position {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  padding: 2em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (min-width: 900px) {
  .stay-connected .position {
    position: absolute;
    left: 0;
    top: 50%;
    padding: 2em;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.stay-connected .gform_title,
.stay-connected h3 {
  text-transform: uppercase;
  color: #fff;
  font-size: 1.5em;
}

.stay-connected p {
  max-width: none;
  color: #fff;
  font-size: 1em;
  margin-bottom: 1em;
}

@media only screen and (min-width: 900px) {
  .stay-connected .gform_title,
  .stay-connected h3 {
    font-size: 1.8em;
  }
  .stay-connected p {
    font-size: 1.1em;
  }
}
.stay-connected input {
  background: #7cb04a;
  width: 100%;
  padding: 1em 1em 0.9em;
  border: 1px solid #c2e0a5;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 1.1em;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.stay-connected input::-webkit-input-placeholder {
  color: #fff;
}

.stay-connected input:-moz-placeholder {
  color: #fff;
}

.stay-connected input::-moz-placeholder {
  color: #fff;
}

.stay-connected input:-ms-input-placeholder {
  color: #fff;
}

.stay-connected input:-moz-placeholder-shown {
  color: #fff;
}

.stay-connected input:placeholder-shown {
  color: #fff;
}

.stay-connected input:hover {
  background: #5e8b37;
}

.stay-connected input:focus {
  background: #c2e0a5;
  color: #0c8b58;
  border: 1px solid #0c8b58;
}

.stay-connected input:focus::-webkit-input-placeholder {
  color: #0c8b58;
}

.stay-connected input:focus:-moz-placeholder {
  color: #0c8b58;
}

.stay-connected input:focus::-moz-placeholder {
  color: #0c8b58;
}

.stay-connected input:focus:-ms-input-placeholder {
  color: #0c8b58;
}

.stay-connected input:focus:-moz-placeholder-shown {
  color: #0c8b58;
}

.stay-connected input:focus:placeholder-shown {
  color: #0c8b58;
}

.stay-connected input[type=submit] {
  background: #0c8b58;
  width: auto !important;
  padding: 0.5em;
  margin-top: 0.4em;
  border: 0;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.stay-connected input[type=submit]:hover {
  background: #006841;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.stay-connected .gfield_label {
  display: none;
}
.stay-connected .gform_submission_error {
  font-size: 0.8rem;
  color: #ffffff;
  background: #084061;
  padding: 0.5rem;
  display: none;
}
.stay-connected .gfield_validation_message {
  font-size: 0.8rem;
  color: #ffffff;
  background: #084061;
  padding: 0.5rem;
  position: absolute;
  bottom: 95%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}
.stay-connected-wrap {
  max-width: 500px;
  padding: 3rem 2rem;
  text-align: center;
}

/*** Footer ***/
footer {
  background: #ededed;
  border-top: 0.8em #f6f6f6 solid;
  padding: 4em 1em;
  text-align: center;
  font-size: 0.85em;
}

@media only screen and (min-width: 900px) {
  footer {
    font-size: 1em;
  }
}
footer a {
  text-transform: uppercase;
  color: #000000;
  margin: 0 1em;
  padding: 0.3em 0;
  opacity: 0;
  white-space: nowrap;
  display: inline-block;
  border-bottom: 1px solid rgba(255, 255, 225, 0);
  -webkit-transform: translateY(1em);
  transform: translateY(1em);
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

footer.reveal a {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

footer a:hover {
  color: #0c8b58;
  border-bottom: 1px solid #10636f;
}

footer .disclaimer {
  max-width: 700px;
  font-size: 0.85em;
  line-height: 1.2;
  opacity: 0.8;
  padding: 1.3em 1em;
}

/* -------- Transition Delays -------- */
.delay1 {
  -webkit-transition-delay: 0.2s !important;
  transition-delay: 0.2s !important;
}

.delay2 {
  -webkit-transition-delay: 0.4s !important;
  transition-delay: 0.4s !important;
}

.delay3 {
  -webkit-transition-delay: 0.6s !important;
  transition-delay: 0.6s !important;
}

.delay4 {
  -webkit-transition-delay: 0.8s !important;
  transition-delay: 0.8s !important;
}

.delay5 {
  -webkit-transition-delay: 1s !important;
  transition-delay: 1s !important;
}

.delay6 {
  -webkit-transition-delay: 1.2s !important;
  transition-delay: 1.2s !important;
}

.delay7 {
  -webkit-transition-delay: 1.4s !important;
  transition-delay: 1.4s !important;
}

.delay8 {
  -webkit-transition-delay: 1.6s !important;
  transition-delay: 1.6s !important;
}

.delay9 {
  -webkit-transition-delay: 1.8 !important;
  transition-delay: 1.8 !important;
}

.delay10 {
  -webkit-transition-delay: 2s !important;
  transition-delay: 2s !important;
}

/* ---- Hex Table ---- */
.hex-table {
  list-style: none;
  padding: 1.5em 0;
  margin-bottom: 2rem;
}
@media (min-width: 48em) {
  .hex-table {
    margin-bottom: 3rem;
  }
}
@media (min-width: 81.25em) {
  .hex-table {
    margin-bottom: 4rem;
  }
}
.hex-table.reveal article {
  opacity: 1;
  top: 0;
}
.hex-table article {
  width: 48%;
  position: relative;
  display: inline-block;
  overflow: hidden;
  opacity: 0;
  top: 2em;
  -webkit-transition: all 0.7s cubic-bezier(0.75, -0.25, 0.25, 0.75);
  transition: all 0.7s cubic-bezier(0.75, -0.25, 0.25, 0.75);
  -webkit-transform: translateY(24%);
          transform: translateY(24%);
}
@media (min-width: 48em) {
  .hex-table article {
    width: 32%;
  }
}
.hex-table article div {
  position: relative;
  padding-bottom: 110%;
  height: 0;
  overflow: hidden;
}
.hex-table article .hexagon-clip {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1rem;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
@media (min-width: 81.25em) {
  .hex-table article .hexagon-clip {
    font-size: 0.8rem;
  }
}
.hex-table article .hexagon-clip strong {
  width: 100%;
  padding: 2em 0.5em;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.hex-table article div a:hover strong {
  -webkit-transform: translateY(-50%) scale(1.1);
          transform: translateY(-50%) scale(1.1);
}

.hex-table > .hexagon.delay1 .hexagon {
  background: #084061;
}

.hex-table > .hexagon.delay1 .hexagon:hover {
  background: #002741;
}

.hex-table > .hexagon.delay2 .hexagon {
  background: #10636f;
}

.hex-table > .hexagon.delay2 .hexagon:hover {
  background: #00464f;
}

.hex-table > .hexagon.delay3 .hexagon {
  background: #0c8b58;
}

.hex-table > .hexagon.delay3 .hexagon:hover {
  background: #006841;
}

.hex-table > .hexagon.delay4 .hexagon {
  background: #5e95c9;
}

.hex-table > .hexagon.delay4 .hexagon:hover {
  background: #467299;
}

.hex-table > .hexagon.delay5 .hexagon {
  background: #1872a1;
}

.hex-table > .hexagon.delay5 .hexagon:hover {
  background: #0c567c;
}

.hex-table > .hexagon.delay6 .hexagon {
  background: #549d9d;
}

.hex-table > .hexagon.delay6 .hexagon:hover {
  background: #3e7877;
}

.hex-table > .hexagon.delay7 .hexagon {
  background: #85c14b;
}

.hex-table > .hexagon.delay7 .hexagon:hover {
  background: #619134;
}

.hex-table .desktop-break {
  display: none;
}

@media only screen and (min-width: 500px) {
  .hex-table article div .hexagon {
    font-size: 1em;
  }
}
@media only screen and (min-width: 900px) {
  .hex-table {
    width: 80%;
    padding: 0;
  }
  .hex-table article {
    width: 24%;
  }
  .hex-table article:nth-child(4) {
    -webkit-transform: translateY(24%);
    transform: translateY(24%);
  }
  .hex-table article:nth-child(8),
  .hex-table article:nth-child(9) {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  .hex-table .mobile-break {
    display: none;
  }
  .hex-table .desktop-break {
    display: block;
  }
  .hex-table article div .hexagon {
    font-size: 1em;
  }
  .hex-table article div .hexagon strong {
    padding: 2em 1em;
  }
}
@media only screen and (min-width: 1200px) {
  .hex-table {
    width: 60%;
  }
  .hex-table article div .hexagon {
    font-size: 1.15em;
  }
}
figcaption {
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.55em;
  color: #fff;
  padding: 0.6em;
  position: absolute;
  z-index: 1001;
}

.promos figcaption {
  left: 0;
  top: 0;
}

section.top figcaption {
  right: 0;
  bottom: 0.8rem;
}
section.top figcaption a {
  color: #ffffff;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
section.top figcaption a:hover {
  color: #85c14b;
}

.quick-intro {
  font-style: italic;
  font-size: 1em;
  line-height: 1.5;
  margin-bottom: 2em;
  text-align: center;
}

.intro.home-intro .wrap {
  border-bottom: 1px solid #a1a1a1;
  padding: 0 1rem 3rem;
  text-align: center;
}
@media (min-width: 48em) {
  .intro.home-intro .wrap {
    padding: 3rem 1rem;
  }
}
@media (min-width: 81.25em) {
  .intro.home-intro .wrap {
    padding: 4rem 1rem;
  }
}
.intro.home-intro h1 {
  color: #85c14b;
  max-width: 48em;
}
.intro.home-intro p {
  max-width: 48em;
  margin: 0 auto;
  font-style: normal !important;
  line-height: 1.5;
}
.intro.left-justify {
  text-align: left;
  font-style: normal;
}
@media (min-width: 48em) {
  .intro.left-justify .wrap {
    padding: 3rem 2rem !important;
  }
}
@media (min-width: 81.25em) {
  .intro.left-justify .wrap {
    padding: 4rem 2rem !important;
  }
}
.intro.next-chapter {
  border-bottom: 1px solid #a1a1a1;
}
.intro.next-chapter h2 {
  color: #85c14b;
  margin-bottom: 0;
}
@media (min-width: 48em) {
  .intro.next-chapter .wrap {
    padding: 3rem 2rem !important;
  }
}
@media (min-width: 81.25em) {
  .intro.next-chapter .wrap {
    padding: 4rem 2rem !important;
  }
}
.intro.focus-area h2 {
  color: #85c14b;
  margin-bottom: 0;
}
.intro.focus-area .wrap {
  border-bottom: 1px solid #a1a1a1;
}
@media (min-width: 48em) {
  .intro.focus-area .wrap {
    padding: 3rem 2rem !important;
  }
}
@media (min-width: 81.25em) {
  .intro.focus-area .wrap {
    padding: 4rem 2rem !important;
  }
}

.content.gray {
  background-color: #ededed;
}
.content .qa {
  border-bottom: 1px solid #a1a1a1;
  padding: 1rem 0;
}
@media (min-width: 81.25em) {
  .content .qa {
    padding: 2rem 0 !important;
  }
}
.content .qa:last-child {
  border-bottom: 0;
}
.content .qa h3 {
  color: #85c14b;
  text-transform: none;
  text-align: left;
}
.content .qa p:last-of-type {
  margin-bottom: 0;
}
.content img.alignleft {
  max-width: 100%;
  margin-bottom: 1rem;
  border: 1px solid #a1a1a1;
}
@media (min-width: 48em) {
  .content img.alignleft {
    float: left;
    max-width: 40%;
    margin: 0 1rem 1rem 0;
  }
}
@media (min-width: 48em) {
  .content img.alignleft {
    max-width: 40%;
    margin: 0 2rem 1rem 0;
  }
}

.focus-challenge .wrap, .focus-goals .wrap {
  text-align: left;
}
@media (min-width: 48em) {
  .focus-challenge .wrap, .focus-goals .wrap {
    padding: 3rem 2rem !important;
  }
}
@media (min-width: 81.25em) {
  .focus-challenge .wrap, .focus-goals .wrap {
    padding: 4rem 2rem !important;
  }
}
.focus-challenge h1, .focus-challenge h2, .focus-goals h1, .focus-goals h2 {
  text-align: left !important;
  text-transform: none !important;
}
.focus-challenge h1:before, .focus-goals h1:before {
  background-image: url(../_img/logo-mark.svg);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  width: 3rem;
  height: 3rem;
  content: "";
  margin: 0 0 1rem;
  display: block;
}
.focus-challenge {
  text-align: left;
}
.focus-challenge .wrap {
  border-bottom: 1px solid #a1a1a1;
}
.focus-challenge-image {
  width: 90% !important;
  margin: 0 auto 1rem;
}
@media (min-width: 48em) {
  .focus-challenge-image {
    width: 50% !important;
    float: right;
    margin: 0 0 1rem 1rem;
  }
}
@media (min-width: 81.25em) {
  .focus-challenge-image {
    width: 33% !important;
    float: right;
    margin: 0 0 2rem 2rem;
  }
}
.focus-challenge-image-caption {
  display: block;
  text-align: center;
  font-size: 0.8rem;
}
@media (min-width: 48em) {
  .focus-challenge-image-caption {
    text-align: right;
  }
}
.focus-challenge-image img {
  width: 100% !important;
  height: auto !important;
}
.dei-callout {
  padding: 1rem;
  background: #85c14b;
  line-height: 1.3;
  color: #ffffff;
  text-align: center;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
@media (min-width: 81.25em) {
  .dei-callout {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
.dei-callout a {
  color: #084061;
}

.dit-table {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 1rem auto 0;
  gap: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 48em) {
  .dit-table {
    margin-top: 2rem;
  }
}
.dit-table-wrap {
  text-align: center;
}
.dit-table-cell {
  width: 50%;
  text-align: center;
}
.dit-table-cell img {
  max-width: 14rem;
  height: auto !important;
  margin: 0 auto;
}

.pdn h2 {
  margin-bottom: 1rem;
  margin-top: 3rem;
}

.hex-buttons a {
  background: #8eb5d9;
  text-transform: uppercase;
  color: #fff;
  padding: 0.4em 0.6em;
  margin-top: 1em;
  display: inline-block;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.hex-buttons a:hover {
  background: #85c14b;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.hex-buttons a:active {
  background: #10636f;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

.hero {
  position: relative;
}
.hero-controls {
  width: 2.5rem;
  height: 2.5rem;
  background: rgba(8, 64, 97, 0.5);
  border-radius: 50%;
  border: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s all cubic-bezier(0.57, 0.2, 0.21, 0.89);
  transition: 0.3s all cubic-bezier(0.57, 0.2, 0.21, 0.89);
  cursor: pointer;
}
.hero-controls:hover {
  background: #85c14b;
}
.hero-controls-back {
  left: 1rem;
}
.hero-controls-next {
  right: 1rem;
}
.hero-controls-svg {
  fill: #ffffff;
  height: 40%;
  width: auto;
}
.hero-controls-container {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  translate: translateY(-50%);
  z-index: 100;
}

.blm-button {
  margin-top: 2rem;
  text-align: center;
}
@media (min-width: 81.25em) {
  .blm-button {
    margin-top: 3rem;
  }
}
.blm-button a {
  background: #8eb5d9;
  text-transform: uppercase;
  color: #fff;
  padding: 0.4em 0.6em;
  margin: 0 auto;
  display: inline-block;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.blm-button a:hover {
  background: #85c14b;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.blm-button a:active {
  background: #10636f;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

.hexagon-grid {
  margin: 2rem auto 1rem;
}
@media (min-width: 48em) {
  .hexagon-grid {
    margin: 3rem auto 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.25rem;
  }
}
.hexagon-item {
  width: 80%;
  margin-bottom: 2rem;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
  opacity: 0;
}
@media (min-width: 48em) {
  .hexagon-item {
    width: 50%;
    margin-bottom: 0;
  }
}
.hexagon-item.reveal {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.hexagon-item:nth-child(1) .hexagon-figure {
  background-color: #084061;
}
.hexagon-item:nth-child(2) .hexagon-figure {
  background-color: #10636f;
}
@media (min-width: 48em) {
  .hexagon-item:nth-child(2) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
}
.hexagon-item:nth-child(3) .hexagon-figure {
  background-color: #0c8b58;
}
@media (min-width: 48em) {
  .hexagon-item:nth-child(3) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
}
.hexagon-item:nth-child(4) .hexagon-figure {
  background-color: #85c14b;
}
@media (min-width: 48em) {
  .hexagon-item:nth-child(4) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
}
.hexagon-container {
  padding-top: 100%;
  position: relative;
}
.hexagon-figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0c8b58;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
.hexagon-figure-aspect {
  padding-top: 100%;
}
.hexagon-text {
  width: 100%;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  color: #ffffff;
  padding: 1rem;
  text-transform: uppercase;
  font-weight: 300;
}
.hexagon-teaser {
  margin-top: 1rem;
  line-height: 1.5;
  padding: 0 1rem;
}
@media (min-width: 48em) {
  .hexagon-teaser {
    margin-top: 2rem;
  }
}

.interior .hexagon-grid {
  margin-top: 0 !important;
}
.interior .hex-buttons {
  display: none;
}

.hero figcaption {
  font-size: 0.9rem;
}
.hero figcaption a {
  color: #ffffff;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.hero figcaption a:hover {
  color: #85c14b;
}

@media (min-width: 48em) {
  .share-story .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    max-width: 81.25em !important;
  }
}
@media (min-width: 81.25em) {
  .share-story .wrap {
    gap: 4rem;
  }
}
.share-story .wrap figure {
  margin-bottom: 4rem;
}
@media (min-width: 48em) {
  .share-story .wrap figure {
    width: 40%;
    margin-bottom: 0;
  }
}
.share-story .wrap figure img {
  width: 100%;
}
.share-story .wrap figure figcaption {
  background: transparent;
  color: #000000;
  font-size: 1rem;
}
@media (min-width: 48em) {
  .share-story .wrap .text {
    width: 60%;
  }
}
.share-story .wrap .text h2 {
  color: #85c14b;
  text-transform: none;
  text-align: left;
}
.share-story .wrap .text img {
  max-width: 20rem;
  margin-top: 1rem;
}
.share-story .wrap .text em {
  font-style: italic;
}
.share-story .wrap .text-button {
  display: block;
}
.share-story .wrap .text-button a {
  background: #8eb5d9;
  text-transform: uppercase;
  color: #fff;
  padding: 0.4em 0.6em;
  display: inline-block;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  margin: 1rem auto;
}
@media (min-width: 48em) {
  .share-story .wrap .text-button a {
    margin: 2rem auto 1rem;
  }
}
.share-story .wrap .text-button a:hover {
  background: #85c14b;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.share-story .wrap .text-button a:active {
  background: #10636f;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}