@font-face {
  font-family: 'FF Meta Serif';
  src: url("/fonts/0f21620d-7046-4d9b-8b1a-776b996ba66e.woff2") format("woff2"), url("/fonts/dabb2ce5-a6e5-42bc-a433-6ea8562d099f.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

body {
  text-align: center;
  font-size: 15px; }

a {
  cursor: pointer; }

h1 {
  font-family: "FF Meta Serif", serif;
  font-size: 2.25em;
  margin: 1.5em auto 1em;
  text-align: center; }

h2 {
  font-family: "FF Meta Serif", serif;
  font-size: 1.5em;
  margin: 1.5em auto 1em;
  text-align: center; }

h2 a {
  color: black;
  text-decoration: none; }
  @media (prefers-color-scheme: dark) {
    h2 a {
      color: white; } }
h3 {
  font-family: "FF Meta Serif", serif;
  font-size: 1.0em;
  margin: 1.5em auto 1em;
  text-align: center; }

h4 {
  font-family: "FF Meta Serif", serif;
  font-size: 0.5em;
  margin: 1.5em auto 1em;
  text-align: center; }

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto; }

img[alt=who-photo] {
  margin-right: 1em;
  max-width: 25%;
  height: auto;
  float: left; }

ul {
  list-style: none;
  margin-bottom: 14px; }

li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px; }

.chevron li::before {
  position: absolute;
  left: 2px;
  top: 1px;
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-weight: 900;
  content: "\f138"; }

.section-h1 {
  font-family: "FF Meta Serif", serif;
  font-size: 2.25em;
  margin: 1.5em auto 1em; }

.section-p {
  font-family: "Whitney SSm A", "Whitney SSm B", sans-serif;
  margin: 1.5em auto;
  max-width: 800px;
  line-height: 1.5em; }

.section-button {
  text-align: center;
  padding-top: 4em;
  padding-bottom: 2em; }

.button {
  display: inline-block;
  font-family: "Whitney SSm A", "Whitney SSm B";
  padding: 17px 20px 13px;
  font-size: 1em;
  font-weight: 600;
  text-decoration: none; }

.button-large {
  display: inline-block;
  font-family: "Whitney SSm A", "Whitney SSm B";
  padding: 32px 40px 26px;
  font-size: 2em;
  font-weight: 600;
  text-decoration: none; }

.button-white {
  border: 3px solid #fff;
  color: #fff;
  background-color: none; }
  .button-white:hover {
    color: #343492;
    background-color: white; }

