@font-face {
  font-family: 'Hero New';
  font-style: normal;
  font-weight: normal;
  src: local("Hero New"), url("fonts/hero_new/regular.woff") format("woff"); }

.font-standard {
  font-family: 'Hero New', sans-serif;
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'Hero New Light';
  font-style: normal;
  font-weight: normal;
  src: local("Hero New Light"), url("fonts/hero_new/light.woff") format("woff"); }

.font-light {
  font-family: 'Hero New Light', sans-serif;
  font-weight: normal; }

@font-face {
  font-family: 'Hero New Light Italic';
  font-style: italic;
  font-weight: normal;
  src: local("Hero New Light Italic"), url("fonts/hero_new/light_italic.woff") format("woff"); }

.font-light-italic {
  font-family: 'Hero New Light Italic', sans-serif;
  font-style: italic;
  font-weight: normal; }

#cookie-notice {
  background: rgba(0, 0, 0, 0.25);
  padding: 30px 0;
  color: #EEEEEE; }
  #cookie-notice p.heading {
    font-family: 'Hero New', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.1em;
    margin: 0 0 15px 0; }
  #cookie-notice p.text {
    margin: 0;
    line-height: 1.6em;
    font-size: 0.95em; }
    #cookie-notice p.text a {
      text-decoration: none;
      color: #82BC45; }

html {
  background: #1C877E; }

html, body {
  padding: 0;
  margin: 0; }

body, input, textarea, button {
  font-family: "Hero New Light", sans-serif;
  font-size: 18px;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  line-height: 24px; }

div.inner {
  margin: 0 auto;
  max-width: 1060px;
  padding: 0 20px;
  box-sizing: border-box; }

div.survey-button {
  margin: 25px 0; }
  div.survey-button a {
    display: inline-block;
    padding: 12px 30px;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    font-weight: bold;
    text-decoration: none;
    border-radius: 10px 0 20px 0;
    transition: linear background 200ms; }
    div.survey-button a:hover {
      background: rgba(255, 255, 255, 0.3); }

#footer {
  padding: 40px 0;
  font-size: 16px; }
  #footer, #footer a {
    color: #EEEEEE;
    text-decoration: none; }
  #footer h5 {
    font-size: 1em;
    font-weight: normal;
    margin: 0 0 15px 0; }
  #footer div.contact div.general {
    margin-bottom: 15px; }
    #footer div.contact div.general p {
      margin: 2px 0;
      font-size: 0.9em; }
      #footer div.contact div.general p:first-child {
        margin-top: 0; }
      #footer div.contact div.general p:last-child {
        margin-bottom: 0; }
  #footer div.contact div.logos {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    #footer div.contact div.logos a:not(:first-child) {
      margin-left: 25px; }
  #footer div.social div.icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    #footer div.social div.icons a {
      display: block;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 25px;
      height: 25px;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      margin-right: 15px; }
      #footer div.social div.icons a:last-child {
        margin-right: 0; }
      #footer div.social div.icons a.twitter {
        width: 28px;
        height: 23px;
        background-image: url("/assets/images/social/twitter.svg"); }
        #footer div.social div.icons a.twitter:hover {
          background-image: url("/assets/images/social/twitter_hover.svg"); }
      #footer div.social div.icons a.instagram {
        background-image: url("/assets/images/social/instagram.svg"); }
        #footer div.social div.icons a.instagram:hover {
          background-image: url("/assets/images/social/instagram_hover.svg"); }
      #footer div.social div.icons a.facebook {
        background-image: url("/assets/images/social/facebook.svg"); }
        #footer div.social div.icons a.facebook:hover {
          background-image: url("/assets/images/social/facebook_hover.svg"); }
  #footer div.social div.legal {
    margin-top: 20px;
    font-size: 0.9em; }
    #footer div.social div.legal p {
      margin: 0; }
  @media (max-width: 899px) {
    #footer div.inner {
      text-align: center; }
    #footer div.contact div.logos {
      -ms-flex-pack: center;
      justify-content: center; }
    #footer div.social {
      margin-top: 40px; }
      #footer div.social div.icons {
        -ms-flex-pack: center;
        justify-content: center; } }
  @media (min-width: 900px) {
    #footer div.inner {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    #footer div.social {
      text-align: right; }
      #footer div.social div.icons {
        -ms-flex-pack: end;
        justify-content: flex-end; } }

#header {
  padding: 25px 0; }
  #header div.inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  #header button.menu {
    background: transparent url("/assets/images/menu.svg") no-repeat center center;
    background-size: 100% 100%;
    width: 34px;
    height: 34px;
    border: 0;
    cursor: pointer;
    outline: none; }
    @media (min-width: 1430px) and (min-height: 650px) {
      #header button.menu {
        display: none; } }

#menu {
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  top: 0;
  bottom: 0;
  width: 250px;
  transition: linear right 200ms, linear opacity 200ms;
  z-index: 500;
  padding-left: 30px; }
  #menu:after {
    display: block;
    content: '';
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -200px;
    width: 200px; }
  #menu:not(.visible) {
    display: none; }
  #menu.offscreen {
    right: -250px;
    opacity: 0; }
  @media (max-width: 1019px) {
    #menu {
      right: 0; } }
  @media (min-width: 1020px) {
    #menu {
      right: calc(50% - 510px); }
      #menu:before {
        content: '';
        background: rgba(255, 255, 255, 0.95);
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100vw;
        right: -100vw; } }
  #menu button.menu-toggle {
    margin: 40px 0;
    width: 30px;
    height: 30px;
    background: transparent url("/assets/images/close.svg") no-repeat center center;
    background-size: 100% 100%;
    border: 0;
    outline: none;
    cursor: pointer; }
  #menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none; }
  #menu li {
    margin: 0; }
    #menu li:not(:last-child) {
      margin-bottom: 15px; }
    #menu li a {
      color: #A0A0A0;
      text-decoration: none;
      transition: linear color 200ms; }
      #menu li a:hover {
        color: #888888; }
      #menu li a.active {
        color: #1C877E; }

div.page {
  background: #178E85;
  padding: 50px 0;
  color: white; }

h1.main-heading {
  margin: 0 0 30px 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  text-transform: uppercase;
  color: #1B3060; }

@media (max-width: 1429px), (max-height: 649px) {
  #tabs {
    display: none; } }

#tabs ul {
  position: fixed;
  top: 160px;
  z-index: 10;
  list-style-type: none;
  padding: 0;
  margin: 0; }
  #tabs ul:nth-child(1) {
    left: 0; }
    #tabs ul:nth-child(1) a {
      border-radius: 0 0 30px 0; }
      #tabs ul:nth-child(1) a:hover {
        padding-left: 20px; }
    #tabs ul:nth-child(1) li:nth-child(1) a {
      background: #D5C169; }
    #tabs ul:nth-child(1) li:nth-child(2) a {
      background: #84B766; }
      #tabs ul:nth-child(1) li:nth-child(2) a:before {
        color: #5f8e43;
        content: 'A'; }
    #tabs ul:nth-child(1) li:nth-child(3) a {
      background: #6A5397; }
      #tabs ul:nth-child(1) li:nth-child(3) a:before {
        color: #473866;
        content: 'B'; }
    #tabs ul:nth-child(1) li:nth-child(4) a {
      background: #DE736E; }
      #tabs ul:nth-child(1) li:nth-child(4) a:before {
        color: #d03730;
        content: 'C'; }
    #tabs ul:nth-child(1) li:nth-child(5) a {
      background: #83BEBF; }
      #tabs ul:nth-child(1) li:nth-child(5) a:before {
        color: #54a1a2;
        content: 'D'; }
  #tabs ul:nth-child(2) {
    right: 0; }
    #tabs ul:nth-child(2) a {
      margin-left: auto;
      border-radius: 0 0 0 30px; }
      #tabs ul:nth-child(2) a:hover {
        padding-right: 20px; }
    #tabs ul:nth-child(2) li:nth-child(1) a {
      background: #DE736E; }
    #tabs ul:nth-child(2) li:nth-child(2) a {
      background: #84B766; }
    #tabs ul:nth-child(2) li:nth-child(3) a {
      background: #E370A3; }
    #tabs ul:nth-child(2) li:nth-child(4) a {
      background: #66B8B8; }
    #tabs ul:nth-child(2) li:nth-child(5) a {
      background: #D3BA4F; }

#tabs a {
  color: white;
  text-decoration: none; }

#tabs li:not(:first-child) {
  margin-top: 20px; }

#tabs a {
  display: block;
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
  padding: 8px;
  width: 200px;
  transition: linear padding 200ms; }

#tabs a.blueprint-letter {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-gap: 10px; }
  #tabs a.blueprint-letter:before {
    display: block;
    content: 'A';
    background: #EEEEEE;
    border-radius: 0 0 10px 10px;
    padding: 5px;
    font-weight: bold; }

#tabs p {
  display: block;
  margin: 0;
  padding: 8px; }