.button-white-grey {
  border: 3px solid #fff;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2); }
  .button-white-grey:hover {
    color: #343492;
    border-color: #343492; }

.button-black {
  border: 3px solid black;
  color: black;
  background-color: none; }
  .button-black:hover {
    color: #ffcc00;
    background-color: black; }
    @media (prefers-color-scheme: dark) {
      .button-black:hover {
        color: #343492;
        background-color: white; } }
  @media (prefers-color-scheme: dark) {
    .button-black {
      border: 3px solid white;
      color: white; } }
.button-photo:hover {
  background-color: white; }

.button.main-button {
  position: absolute;
  right: 20px;
  top: 20px; }

.embed {
  position: relative;
  padding-bottom: 54%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed iframe,
.embed object,
.embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.section-header-hero {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/img/background-main.jpg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  overflow: auto;
  padding: 0 20% 5em;
  box-sizing: border-box; }
  @media (max-width: 1668px) {
    .section-header-hero {
      background-position: 20% 0;
      padding: 0 10% 5em;
      background-attachment: scroll; } }
.section-header {
  background: #0066ff;
  background-size: cover;
  background-attachment: fixed;
  overflow: auto;
  padding: 0 20% 5em;
  box-sizing: border-box; }
  @media (max-width: 1668px) {
    .section-header {
      padding: 0 10% 5em; } }
.main-logo {
  width: 50%;
  margin: 100px auto 50px;
  display: block; }
  @media (max-width: 680px) {
    .main-logo {
      width: 75%;
      margin: 100px auto 25px; } }
.main-h1 {
  font-family: "FF Meta Serif", serif;
  font-size: 4em;
  margin: 1.5em auto 1em; }

.main-tagline {
  color: black;
  font-family: 'FF Meta Serif', serif;
  font-size: 2.1em;
  line-height: 1em;
  margin-bottom: 45px;
  text-align: center; }

.main-description {
  color: white;
  font-size: 1.33em;
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 400;
  max-width: 600px;
  margin: 0 auto 200px;
  line-height: 1.5em; }
  @media (max-width: 768px) {
    .main-description {
      margin: 0 auto 150px; } }
.secondary-logo {
  width: 300px;
  margin: 90px auto 90px;
  display: block; }
  @media (max-width: 768px) {
    .secondary-logo {
      margin: 60px auto 60px; } }
.hero-h1 {
  font-family: "FF Meta Serif", serif;
  font-size: 3.4em;
  margin: 0.5em auto 0.5em;
  text-align: left;
  position: relative;
  top: 0px; }

.hero-content {
  font-size: 1.0em;
  line-height: 1.5em;
  text-align: justify; }

.section-white {
  background: white;
  padding: 4em 60px 4em; }
  @media (max-width: 768px) {
    .section-white {
      padding: 2em 30px 6em; } }
  @media (prefers-color-scheme: dark) {
    .section-white {
      background: black;
      color: white; } }
  .section-white .hline-bottom-black {
    border-bottom: 10px solid black;
    margin: 0 15em 2em 5px; }
    @media (prefers-color-scheme: dark) {
      .section-white .hline-bottom-black {
        border-bottom: 10px solid white; } }
.section-blue {
  background: #343492;
  padding: 4em 60px 4em;
  color: white; }
  @media (max-width: 768px) {
    .section-blue {
      padding: 2em 30px 6em; } }
  .section-blue .hline-bottom-white {
    border-bottom: 10px solid white;
    margin: 0 15em 2em 5px; }
  .section-blue a {
    color: white; }
    .section-blue a:hover {
      color: white; }

.section-yellow {
  background: #ffcc00;
  padding: 4em 60px 4em; }
  @media (max-width: 768px) {
    .section-yellow {
      padding: 2em 30px 6em; } }
  .section-yellow .hline-bottom-black {
    border-bottom: 10px solid black;
    margin: 0 15em 2em 5px; }

.section-video-blue {
  background: #343492;
  padding: 0.5em 60px 6em; }
  @media (max-width: 768px) {
    .section-video-blue {
      padding: 0.5em 30px 6em; } }
.section-video-yellow {
  background: #ffcc00;
  padding: 0.5em 60px 6em; }
  @media (max-width: 768px) {
    .section-video-yellow {
      padding: 0.5em 30px 6em; } }
.video-video {
  background: white;
  border: 10px solid white; }
  @media (min-width: 960px) {
    .video-video {
      width: 840px;
      height: 480px;
      padding: 0;
      margin-left: auto;
      margin-right: auto; } }
  @media (prefers-color-scheme: dark) {
    .video-video {
      background: black;
      border: 10px solid black; } }
.section-quote {
  padding: 8em 180px 10em; }
  @media (max-width: 768px) {
    .section-quote {
      padding: 8em 10% 10em; } }
.quote-text {
  background-image: url(/img/quote-left-purple.svg), url(/img/quote-right-purple.svg);
  background-size: 1em;
  background-position: left top 0.5em, right top 0.5em;
  background-repeat: no-repeat;
  font-size: 1em;
  margin: 1.5em auto;
  padding: 0 50px;
  line-height: 1.5em;
  display: inline-block;
  font-style: italic;
  font-weight: 800; }
  @media (max-width: 768px) {
    .quote-text {
      padding: 60px 0px;
      background-position: center top, center bottom; } }
  @media (prefers-color-scheme: dark) {
    .quote-text {
      background-image: url(/img/quote-left-yellow.svg), url(/img/quote-right-yellow.svg); } }
.quote-attribution {
  font-size: 1em;
  font-weight: 350;
  font-style: italic;
  text-align: right; }

.section-visit {
  background: url(/img/background-visit.jpg) center center;
  background-size: cover;
  background-attachment: fixed;
  padding: 12em 6em 9em;
  color: white;
  text-align: center; }
  @media (max-width: 1668px) {
    .section-visit {
      padding: 27em 10% 6em;
      background-attachment: scroll; } }
.map-visit {
  margin: .5em 0;
  line-height: 2em; }
  .map-visit a {
    color: white;
    text-decoration: none;
    border-bottom: 2px solid white;
    padding-bottom: 2px; }
    .map-visit a:hover {
      color: #ffcc00;
      border-bottom: 2px solid #ffcc00; }

.button-visit {
  margin-bottom: 2em; }

.section-footer {
  background-color: #ffcc00;
  color: black;
  padding: 4em 0 4em;
  text-align: center; }
  @media (prefers-color-scheme: dark) {
    .section-footer {
      background: #ffcc00;
      color: black; } }
.button-footer {
  vertical-align: top;
  margin-top: 60px; }
  @media (max-width: 768px) {
    .button-footer {
      margin-top: 0;
      margin-bottom: 60px; } }
  .button-footer:hover {
    color: #343492;
    border: 3px solid #343492; }

.footer-contact {
  display: block;
  text-align: center;
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-size: .8em;
  line-height: 1.5em;
  font-weight: 200;
  margin-left: 0px; }
  @media (max-width: 768px) {
    .footer-contact {
      display: block;
      text-align: center;
      margin: 0 0 0; } }
.footer-image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 10em; }

.footer-image[alt=plus] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 10em;
  max-width: 4em; }

.footer-item {
  margin: .5em 0;
  line-height: 2em; }
  .footer-item a {
    color: black;
    text-decoration: none;
    border-bottom: 2px solid black;
    padding-bottom: 2px; }
    .footer-item a:hover {
      color: #343492;
      border-bottom: 2px solid #343492; }
    .footer-item a.button {
      padding: 17px 30px 13px;
      border-bottom: 3px solid #343492;
      margin-bottom: 30px; }
      @media (max-width: 768px) {
        .footer-item a.button {
          margin-bottom: 15px; } }
      .footer-item a.button:hover {
        color: #343492;
        border: 3px solid #343492; }
  @media (prefers-color-scheme: dark) {
    .footer-item a {
      color: black;
      border-bottom: 2px solid black; }
      .footer-item a:hover {
        color: #343492;
        border-bottom: 2px solid #343492; } }
.footer-detail {
  line-height: 2em;
  font-size: 1.25em;
  margin: 10px 10px; }

.footer-marks {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px; }

.footer-logo {
  background: url(/img/logo-large.svg) no-repeat 0 center;
  width: 210px;
  height: 150px;
  display: block;
  font-size: 0px;
  margin: 0px; }
  @media (prefers-color-scheme: dark) {
    .footer-logo {
      background: url(/img/logo-large-black.svg) no-repeat 0 center; } }
.footer-tagline {
  display: block;
  font-family: "Whitney SSm A", "Whitney SSm B";
  line-height: 1.5em;
  font-size: 1em;
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 200;
  letter-spacing: .2px; }

.lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8); }

.lightbox img {
  max-width: 90%;
  max-height: 80%;
  margin-top: 5%; }

.lightbox iframe {
  max-width: 90%;
  max-height: 80%;
  margin-top: 20%; }

.lightbox:target {
  outline: none;
  display: block; }

.nav-item a {
  font-family: "Whitney SSm A", "Whitney SSm B", sans-serif !important;
  color: black !important;
  font-weight: 600 !important;
  padding-top: 2em;
  text-align: right; }
  .nav-item a:hover {
    text-decoration: underline; }

.navbar-toggler {
  border: 3px solid black !important; }

.navbar-toggler-icon {
  background-image: none !important; }

.navbar-toggler-icon::before {
  font-family: FontAwesome;
  content: "\f0c9";
  color: black;
  font-size: 1.5em; }