div.blueprint-strip div.inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

div.blueprint-strip div.letter {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  background: #EEEEEE;
  margin: 0 10px 0 0;
  border-radius: 0 0 10px 10px;
  padding: 5px;
  font-weight: bold;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

div.blueprint-strip p {
  margin: 0;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em; }

div.component-blueprint {
  margin-top: 15px;
  --blueprint-radius: 15px; }
  @media (max-width: 899px) {
    div.component-blueprint div.page-blueprint-map {
      margin-top: 15px; } }
  @media (min-width: 900px) {
    div.component-blueprint {
      display: grid;
      grid-template-columns: 350px 1fr;
      grid-gap: 15px; } }

div.page-blueprint-overview img.overview {
  display: block;
  border-radius: var(--blueprint-radius);
  width: 100%;
  height: auto; }

div.page-blueprint-overview div.overview-content {
  margin-top: 15px;
  border-radius: var(--blueprint-radius); }
  div.page-blueprint-overview div.overview-content header {
    position: relative;
    border-radius: var(--blueprint-radius);
    height: 120px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden; }
    div.page-blueprint-overview div.overview-content header:after {
      display: block;
      position: absolute;
      top: -16px;
      left: -15px;
      font-size: 160px;
      font-weight: bold;
      line-height: 100%;
      color: rgba(255, 255, 255, 0.2);
      pointer-events: none; }
    div.page-blueprint-overview div.overview-content header h2 {
      color: white;
      font-size: 1.4em;
      font-weight: bold;
      text-transform: uppercase; }
  div.page-blueprint-overview div.overview-content div.overview-content-text {
    padding: 15px;
    text-align: center;
    color: black; }
    div.page-blueprint-overview div.overview-content div.overview-content-text p {
      margin: 0;
      font-size: 0.9em;
      line-height: 1.4em; }
      div.page-blueprint-overview div.overview-content div.overview-content-text p:not(:first-child) {
        margin-top: 10px; }

div.component-content:not(:last-child) {
  margin-bottom: 25px; }

div.component-content h2 {
  margin: 30px 0 20px 0;
  font-size: 26px;
  line-height: 30px; }

div.component-content p {
  margin: 12px 0; }
  div.component-content p:last-child {
    margin-bottom: 0; }

div.component-content p a {
  color: white;
  text-decoration: none; }
  div.component-content p a:not(.no-highlight) {
    font-weight: bold; }
    div.component-content p a:not(.no-highlight):hover {
      text-decoration: underline; }

div.component-content ul {
  margin: 15px 0; }
  div.component-content ul:first-child {
    margin-top: 0; }
  div.component-content ul:last-child {
    margin-bottom: 0; }
  div.component-content ul li {
    margin: 12px 0; }

div.component-feedback {
  background: #8CC478;
  color: white;
  padding: 15px;
  border-radius: 15px; }
  div.component-feedback h2 {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 5px 0; }
  div.component-feedback p {
    margin: 5px 0 0 0; }

div.component-image-break {
  margin: 50px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 50vh;
  min-height: 100px;
  max-height: 500px; }

div.component-interactive-map {
  position: relative; }
  div.component-interactive-map img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 15px; }
  div.component-interactive-map button.point {
    background: rgba(253, 248, 231, 0.7);
    box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 5px;
    font-weight: bold;
    border-radius: 100%;
    border: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
    font-size: 0.9em;
    color: black;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    -webkit-animation-duration: 1500ms;
    animation-duration: 1500ms;
    -webkit-animation-name: floatingpoint;
    animation-name: floatingpoint;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
    div.component-interactive-map button.point:hover {
      background: white; }

@-webkit-keyframes floatingpoint {
  0% {
    margin-top: 0; }
  15% {
    margin-top: -2px; }
  30% {
    margin-top: 0; }
  45% {
    margin-top: -2px; }
  60% {
    margin-top: 0; }
  100% {
    margin-top: 0; } }

@keyframes floatingpoint {
  0% {
    margin-top: 0; }
  15% {
    margin-top: -2px; }
  30% {
    margin-top: 0; }
  45% {
    margin-top: -2px; }
  60% {
    margin-top: 0; }
  100% {
    margin-top: 0; } }

div.interactive-map-description {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: none; }
  div.interactive-map-description.visible {
    display: -ms-flexbox;
    display: flex; }
  div.interactive-map-description div.content {
    position: relative;
    background: white;
    width: 800px;
    border-radius: 15px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px;
    padding: 50px;
    color: black; }
    @media (max-width: 899px) {
      div.interactive-map-description div.content {
        width: calc(100% - 40px);
        padding: 50px 25px; } }
    div.interactive-map-description div.content h2 {
      margin: 0 0 25px 0;
      text-align: center;
      color: #1C877E;
      font-family: Arial, sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.2em;
      line-height: 1.5em;
      font-size: 1.3em; }
    div.interactive-map-description div.content p.description {
      margin: 0;
      text-align: center;
      line-height: 1.5em; }
    div.interactive-map-description div.content img {
      display: block;
      width: 100%;
      height: auto;
      margin-top: 25px; }
    div.interactive-map-description div.content p.caption {
      margin: 10px 0 0 0;
      color: #666666;
      font-size: 0.8em; }
    @media (max-width: 399px) {
      div.interactive-map-description div.content h2 {
        font-size: 1.25em; } }
  div.interactive-map-description button.close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: transparent url("/assets/images/close.svg") no-repeat center center;
    background-size: 100% 100%;
    border: 0;
    outline: none;
    cursor: pointer; }

#page-adaptable div.blueprint-strip {
  background: #66B8B8; }
  #page-adaptable div.blueprint-strip div.letter {
    color: #4aa1a1; }

#page-adaptable div.page-blueprint-overview div.overview-content {
  background: #BFE2E2; }
  #page-adaptable div.page-blueprint-overview div.overview-content header {
    background: #66B8B8; }
    #page-adaptable div.page-blueprint-overview div.overview-content header:after {
      content: 'D'; }

#page-adaptable div.component-interactive-map button.point.point-1 {
  top: 29%;
  left: 74%; }

#page-adaptable div.component-interactive-map button.point.point-2 {
  top: 47%;
  left: 65%; }

#page-adaptable div.component-interactive-map button.point.point-3 {
  top: 34%;
  left: 52%; }

#page-adaptable div.component-interactive-map button.point.point-4 {
  top: 7%;
  left: 52%; }

#page-adaptable div.component-interactive-map button.point.point-4-2 {
  top: 32%;
  left: 82%; }

#page-adaptable div.component-interactive-map button.point.point-5 {
  top: 35%;
  left: 43%; }

#page-adaptable div.component-interactive-map button.point.point-6 {
  top: 40%;
  left: 24%; }

#page-adaptable div.component-interactive-map button.point.point-6-2 {
  top: 95%;
  left: 84%; }

#page-adaptable div.component-interactive-map button.point.point-7 {
  top: 12%;
  left: 48%; }

#page-adaptable div.component-interactive-map button.point.point-8 {
  top: 48%;
  left: 34%; }

#page-adaptable div.component-interactive-map button.point.point-8-2 {
  top: 59%;
  left: 20%; }

#page-adaptable div.component-interactive-map button.point.point-9 {
  top: 57%;
  left: 65%; }

#page-adaptable div.component-interactive-map button.point.point-10 {
  top: 53%;
  left: 85%; }

#page-adaptable div.component-interactive-map button.point.point-11 {
  top: 18%;
  left: 26%; }

#page-adaptable div.component-interactive-map button.point.point-11-2 {
  top: 27%;
  left: 21%; }

#page-cathedral div.component-interactive-map {
  margin-top: 15px; }
  #page-cathedral div.component-interactive-map button.point.point-1 {
    top: 43%;
    left: 9%; }
  #page-cathedral div.component-interactive-map button.point.point-2 {
    top: 11%;
    left: 17%; }
  #page-cathedral div.component-interactive-map button.point.point-2-2 {
    top: 4%;
    left: 48%; }
  #page-cathedral div.component-interactive-map button.point.point-3 {
    top: 72%;
    left: 36%; }
  #page-cathedral div.component-interactive-map button.point.point-4 {
    top: 67%;
    left: 62%; }
  #page-cathedral div.component-interactive-map button.point.point-5 {
    top: 92%;
    left: 51%; }
  #page-cathedral div.component-interactive-map button.point.point-6 {
    top: 82%;
    left: 77%; }

#page-comments h2 {
  margin-top: 50px;
  font-size: 1.2em; }

#page-comments div.submit p.message {
  margin: 0 0 25px 0;
  font-weight: bold; }
  #page-comments div.submit p.message.error {
    color: #ffdede; }
  #page-comments div.submit p.message.success {
    color: #c8ffa1; }

#page-comments div.submit ul.errors {
  margin: 5px 0 0 0;
  padding: 0;
  list-style-type: none; }
  #page-comments div.submit ul.errors li {
    margin: 5px 0 0 0;
    font-size: 0.8em;
    color: #ffd4d4; }

#page-comments div.submit label {
  display: block;
  margin: 15px 0 5px 0; }
  #page-comments div.submit label:first-child {
    margin-top: 0; }

#page-comments div.submit input, #page-comments div.submit textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: none;
  background: rgba(255, 255, 255, 0.05);
  color: white; }

#page-comments div.submit button {
  margin-top: 15px;
  display: inline-block;
  padding: 12px 30px;
  background: rgba(255, 255, 255, 0.2);
  border: 0;
  cursor: pointer;
  color: white;
  font-weight: bold;
  text-decoration: none;
  border-radius: 10px 0 20px 0;
  transition: linear background 200ms; }
  #page-comments div.submit button:hover {
    background: rgba(255, 255, 255, 0.3); }

#page-comments div.submit input, #page-comments div.submit textarea, #page-comments div.submit button {
  outline: none; }
  #page-comments div.submit input:focus, #page-comments div.submit textarea:focus, #page-comments div.submit button:focus {
    box-shadow: #e8ffac 0 0 2px; }

#page-comments div.comments {
  padding: 0 0 50px 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px; }
  @media (max-width: 950px) {
    #page-comments div.comments {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 700px) {
    #page-comments div.comments {
      grid-template-columns: 1fr; } }
  #page-comments div.comments div.comment {
    position: relative; }
    #page-comments div.comments div.comment:before {
      display: block;
      content: '';
      background: linear-gradient(to bottom, #fdf46d 0%, #fcec44 100%);
      height: 36px; }
    #page-comments div.comments div.comment img.bottom {
      display: block;
      width: 107.3%;
      height: auto;
      margin-left: -3.6%;
      margin-top: -1px; }
    #page-comments div.comments div.comment div.content {
      background: #FDF46D;
      padding: 20px 35px 5px 35px; }
      #page-comments div.comments div.comment div.content p {
        margin: 12px 0;
        color: #626262;
        font-size: 16px;
        line-height: 22px; }
        #page-comments div.comments div.comment div.content p:first-child {
          margin-top: 0; }
        #page-comments div.comments div.comment div.content p:last-child {
          margin-bottom: 0; }
        #page-comments div.comments div.comment div.content p.author {
          margin-top: 15px; }

#page-greenandblue div.blueprint-strip {
  background: #69B150; }
  #page-greenandblue div.blueprint-strip div.letter {
    color: #548e40; }

#page-greenandblue div.page-blueprint-overview div.overview-content {
  background: #BFDFB5; }
  #page-greenandblue div.page-blueprint-overview div.overview-content header {
    background: #69B150; }
    #page-greenandblue div.page-blueprint-overview div.overview-content header:after {
      content: 'A'; }

#page-greenandblue div.component-interactive-map button.point.point-1 {
  top: 87%;
  left: 76%; }

#page-greenandblue div.component-interactive-map button.point.point-2 {
  top: 68%;
  left: 18%; }

#page-greenandblue div.component-interactive-map button.point.point-3 {
  top: 76%;
  left: 84%; }

#page-greenandblue div.component-interactive-map button.point.point-3-2 {
  top: 32%;
  left: 46%; }

#page-greenandblue div.component-interactive-map button.point.point-4 {
  top: 56.5%;
  left: 40.5%; }

#page-greenandblue div.component-interactive-map button.point.point-4-2 {
  top: 32%;
  left: 86%; }

#page-greenandblue div.component-interactive-map button.point.point-4-3 {
  top: 10%;
  left: 41%; }

#page-greenandblue div.component-interactive-map button.point.point-4-4 {
  top: 5%;
  left: 63%; }

#page-greenandblue div.component-interactive-map button.point.point-5 {
  top: 54%;
  left: 51%; }

#page-greenandblue div.component-interactive-map button.point.point-6 {
  top: 12%;
  left: 80%; }

#page-greenandblue div.component-interactive-map button.point.point-6-2 {
  top: 66%;
  left: 37%; }

#page-greenandblue div.component-interactive-map button.point.point-7 {
  top: 20%;
  left: 47%; }

#page-greenandblue div.component-interactive-map button.point.point-7-2 {
  top: 45%;
  left: 83%; }

#page-greenandblue div.component-interactive-map button.point.point-8 {
  top: 57%;
  left: 25%; }

#page-greenandblue div.component-interactive-map button.point.point-9 {
  top: 30.5%;
  left: 16%; }

#page-greenandblue div.component-interactive-map button.point.point-9-2 {
  top: 41%;
  left: 60%; }

#page-greenandblue div.component-interactive-map button.point.point-9-3 {
  top: 25%;
  left: 74%; }

#page-greenandblue div.component-interactive-map button.point.point-9-4 {
  top: 51%;
  left: 82%; }

#page-heritage div.blueprint-strip {
  background: #EA615F; }
  #page-heritage div.blueprint-strip div.letter {
    color: #e43432; }

#page-heritage div.page-blueprint-overview div.overview-content {
  background: #F7BCBB; }
  #page-heritage div.page-blueprint-overview div.overview-content header {
    background: #EA615F; }
    #page-heritage div.page-blueprint-overview div.overview-content header:after {
      content: 'C'; }

#page-heritage div.component-interactive-map button.point.point-1 {
  top: 12%;
  left: 22.5%; }

#page-heritage div.component-interactive-map button.point.point-1-2 {
  top: 43%;
  left: 22%; }

#page-heritage div.component-interactive-map button.point.point-2 {
  top: 19.5%;
  left: 41%; }

#page-heritage div.component-interactive-map button.point.point-3 {
  top: 47%;
  left: 31%; }

#page-heritage div.component-interactive-map button.point.point-4 {
  top: 37%;
  left: 56%; }

#page-heritage div.component-interactive-map button.point.point-5 {
  top: 38%;
  left: 47%; }

#page-heritage div.component-interactive-map button.point.point-6 {
  top: 27%;
  left: 47%; }

#page-heritage div.component-interactive-map button.point.point-7 {
  top: 40%;
  left: 62%; }

#page-heritage div.component-interactive-map button.point.point-8 {
  top: 32%;
  left: 20%; }

#page-heritage div.component-interactive-map button.point.point-8-2 {
  top: 92%;
  left: 92%; }

#page-heritage div.component-interactive-map button.point.point-8-3 {
  top: 18%;
  left: 52%; }

#page-heritage div.component-interactive-map button.point.point-9 {
  top: 50%;
  left: 80%; }

#page-heritage div.component-interactive-map button.point.point-10 {
  top: 19%;
  left: 61%; }

#page-heritage div.component-interactive-map button.point.point-10-2 {
  top: 87%;
  left: 74%; }

#page-heritage div.component-interactive-map button.point.point-10-3 {
  top: 31%;
  left: 32%; }

#page-heritage div.component-interactive-map button.point.point-10-4 {
  top: 45%;
  left: 62%; }

#page-heritage div.component-interactive-map button.point.point-11 {
  top: 11%;
  left: 6%; }

#page-heritage div.component-interactive-map button.point.point-11-2 {
  top: 75%;
  left: 41%; }

#page-heritage div.component-interactive-map button.point.point-11-3 {
  top: 75%;
  left: 90%; }

#page-index div.buttons {
  margin: 40px 0 0 0; }
  #page-index div.buttons a {
    text-align: center;
    border: 2px solid white;
    padding: 20px 50px;
    transition: transform 100ms linear;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: bold;
    color: white;
    text-decoration: none;
    background: linear-gradient(to bottom, #14a39b 0%, #1C877E 100%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #page-index div.buttons a:hover {
      transform: scale(1.02); }
  @media (max-width: 999px) {
    #page-index div.buttons a:not(:last-child) {
      margin-bottom: 20px; } }
  @media (min-width: 1000px) {
    #page-index div.buttons {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 20px; } }

#page-index div.component-content:not(:first-child) {
  margin-top: 40px; }

#page-index div.component-image-break {
  background-image: url("/assets/images/index.jpg");
  height: 60vh; }

#page-movement div.blueprint-strip {
  background: #644691; }
  #page-movement div.blueprint-strip div.letter {
    color: #4c356f; }

#page-movement div.page-blueprint-overview div.overview-content {
  background: #BDB1CE; }
  #page-movement div.page-blueprint-overview div.overview-content header {
    background: #644691; }
    #page-movement div.page-blueprint-overview div.overview-content header:after {
      content: 'B'; }

#page-movement div.component-interactive-map button.point.point-1 {
  top: 63%;
  left: 39%; }

#page-movement div.component-interactive-map button.point.point-2 {
  top: 58%;
  left: 51%; }

#page-movement div.component-interactive-map button.point.point-2-2 {
  top: 53%;
  left: 77%; }

#page-movement div.component-interactive-map button.point.point-2-3 {
  top: 23%;
  left: 43%; }

#page-movement div.component-interactive-map button.point.point-2-4 {
  top: 33%;
  left: 53%; }

#page-movement div.component-interactive-map button.point.point-3 {
  top: 39%;
  left: 49%; }

#page-movement div.component-interactive-map button.point.point-4 {
  top: 4%;
  left: 20%; }

#page-movement div.component-interactive-map button.point.point-4-2 {
  top: 9.5%;
  left: 61%; }

#page-movement div.component-interactive-map button.point.point-4-3 {
  top: 90%;
  left: 42%; }

#page-movement div.component-interactive-map button.point.point-4-4 {
  top: 35%;
  left: 88%; }

#page-movement div.component-interactive-map button.point.point-5 {
  top: 59%;
  left: 19%; }

#page-movement div.component-interactive-map button.point.point-5-2 {
  top: 33%;
  left: 68%; }

#page-movement div.component-interactive-map button.point.point-6 {
  top: 67.5%;
  left: 31%; }

#page-movement div.component-interactive-map button.point.point-6-2 {
  top: 79.5%;
  left: 46%; }

#page-movement div.component-interactive-map button.point.point-6-3 {
  top: 76%;
  left: 83%; }

#page-movement div.component-interactive-map button.point.point-6-4 {
  top: 17%;
  left: 6%; }

#page-movement div.component-interactive-map button.point.point-6-5 {
  top: 46%;
  left: 21%; }

#page-movement div.component-interactive-map button.point.point-7 {
  top: 40%;
  left: 41%; }

#page-movement div.component-interactive-map button.point.point-8 {
  top: 25%;
  left: 12%; }

#page-movement div.component-interactive-map button.point.point-8-2 {
  top: 12%;
  left: 50%; }

#page-movement div.component-interactive-map button.point.point-8-3 {
  top: 68%;
  left: 75%; }

#page-movement div.component-interactive-map button.point.point-9 {
  top: 19%;
  left: 50%; }

#page-movement div.component-interactive-map button.point.point-9-2 {
  top: 30%;
  left: 14%; }

#page-movement div.component-interactive-map button.point.point-9-3 {
  top: 17%;
  left: 73.5%; }

#page-movement div.component-interactive-map button.point.point-9-4 {
  top: 75%;
  left: 75%; }

#page-news div.component-content:not(:last-child) {
  margin-bottom: 50px; }

#page-news div.buttons {
  margin: 30px auto 0 auto;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr; }
  @media (max-width: 899px) {
    #page-news div.buttons {
      grid-template-columns: 1fr; } }
  #page-news div.buttons a {
    padding: 14px;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    border-radius: 10px 0 20px 0;
    transition: linear background 200ms;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #page-news div.buttons a:hover {
      background: rgba(255, 255, 255, 0.3); }
    #page-news div.buttons a p {
      margin: 0;
      text-align: center; }
      #page-news div.buttons a p:first-child {
        font-weight: bold;
        margin-bottom: 5px; }

@media (max-width: 899px) {
  #page-news div.videos div.video:not(:first-child) {
    margin-top: 20px; } }

@media (min-width: 900px) {
  #page-news div.videos {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr; } }

#page-news div.video header {
  margin-bottom: 10px; }

#page-news div.video h2 {
  margin: 0;
  font-size: 1em; }

#page-news div.video p {
  margin: 0; }

#page-news div.video video {
  width: 100%;
  height: auto; }

#page-projects div.component-content:first-child {
  margin-bottom: 50px; }

#page-projects div.opportunities {
  margin-top: 30px; }
  #page-projects div.opportunities div.opportunity h2 {
    margin: 0;
    font-weight: bold;
    font-size: 1em;
    line-height: 1.2em;
    color: #1B3060;
    text-transform: uppercase; }
  #page-projects div.opportunities div.opportunity div.text {
    margin-top: 10px; }
    #page-projects div.opportunities div.opportunity div.text p {
      margin: 0; }
  #page-projects div.opportunities div.opportunity div.images {
    max-width: 400px;
    margin: 20px auto 0 auto; }
  #page-projects div.opportunities div.opportunity div.images-set {
    position: relative; }
    #page-projects div.opportunities div.opportunity div.images-set:not(:first-child) {
      margin-top: 10px; }
    #page-projects div.opportunities div.opportunity div.images-set img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 10px; }
    #page-projects div.opportunities div.opportunity div.images-set.double {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 10px; }
    #page-projects div.opportunities div.opportunity div.images-set div.text {
      position: absolute;
      left: 10px;
      width: calc(100% - 20px);
      text-align: center;
      bottom: 5px;
      font-size: 0.6em;
      font-weight: bold;
      background: rgba(100, 100, 100, 0.6);
      padding: 4px;
      line-height: 1.15em;
      border-radius: 4px; }
  @media (max-width: 999px) {
    #page-projects div.opportunities div.opportunity:not(:first-child) {
      margin-top: 35px; } }
  @media (min-width: 1000px) {
    #page-projects div.opportunities {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      margin-left: -17px;
      margin-right: -17px; }
      #page-projects div.opportunities div.opportunity {
        padding-left: 15px;
        padding-right: 15px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        border-left: 2px solid rgba(255, 255, 255, 0);
        border-right: 2px solid rgba(255, 255, 255, 0); }
        #page-projects div.opportunities div.opportunity:not(:first-child) {
          border-left-color: #1B3060; }
        #page-projects div.opportunities div.opportunity:not(:last-child) {
          border-right-color: #1B3060; }
        #page-projects div.opportunities div.opportunity h2 {
          font-size: 0.9em; }
        #page-projects div.opportunities div.opportunity div.text {
          -ms-flex-positive: 1;
          flex-grow: 1; }
          #page-projects div.opportunities div.opportunity div.text p {
            font-size: 0.8em;
            line-height: 1.3em; } }

#page-projects div.component-interactive-map {
  margin-top: 15px; }
  #page-projects div.component-interactive-map button.point {
    width: 40px;
    height: 40px;
    font-size: 1.1em; }
  #page-projects div.component-interactive-map button.point.point-1 {
    top: 10%;
    left: 53%; }
  #page-projects div.component-interactive-map button.point.point-2 {
    top: 6%;
    left: 77%; }
  #page-projects div.component-interactive-map button.point.point-3 {
    top: 27%;
    left: 71%; }
  #page-projects div.component-interactive-map button.point.point-4 {
    top: 23%;
    left: 58%; }
  #page-projects div.component-interactive-map button.point.point-5 {
    top: 28%;
    left: 83%; }
  #page-projects div.component-interactive-map button.point.point-6 {
    top: 55.5%;
    left: 78%; }
  #page-projects div.component-interactive-map button.point.point-7 {
    top: 67.5%;
    left: 78%; }
  #page-projects div.component-interactive-map button.point.point-8 {
    top: 17%;
    left: 82%; }
  #page-projects div.component-interactive-map button.point.point-9 {
    top: 90%;
    left: 6%; }

#page-vision div.vision-content {
  margin-top: 25px;
  display: grid;
  grid-gap: 15px; }
  @media (max-width: 699px) {
    #page-vision div.vision-content {
      grid-template-columns: 1fr; }
      #page-vision div.vision-content img.photo {
        -ms-flex-order: 1;
        order: 1; }
      #page-vision div.vision-content div.text {
        -ms-flex-order: 2;
        order: 2; }
        #page-vision div.vision-content div.text h2 {
          font-size: 1em; }
        #page-vision div.vision-content div.text p {
          font-size: 0.9em;
          padding: 10px; } }
  @media (min-width: 700px) {
    #page-vision div.vision-content div.text h2 {
      font-size: 0.9em; }
    #page-vision div.vision-content div.text p {
      font-size: 0.7em; } }
  @media (min-width: 700px) and (max-width: 999px) {
    #page-vision div.vision-content {
      grid-template-columns: 1fr 1fr 1fr; } }
  @media (min-width: 1000px) {
    #page-vision div.vision-content {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } }

#page-vision div.vision-content-point {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px; }
  #page-vision div.vision-content-point:nth-child(1) div.text {
    background: #DFA7A8; }
  #page-vision div.vision-content-point:nth-child(2) div.text {
    background: #71B8AF; }
  #page-vision div.vision-content-point:nth-child(3) div.text {
    background: #D9CB8E; }
  #page-vision div.vision-content-point:nth-child(4) div.text {
    background: #E8B69A; }
  #page-vision div.vision-content-point:nth-child(5) div.text {
    background: #9DC68E; }
  #page-vision div.vision-content-point div.text {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: center;
    padding: 8px;
    border-radius: 15px; }
    #page-vision div.vision-content-point div.text h2 {
      font-weight: bold;
      line-height: 1.1em;
      color: #1B3060;
      text-transform: uppercase; }
    #page-vision div.vision-content-point div.text p {
      margin: 15px 0 0 0;
      line-height: 1.3em;
      color: black; }
  #page-vision div.vision-content-point img.photo {
    width: 100%;
    height: auto;
    border-radius: 15px; }